/* ============================================================================== 
=================================================================================
CARELL RESET */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display:block;
}

body {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

    blockquote:before,
    blockquote:after,
    q:before,
    q:after {
        content: '';
        content: none;
    }

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

video {
    display:block;
    width: 100%;
    height: auto;
}
/* ============================================================================== 
=================================================================================
CARELL GRID */

html {}
html, body {
    height: 100%;
    width: 100%;
    padding: 0px;
    margin: 0px;
    border: none;
    background:#222 !important;
    min-width:1170px;
}
body {
/* 	overflow-x:hidden; */
}

.container {
    width: 1210px;
/*     min-width: 1210px !important; */
    margin: 0 auto;
}

    .container.full {
        width: 100%;
        padding: 0;
    }
#outer-container {
	min-height:720px;
}

#nav-menu { /*dpss*/
	padding: 0;
	background: #fff;
	background:#007ba5;
}
#nav-menu * { /*dpss*/
	font-family:'Montserrat', "Droid Sans", sans-serif;
}
/*
@media only screen and (max-width: 769px) {
    .container {
        padding: 0px 20px;
    }
}
*/

.row {
    width: 100%;
    max-width: 1170px;
    /* 	min-width: 720px; */
    margin: 0px auto;
}

    .row.full {
        max-width: 100%;
    }

#nav-menu .row {
    width: 100%;
    /* 	max-width: 100%; */
    max-width: none;
}

.row .row {
    min-width: 0px;
}

.column,
.columns {
    margin-left: 2.127663%;
    float: left;
    min-height: 1px;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .column:first-child,
    .columns:first-child,
    .no-margin,
    .alpha {
        margin-left: 0px;
    }

    .column.omega,
    .columns.omega {
        float: right;
    }

.no-margin {
    float: left;
}

.row .one.columns {
    width: 6.382989%;
}

.row .two.columns {
    width: 14.893641%;
}

.row .three.columns {
    width: 23.404293%;
}

.row .four.columns {
    width: 31.914945%;
}

.row .five.columns {
    width: 40.425597%;
}

.row .six.columns {
    width: 48.936249%;
}

.row .seven.columns {
    width: 57.446901%;
}

.row .eight.columns {
    width: 65.957553%;
}

.row .nine.columns {
    width: 74.468205%;
}

.row .ten.columns {
    width: 82.978857%;
}

.row .eleven.columns {
    width: 91.489509%;
}

.row .twelve.columns {
    width: 100%;
}

.contentWrapper .twelve.columns {
    width: 100%;
    margin-left: 0;
}

.row .twin.columns {
    width: 50%;
}

.row .triple.columns {
    width: 33.333333%;
}

.row .quad.columns {
    width: 25%;
}

.row .one.columns.no-margin {
    width: 8.333333%;
}

.row .two.columns.no-margin {
    width: 16.666666%;
}

.row .three.columns.no-margin {
    width: 25%;
}

.row .four.columns.no-margin {
    width: 33.333333%;
}

.row .five.columns.no-margin {
    width: 41.666666%;
}

.row .six.columns.no-margin {
    width: 50%;
}

.row .seven.columns.no-margin {
    width: 58.333333%;
}

.row .eight.columns.no-margin {
    width: 66.666666%;
}

.row .nine.columns.no-margin {
    width: 75%;
}

.row .ten.columns.no-margin {
    width: 83.333333%;
}

.row .eleven.columns.no-margin {
    width: 91.666666%;
}

.row .leftover.columns.no-margin {
    float: none;
    overflow: hidden;
}

.row .push_one {
    margin-left: 10.638315%;
}

.row .push_two {
    margin-left: 19.148967%;
}

.row .push_three {
    margin-left: 27.659619%;
}

.row .push_four {
    margin-left: 36.170271%;
}

.row .push_five {
    margin-left: 44.680923%;
}

.row .push_six {
    margin-left: 53.191575%;
}

.row .push_seven {
    margin-left: 61.702227%;
}

.row .push_eight {
    margin-left: 70.212879%;
}

.row .push_nine {
    margin-left: 78.723531%;
}

.row .push_ten {
    margin-left: 87.234183%;
}

.row .one.centered {
    margin-left: 46.808586%;
}

.row .two.centered {
    margin-left: 42.55326%;
}

.row .three.centered {
    margin-left: 38.297934%;
}

.row .four.centered {
    margin-left: 34.042608%;
}

.row .five.centered {
    margin-left: 29.787282%;
}

.row .six.centered {
    margin-left: 25.531956%;
}

.row .seven.centered {
    margin-left: 21.27663%;
}

.row .eight.centered {
    margin-left: 17.021304%;
}

.row .nine.centered {
    margin-left: 12.765978%;
}

.row .ten.centered {
    margin-left: 8.510652%;
}

.row .eleven.centered {
    margin-left: 4.255326%;
}

.row .push_one:first-child {
    margin-left: 8.510652%;
}

.row .push_two:first-child {
    margin-left: 17.021304%;
}

.row .push_three:first-child {
    margin-left: 25.531956%;
}

.row .push_four:first-child {
    margin-left: 34.042608%;
}

.row .push_five:first-child {
    margin-left: 42.55326%;
}

.row .push_six:first-child {
    margin-left: 51.063912%;
}

.row .push_seven:first-child {
    margin-left: 59.574564%;
}

.row .push_eight:first-child {
    margin-left: 68.085216%;
}

.row .push_nine:first-child {
    margin-left: 76.596868%;
}

.row .push_ten:first-child {
    margin-left: 85.10652%;
}

.row .push_eleven:first-child {
    margin-left: 93.617172%;
}

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

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

#map_canvas img, .map_canvas img {
    max-width: none !important;
}

.row:before, .row:after, .clearfix:before, .clearfix:after {
    content: "";
    display:table;
}

.row:after, .clearfix:after {
    clear: both;
}

.row, .clearfix {
    zoom: 1;
}

@media only screen and (max-width: 568px) {
    .row {
        max-width: none;
    }

    .container {
        width: 100%;
        min-width: 0px !important;
    }

    #sidebar-container.columns,
    #content-container.columns {
        width: 100%;
    }

    #list-page-container.grid-view #list-page-overflow {
        width: 100%;
    }

    #list-page-container.grid-view .row.car-box {
        margin-right: 0;
        width: 100%;
        float: none;
        display:block;
    }

    .car-content, .car-image {
        float: none;
        width: 100% !important;
    }

    .car-box .car-content {
        border: 0 !important;
    }
}

@media only screen and (max-width: 768px) {
    .no-tablet {
        display:none !important;
    }

    /*
body {
	-webkit-text-size-adjust: none;
	-ms-text-size-adjust: none;
	width: 100%;
	min-width: 0;
	margin-left: 0;
	margin-right: 0;
	padding-left: 0;
	padding-right: 0;
}
.container {
	min-width: 0;
	margin-left: 0;
	margin-right: 0;
}
.row {
	width: 100%;
	min-width: 0;
	margin-left: 0;
	margin-right: 0;
}
.row .row .column, .row .row .columns {
	padding: 0;
}
.column, .columns {
	width: auto !important;
	float: none;
	margin-left: 0;
	margin-right: 0;
}
.column:last-child, .columns:last-child {
	margin-right: 0;
	float: none;
}
.row .row .column, .row .row .columns {
	padding: 0;
}
.column, .columns {
	width: auto !important;
	float: none;
	margin-left: 0px;
	margin-right: 0px;
}
.column:last-child, .columns:last-child {
	margin-right: 0;
	float: none;
}
 [class*="column"] +[class*="column"]:last-child {
 float: none;
}
[class*="column"]:before, [class*="column"]:after {
	display:table;
}
[class*="column"]:after {
	clear: both;
}
.push_one, .push_two, .push_three, .push_four, .push_five, .push_six, .push_seven, .push_eight, .push_nine, .push_ten, .push_eleven, .centered {
	margin-left: 0% !important;
}
*/
}
/* ============================================================================== 
=================================================================================
CARELL TYPOGRAPHY */
body { /*dpss*/
/* 	font-family: 'Montserrat', "Droid Sans", sans-serif; */
	font-family: "Open Sans", 'OpenSans', Arial, Helvetica, sans-serif;
	font-weight: 400;
	color:#333;
	font-size:13px;
}

h1, h2, h3, h4, h5, h6 { /*dpss*/
	font-family: 'Montserrat', "Droid Sans", sans-serif;
}

html>body { /*dpss*/
/* 	font-size: 13px; */
}

p {
    font-size: 1em;
    line-height: 1.5385em;
    margin-top: 1.5385em;
    margin-bottom: 1.5385em;
}

h1, .h1 {
    font-size: 2.7692em;
    line-height: 1.1111em;
    margin-top: 0.5556em;
    margin-bottom: 0.5556em;
}

h2, .h2 {
    font-size: 2.3077em;
    line-height: 1.3333em;
    margin-top: 0.6667em;
    margin-bottom: 0.6667em;
}

h3, .h3 {
    font-size: 1.8462em;
    line-height: 1.6667em;
    margin-top: 0.8333em;
    margin-bottom: 0.8333em;
}

h2.h3 { font-weight:normal; }

h4, .h4 {
    font-size: 1.3846em;
    line-height: 28px;
    margin-top: 1.1111em;
    margin-bottom: 1.1111em;
}

h5, .h5 {
    font-size: 1.2308em;
    line-height: 1.2500em;
    margin-top: 1.2500em;
    margin-bottom: 1.2500em;
}

h6, .h6 {
    font-size: 1.0769em;
    line-height: 1.4286em;
    margin-top: 1.4286em;
    margin-bottom: 1.4286em;
}

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

    a:hover {
        color: #363f48;
    }

pre {
    font-family: 'Montserrat', "Droid Mono", sans-serif;
    color: #8794a2;
    white-space: pre;
    line-height: 20px;
    background: url(/images/staging/code-background.jpg) repeat;
    padding-left: 10px;
    border-left: 4px solid #8794a2;
}

address {
    font-family: 'Montserrat', 'Droid Serif', serif;
    font-style: italic;
    letter-spacing: 1px;
    line-height: 20px;
}

code {
    font-family: 'Montserrat', "Droid Mono", sans-serif;
    color: #8794a2;
    white-space: pre;
    line-height: 20px;
}

strong, b {
    font-weight: 700;
}

i, em {
    font-family: 'Montserrat', 'Droid Serif', serif;
    font-style: italic;
    letter-spacing: 1px;
}

small {
    font-size: 85%;
}

sup, sub {
    font-size: 85%;
}

blockquote {
    font-family: 'Montserrat', 'Droid Serif', serif;
    font-style: italic;
    font-size: 16px;
    line-height: 26px;
}

cite {
    display:block;
    text-align: right;
}

abbr {
    border-bottom: 1px dotted #8794a2;
    cursor: help;
}

/*
@media only screen and (max-width: 769px) { dpss
    body {
        font-family: 'Montserrat', "Droid Sans", sans-serif;
        color: #363f48;
    }

    html > body {
        font-size: 13px;
    }

    h1 {
        font-size: 24px;
    }

    h2 {
        font-size: 22px;
    }

    h3 {
        font-size: 20px;
    }

    h4 {
        font-size: 18px;
    }

    h5 {
        font-size: 16px;
    }

    h6 {
        font-size: 14px;
    }

    p {
        font-size: 12px;
    }
}
*/
/* ============================================================================== 
=================================================================================
CARELL SCROLLBAR */
::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-track {
    background-color: #8794a2;
}

::-webkit-scrollbar-thumb {
    background-color: #363f48;
}

::-webkit-scrollbar-button {
    background-color: #8794a2;
}

::-webkit-scrollbar-corner {
    background-color: #8794a2;
}
/* ============================================================================== 
=================================================================================
CARELL HORIZONTAL RULES */
hr {
    width: 100%;
    display:block;
    background: #e2e9f0;
    border: none;
    clear: both;
    margin: 60px 0px;
    height: 1px;
}
/* ============================================================================== 
=================================================================================
CARELL SHARE BOXES */
.share {
    border: 1px solid #e9edf2;
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    border-radius:2px;
    background: #fff;
    padding: 20px;
}

    .share ul {
        list-style-type: none;
    }

        .share ul li {
            display:inline;
            margin: 0px 3px 10px 3px;
        }

            .share ul li:first-child {
                margin: 0px 4px 10px 0px;
            }

            .share ul li a {
                color: #545f6b;
                font-size: 17px;
            }

                .share ul li a :hover {
                    color: #f34b0a;
                }
/* ============================================================================== 
=================================================================================
CARELL TOP BAR */
.top-bar {
    background: #363f48;
    padding: 20px 0px 10px 0px;
    font-size: 12px;
    color: #8794a2;
}

    .top-bar p {
        margin: 0px 0px;
    }

    .top-bar a {
        color: #f34b0a;
    }

        .top-bar a:hover {
            color: #8794a2;
        }
/* Notification */
.notification {
    float: left;
}
/* Social */
.social ul {
    float: right;
}

    .social ul li {
        display:block;
        float: left;
        margin-right: 10px;
    }

        .social ul li a {
            font-size: 16px;
            color: #8794a2;
        }

            .social ul li a:hover {
                color: #fff;
            }

.footer .social ul li a:hover {
    color: #363f48;
}
/* Call us */
.call-us {
    float: right;
}

    .call-us span {
        font-size: 16px;
        vertical-align: middle;
    }

@media only screen and (max-width: 769px) {
    .notification {
        float: none;
        display:block;
        width: 100%;
        margin-bottom: 10px;
    }
}
/* ============================================================================== 
=================================================================================
CARELL HEADER */

/* Logo */
.logo {
    float: left;
    display:block;
    padding: 0;
    margin: 10px 0px 0px 15px;
}
/* Main nav */
ul.main-navigation {
    float: right;
}

    ul.main-navigation li {
        display:block;
        float: left;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
		border-right: #333333 solid 1px;
    }

		ul.main-navigation li a { /* dpss */
			font-weight: normal;
			font-size: 13px;
			text-transform: uppercase;
			display:block;
			padding: 60px 30px 45px 30px;
			padding: 20px 20px 15px;	/* -5px bottom to offset border */
			padding:17px 20px 12px;
			background: none;
			color: #363f48;
			color: #fff;
			margin: 0px 0px 0px 0px;
			border-bottom: 5px solid transparent;
		}

    ul.main-navigation.pills li a {
        font-weight: 300;
        font-size: 13px;
        display:inline-block;
        padding: 5px 18px 5px 18px;
        background: none;
        color: #363f48;
        margin: 53px 10px 0px 0px;
        border: 1px solid #e8e8e8;
        border-bottom: 1px solid #e8e8e8;
        background: #fff;
        -webkit-border-radius:3px;
        -moz-border-radius:3px;
        border-radius:3px;
    }

        ul.main-navigation.pills li a.active {
            background: #f34b0a;
            color: #fff;
            border-bottom: 1px solid #e8e8e8;
        }

        ul.main-navigation.pills li a:hover {
            background: #363f48;
            color: #fff;
            border-bottom: 1px solid #e8e8e8;
        }

    ul.main-navigation.pills li > ul.sub-menu {
        display:none;
        text-align: left;
        position: absolute;
        width: 160px;
        padding-top: 43px;
        margin: 0px 0px 0px 0px;
        -webkit-border-bottom-right-radius:2px;
        -webkit-border-bottom-left-radius:2px;
        -moz-border-radius-bottomright: 2px;
        -moz-border-radius-bottomleft: 2px;
        border-bottom-right-radius:2px;
        border-bottom-left-radius:2px;
        z-index: 10000;
    }

        ul.main-navigation.pills li > ul.sub-menu li > ul.sub-menu {
            padding-top: 0px;
        }

        ul.main-navigation.pills li > ul.sub-menu li a {
            color: #363f48;
            font-size: 13px;
            border: none;
            background: #fff;
            -webkit-border-radius:0px;
            -moz-border-radius:0px;
            border-radius:0px;
        }

    ul.main-navigation li a.active {
        border-bottom: 5px solid #007ba5;
    }

    ul.main-navigation li a:hover {
        border-bottom: 5px solid #fff;
    }

    ul.main-navigation li ul {
        padding-left: 0px;
    }

    ul.main-navigation li > ul.sub-menu {
        display:none;
        text-align: left;
        position: absolute;
        width: 175px; /*dpss*/
        margin: -5px 0px 0px 0px;
        margin:0px;
        -webkit-border-bottom-right-radius:2px;
        -webkit-border-bottom-left-radius:2px;
        -moz-border-radius-bottomright: 2px;
        -moz-border-radius-bottomleft: 2px;
        border-bottom-right-radius:2px;
        border-bottom-left-radius:2px;
        z-index: 10000;
    }

        ul.main-navigation li > ul.sub-menu li > ul.sub-menu {
            border-top: none;
        }

        ul.main-navigation li > ul.sub-menu > ul.sub-menu {
            margin: 0px 0px 0px 0px;
        }

        ul.main-navigation li > ul.sub-menu li {
            background: #fff;
            display:block;
            float: none;
            margin: 0px;
            position: relative;
            border-top: none;
            padding: 0px 0px 0px 0px;
            border-left: none;
            border-bottom: none;
        }

ul.sub-menu li:first-child {
    margin-top: 0px;
    border-top: none;
}

ul.main-navigation li > ul.sub-menu li:last-child {
    border-bottom: none;
    border-right: none;
}

ul.main-navigation li > ul.sub-menu li a { /* change colour for 2nd level menus */
    color: #363f48;
    font-size: 11px;
    border: none;
/*
    background: #fff;
    color:#fff;
*/
    background:#006080;/*dpss*/
	background:#fff;
	color:#333;
}

    ul.main-navigation li > ul.sub-menu li a:hover {
        background: #363f48;
        background:#333;
	    color: #006080;
	    background:#fff;
	    color:#007ba5;
    }

    ul.main-navigation li > ul.sub-menu li a.active {
        background: #363f48;
        color: #fff;
    }

ul.main-navigation li > ul.sub-menu li > ul.sub-menu {
    text-align: left;
    position: absolute;
    width: 160px;
    background: #fff;
    margin: 0px;
    top: 0px;
    left: 160px;
    z-index: 100;
}

    ul.main-navigation li > ul.sub-menu li > ul.sub-menu li {
        background: #fff;
        margin: 0px;
        display:block;
        position: relative;
    }

        ul.main-navigation li ul.sub-menu .sub-menu-title,
        ul.main-navigation li > ul.sub-menu li a,
        ul.main-navigation li > ul.sub-menu li > ul.sub-menu li > ul.sub-menu li a {
            display:block;
            padding: 10px 0px 10px 10px;
            padding:15px;
            margin: 0px;
            line-height: 16px;
        }
        ul.main-navigation li ul.sub-menu .sub-menu-title:last-child,
        ul.main-navigation li > ul.sub-menu li a:last-child,
        ul.main-navigation li > ul.sub-menu li > ul.sub-menu li > ul.sub-menu li a:last-child {

        }

        ul.main-navigation li > ul.sub-menu li > ul.sub-menu li > ul.sub-menu li:first-child {
            border-top: none;
        }

        ul.main-navigation li > ul.sub-menu li > ul.sub-menu li > ul.sub-menu li:last-child {
            border-bottom: none;
        }

.main-nav select {
    display:none;
}
/* Main nav v1 */
nav.nav-1 {
    border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
}

ul.main-navigation.nav-1 {
    float: none;
    clear: both;
    display:block;
}

    ul.main-navigation.nav-1.inline {
        float: right;
        clear: none;
        display:block;
    }

    ul.main-navigation.nav-1 li {
        display:block;
        float: left;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        border-right: 1px solid #e8e8e8;
    }

        ul.main-navigation.nav-1 li:first-child {
            display:block;
            float: left;
            margin: 0px 0px 0px 0px;
            padding: 0px 0px 0px 0px;
            border-left: 1px solid #e8e8e8;
        }

    ul.main-navigation.nav-1.inline li a {
        font-weight: 300;
        font-size: 13px;
        display:block;
        padding: 50px 30px 55px 30px;
        background: none;
        color: #363f48;
        margin: 0px 0px 0px 0px;
        background: #fff;
    }

    ul.main-navigation.nav-1 li a {
        font-weight: 300;
        font-size: 13px;
        display:block;
        padding: 30px 30px 30px 30px;
        background: none;
        color: #363f48;
        margin: 0px 0px 0px 0px;
        background: #fff;
    }

        ul.main-navigation.nav-1 li a.active {
            background: #363f48;
            color: #fff;
        }

        ul.main-navigation.nav-1 li a:hover {
            background: #f34b0a;
            color: #fff;
        }

    ul.main-navigation.nav-1 li ul {
        padding-left: 0px;
    }

    ul.main-navigation.nav-1 li > ul.sub-menu {
        display:none;
        text-align: left;
        position: absolute;
        width: 160px;
        margin: 0px 0px 0px 0px;
        z-index: 10000;
        -webkit-border-bottom-right-radius:2px;
        -webkit-border-bottom-left-radius:2px;
        -moz-border-radius-bottomright: 2px;
        -moz-border-radius-bottomleft: 2px;
        border-bottom-right-radius:2px;
        border-bottom-left-radius:2px;
    }

        ul.main-navigation.nav-1 li > ul.sub-menu li > ul.sub-menu {
            border-top: none;
        }

        ul.main-navigation.nav-1 li > ul.sub-menu > ul.sub-menu {
            margin: 0px 0px 0px 0px;
        }

        ul.main-navigation.nav-1 li > ul.sub-menu li {
            background: #fff;
            display:block;
            float: none;
            margin: 0px;
            position: relative;
            border-top: none;
            padding: 0px 0px 0px 0px;
            border-left: none;
            border-bottom: none;
            border-right: none;
        }

ul.sub-menu li:first-child {
    margin-top: 0px;
    border-top: none;
}

ul.main-navigation.nav-1 li > ul.sub-menu li:last-child {
    border-bottom: none;
    border-right: none;
}

ul.main-navigation.nav-1 li > ul.sub-menu li a {
    color: #363f48;
    font-size: 13px;
    border: none;
    background: #fff;
}

    ul.main-navigation.nav-1 li > ul.sub-menu li a:hover {
        background: #363f48;
        color: #fff;
    }

    ul.main-navigation.nav-1 li > ul.sub-menu li a.active {
        background: #363f48;
        color: #fff;
    }

ul.main-navigation.nav-1 li > ul.sub-menu li > ul.sub-menu {
    text-align: left;
    position: absolute;
    width: 160px;
    background: #fff;
    margin: 0px;
    top: 0px;
    left: 160px;
    z-index: 100;
}

    ul.main-navigation.nav-1 li > ul.sub-menu li > ul.sub-menu li {
        background: #fff;
        margin: 0px;
        display:block;
        position: relative;
    }

ul.main-navigation.nav-1 li > ul.sub-menu li a, ul.main-navigation li > ul.sub-menu li > ul.sub-menu li > ul.sub-menu li a {
    display:block;
    padding: 10px 0px 10px 10px;
    margin: 0px;
    line-height: 16px;
}

ul.main-navigation.nav-1 li > ul.sub-menu li > ul.sub-menu li > ul.sub-menu li:first-child {
    border-top: none;
}

ul.main-navigation.nav-1 li > ul.sub-menu li > ul.sub-menu li > ul.sub-menu li:last-child {
    border-bottom: none;
}

.main-nav select {
    display:none;
}
/* Search */
.nav-search {
    float: right;
    padding: 25px 0px 0px 0px;
    position: relative;
    margin: 0px;
    margin-left: 20px;
    margin-right: 15px;
    z-index: 99999;
}

    .nav-search span.icon-search {
        color: #fff;
        font-size: 14px;
        background: #545f6b;
        padding: 5px;
        -webkit-border-radius:2px;
        -moz-border-radius:2px;
        border-radius:2px;
        cursor: pointer;
    }

        .nav-search span.icon-search.orange {
            background: #f34b0a;
        }

    .nav-search input {
        display:none;
        position: absolute;
        right: 23px;
        top: 58px;
        margin: 0px;
        padding: 10px 10px;
        border: 1px solid #545f6b;
        border-right: 0px;
        -webkit-border-radius:2px;
        -webkit-border-top-right-radius:0;
        -moz-border-radius:2px;
        -moz-border-radius-topright: 0;
        border-radius:2px;
        border-top-right-radius:0;
        background: #363f48;
        color: #8794a2;
        font-family: 'Montserrat', "Droid Sans", sans-serif;
        font-size: 12px;
        min-width: 220px;
    }

#header-banner {
    position: relative;
    display:block;
    width: 100%;
    height: 150px;
    background: #eee;
    background: url(../images/common/top-strip.jpg) center center no-repeat;
}

.sub-menu .sub-menu-title {
    color: #007ba5;
}

.main-navigation .megamenu-wrap {
    position: absolute;
    background: #ccc;
    min-height: 200px;
    height: auto !important;
    height: 200px;
    width: 500px;
    padding: 25px;
    z-index: 10000;
}
/* ============================================================================== 
=================================================================================
CARELL BREADCRUMBS */
.breadcrumbs {
    background: #363f48 url(/images/staging/dark-promo-background.png) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding: 17px 0px;
}

.breadcrumbs-content {
    color: #fff;
}

    .breadcrumbs-content .page-title h4 {
        display:inline-block;
        float: left;
    }

    .breadcrumbs-content .page-title a {
        color: #fff;
        display:inline-block;
        float: right;
        margin-top: 25px;
    }
/* ============================================================================== 
=================================================================================
CARELL SLIDER CAPTIONS */
.bannercontainer {
    width: 100%;
    position: relative;
    padding: 0;
}

.banner {
    width: 100%;
    position: relative;
}

.slide-caption {
    background: rgba(54, 63, 72, 0.5);
    background: rgba(0, 123, 165, 0.5);
    width: 100%;
    height: 180px;
}

.caption-title {
    padding-left: 10%;
}

    .caption-title h2 {
        font-size: 36px;
        color: #fff;
    }

.caption-tags {
    padding-left: 10%;
}

    .caption-tags ul.tag li {
        border: 1px solid #fff;
        color: #fff;
        font-size: 18px;
        display:block;
        float: left;
        text-transform: uppercase;
        -webkit-border-radius:2px;
        -moz-border-radius:2px;
        border-radius:2px;
        margin-right: 5px;
        line-height: 18px;
        padding: 8px 17px;
        margin-top: 1px;
    }

        .caption-tags ul.tag li.tag-price {
            border: none;
            display:block;
            float: left;
            text-transform: uppercase;
            padding: 0px;
            margin-top: 0px;
        }

            .caption-tags ul.tag li.tag-price a span.price {
                background: #363f48;
                color: #fff;
                margin-right: 0px;
                line-height: 18px;
                padding: 10px 17px 10px 17px;
                float: left;
                -webkit-border-top-left-radius:2px;
                -webkit-border-bottom-left-radius:2px;
                -moz-border-radius-topleft: 2px;
                -moz-border-radius-bottomleft: 2px;
                border-top-left-radius:2px;
                border-bottom-left-radius:2px;
                transition: all 0.3s linear;
            }

            .caption-tags ul.tag li.tag-price a span {
                color: #fff;
                background: #f34b0a;
                text-align: right;
                padding: 10px 7px 10px 7px;
                float: left;
                -webkit-border-top-right-radius:2px;
                -webkit-border-bottom-right-radius:2px;
                -moz-border-radius-topright: 2px;
                -moz-border-radius-bottomright: 2px;
                border-top-right-radius:2px;
                border-bottom-right-radius:2px;
                transition: all 0.3s linear;
            }

            .caption-tags ul.tag li.tag-price a:hover span.price {
                background: #f34b0a;
            }

            .caption-tags ul.tag li.tag-price a:hover span {
                background: #363f48;
            }

.slide-caption-creative h1 {
    color: #fff;
    font-weight: 700;
    font-size: 36px;
}

.slide-caption-creative h4 {
    color: #fff;
    font-weight: 400;
    font-size: 24px;
}

.slide-caption-creative h1 span {
    color: #f34b0a;
}

.slide-caption-creative a.button-slide {
    font-size: 16px;
    color: #363f48;
    background: #fff;
    padding: 10px 25px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
}

    .slide-caption-creative a.button-slide:hover {
        font-size: 16px;
        color: #fff;
        background: #363f48;
        padding: 10px 25px;
        -webkit-border-radius:4px;
        -moz-border-radius:4px;
        border-radius:4px;
    }

@media only screen and (max-width: 769px) {
    .slide-caption {
        display:none;
    }

    .caption-title {
        display:none;
    }

    .caption-tags {
        display:none;
    }
}
/* ============================================================================== 
=================================================================================
CARELL MAIN SEARCH */
.main-search {
    background: #363f48;
    display:block;
    width: 100%;
    padding: 20px 0px 14px 0px;
}

    .main-search form .select-input:after {
        font-family: "icomoon";
        content: " \e6b4";
        font-size: 16px;
        width: 16px;
        height: 16px;
        display:block;
        color: #8794a2;
        position: absolute;
        top: 0;
        right: 0;
        margin-right: 10px;
        margin-top: 18px;
    }

.search-left {
    float: left;
    display:block;
    width: 79%;
}

.main-search form .search-left button {
    display:block;
    width: 100%;
    line-height: 12px;
    padding: 9px 5px;
    margin: 10px 0px;
    cursor: pointer;
    font-size: 12px;
    font-family: 'Montserrat', "Droid Sans", sans-serif;
    border: 1px solid #e7e7e7;
    background: #f34b0a;
    background-image: none;
    -webkit-appearance: none;
    outline: none;
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    border-radius:2px;
    border: 1px solid #283038;
    color: #fff;
    transition: all 0.4s linear;
}

    .main-search form .search-left button:hover {
        background: #46505a;
        transition: all 0.4s linear;
    }

.search-right {
    display:block;
    width: 20%;
    float: right;
}

.main-search form .search-right button {
    font-weight: normal;
    display:block;
    width: 100%;
    line-height: 12px;
    padding: 9px 5px 9px 4px;
    margin: 10px 0px;
    cursor: pointer;
    font-size: 12px;
    font-family: 'Montserrat', "Droid Sans", sans-serif;
    border: 1px solid #e7e7e7;
    background: #46505a;
    background-image: none;
    -webkit-appearance: none;
    outline: none;
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    border-radius:2px;
    border: 1px solid #283038;
    color: #fff;
    transition: all 0.4s linear;
    padding-left: 10px;
}

    .main-search form .search-right button:hover {
        background: #f34b0a;
    }

.advanced-search-fields {
    display:none;
}

.chosen-container {
    position: relative;
    display:block;
    vertical-align: middle;
    zoom: 1;
    *display:inline;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    margin-bottom: 0px;
}

    .chosen-container .chosen-drop {
        position: absolute;
        top: 100%;
        left: -9999px;
        z-index: 1010;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        border-top: 0;
        -webkit-border-bottom-right-radius:2px;
        -webkit-border-bottom-left-radius:2px;
        -moz-border-radius-bottomright: 2px;
        -moz-border-radius-bottomleft: 2px;
        border-bottom-right-radius:2px;
        border-bottom-left-radius:2px;
        margin-top: -10px;
        background-clip: padding-box;
    }

    .chosen-container.chosen-with-drop .chosen-drop {
        background: #283038;
        left: 0;
        position: absolute;
        z-index: 1010;
        -webkit-border-bottom-right-radius:2px;
        -webkit-border-bottom-left-radius:2px;
        -moz-border-radius-bottomright: 2px;
        -moz-border-radius-bottomleft: 2px;
        border-bottom-right-radius:2px;
        border-bottom-left-radius:2px;
        margin-top: -10px;
        background-clip: padding-box;
    }

.light-select-input .chosen-container .chosen-drop {
    position: absolute;
    top: 100%;
    left: -9999px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    border-top: 0;
    -webkit-border-bottom-right-radius:2px;
    -webkit-border-bottom-left-radius:2px;
    -moz-border-radius-bottomright: 2px;
    -moz-border-radius-bottomleft: 2px;
    border-bottom-right-radius:2px;
    border-bottom-left-radius:2px;
    margin-top: -10px;
    background-clip: padding-box;
    display:block;
}

.light-select-input .chosen-container.chosen-with-drop .chosen-drop {
    background: #fff;
    left: 0;
    -webkit-border-bottom-right-radius:2px;
    -webkit-border-bottom-left-radius:2px;
    -moz-border-radius-bottomright: 2px;
    -moz-border-radius-bottomleft: 2px;
    border-bottom-right-radius:2px;
    border-bottom-left-radius:2px;
/*     margin-top: -10px;  */
    margin-top:-1px; /* dpss */
    background-clip: padding-box;
    z-index: 999;
    display:block;
}

.chosen-container a {
    cursor: pointer;
}

.select-input {
    display:block;
}

    .select-input select {
        visibility: hidden;
    }

.light-select-input .chosen-container-single .chosen-single {
    display:inline-block;
    width: 100%;
    padding: 0px;
    margin: 10px 0px;
    cursor: pointer;
    font-size: 12px;
    font-family: 'Montserrat', "Droid Sans", sans-serif;
    border: 1px solid #363f48;
    outline: none;
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    border-radius:2px;
    border: 1px solid #283038;
    border: 1px solid #ddd;
    color: #363f48;
    transform: all 0.4s linear;
    background: #fff;
/*     background: #fafafa; */
/* dpss */
}

.chosen-container-single .chosen-single {
    display:inline-block;
    width: 100%;
    line-height: 16px;
    padding: 0px;
    margin: 10px 0px;
    cursor: pointer;
    font-size: 12px;
    font-family: 'Montserrat', "Droid Sans", sans-serif;
    border: 1px solid #e7e7e7;
    background: #46505a;
    outline: none;
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    border-radius:2px;
    border: 1px solid #283038;
    color: #fff;
    transform: all 0.4s linear;
}

    .chosen-container-single .chosen-single span {
        display:block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        padding: 7px 8px;
    }

.chosen-container-single .chosen-search {
    display:none;
}

.chosen-container .chosen-results {
    display:block;
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 200px;
    padding: 5px 0px;
    position: relative;
    z-index: 9999;
}

.light-select-input .chosen-container .chosen-results {
    display:block;
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 200px;
    padding: 5px 0px;
    background: #fff; /* dpss */
    border:1px solid #eee;
/*     background: #eee; */
    /*
	border-bottom: 1px solid #363f47;
	border-left: 1px solid #363f47;
	border-right: 1px solid #363f47;
*/
    border: 1px solid #ddd;
    border-top: none;
}

.chosen-container .chosen-results li {
    margin: 0;
    padding: 0px;
    list-style: none;
    line-height: 19px;
    color: #fff;
    font-size: 11px;
    padding: 5px 9px;
    cursor: pointer;
}

.light-select-input .chosen-container .chosen-results li {
    margin: 0;
    padding: 0px;
    list-style: none;
    line-height: 19px;
    color: #363f48;
    font-size: 11px;
    padding: 5px 9px;
    white-space: nowrap;
}

    .light-select-input .chosen-container .chosen-results li.highlighted {
        background: #fafafa;
    }

.chosen-container .chosen-results li.highlighted {
    background: #363f48;
}

.chosen-container-active.chosen-with-drop .chosen-single {
    background: #363f48;
}

.light-select-input .chosen-container-active.chosen-with-drop .chosen-single {
    background: #fafafa; /* dpss */
    background:#fff;
}
/* ============================================================================== 
=================================================================================
CARELL DROP CAPS */
.drop-caps p:first-letter {
    float: left;
    display:block;
    font-size: 70px;
    line-height: 60px;
    padding: 0px 10px;
    margin: 0px 20px 5px 0px;
    clear: right;
}

.drop-caps.orange p:first-letter {
    color: #f34b0a;
}

.drop-caps.round p:first-letter {
    float: left;
    display:block;
    font-size: 40px;
    line-height: 60px;
    padding: 10px 30px;
    margin: 0px 20px 5px 0px;
    clear: right;
    color: #fff;
    background: #363f48;
    -webkit-border-radius:100%;
    -moz-border-radius:100%;
    border-radius:100%;
}

.drop-caps.round.orange p:first-letter {
    background: #f34b0a;
}

.drop-caps.square p:first-letter {
    float: left;
    display:block;
    font-size: 40px;
    line-height: 60px;
    padding: 10px 30px;
    margin: 0px 20px 5px 0px;
    clear: right;
    color: #fff;
    background: #363f48;
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    border-radius:2px;
}

.drop-caps.square.orange p:first-letter {
    background: #f34b0a;
}
/* ============================================================================== 
=================================================================================
CARELL PROMO BOXES */

/* promo boxes */
.promo-box {
    border: 1px solid #e9edf2;
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    border-radius:2px;
}
    /* Unboxed Promo Boxes */
    .promo-box.unboxed {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        -webkit-border-radius:2px;
        -moz-border-radius:2px;
        border-radius:2px;
        padding: 20px 0px;
        border: none;
        background: #363f48;
    }

        .promo-box.unboxed.orange {
            background: #f34b0a;
        }

        .promo-box.unboxed.round .promo-number p {
            color: #fff;
            background: none;
            padding: 0px;
            font-size: 103px;
            margin: 0px;
            border: none;
        }

            .promo-box.unboxed.round .promo-number p span {
                padding: 0px;
                margin: 0px;
            }

        .promo-box.unboxed.round .promo-content {
            margin: 0px;
            padding: 0px;
            color: #fff;
        }

        .promo-box.unboxed.transparent {
            background: none;
            border: 1px solid #e9edf2;
            border-bottom: 1px solid #e9edf2;
            border: 1px solid #e9edf2;
        }

            .promo-box.unboxed.transparent .promo-number p {
                color: #363f48;
                background: none;
                padding: 0px;
                font-size: 103px;
                margin: 0px;
                border: none;
            }

                .promo-box.unboxed.transparent .promo-number p span {
                    padding: 0px;
                    margin: 0px;
                }

            .promo-box.unboxed.transparent .promo-content {
                margin: 0px;
                padding: 0px;
                color: #363f48;
            }

        .promo-box.unboxed.round {
            text-align: center;
            margin: 60px 0px;
            border-bottom: none;
        }
    /* Round promo boxes */
    .promo-box.round {
        text-align: center;
        margin: 60px 0px;
        border-bottom: 5px solid #363f48;
    }

        .promo-box.round .promo-number p {
            margin: -60px;
            display:inline-block;
            border: 10px solid #fff;
            background: #363f48;
            font-size: 40px;
            padding: 20px 40px;
            color: #fff;
            font-weight: 700;
            -webkit-border-radius:100%;
            -moz-border-radius:100%;
            border-radius:100%;
        }

        .promo-box.round.orange {
            border-bottom: 5px solid #f34b0a;
        }

            .promo-box.round.orange .promo-number p {
                background: #f34b0a;
            }

        .promo-box.round .promo-content {
            padding: 50px 25px 25px 25px;
        }
    /* Square Promo Boxes */
    .promo-box.square {
        text-align: center;
        margin: 60px 0px;
        border-bottom: 5px solid #363f48;
    }

        .promo-box.square .promo-number p {
            margin: -60px;
            display:inline-block;
            border: 10px solid #fff;
            background: #363f48;
            font-size: 40px;
            padding: 20px 40px;
            color: #fff;
            font-weight: 700;
            -webkit-border-radius:2px;
            -moz-border-radius:2px;
            border-radius:2px;
        }

        .promo-box.square.orange {
            border-bottom: 5px solid #f34b0a;
        }

            .promo-box.square.orange .promo-number p {
                background: #f34b0a;
            }

        .promo-box.square .promo-content {
            padding: 50px 25px 25px 25px;
        }
/* Simple promo boxes */
.promo.simple {
    text-align: left;
}

    .promo.simple span {
        font-size: 51px;
        vertical-align: middle;
        margin-right: 10px;
    }
        /* Orange promo simple */
        .promo.simple span.orange {
            color: #f34b0a;
        }
        /* Orange promo simple */
        .promo.simple span.default {
            color: #8794a2;
        }
    /* Promo simple rounded */
    .promo.simple.round {
        text-align: center;
    }

        .promo.simple.round span {
            font-size: 51px;
            vertical-align: middle;
            margin-right: 0px;
            border: 2px solid #363f48;
			-webkit-border-radius:50%;
			-moz-border-radius:50%;
			border-radius:50%;
            padding: 28px 30px;
            clear: both;
            display:inline-block;
            margin-bottom: 20px;
            color: #363f48;
        }

        .promo.simple.round.orange span {
            font-size: 51px;
            vertical-align: middle;
            margin-right: 0px;
            border: 2px solid #f34b0a;
			-webkit-border-radius:50%;
			-moz-border-radius:50%;
			border-radius:50%;
            padding: 28px 30px;
            clear: both;
            display:inline-block;
            margin-bottom: 20px;
            color: #f34b0a;
        }

        .promo.simple.round.default span {
            font-size: 51px;
            vertical-align: middle;
            margin-right: 0px;
            border: 2px solid #8794a2;
			-webkit-border-radius:50%;
			-moz-border-radius:50%;
			border-radius:50%;
            padding: 28px 30px;
            clear: both;
            display:inline-block;
            margin-bottom: 20px;
            color: #8794a2;
        }
        /* Orange promo simple */
        .promo.simple.round span.orange {
            color: #f34b0a;
        }
/* ============================================================================== 
=================================================================================
CARELL PROMO SECTIONS */

/* Light promo */
.light-promo {
    background: #e7e7e7;/*  url(/images/staging/light-promo-background.png) no-repeat center center; */
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
/* Dark promo */
.dark-promo {
    background: #333333;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.promo {
    padding: 60px 0px;
    width: 100%;
/*     text-align: center; */
}

    .promo.dark, .promo.dark h1, .promo.dark h2, .promo.dark h3, .promo.dark h4, .promo.dark h5, .promo.dark h6, .promo.dark p, .promo.dark a {
        color: #fff;
    }

    .promo p {
        line-height: 23px;
    }
/* ============================================================================== 
=================================================================================
CARELL TO TOP */
.to-top {
    position: fixed;
    bottom: 10px;
    right: 10px;
}

    .to-top a {
        display:block;
        padding: 5px 0px 5px 10px;
        background: #fff;
        border: 1px solid #e9edf2;
        -webkit-border-radius:2px;
        -moz-border-radius:2px;
        border-radius:2px;
    }

        .to-top a span {
            color: #8794a2;
            font-size: 16px;
        }

        .to-top a:hover span {
            color: #363f48;
            font-size: 16px;
        }
/* ============================================================================== 
=================================================================================
CARELL TIMELINE */
.timeline, .timeline.v1 {
    margin: 0px auto;
    max-width: 100%;
    overflow: hidden;
    height: auto;
    position: relative;
    padding: 0px;
    list-style-type: none;
    background: url(/images/staging/timeline-background.png);
    background-repeat: repeat-y;
    background-position: 50% 0;
}

    .timeline *, .timeline *:after, .timeline:after, .timeline *:before, .timeline:before, .timeline.v1 *, .timeline.v1 *:after, .timeline.v1:after, .timeline.v1 *:before, .timeline.v1:before {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .timeline .year, .timeline.v1 .year {
        background: #fff;
        font-size: 24px;
        max-width: 100%;
        clear: both;
        margin: 80px auto;
        color: #363f48;
        -webkit-border-radius:2px;
        -moz-border-radius:2px;
        border-radius:2px;
        text-align: center;
        padding: 15px 0px;
        border: 1px solid #e9edf2;
        border-bottom: 3px solid #e9edf2;
    }

        .timeline .year:before, .timeline.v1 .year:before {
            content: "\e607";
            font-family: "icomoon";
            font-size: 21px;
            color: #e9edf2;
            padding-right: 15px;
        }

        .timeline .year:first-of-type, .timeline.v1 .year:first-of-type {
            margin-top: 0 !important;
        }

        .timeline .year + .event, .timeline.v1 .year + .event {
            margin-top: -25px;
        }

    .timeline .event, .timeline.v1 .event {
        position: relative;
        text-align: center;
        float: right;
        clear: right;
        width: 45%;
        margin: 80px 2.5%;
        -webkit-border-radius:2px;
        -moz-border-radius:2px;
        border-radius:2px;
        list-style-type: none;
        display:block;
        padding: 0px;
        z-index: 15;
        text-decoration: none;
        /*
	-webkit-transition: background .15s linear;
	-moz-transition: background .15s linear;
	-ms-transition: background .15s linear;
	-o-transition: background .15s linear;
	transition: background .15s linear;
*/
    }

        .timeline .event.featured, .timeline.v1 .event.featured {
            width: 95% !important;
        }

            .timeline .event.featured:after, .timeline .event.featured:before, .timeline.v1 .event.featured:after, .timeline.v1 .event.featured:before {
                display:none;
            }

@media all and (max-width: 600px) {
    .timeline .event, .timeline.v1 .event {
        width: 85%;
    }
}

.timeline .event.offset-first, .timeline.v1 .event.offset-first {
    margin-top: -25px;
}

.timeline .event img, .timeline.v1 .event img {
    margin-top: 10px;
    max-width: 100%;
}

.timeline .event:hover, .timeline.v1 .event:hover {
}

    .timeline .event:hover:after, .timeline.v1 .event:hover:after {
    }

.timeline .event:nth-of-type(2n), .timeline.v1 .event:nth-of-type(2n) {
    float: left;
    clear: left;
}

    .timeline .event:nth-of-type(2n):after, .timeline.v1 .event:nth-of-type(2n):after {
        right: 5px;
        left: auto;
        background: #fff;
        width: 25px;
        height: 25px;
        margin-top: 0px;
        border: 1px solid #e8e8e8;
    }

@media all and (min-width: 650px) {
    .timeline .event:after, .timeline.v1 .event:after {
        display:block;
        font-family: "icomoon";
        content: '\e670';
        font-size: 13px;
        color: #e8e8e8;
        height: 25px;
        width: 25px;
        background: #fff;
		-webkit-border-radius:50%;
		-moz-border-radius:50%;
		border-radius:50%;
        position: absolute;
        left: 5px;
        top: 15px;
        border: 1px solid #e8e8e8;
    }
}

.timeline time, .timeline.v1 time {
    display:block;
    font-weight: bold;
}
/* ============================================================================== 
=================================================================================
CARELL SPACING */
section {
    margin: 0px auto 0px auto;
}

.space-top-and-bottom {
    margin: 100px auto;
}

.space-top {
    margin: 100px auto 0px auto;
}

.space-bottom {
    margin: 0px auto 100px auto;
}

.space-top-and-bottom.medium {
    margin: 40px auto 80px;
}

.space-top.medium {
    margin: 80px auto 0px auto;
}

.space-bottom.medium {
    margin: 0px auto 80px auto;
}

.space-top-and-bottom.small {
    margin: 60px auto;
}

.space-top.small {
    margin: 60px auto 0px auto;
}

.space-bottom.small {
    margin: 0px auto 60px auto;
}

.space-top-and-bottom.tiny {
    margin: 40px auto;
}

.space-top.tiny {
    margin: 40px auto 0px auto;
}

.space-bottom.tiny {
    margin: 0px auto 40px auto;
}
/* ============================================================================== 
=================================================================================
CARELL COUNT DOWN */
.dsCountDown:after {
    content: '';
    clear: both;
}

.dsCountDown {
    display:block;
    zoom: 1;
    width: 100%;
    margin: 50px 0px;
    text-align: center;
    clear: both;
}
    /* ------------------------- White Theme ------------------------- */
    .dsCountDown.ds-white {
        position: relative;
        font-family: 'Montserrat', "Droid Sans", sans-serif;
        text-align: center;
    }

.ds-white .ds-element {
    float: left;
    text-align: center;
    width: 19%;
    margin-right: 6%;
    margin-bottom: 6%;
    display:block;
    padding: 0px 0px;
    -webkit-box-shadow: 0px 0px 6px rgba(229, 238, 248, 1);
    -moz-box-shadow: 0px 0px 6px rgba(229, 238, 248, 1);
    box-shadow: 0px 0px 6px rgba(229, 238, 248, 1);
    border: 8px solid #e9edf2;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
}

.dsCountDown.ds-white > .ds-element.ds-element-seconds {
    margin-right: 0;
    padding-right: 0;
    border-right: 0;
    text-align: center;
    color: #fff;
}

.ds-white .ds-element-title {
    font-size: 18px;
    text-transform: capitalize;
    text-align: center;
    color: #fff;
    background: #f34b0a;
    display:block;
    padding: 15px 0px;
    margin-bottom: 1px;
    -webkit-border-top-left-radius:4px;
    -webkit-border-top-right-radius:4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius:4px;
    border-top-right-radius:4px;
}

.ds-white .ds-element-value {
    font-size: 78px;
    color: #fff;
    text-align: center;
    background: #363f48;
    font-weight: 700;
    padding: 40px 0px;
    -webkit-border-bottom-right-radius:4px;
    -webkit-border-bottom-left-radius:4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-right-radius:4px;
    border-bottom-left-radius:4px;
}
/* ============================================================================== 
=================================================================================
CARELL CAR BOXES */

/* *********** Car Boxes Overall ****************** */
.car-box {
    border: 1px solid #e9edf2;
    border: 1px solid #ddd;
    margin-bottom: 25px;
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    border-radius:2px;
    background: #fff;
}

    .car-box:hover {
        border: 1px solid #999;
    }
/* *********** Car Image ****************** */
.car-image {
    display:block;
    height: auto;
    width: 100%;
}

    .car-image img {
        width: 100%;
        height: auto;
        display:block;
        -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
        opacity: 1;
    }

    .car-image:hover img {
        -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
        opacity: 1;
    }

    .car-image a {
        position: relative;
        display:block;
        overflow: hidden;
        width: 100%;
        /* height: 100%; */
    }

        .car-image a span.background {
            position: absolute;
            top: -100%;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(54, 63, 72, 0.5);
            background: rgba(0, 123, 165, 0.5);
        }

        .car-image a:hover span.background {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(54, 63, 72, 0.5);
            background: rgba(0, 123, 165, 0.5);
        }

        .car-image a span.background span {
            position: absolute;
            font-size: 16px;
            top: -50%;
            left: 50%;
            margin-left: -16px;
            margin-top: -16px;
            color: #fff;
            border: 1px solid #fff;
            padding: 5px;
            text-align: center;
            -webkit-border-radius:2px;
            -moz-border-radius:2px;
            border-radius:2px;
        }

        .car-image a:hover span.background span {
            top: 50%;
            left: 50%;
        }
/* *********** Car Content ****************** */
.car-content {
    /* 	text-align: center; */
    padding: 0px 10px;
    margin: 15px 0px;
}

.car-title a {
    color:#363f48; /* dpss */
    color:#007ba5;
}

    .car-title a:hover {
        color: #f34b0a;
        color: #007ba5;
    }

.car-tags ul {
    text-align: center;
    display:inline-block;
}

    .car-tags ul li {
        display:block;
        float: left;
        margin-right: 4px;
        border: 1px solid #ebebeb;
        -webkit-border-radius:2px;
        -moz-border-radius:2px;
        border-radius:2px;
        font-size: 12px;
        color: #46505a;
        padding: 2px 5px;
    }

.car-info-box {
    position: relative;
    display:block;
    width: 100%;
    margin: 30px 0;
}

.car-price {
    text-align: left;
    display:inline-block;
    margin: 20px 0px 10px 0px;
    margin: 0 !important;
}

.car-box .car-price a span.price {
    background: #363f48;
    color: #fff;
    margin-right: 0px;
    line-height: 18px;
    padding: 3px 8px;
    float: left;
    -webkit-border-top-left-radius:2px;
    -webkit-border-bottom-left-radius:2px;
    -moz-border-radius-topleft: 2px;
    -moz-border-radius-bottomleft: 2px;
    border-top-left-radius:2px;
    border-bottom-left-radius:2px;
}

.car-box .car-price span.driveaway {
    position: relative;
    color: #666;
    font-size: 11px;
    text-transform: uppercase;
    vertical-align: middle;
}

.car-box .car-price a span {
    color: #fff;
    background: #f34b0a;
    text-align: right;
    padding: 6px 3px 5px 3px;
    float: left;
    -webkit-border-top-right-radius:2px;
    -webkit-border-bottom-right-radius:2px;
    -moz-border-radius-topright: 2px;
    -moz-border-radius-bottomright: 2px;
    border-top-right-radius:2px;
    border-bottom-right-radius:2px;
    margin-left: -1px;
}

.car-box .car-price a:hover span.price {
    background: #f34b0a;
}

.car-box .car-price a:hover span {
    background: #363f48;
}

.car-wrap {
    border-top: 1px solid #ebebeb;
}

.car-offers-box {
    position: absolute;
    display:block;
    width: 180px;
    height: 50px;
    background: #eee;
    right: 0;
    bottom: 25px; /* 25px margin included */
}
/* *********** Horizontal Small ****************** */
.car-box.horizontal.small .car-image {
    display:block;
    float: left;
    width: 50%;
}

.car-box.horizontal.small .car-content {
    display:block;
    float: left;
    width: 40%;
    text-align: left;
    padding: 0 5%;
    margin: 0px;
}

    .car-box.horizontal.small .car-content .car-title h3 {
        font-size: 16px;
        margin-top: 20px;
    }

    .car-box.horizontal.small .car-content .car-price {
        margin: 0px;
    }
/* *********** Horizontal Big ****************** */
.car-box.horizontal.big .car-image {
    display:block;
    float: left;
    width: 50%;
}

.car-box.horizontal.big .car-content {
    display:block;
    float: left;
    width: 50%;
    text-align: left;
    padding: 0 25px;
    margin: 0px;
}

.car-box.horizontal.big .car-tags ul li {
    display:block;
    float: left;
    border: none;
    margin-right: 0px;
    border-right: 1px solid #ebebeb;
    -webkit-border-radius:0px;
    -moz-border-radius:0px;
    border-radius:0px;
    font-size: 11px;
    color: #46505a;
    padding: 3px 8px;
    margin: 0px;
}

.car-box.horizontal.big .car-content .car-title h3 {
    font-size: 16px;
    margin-bottom: 10px;
    margin-top: 20px;
    line-height: 16px;
}

.car-box.horizontal.big .car-descript p {
    margin: 15px 0px;
}

.car-box.horizontal.big .car-price {
    margin: 0px 0px;
}

.car-box.horizontal.big .car-tags ul {
    display:block;
    float: none;
    width: 100%;
    padding: 0px;
    border-top: 1px solid #ebebeb;
    clear: both;
    margin: 0px;
}

.car-box.horizontal.big .car-price .price {
    font-size: 20px;
    color: #007ba5;
}
/* *********** Horizontal Medium ****************** */
.car-box.horizontal.medium .car-image {
    display:block;
    float: left;
    width: 50%;
}

.car-box.horizontal.medium .car-content {
    display:block;
    float: left;
    width: 50%;
    text-align: left;
    padding: 0 5%;
    margin: 0px;
}

    .car-box.horizontal.medium .car-content .car-title h3 {
        font-size: 16px;
        margin-top: 20px;
    }

    .car-box.horizontal.medium .car-content .car-price {
        margin: 0px;
    }

.car-box.horizontal.medium .car-tags ul li {
    display:block;
    float: left;
    border: none;
    margin-right: 0px;
    border-right: 1px solid #ebebeb;
    -webkit-border-radius:0px;
    -moz-border-radius:0px;
    border-radius:0px;
    font-size: 11px;
    color: #46505a;
    padding: 3px 8px;
    margin: 0px;
}

.car-box.horizontal.medium .car-tags ul {
    display:block;
    float: none;
    width: 100%;
    padding: 0px;
    border-top: 1px solid #ebebeb;
    clear: both;
    margin: 0px;
}
/* *********** Vertical Small ****************** */
.car-box.vertical.small .car-price {
    margin: 0px 0px;
}

.car-box.vertical.small .car-content .car-title h3 {
    font-size: 18px;
    margin-bottom: 15px;
    margin-top: 20px;
    line-height: 16px;
}
/* *********** Vertical Big ****************** */
.car-box.vertical.big .car-descript {
    padding: 0px 10px;
}
/* ============================================================================== 
=================================================================================
LIST PAGE */
#list-view {
    position: absolute;
    top: 0;
    display:block;
    right: 290px;
    width: 75px;
    height: 32px;
    margin-top: 22px;
    /* 	cursor: pointer; */
}

#sort-by {
    position: absolute;
    top: 0;
    right: 0;
    width: 100px;
}
/* ============================================================================== 
=================================================================================
CARELL BLOG BOXES */
.latest-blog-post {
    border: 1px solid #e9edf2;
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    border-radius:2px;
    margin-bottom: 50px;
}

    .latest-blog-post.vertical .blog-content, .latest-blog-post.vertical .blog-media {
        float: none;
        display:block;
        width: 100%;
    }

.blog-content {
    float: left;
    width: 50%;
}

.blog-content-wrap {
    padding: 20px;
}

.blog-media {
    float: left;
    width: 50%;
    position: relative;
    overflow: hidden;
}

    .blog-media span {
        position: absolute;
        width: 100%;
        height: 100%;
        top: -100%;
        left: 0;
        background: rgba(255, 255, 255, 0.8);
    }

        .blog-media span span {
            font-size: 50px;
            width: 30px;
            height: 30px;
            margin-top: -25px;
            margin-left: -25px;
            top: 50%;
            left: 50%;
            color: #363f48;
            background: none;
        }

.latest-blog-post:hover span {
    top: 0;
}

    .latest-blog-post:hover span span {
        top: 50%;
    }

.latest-blog-post span span:hover {
    color: #8794a2;
}

.blog-media img {
    display:block;
    width: 100%;
    height: auto;
}

.blog-meta ul li {
    display:block;
    float: left;
    margin-right: 10px;
}

    .blog-meta ul li a {
        font-size: 12px;
        color: #363f48;
    }

        .blog-meta ul li a:hover {
            color: #f34b0a;
        }

        .blog-meta ul li a span {
            padding-right: 5px;
        }

.blog-title h5 {
    margin-bottom: 10px;
    margin-top: 10px;
}

    .blog-title h5 a {
        color: #363f48;
    }

        .blog-title h5 a:hover {
            color: #f34b0a;
        }

.blog-excerpt-content p {
    margin: 10px 0px;
    font-size: 12px;
    line-height: 19px;
}

.blog-read-more a {
    color: #363f48;
}

    .blog-read-more a:hover {
        color: #f34b0a;
    }

.blog-box-container {
    width: 1200px;
    margin: 0px auto;
    -moz-column-count: 3;
    -moz-column-gap: 25px;
    -webkit-column-count: 3;
    -webkit-column-gap: 25px;
    column-count: 3;
    column-gap: 25px;
}

.blog-box {
    display:inline-block;
    margin-bottom: 0px;
    width: 100%;
    text-align: center;
}

    .blog-box .blog-meta ul {
        display:inline-block;
    }

.blog-excerpt-content.normal p {
    font-size: 1em;
    line-height: 1.5385em;
    margin-top: 1.5385em;
    margin-bottom: 1.5385em;
}

.post-tags ul {
    list-style-type: none;
    border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
    padding: 10px 20px;
}

    .post-tags ul li {
        font-size: 11px;
        display:inline-block;
    }

        .post-tags ul li a {
            color: #8794a2;
        }

            .post-tags ul li a:after {
                content: ", ";
            }

            .post-tags ul li a:hover {
                color: #363f48;
            }

.comments {
    margin: 50px 0px;
}

.comment-meta p {
    margin-top: 0px;
}

.comment-content p {
    font-size: 12px;
}

.comment {
    border-bottom: 1px solid #e8e8e8;
    padding: 40px 0px;
}

    .comment.reply {
        padding-left: 40px;
    }

@media only screen and (max-width : 1199px), only screen and (max-device-width : 1199px) {
    .blog-box-container {
        -moz-column-count: 3;
        -moz-column-gap: 25px;
        -webkit-column-count: 3;
        -webkit-column-gap: 25px;
        column-count: 3;
        column-gap: 25px;
        width: 1000px;
    }
}

@media only screen and (max-width : 999px), only screen and (max-device-width : 999px) {
    .blog-box-container {
        -moz-column-count: 3;
        -moz-column-gap: 25px;
        -webkit-column-count: 3;
        -webkit-column-gap: 25px;
        column-count: 3;
        column-gap: 25px;
        width: 800px;
    }
}

@media only screen and (max-width : 799px), only screen and (max-device-width : 799px) {
    .blog-box-container {
        -moz-column-count: 2;
        -moz-column-gap: 25px;
        -webkit-column-count: 2;
        -webkit-column-gap: 25px;
        column-count: 2;
        column-gap: 25px;
        width: 600px;
    }
}

@media only screen and (max-width : 599px), only screen and (max-device-width : 599px) {
    .blog-box-container {
        -moz-column-count: 1;
        -moz-column-gap: 25px;
        -webkit-column-count: 1;
        -webkit-column-gap: 25px;
        column-count: 1;
        column-gap: 25px;
        width: 400px;
    }
}

@media only screen and (max-width: 769px) {
    .blog-content {
        float: none;
        width: 100%;
    }

    .blog-media {
        float: none;
        width: 100%;
        position: relative;
        overflow: hidden;
    }
}
/* ============================================================================== 
=================================================================================
CARELL BOTTOM FOOTER */10
.bottom-footer {
    padding: 30px 0px 15px 0px;
    background: #363f48;
}

.copyrights p {
    font-size: 12px;
    color: #fff;
    margin: 0px;
}

.footer-navigation {
    text-align: right;
}

.bottom-footer .footer-navigation ul {
    display:inline-block;
}

    .bottom-footer .footer-navigation ul li {
        display:block;
        float: left;
        color: #fff;
    }

        .bottom-footer .footer-navigation ul li a {
            color: #fff;
            font-size: 12px;
            padding: 0px 5px;
        }

            .bottom-footer .footer-navigation ul li a:hover, .bottom-footer .footer-navigation ul li a.active {
                color: #007ba5;
            }

        .bottom-footer .footer-navigation ul li:after {
            content: " -";
        }

        .bottom-footer .footer-navigation ul li:last-child:after {
            content: "";
        }

@media only screen and (max-width: 769px) {
    .footer-navigation {
        display:none;
    }

    .copyrights p {
        text-align: center;
    }
}
/* ============================================================================== 
=================================================================================
CARELL TESTIMONIAL BOXES */
.testimonial-box {
    margin: 50px 0px;
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    border-radius:2px;
    background: #fff;
}

.testimonial-image {
    float: left;
    width: 30%;
}

.testimonial-content {
    float: left;
    width: 68%;
    text-align: left;
    color: #363f48;
    padding-left: 5%;
    padding-right: 5%;
    position: relative;
    overflow: hidden;
    height: 100%;
    padding-top: 5px;
}

.testimonial-box .testimonial-content p, .testimonial-box .testimonial-content a, .testimonial-box .testimonial-content a span {
    color: #363f48;
}

    .testimonial-box .testimonial-content a:hover span {
        color: #8794a2;
    }

.content-hidden {
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: #fff;
    text-align: right;
}

    .content-hidden a {
        color: #363f48;
        font-size: 60px;
        padding-right: 10px;
        position: absolute;
        right: 0;
        top: 50%;
        margin-top: -13px;
    }

        .content-hidden a:hover {
            color: #8794a2;
        }

.testimonial-box:hover .content-hidden {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
}

.testimonial-image img {
    display:block;
    width: 100%;
    height: auto;
}

p.testimonial-meta {
    margin-bottom: 0px;
    padding: 0px;
    line-height: 13px;
}

.timeline .testimonial-box {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    margin: 0px 0px;
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    border-radius:2px;
    background: #fff;
}

.timeline p.testimonial-meta {
    padding: 15px 0px;
}

.timeline .testimonial-image {
    float: right;
    width: 30%;
}

    .timeline .testimonial-image img {
        -webkit-border-radius:100%;
        -webkit-border-top-right-radius:0;
        -moz-border-radius:100%;
        -moz-border-radius-topright: 0;
        border-radius:100%;
        border-top-right-radius:0;
        width: 100%;
        height: auto;
    }

    .timeline .testimonial-image.left {
        float: left;
        width: 30%;
    }

        .timeline .testimonial-image.left img {
            -webkit-border-radius:100%;
            -webkit-border-top-left-radius:0;
            -moz-border-radius:100%;
            -moz-border-radius-topleft: 0;
            border-radius:100%;
            border-top-left-radius:0;
            width: 100%;
            height: auto;
        }

.timeline .testimonial-content {
    float: left;
    width: 60%;
    text-align: left;
    color: #363f48;
    padding-left: 5%;
    padding-right: 5%;
    position: relative;
    overflow: hidden;
    height: 100%;
    padding-top: 5px;
}

@media only screen and (max-width: 769px) {
    .testimonial-image {
        float: none;
        width: 100%;
    }

    .testimonial-content {
        float: none;
        width: 90%;
        text-align: left;
        color: #363f48;
        padding-left: 5%;
        padding-right: 5%;
        padding-bottom: 5%;
        position: relative;
        overflow: hidden;
        height: 100%;
        padding-top: 5px;
    }
}
/* ============================================================================== 
=================================================================================
CARELL TEAM BOXES */
.team-box {
    border: 1px solid #e9edf2;
    margin-bottom: 50px;
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    border-radius:2px;
}

    .team-box .team-image {
        position: relative;
        overflow: hidden;
    }

        .team-box .team-image img {
            display:block;
            width: 100%;
            height: auto;
        }

    .team-box:hover .team-image {
        overflow: hidden;
    }

.team-description {
    position: absolute;
    background: #fff;
    text-align: center;
    position: absolute;
    top: -100%;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(255, 255, 255, 0.9);
}

.team-box:hover .team-description {
    top: 0;
}

.team-description-wrap {
    padding: 20px;
}

.team-social-wrap {
    padding: 10px 20px 23px 20px;
}

.team-description p span {
    font-size: 30px;
}

.team-content {
    padding: 5px 15px;
    text-align: center;
}

    .team-content p {
        font-size: 16px;
        margin: 15px 0px;
    }

    .team-content ul {
        list-style: none;
        padding-bottom: 15px;
    }

        .team-content ul li {
            display:inline-block;
            margin: 0px 4px;
        }

            .team-content ul li a {
                font-size: 18px;
                color: #545f6b;
            }

                .team-content ul li a:hover {
                    color: #363f48;
                }
/* ============================================================================== 
=================================================================================
CARELL TABS */
.h-tab, .accordion-tab, .v-tab {
    border: 1px solid #E9EDF2;
    border: 0px;
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    border-radius:2px;
    margin-bottom: 60px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

ul.resp-tabs-list {
    background: #363f48;
    background: #ccc;
    background: #f0f0f0;
    border:1px solid #ddd;
    border-left:0px;
    /*
	-webkit-border-top-left-radius:3px;
	-webkit-border-top-right-radius:3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	border-top-left-radius:3px;
	border-top-right-radius:3px;
*/
    display:block;
    width: 100%;
}

#info-details ul.resp-tabs-list {
	border-right:0;
}

.resp-tabs-list li {
    font-weight: 400;
    font-weight:600;
    font-size: 13px;
    color: #333;
    display:inline-block;
    padding: 12px 23px;
    padding: 12px 15px;
    margin: 0;
    margin-left: 5px;
    margin-top: 5px;
    list-style: none;
    cursor: pointer;
    float: left;
    border-top: none;
    -webkit-border-radius:0px;
    -webkit-border-top-left-radius:2px;
    -webkit-border-top-right-radius:2px;
    -moz-border-radius:0px;
    -moz-border-radius-topleft: 2px;
    -moz-border-radius-topright: 2px;
    border-radius:0px;
    border-top-left-radius:2px;
    border-top-right-radius:2px;
    border:1px solid transparent;
    border-bottom:0px;
}

    .resp-tabs-list li:hover {
        background: #ddd;
/*         border-bottom:1px solid #ddd; */
    }

    .resp-tabs-list li.resp-tab-active:first-child {
        -webkit-border-top-left-radius:2px;
        -webkit-border-top-right-radius:2px;
        -moz-border-radius-topleft: 2px;
        -moz-border-radius-topright: 2px;
        border-top-left-radius:2px;
        border-top-right-radius:2px;
        border:1px solid #ddd;
        border-bottom:1px solid #fff;
    }

    .resp-tabs-list li.resp-tab-active:last-child {
    }

    .resp-tabs-list li.resp-tab-active {
        color: #363f48;
        border:1px solid #ddd;
        border-bottom:1px solid #fff;
    }

.resp-tabs-container {
    clear: both;
    display:block;
    padding: 0px;
    background-color: #fff;
}

h2.resp-accordion {
    cursor: pointer;
    padding: 5px;
    display:none;
}

.resp-tab-content {
    position: relative;
    display:none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
}

.resp-tab-active {
    border: none;
    border-bottom: none;
    margin-bottom: -1px !important;
}

    .resp-tab-active, .resp-tab-active:hover {
        border-bottom: none;
        background-color: #fff !important;
    }

.resp-content-active, .resp-accordion-active {
    display:block;
}

.resp-tab-content {
    border-top: none;
}

h2.resp-accordion {
    font-size: 13px;
    margin: 0px;
    padding: 10px 15px;
    background: #fff;
    color: #363f48;
}

h2.resp-tab-active {
    border-bottom: 0px solid #363f48 !important;
    margin-bottom: 0px !important;
    padding: 10px 15px !important;
    background: #363f48 !important;
    color: #fff;
}

h2.resp-tab-title:last-child {
    border-bottom: 12px solid #e8e8e8 !important;
    background: blue;
}

.resp-vtabs ul.resp-tabs-list {
    float: left;
    width: 30%;
}

.resp-vtabs .resp-tabs-list li {
    display:block;
    padding: 15px 15px !important;
    margin: 0;
    cursor: pointer;
    float: none;
}

.resp-vtabs .resp-tabs-container {
    padding: 0px;
    background-color: #fff;
    border: none;
    float: left;
    min-height: 250px;
    border-radius:2px;
    clear: none;
    width: 70%;
}

.resp-vtabs .resp-tab-content {
    border: none;
}

.resp-vtabs li.resp-tab-active {
    border-right: none;
    background-color: #fff;
    position: relative;
    z-index: 1;
    margin-right: -1px !important;
    padding: 14px 15px 15px 14px !important;
}

.resp-arrow:after {
    font-family: "icomoon";
    content: "\e702";
    color: #363f48;
    padding: 3px 15px 0px 0px;
}

h2.resp-tab-active span.resp-arrow:after {
    font-family: "icomoon";
    content: "\e701";
    color: #fff;
    padding: 3px 15px 0px 0px;
}

.resp-easy-accordion h2.resp-accordion {
    display:block;
    border: 1px solid #e8e8e8;
}

.resp-easy-accordion .resp-tab-content {
    border: 1px solid #e8e8e8;
}

    .resp-easy-accordion .resp-tab-content:last-child {
        border-bottom: 1px solid #e8e8e8 !important;
    }

.resp-jfit {
    width: 100%;
    margin: 0px;
}

.resp-tab-content-active {
    display:block;
}

h2.resp-accordion:first-child {
    border-top: 1px solid #e8e8e8 !important;
}

ul.tab-list {
    display:block;
    width: 100%;
    list-style: none;
}

    ul.tab-list li {
        display:block;
        border-bottom: 1px solid #e8e8e8;
        padding: 2px 20px 4px 20px;
    }

        ul.tab-list li:first-child {
            padding-top: 15px;
        }

        ul.tab-list li:last-child {
            border-bottom: none;
        }

        ul.tab-list li span {
            float: right;
        }

.tab-content {
    padding: 15px 20px;
}

    .tab-content h4, tab-content p {
        margin: 0px;
        padding: 15px 0px 0px 0px;
    }
/* ============================================================================== 
=================================================================================
CARELL FORMS */
.input, .textarea {
    border: 1px solid #363f48;
    border: 1px solid #ddd;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    display:block;
    width: 100%;
    margin: 25px 0px;
    margin: 15px 0;
    margin: 0 0 15px;
    position: relative;
    background: #fff;
}

.dark-form .input {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border: 1px solid #545f6b;
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    border-radius:2px;
    display:block;
    width: 100%;
    margin: 25px 0px;
    position: relative;
    background: transparent;
}

    .dark-form .input input {
        border: none;
        padding: 8px 15px;
        color: #fff;
        outline: none;
        display:block;
        font-size: 13px;
        width: 100%;
        font-family: 'Montserrat', "Droid Sans", sans-serif;
    }

.dark-form .input-submit {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border: none;
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    border-radius:2px;
    display:block;
    width: 100%;
    margin: 25px 0px;
    position: relative;
}

    .dark-form .input-submit input[type="button"] {
        border: none;
        background: transparent;
        color: white;
        outline: none;
        display:block;
        width: 100%;
        font-family: 'Montserrat', "Droid Sans", sans-serif;
        -webkit-border-radius:2px;
        -moz-border-radius:2px;
        border-radius:2px;
        cursor: pointer;
        padding: 11px 0px;
        font-size: 13px;
        border: 1px solid #545f6b;
    }

        .dark-form .input-submit input[type="button"]:hover {
            border: none;
            background: #363f48;
            outline: none;
            display:block;
            width: 100%;
            font-family: 'Montserrat', "Droid Sans", sans-serif;
            -webkit-border-radius:2px;
            -moz-border-radius:2px;
            border-radius:2px;
            cursor: pointer;
            border: 1px solid #545f6b;
        }

.input-submit input[type="submit"] {
    border: none;
    background: #363f48;
    color: #fff;
    outline: none;
    display:block;
    width: 100%;
    font-family: 'Montserrat', "Droid Sans", sans-serif;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    cursor: pointer;
    padding: 11px 0px;
    font-size: 13px;
    border: 1px solid #545f6b;
    border: 1px solid #ddd;
    margin: 25px 0px;
}

    .input-submit input[type="submit"]:hover {
        border: none;
        background: none;
        background: #999;
        color: #363f48;
        outline: none;
        display:block;
        width: 100%;
        font-family: 'Montserrat', "Droid Sans", sans-serif;
        -webkit-border-radius:2px;
        -moz-border-radius:2px;
        border-radius:2px;
        cursor: pointer;
        border: 1px solid #545f6b;
        margin: 25px 0px;
    }

.form p, .form h1, .form h2, .form h3, .form h4, form h5, .form h6 {
    text-align: left;
    margin: 10px 0px;
}

.dark-form p, .dark-form h1, .dark-form h2, .dark-form h3, .dark-form h4, .dark-form h5, .dark-form h6 {
    color: #fff;
    text-align: left;
    margin: 10px 0px;
}

.dark-form textarea::-webkit-input-placeholder, .dark-form .input input::-webkit-input-placeholder {
    color: #fff;
}

.dark-form textarea:-moz-placeholde, .dark-form .input input:-moz-placeholder {
    color: #fff;
}

.dark-form textarea::-moz-placeholder, .dark-form .input input::-moz-placeholder {
    color: #fff;
}

.dark-form textarea:-ms-input-placeholder, .dark-form .input input:-ms-input-placeholder {
    color: #fff;
}

input[type=radio], .dark-form .input input[type=checkbox] {
    display:none;
}

.input input {
    border: none;
    padding: 8px 0px 8px 15px;
    color: #363f47;
    outline: none;
    display:block;
    font-size: 13px;
    width: 90%;
    width:100%;
    font-family: 'Montserrat', "Droid Sans", sans-serif;
    background: none;
}

.textarea textarea {
    border: none;
    padding: 8px 15px 8px 15px;
    color: #363f47;
    outline: none;
    display:block;
    font-size: 13px;
    width: 90%;
    min-height: 140px;
    width: 95%;
    width: 98%;
    width:100%;
    font-family: 'Montserrat', "Droid Sans", sans-serif;
    background: none;
}

.dark-form .textarea {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border: 1px solid #545f6b;
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    border-radius:2px;
    display:block;
    width: 100%;
    background: transparent;
    margin-top: 24px;
}

    .dark-form .textarea textarea {
        border: none;
        background: none;
        padding: 8px 15px;
        color: #fff;
        outline: none;
        display:block;
        font-size: 13px;
        /* width: 90%; */
        /* min-height: 140px; */
        /* width: 98%; */
        font-family: 'Montserrat', "Droid Sans", sans-serif;
        height: 163px;
        /* margin-right: 46px; */
        width: 99.5%;
        margin-bottom: 0.5px;
    }

[placeholder]:focus::-webkit-input-placeholder {
    transition: text-indent 0.2s 0.2s ease;
    text-indent: -100%;
    opacity: 1;
}

.dark-select-input, .light-select-input {
    position: relative;
}

    .dark-select-input:after {
        font-family: "icomoon";
        content: " \e72c";
        font-size: 16px;
        width: 16px;
        height: 16px;
        display:block;
        color: #8794a2;
        position: absolute;
        top: 0;
        right: 0;
        margin-right: 10px;
        margin-top: 18px;
    }

    .light-select-input:after {
        font-family: "icomoon";
        content: " \e68c";
        font-size: 16px;
        width: 16px;
        height: 16px;
        display:block;
        color: #363f48;
        position: absolute;
        top: 0;
        right: 0;
        margin-right: 10px;
        margin-top: 18px;
    }

label {
    display:inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 25px;
    margin-right: 15px;
    font-size: 13px;
    margin-top: 15px;
    margin-top: 0;
}

textarea::-webkit-input-placeholder, input::-webkit-input-placeholder {
    color: #363f48;
}

textarea:-moz-placeholde, input:-moz-placeholder {
    color: #363f48;
}

textarea::-moz-placeholder, input::-moz-placeholder {
    color: #363f48;
}

textarea:-ms-input-placeholder, input:-ms-input-placeholder {
    color: #363f48;
}

input[type=radio], input[type=checkbox] {
    display:none;
}

label:before {
    content: "";
    display:inline-block;
    width: 19px;
    height: 19px;
    margin-right: 10px;
    position: absolute;
    left: 0;
    bottom: 1px;
    background-color:#363f48;
    background-color:#eee;
    box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, .3), 0px 0px 0px 0px rgba(255, 255, 255, .8);
	-webkit-border-radius:50px;
	-moz-border-radius:50px;
	border-radius:50px;
}

.checked-boxes label:before {
    content: inherit;
}

.radio {
    margin: 20px 0px;
    margin: 0;
}

.checkbox {
    margin: 20px 0px;
}

.radio label:before {
    border-radius:8px;
}

.checkbox label {
    margin-bottom: 10px;
}

    .checkbox label:before {
        border-radius:3px;
    }

.dark-form label:before {
    content: "";
    display:inline-block;
    width: 19px;
    height: 19px;
    margin-right: 10px;
    position: absolute;
    left: 0;
    bottom: 1px;
    background-color: #fff;
    box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, .3), 0px 1px 0px 0px rgba(255, 255, 255, .8);
}

.dark-form .radio {
    margin: 20px 0px;
    color: #fff;
}

.dark-form .checkbox {
    margin: 20px 0px;
    color: #fff;
}

.dark-form .radio label:before {
    border-radius:8px;
    color: #fff;
}

.dark-form .checkbox label {
    margin-bottom: 10px;
    color: #fff;
}

    .dark-form .checkbox label:before {
        border-radius:3px;
        color: #fff;
    }

.dark-form input[type=radio]:checked + label:before {
    content: "\e73b";
    color: #363f48;
    font-size: 13px;
    text-align: center;
    line-height: 22px;
    font-family: "icomoon";
}

.dark-form input[type=checkbox]:checked + label:before {
    content: "\e6fe";
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
    font-size: 15px;
    color: #363f48;
    text-align: center;
    line-height: 20px;
    font-family: "icomoon";
}

input[type=radio]:checked + label:before {
    content: "\f192";
    color: #fff;
    font-size: 13px;
    text-align: center;
    line-height: 21px;
    font-family: 'FontAwesome';
    background:#007ba5;
}

input[type=checkbox]:checked + label:before {
    content: "\f00c";
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
    font-size: 15px;
    color: #fff;
    background:#007ba5;
    text-align: center;
    line-height: 18px;
    font-family: 'FontAwesome';
}

.send_result {
	display:block;
	text-align: left;
	font-size: 1em;
	color: maroon;
	margin-top:1.5em;
}
/* ============================================================================== 
=================================================================================
CARELL TOOLTIPS */
[data-tip] {
    position: relative;
}

    [data-tip]:before {
        content: '';
        display:none;
        border: 5px solid #363f48;
        border-top-color: #363f48;
        border-right-color: transparent;
        border-bottom-color: transparent;
        border-left-color: transparent;
        position: absolute;
        top: -7px;
        left: 50%;
        z-index: 8;
        font-size: 0;
        line-height: 0;
        width: 0;
        height: 0;
    }

    [data-tip]:after {
        display:none;
        content: attr(data-tip);
        position: absolute;
        top: -35px;
        left: 0px;
        padding: 5px 8px;
        background: #363f48;
        color: #fff;
        z-index: 9;
        font-size: 12px;
        height: 18px;
        line-height: 18px;
        -webkit-border-radius:2px;
        -moz-border-radius:2px;
        border-radius:2px;
        white-space: nowrap;
        word-wrap: normal;
    }

    [data-tip]:hover:before, [data-tip]:hover:after {
        display:block;
    }

.help {
    color: #00b7d8;
}

    .help[data-tip]:before {
        border-top-color: #00b7d8;
        border-right-color: transparent;
        border-bottom-color: transparent;
        border-left-color: transparent;
    }

    .help[data-tip]:after {
        background: #00b7d8;
        color: #fff;
    }

.success {
    color: #51bd6a;
}

    .success[data-tip]:before {
        border-top-color: #51bd6a;
        border-right-color: transparent;
        border-bottom-color: transparent;
        border-left-color: transparent;
    }

    .success[data-tip]:after {
        background: #51bd6a;
        color: #fff;
    }

.alert {
    color: #f9ca64;
}

    .alert[data-tip]:before {
        border-top-color: #f9ca64;
        border-right-color: transparent;
        border-bottom-color: transparent;
        border-left-color: transparent;
    }

    .alert[data-tip]:after {
        background: #f9ca64;
        color: #574d36;
    }

.error {
    color: #e1473e;
}

    .error[data-tip]:before {
        border-top-color: #e1473e;
        border-right-color: transparent;
        border-bottom-color: transparent;
        border-left-color: transparent;
    }

    .error[data-tip]:after {
        background: #e1473e;
        color: #fff;
    }

.tip-below[data-tip]:after {
    top: 23px;
    left: 0px;
}

.tip-below[data-tip]:before {
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: #363f48;
    border-left-color: transparent;
    top: 13px;
    left: 50%;
}

.tip-below.help[data-tip]:before {
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: #00b7d8;
    border-left-color: transparent;
}

.tip-below.success[data-tip]:before {
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: #51bd6a;
    border-left-color: transparent;
}

.tip-below.alert[data-tip]:before {
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: #f9ca64;
    border-left-color: transparent;
}

.tip-below.error[data-tip]:before {
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: #e1473e;
    border-left-color: transparent;
}
/* ============================================================================== 
=================================================================================
CARELL LABELS  */
.label {
    padding: 2px 3px 2px 3px;
    color: #fff;
    background: #363f48;
    margin-right: 3px;
}

    .label.round {
        -webkit-border-radius:2px;
        -moz-border-radius:2px;
        border-radius:2px;
    }

    .label.alert {
        background: #f9ca64;
    }

    .label.success {
        background: #51bd6a;
    }

    .label.help {
        background: #00b7d8;
    }

    .label.error {
        background: #e1473e;
    }
/* ============================================================================== 
=================================================================================
CARELL SIDEBAR */
.sidebar {
    /* 	border: 1px solid #e9edf2; */
    margin-bottom: 50px;
    margin-top: 20px;
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    border-radius:2px;
    background: #fff;
}

.sidebar-padding {
    padding: 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.sidebar.space-top {
    margin-top: 20px;
}

.sidebar-widget {
    border-bottom: 1px dashed #e9edf2;
}

    .sidebar-widget .widget-wrap {
        padding: 0px 0px;
    }

    .sidebar-widget .search-wrap {
        padding: 0px 20px;
    }

    .sidebar-widget .search .input {
        border: 1px solid #e9edf2;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        margin-top: 15px;
    }

        .sidebar-widget .search .input:after {
            content: "\e67f";
            font-family: "icomoon";
            font-size: 15px;
            color: #363f48;
            display:inline;
            float: right;
            margin-top: -25px;
            margin-right: 15px;
        }

.search .input input::-webkit-input-placeholder {
    color: #828b95;
    font-size: 12px;
}

.search .input input:-moz-placeholder {
    color: #828b95;
    font-size: 12px;
}

.search .input input::-moz-placeholder {
    color: #828b95;
    font-size: 12px;
}

.search .input input:-ms-input-placeholder {
    color: #828b95;
    font-size: 12px;
}

.sidebar .sidebar-title {
    margin-bottom: 0px;
    padding: 0px 20px;
}

    .sidebar .sidebar-title h4 {
        margin-bottom: 0px;
        padding: 0px 0px;
    }

.sidebar-widget ul.widget-list {
    border: none;
    margin-top: 20px;
}

    .sidebar-widget ul.widget-list li {
        padding: 0px 0px;
        border-bottom: 1px solid #e9edf2;
    }

        .sidebar-widget ul.widget-list li a {
            padding-left: 20px;
            font-size: 13px;
        }

            .sidebar-widget ul.widget-list li a:hover {
                padding-left: 20px;
                font-size: 13px;
            }

.sidebar-widget ul.car-list {
    list-style-type: none;
    margin: 0px 0px;
    margin-top: 25px;
    padding: 0px 0px;
    border: none;
}

    .sidebar-widget ul.car-list li {
        list-style-type: none;
        padding: 0px 0px;
        border: none;
        border-bottom: 1px solid #e9edf2;
    }

        .sidebar-widget ul.car-list li .car-wrap {
            list-style-type: none;
            padding: 15px 20px;
            overflow: hidden;
        }

        .sidebar-widget ul.car-list li p {
            margin-top: 15px;
            margin-bottom: 10px;
            font-size: 14px;
        }

        .sidebar-widget ul.car-list li a {
            overflow: hidden;
            width: 100%;
            height: auto;
            display:block;
            -ms-transform: scale(1);
            /* IE 9 */
            -moz-transform: scale(1);
            /* Firefox */
            -webkit-transform: scale(1);
            /* Safari and Chrome */
            -o-transform: scale(1);
            /* Opera */
            opacity: 1;
            font-size: 13px;
        }

            .sidebar-widget ul.car-list li a:hover img {
                cursor: pointer;
                transform: scale(1.2);
                -ms-transform: scale(1.2);
                /* IE 9 */
                -moz-transform: scale(1.2);
                /* Firefox */
                -webkit-transform: scale(1.2);
                /* Safari and Chrome */
                -o-transform: scale(1.2);
                /* Opera */
            }

.sidebar-widget ul.tag-list {
    padding: 25px 20px;
    list-style-type: none;
}

    .sidebar-widget ul.tag-list li {
        display:block;
        float: left;
        margin: 1px;
        padding: 0px;
    }

        .sidebar-widget ul.tag-list li a {
            color: #8794a2;
            background: #fff;
            padding: 3px 5px;
            border: 1px solid #e9edf2;
            font-size: 11px;
            margin: 0px;
            -webkit-border-radius:2px;
            -moz-border-radius:2px;
            border-radius:2px;
        }

            .sidebar-widget ul.tag-list li a:hover, .sidebar-widget ul.tag-list li a.active {
                color: #fff;
                background: #f34b0a;
                border: 1px solid #f34b0a;
                -webkit-border-radius:2px;
                -moz-border-radius:2px;
                border-radius:2px;
            }

.sidebar-widget ul.widget-list li a span {
    font-size: 11px;
}
/* ============================================================================== 
=================================================================================
CARELL PAGINATION */
.pagination {
    margin: 60px 0px;
    margin: 0;
    clear: both;
}

ul.pagination-list {
    list-style-type: none;
    margin: 25px 0px;
}

    ul.pagination-list li {
        display:block;
        float: left;
        margin-right: 2px;
    }

        ul.pagination-list li a {
            border: 1px solid #e9edf2;
            background: #fff;
            padding: 5px 10px;
            color: #363f48;
            -webkit-border-radius:2px;
            -moz-border-radius:2px;
            border-radius:2px;
        }

            ul.pagination-list li a:hover, ul.pagination-list li a.active {
                background: #363f48;
                background: #007ba5;
                color: #fff;
            }

    ul.pagination-list.dark li a {
        border: 1px solid #363f47;
        background: #363f48;
        padding: 5px 10px;
        color: #fff;
        -webkit-border-radius:2px;
        -moz-border-radius:2px;
        border-radius:2px;
    }

        ul.pagination-list.dark li a:hover, ul.pagination-list.dark li a.active {
            background: #fff;
            color: #363f48;
        }
/* ============================================================================== 
=================================================================================
CARELL FOOTER WITH WIDGETS */
.footer p {
    font-size: 12px;
}

.footer .chosen-container {
    margin: 0px;
}

ul.widget-list {
    list-style-type: none;
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    border-radius:2px;
    border: 1px solid #c2c9d7;
}

    ul.widget-list li {
        display:block;
        border-bottom: 1px solid #c2c9d7;
        padding: 0px;
        margin: 0px;
    }

        ul.widget-list li:last-child {
            border-bottom: none;
        }

        ul.widget-list li a:after {
            content: "\e705";
            font-family: "icomoon";
            float: right;
            color: #c2c9d7;
            padding-right: 15px;
        }

        ul.widget-list li a {
            font-size: 12px;
            padding: 8px 0px;
            color: #363f48;
            display:block;
            background: #fff;
            padding-left: 15px;
        }

            ul.widget-list li a:hover {
                font-size: 12px;
                padding: 8px 0px;
                color: #fff;
                display:block;
                background: #c2c9d7;
                padding-left: 15px;
            }

                ul.widget-list li a:hover:after {
                    content: "\e705";
                    font-family: "icomoon";
                    float: right;
                    color: #fff;
                    margin-right: 10px;
                    padding-right: 30px;
                }

.footer.dark {
    background: #212931;
    margin-bottom: 0px;
    padding: 50px 0px;
}

    .footer.dark p {
        color: #99a7b5;
    }

    .footer.dark h1, .footer.dark h2, .footer.dark h3, .footer.dark h4, .footer.dark h5, .footer.dark h6 {
        color: #fff;
    }

    .footer.dark ul.widget-list {
        border: 1px solid #99a7b5;
    }

        .footer.dark ul.widget-list li {
            border-bottom: 1px solid #99a7b5;
        }

            .footer.dark ul.widget-list li a {
                background: none;
                color: #99a7b5;
            }

.social ul.footer {
    float: none;
}
/* ============================================================================== 
=================================================================================
CARELL INLINE PROMO BOXES */
.inline-promo {
    margin-bottom: 25px;
    border: 1px solid #e9edf2;
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    border-radius:2px;
    background: #fff;
}

.inline-promo-heading {
    background: #363f48;
    -webkit-border-top-left-radius:2px;
    -webkit-border-top-right-radius:2px;
    -moz-border-radius-topleft: 2px;
    -moz-border-radius-topright: 2px;
    border-top-left-radius:2px;
    border-top-right-radius:2px;
    margin: 0px;
}

    .inline-promo-heading.orange {
        background: #f34b0a;
        -webkit-border-top-left-radius:2px;
        -webkit-border-top-right-radius:2px;
        -moz-border-radius-topleft: 2px;
        -moz-border-radius-topright: 2px;
        border-top-left-radius:2px;
        border-top-right-radius:2px;
        margin: 0px;
    }

.inline-promo-heading {
    margin: 0px;
    color: #fff;
    padding: 15px 20px;
}

    .inline-promo-heading p {
        margin: 0px;
    }

.inline-promo-content {
    margin: 0px;
    padding: 10px 20px;
}

.inline-promo form p {
    margin: 0px;
}
/* ============================================================================== 
=================================================================================
CARELL PRICE BOXES */
.price-box {
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    border-radius:2px;
    display:block;
    width: 100%;
    margin: 25px 0px 50px 0px;
    position: relative;
    text-align: center;
    padding: 20px 0px 15px 0px;
    border-top: 5px solid #363f48;
    border-bottom: 5px solid #363f48;
}

    .price-box p {
        margin: 0px 0px;
        padding: 10px 0px 10px 0px;
    }

    .price-box .price-heading {
        background: #fff;
    }

    .price-box .price-title {
        padding: 0px 15px;
        margin-bottom: 10px;
    }

        .price-box .price-title p {
            font-size: 30px;
            padding: 0px;
        }

    .price-box .price-content {
        padding: 0px 25px;
        background: #eceff1;
        border-bottom: 5px solid #f4f6f8;
    }

        .price-box .price-content p {
            font-size: 13px;
        }

    .price-box .price-price {
        background: #363f48;
        padding: 0px 15px;
    }

        .price-box .price-price p {
            font-size: 36px;
            color: #fff;
        }

.price-body {
    padding: 0px 0px;
}

.price-box ul.price-list {
    text-align: left;
    list-style: none;
    padding: 20px 0px;
    background: #fff;
}

    .price-box ul.price-list li {
        padding: 5px 15px;
        display:block;
        -webkit-border-radius:2px;
        -moz-border-radius:2px;
        border-radius:2px;
    }

        .price-box ul.price-list li:nth-child(odd) {
            background: #eceff1;
        }

        .price-box ul.price-list li span {
            float: right;
            margin-top: 5px;
            color: #c4ced8;
        }

            .price-box ul.price-list li span.green {
                color: #a2ce78;
            }

            .price-box ul.price-list li span.red {
                color: #f77777;
            }

.price-box a.price-button {
    display:inline-block;
    font-size: 18px;
    padding: 15px 15px;
    margin: 20px 0px;
    text-align: center;
    background: #83c073;
    color: #fff;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    border-radius:8px;
}

    .price-box a.price-button:hover {
        background: #363f48;
    }

.price-box.featured {
    border-top: 5px solid #f94e45;
    border-bottom: 5px solid #f94e45;
}

    .price-box.featured .price-price {
        background: #f94e45;
    }

    .price-box.featured a.price-button {
        background: #f94e45;
    }

        .price-box.featured a.price-button:hover {
            background: #363f48;
        }
/* ============================================================================== 
=================================================================================
CARELL BUTTONS */

/* *********** Buttons Overall ****************** */

/* Default Button */

.button {
	-webkit-appearance: none;
	-moz-appearance:none;
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    border-radius:2px;
    padding: 9px 16px;
    display:inline-block;
    margin: 0px auto;
    text-align: center;
    text-transform: uppercase;
    font-size: 13px;
    line-height:13px;
	border:0px;
    cursor: pointer;
    margin-bottom:1px;
}
	.button.mobile {
	    -webkit-border-radius:0px;
	    -moz-border-radius:0px;
	    border-radius:0px;
	}

    /* Full Width Button */
    .button.full {
        -webkit-border-radius:2px;
        -moz-border-radius:2px;
        border-radius:2px;
        padding: 8px 20px;
        display:block;
        margin: 0px auto;
        text-align: center;
        font-size: 13px;
        -webkit-border-radius:2px;
        -moz-border-radius:2px;
        border-radius:2px;
    }
    /* Big Button */
    .button.big {
        padding: 17px 60px;
        font-size: 24px;
        margin: 30px auto;
    }
    /* Medium Button */
    .button.medium {
        padding: 13px 30px;
        font-size: 18px;
        margin: 25px auto;
    }
    .button.small {
    	font-size:0.8em;
    }
    /* Button Hover */
    .button:hover {
    }
/* Center Button */
.button-wrap {
    display:block;
    text-align: center;
}
/* Button On Light Background */
.button.light {
    border: 1px solid #c7d0d9;
    color: #363f48;
}

    .button.light:hover {
        border: 1px solid #fff;
        color: #fff;
        background: #363f48;
    }

.button.lightgray {
    border: 1px solid #ddd;
    color: #363f48 !important;
    background: #eee;
}

    .button.lightgray:hover {
        color: #000 !important;
        background: #ddd;
    }

.button.darkgray {
    border: 1px solid #ccc;
    color: #666 !important;
    background: #ddd;
}

    .button.darkgray:hover {
	    color: #333 !important;
    }


/* Button On Dark Background */
.button.dark {
    border: 1px solid #fff;
    color: #fff;
}

    .button.dark:hover {
        border: 1px solid #fff;
        color: #fff;
        background: #363f48;
    }

/* Orange Button */
.button.orange {
    color: #fff;
    background: #ea4d10;
}

    .button.orange:hover {
        color: #fff;
        background: #e04a10;
    }

/* Blue Button */
.button.blue {
    color: #fff !important;
    background: #007ba5;
}

    .button.blue:hover {
        color: #fff !important;
        background: #05506a;
    }

/* Green Button */
.button.green {
    color: #fff;
    background: #4abf4d;
}

    .button.green:hover {
        color: #fff;
        background: #40ad42;
    }

.button.red { /* dpss */
	color:#fff;
	background:#991818;
	background:#991537;
	background:#ad0000;
}

/* ============================================================================== 
=================================================================================
CARELL HEADINGS */

/* Big Title Width Border And Dot */
.heading {
    text-align: center;
    display:block;
    width: 100%;
    border-bottom: 1px solid #e2e9f0;
}

    .heading span {
        display:inline-block;
        width: 14px;
        height: 14px;
        background: #f34b0a;
        line-height: 0px;
        margin-bottom: -10px;
        -webkit-border-radius:3px;
        -moz-border-radius:3px;
        border-radius:3px;
    }

/* Big Title Without Border */
.heading-no-border {
    text-align: center;
    display:block;
    width: 100%;
    margin: 80px 0px 40px 0px;
    border-bottom: none;
}
/* ============================================================================== 
=================================================================================
CARELL NOTIFICATIONS */

/* Notification Overall */

/* Default Notification */
.notification-message {
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    border-radius:2px;
    border: 1px solid #363f48;
    display:block;
    position: relative;
    width: 100%;
    margin: 30px 0px;
}
    /* Success Notification */
    .notification-message.success {
        color: #9abf69;
        border: 1px solid #9abf69;
    }
    /* Error Notification */
    .notification-message.error {
        color: #bf7569;
        border: 1px solid #bf7569;
    }
    /* Notice Notification */
    .notification-message.notice {
        color: #659ac3;
        border: 1px solid #659ac3;
    }
    /* Alert Notification */
    .notification-message.alert {
        color: #f9ca64;
        border: 1px solid #f9ca64;
    }
    /* Notification Content */
    .notification-message p {
        padding: 10px 15px;
        margin: 0px;
    }

        .notification-message p span {
            vertical-align: middle;
            font-size: 14px;
        }
/* ============================================================================== 
=================================================================================
CARELL LISTS */

/* List Overall */
ul li, ol li {
    margin: 0px 0px 5px 0px;
    line-height: 23px;
}

    ul li ul, ol li ol {
        margin: 5px 0px 5px 0px;
        list-style-type: none;
        /* 	padding-left: 20px; */
    }
/* Default List */
ul.default li {
    margin: 0px 0px 5px 0px;
    line-height: 23px;
}

ul.default, ol.default {
    list-style-type: none;
}

    ul.default li ul, ol.default li ol {
        margin: 5px 0px 5px 0px;
        list-style-type: none;
        padding-left: 20px;
    }
/* Ordered List */
ol {
    list-style-type: decimal;
    list-style-position: inside;
}
/* Unordered List */
ul {
    list-style-type: disc;
    list-style-position: inside;
}
/* Definition List */
dl {
    margin: 0;
    padding: 0;
}

dt {
    font-size: 16px;
    font-weight: 700;
    margin: 15px 0px;
    line-height: 26px;
}

dd {
    display:list-item;
    list-style: disc;
    list-style-image: url(bullet.gif);
    margin: 15px;
    padding: 10px;
    line-height: 20px;
}
/* ============================================================================== 
=================================================================================
CARELL MISC */

/* sort by */
.sort-by {
    margin: 12px 0px 0px 0px;
}
/* car single */
.single-car-date-added p {
    margin: 0px;
}

.single-car-title h3 {
    margin-top: 0px;
}

.single-car-price {
    text-align: right;
}

    .single-car-price a.button {
        text-transform: uppercase;
    }

    .single-car-price a.button {
        margin: 0px;
    }

.car-single-body {
    margin: 20px 0px;
}

.map {
    width: 100%;
    height: 600px;
}

    .map div img {
        display:block;
        width: inherit;
        height: inherit;
        max-height: inherit;
        max-width: inherit;
    }

.promo-content a span:hover {
    transform: scale(1.124);
    -webkit-transform: scale(1.124);
    -moz-transform: scale(1.124);
    -o-transform: scale(1.124);
    -ms-transform: scale(1.124);
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body { /* dpss */
/*     font-family: 'Montserrat', "Droid Sans", sans-serif; */
}

.masonry {
    background: #fff;
    max-width: 100%;
}

    .masonry .item {
        float: left;
    }

.grid-sizer {
    width: 20%;
}
/* item is invisible, but used for layout */
.item, .item-content {
    width: 20%;
    height: auto;
}

    .item-content img {
        width: 100%;
        height: auto;
        display:block;
    }

.item {
    position: relative;
    width: 20%;
    border: none;
    background: transparent;
    overflow: hidden;
}
/* item-content is visible, and transitions size */
.item-content {
    width: 100%;
    height: auto;
    background: none;
}

.item:hover .item-content {
    background: none;
}
/* both item and item content change size */
.item.is-expanded {
    width: 100%;
    height: auto;
    min-height: 250px;
}

    .item.is-expanded .item-content {
        width: 50%;
        height: auto;
        min-height: 250px;
    }

.item.is-expanded {
    z-index: 2;
}

    .item.is-expanded .item-content {
        background: #F90;
    }

.item-hidden {
    position: absolute;
    z-index: 3;
    top: -100%;
    background: rgba(54, 63, 72, 0.8);
    width: 100%;
    height: 100%;
    display:block;
    padding: 20px;
}

.item:hover .item-hidden {
    top: 0;
}

.item:hover:after img {
}

.item:hover img {
}

.item-hidden-content span {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 51px;
    line-height: 51px;
    margin-top: -25px;
    margin-left: -25px;
    color: #fff;
}

.item-hidden-content p {
    position: relative;
    text-align: center;
    color: #fff;
}

.white-popup-full {
    background: #fff;
    padding: 60px;
    margin: 0px;
    display:inline-block;
    width: 100%;
}

    .white-popup-full img {
        margin-top: 28px;
    }
/* ============================================================================== 
=================================================================================
CARELL ICONS */
@font-face {
    font-family: 'icomoon';
    src: url('../fonts/icons/icomoon.eot');
    src: url('../fonts/icons/icomoon.eot?#iefix') format('embedded-opentype'), url('../fonts/icons/icomoon.ttf') format('truetype'), url('../fonts/icons/icomoon.woff') format('woff'), url('../fonts/icons/icomoon.svg#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding-right: 10px;
}

.icon-home:before {
    content: "\e600";
}

.icon-home2:before {
    content: "\e601";
}

.icon-home3:before {
    content: "\e602";
}

.icon-office:before {
    content: "\e603";
}

.icon-newspaper:before {
    content: "\e604";
}

.icon-pencil:before {
    content: "\e605";
}

.icon-pencil2:before {
    content: "\e606";
}

.icon-quill:before {
    content: "\e607";
}

.icon-pen:before {
    content: "\e608";
}

.icon-blog:before {
    content: "\e609";
}

.icon-droplet:before {
    content: "\e60a";
}

.icon-paint-format:before {
    content: "\e60b";
}

.icon-image:before {
    content: "\e60c";
}

.icon-image2:before {
    content: "\e60d";
}

.icon-images:before {
    content: "\e60e";
}

.icon-camera:before {
    content: "\e60f";
}

.icon-music:before {
    content: "\e610";
}

.icon-headphones:before {
    content: "\e611";
}

.icon-play:before {
    content: "\e612";
}

.icon-film:before {
    content: "\e613";
}

.icon-camera2:before {
    content: "\e614";
}

.icon-dice:before {
    content: "\e615";
}

.icon-pacman:before {
    content: "\e616";
}

.icon-spades:before {
    content: "\e617";
}

.icon-clubs:before {
    content: "\e618";
}

.icon-diamonds:before {
    content: "\e619";
}

.icon-pawn:before {
    content: "\e61a";
}

.icon-bullhorn:before {
    content: "\e61b";
}

.icon-connection:before {
    content: "\e61c";
}

.icon-podcast:before {
    content: "\e61d";
}

.icon-feed:before {
    content: "\e61e";
}

.icon-book:before {
    content: "\e61f";
}

.icon-books:before {
    content: "\e620";
}

.icon-library:before {
    content: "\e621";
}

.icon-file:before {
    content: "\e622";
}

.icon-profile:before {
    content: "\e623";
}

.icon-file2:before {
    content: "\e624";
}

.icon-file3:before {
    content: "\e625";
}

.icon-file4:before {
    content: "\e626";
}

.icon-copy:before {
    content: "\e627";
}

.icon-copy2:before {
    content: "\e628";
}

.icon-copy3:before {
    content: "\e629";
}

.icon-paste:before {
    content: "\e62a";
}

.icon-paste2:before {
    content: "\e62b";
}

.icon-paste3:before {
    content: "\e62c";
}

.icon-stack:before {
    content: "\e62d";
}

.icon-folder:before {
    content: "\e62e";
}

.icon-folder-open:before {
    content: "\e62f";
}

.icon-tag:before {
    content: "\e630";
}

.icon-tags:before {
    content: "\e631";
}

.icon-barcode:before {
    content: "\e632";
}

.icon-qrcode:before {
    content: "\e633";
}

.icon-ticket:before {
    content: "\e634";
}

.icon-cart:before {
    content: "\e635";
}

.icon-cart2:before {
    content: "\e636";
}

.icon-cart3:before {
    content: "\e637";
}

.icon-coin:before {
    content: "\e638";
}

.icon-credit:before {
    content: "\e639";
}

.icon-calculate:before {
    content: "\e63a";
}

.icon-support:before {
    content: "\e63b";
}

.icon-phone:before {
    content: "\e63c";
}

.icon-phone-hang-up:before {
    content: "\e63d";
}

.icon-address-book:before {
    content: "\e63e";
}

.icon-notebook:before {
    content: "\e63f";
}

.icon-envelop:before {
    content: "\e640";
}

.icon-pushpin:before {
    content: "\e641";
}

.icon-location:before {
    content: "\e642";
}

.icon-location2:before {
    content: "\e643";
}

.icon-compass:before {
    content: "\e644";
}

.icon-map:before {
    content: "\e645";
}

.icon-map2:before {
    content: "\e646";
}

.icon-history:before {
    content: "\e647";
}

.icon-clock:before {
    content: "\e648";
}

.icon-clock2:before {
    content: "\e649";
}

.icon-alarm:before {
    content: "\e64a";
}

.icon-alarm2:before {
    content: "\e64b";
}

.icon-bell:before {
    content: "\e64c";
}

.icon-stopwatch:before {
    content: "\e64d";
}

.icon-calendar:before {
    content: "\e64e";
}

.icon-calendar2:before {
    content: "\e64f";
}

.icon-print:before {
    content: "\e650";
}

.icon-keyboard:before {
    content: "\e651";
}

.icon-screen:before {
    content: "\e652";
}

.icon-laptop:before {
    content: "\e653";
}

.icon-mobile:before {
    content: "\e654";
}

.icon-mobile2:before {
    content: "\e655";
}

.icon-tablet:before {
    content: "\e656";
}

.icon-tv:before {
    content: "\e657";
}

.icon-cabinet:before {
    content: "\e658";
}

.icon-drawer:before {
    content: "\e659";
}

.icon-drawer2:before {
    content: "\e65a";
}

.icon-drawer3:before {
    content: "\e65b";
}

.icon-box-add:before {
    content: "\e65c";
}

.icon-box-remove:before {
    content: "\e65d";
}

.icon-download:before {
    content: "\e65e";
}

.icon-upload:before {
    content: "\e65f";
}

.icon-disk:before {
    content: "\e660";
}

.icon-storage:before {
    content: "\e661";
}

.icon-undo:before {
    content: "\e662";
}

.icon-redo:before {
    content: "\e663";
}

.icon-flip:before {
    content: "\e664";
}

.icon-flip2:before {
    content: "\e665";
}

.icon-undo2:before {
    content: "\e666";
}

.icon-redo2:before {
    content: "\e667";
}

.icon-forward:before {
    content: "\e668";
}

.icon-reply:before {
    content: "\e669";
}

.icon-bubble:before {
    content: "\e66a";
}

.icon-bubbles:before {
    content: "\e66b";
}

.icon-bubbles2:before {
    content: "\e66c";
}

.icon-bubble2:before {
    content: "\e66d";
}

.icon-bubbles3:before {
    content: "\e66e";
}

.icon-bubbles4:before {
    content: "\e66f";
}

.icon-user:before {
    content: "\e670";
}

.icon-users:before {
    content: "\e671";
}

.icon-user2:before {
    content: "\e672";
}

.icon-users2:before {
    content: "\e673";
}

.icon-user3:before {
    content: "\e674";
}

.icon-user4:before {
    content: "\e675";
}

.icon-quotes-left:before {
    content: "\e676";
}

.icon-busy:before {
    content: "\e677";
}

.icon-spinner:before {
    content: "\e678";
}

.icon-spinner2:before {
    content: "\e679";
}

.icon-spinner3:before {
    content: "\e67a";
}

.icon-spinner4:before {
    content: "\e67b";
}

.icon-spinner5:before {
    content: "\e67c";
}

.icon-spinner6:before {
    content: "\e67d";
}

.icon-binoculars:before {
    content: "\e67e";
}

.icon-search:before {
    content: "\e67f";
}

.icon-zoom-in:before {
    content: "\e680";
}

.icon-zoom-out:before {
    content: "\e681";
}

.icon-expand:before {
    content: "\e682";
}

.icon-contract:before {
    content: "\e683";
}

.icon-expand2:before {
    content: "\e684";
}

.icon-contract2:before {
    content: "\e685";
}

.icon-key:before {
    content: "\e686";
}

.icon-key2:before {
    content: "\e687";
}

.icon-lock:before {
    content: "\e688";
}

.icon-lock2:before {
    content: "\e689";
}

.icon-unlocked:before {
    content: "\e68a";
}

.icon-wrench:before {
    content: "\e68b";
}

.icon-settings:before {
    content: "\e68c";
}

.icon-equalizer:before {
    content: "\e68d";
}

.icon-cog:before {
    content: "\e68e";
}

.icon-cogs:before {
    content: "\e68f";
}

.icon-cog2:before {
    content: "\e690";
}

.icon-hammer:before {
    content: "\e691";
}

.icon-wand:before {
    content: "\e692";
}

.icon-aid:before {
    content: "\e693";
}

.icon-bug:before {
    content: "\e694";
}

.icon-pie:before {
    content: "\e695";
}

.icon-stats:before {
    content: "\e696";
}

.icon-bars:before {
    content: "\e697";
}

.icon-bars2:before {
    content: "\e698";
}

.icon-gift:before {
    content: "\e699";
}

.icon-trophy:before {
    content: "\e69a";
}

.icon-glass:before {
    content: "\e69b";
}

.icon-mug:before {
    content: "\e69c";
}

.icon-food:before {
    content: "\e69d";
}

.icon-leaf:before {
    content: "\e69e";
}

.icon-rocket:before {
    content: "\e69f";
}

.icon-meter:before {
    content: "\e6a0";
}

.icon-meter2:before {
    content: "\e6a1";
}

.icon-dashboard:before {
    content: "\e6a2";
}

.icon-hammer2:before {
    content: "\e6a3";
}

.icon-fire:before {
    content: "\e6a4";
}

.icon-lab:before {
    content: "\e6a5";
}

.icon-magnet:before {
    content: "\e6a6";
}

.icon-remove:before {
    content: "\e6a7";
}

.icon-remove2:before {
    content: "\e6a8";
}

.icon-briefcase:before {
    content: "\e6a9";
}

.icon-airplane:before {
    content: "\e6aa";
}

.icon-truck:before {
    content: "\e6ab";
}

.icon-road:before {
    content: "\e6ac";
}

.icon-accessibility:before {
    content: "\e6ad";
}

.icon-target:before {
    content: "\e6ae";
}

.icon-shield:before {
    content: "\e6af";
}

.icon-lightning:before {
    content: "\e6b0";
}

.icon-switch:before {
    content: "\e6b1";
}

.icon-power-cord:before {
    content: "\e6b2";
}

.icon-signup:before {
    content: "\e6b3";
}

.icon-list:before {
    content: "\e6b4";
}

.icon-list2:before {
    content: "\e6b5";
}

.icon-numbered-list:before {
    content: "\e6b6";
}

.icon-menu:before {
    content: "\e6b7";
}

.icon-menu2:before {
    content: "\e6b8";
}

.icon-tree:before {
    content: "\e6b9";
}

.icon-cloud:before {
    content: "\e6ba";
}

.icon-cloud-download:before {
    content: "\e6bb";
}

.icon-cloud-upload:before {
    content: "\e6bc";
}

.icon-download2:before {
    content: "\e6bd";
}

.icon-upload2:before {
    content: "\e6be";
}

.icon-download3:before {
    content: "\e6bf";
}

.icon-upload3:before {
    content: "\e6c0";
}

.icon-globe:before {
    content: "\e6c1";
}

.icon-earth:before {
    content: "\e6c2";
}

.icon-link:before {
    content: "\e6c3";
}

.icon-flag:before {
    content: "\e6c4";
}

.icon-attachment:before {
    content: "\e6c5";
}

.icon-eye:before {
    content: "\e6c6";
}

.icon-eye-blocked:before {
    content: "\e6c7";
}

.icon-eye2:before {
    content: "\e6c8";
}

.icon-bookmark:before {
    content: "\e6c9";
}

.icon-bookmarks:before {
    content: "\e6ca";
}

.icon-brightness-medium:before {
    content: "\e6cb";
}

.icon-brightness-contrast:before {
    content: "\e6cc";
}

.icon-contrast:before {
    content: "\e6cd";
}

.icon-star:before {
    content: "\e6ce";
}

.icon-star2:before {
    content: "\e6cf";
}

.icon-star3:before {
    content: "\e6d0";
}

.icon-heart:before {
    content: "\e6d1";
}

.icon-heart2:before {
    content: "\e6d2";
}

.icon-heart-broken:before {
    content: "\e6d3";
}

.icon-thumbs-up:before {
    content: "\e6d4";
}

.icon-thumbs-up2:before {
    content: "\e6d5";
}

.icon-happy:before {
    content: "\e6d6";
}

.icon-happy2:before {
    content: "\e6d7";
}

.icon-smiley:before {
    content: "\e6d8";
}

.icon-smiley2:before {
    content: "\e6d9";
}

.icon-tongue:before {
    content: "\e6da";
}

.icon-tongue2:before {
    content: "\e6db";
}

.icon-sad:before {
    content: "\e6dc";
}

.icon-sad2:before {
    content: "\e6dd";
}

.icon-wink:before {
    content: "\e6de";
}

.icon-wink2:before {
    content: "\e6df";
}

.icon-grin:before {
    content: "\e6e0";
}

.icon-grin2:before {
    content: "\e6e1";
}

.icon-cool:before {
    content: "\e6e2";
}

.icon-cool2:before {
    content: "\e6e3";
}

.icon-angry:before {
    content: "\e6e4";
}

.icon-angry2:before {
    content: "\e6e5";
}

.icon-evil:before {
    content: "\e6e6";
}

.icon-evil2:before {
    content: "\e6e7";
}

.icon-shocked:before {
    content: "\e6e8";
}

.icon-shocked2:before {
    content: "\e6e9";
}

.icon-confused:before {
    content: "\e6ea";
}

.icon-confused2:before {
    content: "\e6eb";
}

.icon-neutral:before {
    content: "\e6ec";
}

.icon-neutral2:before {
    content: "\e6ed";
}

.icon-wondering:before {
    content: "\e6ee";
}

.icon-wondering2:before {
    content: "\e6ef";
}

.icon-point-up:before {
    content: "\e6f0";
}

.icon-point-right:before {
    content: "\e6f1";
}

.icon-point-down:before {
    content: "\e6f2";
}

.icon-point-left:before {
    content: "\e6f3";
}

.icon-warning:before {
    content: "\e6f4";
}

.icon-notification:before {
    content: "\e6f5";
}

.icon-question:before {
    content: "\e6f6";
}

.icon-info:before {
    content: "\e6f7";
}

.icon-info2:before {
    content: "\e6f8";
}

.icon-blocked:before {
    content: "\e6f9";
}

.icon-cancel-circle:before {
    content: "\e6fa";
}

.icon-checkmark-circle:before {
    content: "\e6fb";
}

.icon-spam:before {
    content: "\e6fc";
}

.icon-close:before {
    content: "\e6fd";
}

.icon-checkmark:before {
    content: "\e6fe";
}

.icon-checkmark2:before {
    content: "\e6ff";
}

.icon-spell-check:before {
    content: "\e700";
}

.icon-minus:before {
    content: "\e701";
}

.icon-plus:before {
    content: "\e702";
}

.icon-enter:before {
    content: "\e703";
}

.icon-exit:before {
    content: "\e704";
}

.icon-play2:before {
    content: "\e705";
}

.icon-pause:before {
    content: "\e706";
}

.icon-stop:before {
    content: "\e707";
}

.icon-backward:before {
    content: "\e708";
}

.icon-forward2:before {
    content: "\e709";
}

.icon-play3:before {
    content: "\e70a";
}

.icon-pause2:before {
    content: "\e70b";
}

.icon-stop2:before {
    content: "\e70c";
}

.icon-backward2:before {
    content: "\e70d";
}

.icon-forward3:before {
    content: "\e70e";
}

.icon-first:before {
    content: "\e70f";
}

.icon-last:before {
    content: "\e710";
}

.icon-previous:before {
    content: "\e711";
}

.icon-next:before {
    content: "\e712";
}

.icon-eject:before {
    content: "\e713";
}

.icon-volume-high:before {
    content: "\e714";
}

.icon-volume-medium:before {
    content: "\e715";
}

.icon-volume-low:before {
    content: "\e716";
}

.icon-volume-mute:before {
    content: "\e717";
}

.icon-volume-mute2:before {
    content: "\e718";
}

.icon-volume-increase:before {
    content: "\e719";
}

.icon-volume-decrease:before {
    content: "\e71a";
}

.icon-loop:before {
    content: "\e71b";
}

.icon-loop2:before {
    content: "\e71c";
}

.icon-loop3:before {
    content: "\e71d";
}

.icon-shuffle:before {
    content: "\e71e";
}

.icon-arrow-up-left:before {
    content: "\e71f";
}

.icon-arrow-up:before {
/*     content: "\e720"; */
    content:"\f062";
    font-family:"FontAwesome";
}

.icon-arrow-up-right:before {
    content: "\e721";
}

.icon-arrow-right:before {
    content: "\e722";
}

.icon-arrow-down-right:before {
    content: "\e723";
}

.icon-arrow-down:before {
    content: "\e724";
}

.icon-arrow-down-left:before {
    content: "\e725";
}

.icon-arrow-left:before {
    content: "\e726";
}

.icon-arrow-up-left2:before {
    content: "\e727";
}

.icon-arrow-up2:before {
    content: "\e728";
}

.icon-arrow-up-right2:before {
    content: "\e729";
}

.icon-arrow-right2:before {
    content: "\e72a";
}

.icon-arrow-down-right2:before {
    content: "\e72b";
}

.icon-arrow-down2:before {
    content: "\e72c";
}

.icon-arrow-down-left2:before {
    content: "\e72d";
}

.icon-arrow-left2:before {
    content: "\e72e";
}

.icon-arrow-up-left3:before {
    content: "\e72f";
}

.icon-arrow-up3:before {
    content: "\e730";
}

.icon-arrow-up-right3:before {
    content: "\e731";
}

.icon-arrow-right3:before {
    content: "\e732";
}

.icon-arrow-down-right3:before {
    content: "\e733";
}

.icon-arrow-down3:before {
    content: "\e734";
}

.icon-arrow-down-left3:before {
    content: "\e735";
}

.icon-arrow-left3:before {
    content: "\e736";
}

.icon-tab:before {
    content: "\e737";
}

.icon-checkbox-checked:before {
    content: "\e738";
}

.icon-checkbox-unchecked:before {
    content: "\e739";
}

.icon-checkbox-partial:before {
    content: "\e73a";
}

.icon-radio-checked:before {
    content: "\e73b";
}

.icon-radio-unchecked:before {
    content: "\e73c";
}

.icon-crop:before {
    content: "\e73d";
}

.icon-scissors:before {
    content: "\e73e";
}

.icon-filter:before {
    content: "\e73f";
}

.icon-filter2:before {
    content: "\e740";
}

.icon-font:before {
    content: "\e741";
}

.icon-text-height:before {
    content: "\e742";
}

.icon-text-width:before {
    content: "\e743";
}

.icon-bold:before {
    content: "\e744";
}

.icon-underline:before {
    content: "\e745";
}

.icon-italic:before {
    content: "\e746";
}

.icon-strikethrough:before {
    content: "\e747";
}

.icon-omega:before {
    content: "\e748";
}

.icon-sigma:before {
    content: "\e749";
}

.icon-table:before {
    content: "\e74a";
}

.icon-table2:before {
    content: "\e74b";
}

.icon-insert-template:before {
    content: "\e74c";
}

.icon-pilcrow:before {
    content: "\e74d";
}

.icon-left-toright:before {
    content: "\e74e";
}

.icon-right-toleft:before {
    content: "\e74f";
}

.icon-paragraph-left:before {
    content: "\e750";
}

.icon-paragraph-center:before {
    content: "\e751";
}

.icon-paragraph-right:before {
    content: "\e752";
}

.icon-paragraph-justify:before {
    content: "\e753";
}

.icon-paragraph-left2:before {
    content: "\e754";
}

.icon-paragraph-center2:before {
    content: "\e755";
}

.icon-paragraph-right2:before {
    content: "\e756";
}

.icon-paragraph-justify2:before {
    content: "\e757";
}

.icon-indent-increase:before {
    content: "\e758";
}

.icon-indent-decrease:before {
    content: "\e759";
}

.icon-new-tab:before {
    content: "\e75a";
}

.icon-embed:before {
    content: "\e75b";
}

.icon-code:before {
    content: "\e75c";
}

.icon-console:before {
    content: "\e75d";
}

.icon-share:before {
    content: "\e75e";
}

.icon-mail:before {
    content: "\e75f";
}

.icon-mail2:before {
    content: "\e760";
}

.icon-mail3:before {
    content: "\e761";
}

.icon-mail4:before {
    content: "\e762";
}

.icon-google:before {
    content: "\e763";
}

.icon-google-plus:before {
    content: "\e764";
}

.icon-google-plus2:before {
    content: "\e765";
}

.icon-google-plus3:before {
    content: "\e766";
}

.icon-google-plus4:before {
    content: "\e767";
}

.icon-google-drive:before {
    content: "\e768";
}

.icon-facebook:before {
    content: "\e769";
}

.icon-facebook2:before {
    content: "\e76a";
}

.icon-facebook3:before {
    content: "\e76b";
}

.icon-instagram:before {
    content: "\e76c";
}

.icon-twitter:before {
    content: "\e76d";
}

.icon-twitter2:before {
    content: "\e76e";
}

.icon-twitter3:before {
    content: "\e76f";
}

.icon-feed2:before {
    content: "\e770";
}

.icon-feed3:before {
    content: "\e771";
}

.icon-feed4:before {
    content: "\e772";
}

.icon-youtube:before {
    content: "\e773";
}

.icon-youtube2:before {
    content: "\e774";
}

.icon-vimeo:before {
    content: "\e775";
}

.icon-vimeo2:before {
    content: "\e776";
}

.icon-vimeo3:before {
    content: "\e777";
}

.icon-lanyrd:before {
    content: "\e778";
}

.icon-flickr:before {
    content: "\e779";
}

.icon-flickr2:before {
    content: "\e77a";
}

.icon-flickr3:before {
    content: "\e77b";
}

.icon-flickr4:before {
    content: "\e77c";
}

.icon-picassa:before {
    content: "\e77d";
}

.icon-picassa2:before {
    content: "\e77e";
}

.icon-dribbble:before {
    content: "\e77f";
}

.icon-dribbble2:before {
    content: "\e780";
}

.icon-dribbble3:before {
    content: "\e781";
}

.icon-forrst:before {
    content: "\e782";
}

.icon-forrst2:before {
    content: "\e783";
}

.icon-deviantart:before {
    content: "\e784";
}

.icon-deviantart2:before {
    content: "\e785";
}

.icon-steam:before {
    content: "\e786";
}

.icon-steam2:before {
    content: "\e787";
}

.icon-github:before {
    content: "\e788";
}

.icon-github2:before {
    content: "\e789";
}

.icon-github3:before {
    content: "\e78a";
}

.icon-github4:before {
    content: "\e78b";
}

.icon-github5:before {
    content: "\e78c";
}

.icon-wordpress:before {
    content: "\e78d";
}

.icon-wordpress2:before {
    content: "\e78e";
}

.icon-joomla:before {
    content: "\e78f";
}

.icon-blogger:before {
    content: "\e790";
}

.icon-blogger2:before {
    content: "\e791";
}

.icon-tumblr:before {
    content: "\e792";
}

.icon-tumblr2:before {
    content: "\e793";
}

.icon-yahoo:before {
    content: "\e794";
}

.icon-tux:before {
    content: "\e795";
}

.icon-apple:before {
    content: "\e796";
}

.icon-finder:before {
    content: "\e797";
}

.icon-android:before {
    content: "\e798";
}

.icon-windows:before {
    content: "\e799";
}

.icon-windows8:before {
    content: "\e79a";
}

.icon-soundcloud:before {
    content: "\e79b";
}

.icon-soundcloud2:before {
    content: "\e79c";
}

.icon-skype:before {
    content: "\e79d";
}

.icon-reddit:before {
    content: "\e79e";
}

.icon-linkedin:before {
    content: "\e79f";
}

.icon-lastfm:before {
    content: "\e7a0";
}

.icon-lastfm2:before {
    content: "\e7a1";
}

.icon-delicious:before {
    content: "\e7a2";
}

.icon-stumbleupon:before {
    content: "\e7a3";
}

.icon-stumbleupon2:before {
    content: "\e7a4";
}

.icon-stackoverflow:before {
    content: "\e7a5";
}

.icon-pinterest:before {
    content: "\e7a6";
}

.icon-pinterest2:before {
    content: "\e7a7";
}

.icon-xing:before {
    content: "\e7a8";
}

.icon-xing2:before {
    content: "\e7a9";
}

.icon-flattr:before {
    content: "\e7aa";
}

.icon-foursquare:before {
    content: "\e7ab";
}

.icon-foursquare2:before {
    content: "\e7ac";
}

.icon-paypal:before {
    content: "\e7ad";
}

.icon-paypal2:before {
    content: "\e7ae";
}

.icon-paypal3:before {
    content: "\e7af";
}

.icon-yelp:before {
    content: "\e7b0";
}

.icon-libreoffice:before {
    content: "\e7b1";
}

.icon-file-pdf:before {
    content: "\e7b2";
}

.icon-file-openoffice:before {
    content: "\e7b3";
}

.icon-file-word:before {
    content: "\e7b4";
}

.icon-file-excel:before {
    content: "\e7b5";
}

.icon-file-zip:before {
    content: "\e7b6";
}

.icon-file-powerpoint:before {
    content: "\e7b7";
}

.icon-file-xml:before {
    content: "\e7b8";
}

.icon-file-css:before {
    content: "\e7b9";
}

.icon-html5:before {
    content: "\e7ba";
}

.icon-html52:before {
    content: "\e7bb";
}

.icon-css3:before {
    content: "\e7bc";
}

.icon-chrome:before {
    content: "\e7bd";
}

.icon-firefox:before {
    content: "\e7be";
}

.icon-IE:before {
    content: "\e7bf";
}

.icon-opera:before {
    content: "\e7c0";
}

.icon-safari:before {
    content: "\e7c1";
}

.icon-IcoMoon:before {
    content: "\e7c2";
}
/* ============================================================================== 
=================================================================================
CARELL POPUP */
.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1043;
    position: fixed;
    outline: none !important;
    -webkit-backface-visibility: hidden;
}

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .mfp-container:before {
        content: '';
        display:inline-block;
        height: 100%;
        vertical-align: middle;
    }

.mfp-align-top .mfp-container:before {
    display:none;
}

.mfp-content {
    position: relative;
    display:inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045;
}

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
    width: 100%;
    cursor: auto;
}

.mfp-ajax-cur {
    cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out;
}

.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
    cursor: auto;
}

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.mfp-loading.mfp-figure {
    display:none;
}

.mfp-hide {
    display:none !important;
}
/* 

====== Zoom-out effect ======

*/
.mfp-zoom-out.mfp-bg {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

    .mfp-zoom-out.mfp-bg.mfp-ready {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
        filter: alpha(opacity=80);
        opacity: 0.8;
    }

    .mfp-zoom-out.mfp-bg.mfp-removing {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        opacity: 0;
    }

.mfp-zoom-out .mfp-content {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transition: all 0.5s ease-in-ou;
    -moz-transition: all 0.5s ease-in-ou;
    -o-transition: all 0.5s ease-in-ou;
    -ms-transition: all 0.5s ease-in-ou;
    transition: all 0.5s ease-in-ou;
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -o-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
}

.mfp-zoom-out.mfp-ready .mfp-content {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    border-radius:2px;
}

.mfp-zoom-out.mfp-removing .mfp-content {
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -o-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
}

.popup-gallery {
    display:inline-block;
}

.mfp-preloader {
    color: #cccccc;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -0.8em;
    left: 8px;
    right: 8px;
    z-index: 1044;
}

    .mfp-preloader a {
        color: #cccccc;
    }

        .mfp-preloader a:hover {
            color: white;
        }

.mfp-s-ready .mfp-preloader {
    display:none;
}

.mfp-s-error .mfp-content {
    display:none;
}

button.mfp-close, button.mfp-arrow {
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display:block;
    outline: none;
    padding: 0;
    z-index: 1046;
    -webkit-box-shadow: none;
    box-shadow: none;
}

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

.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: 0.65;
    filter: alpha(opacity=65);
    padding: 0 0 18px 10px;
    color: white;
    font-style: normal;
    font-size: 28px;
    font-family: 'Montserrat', "Droid Sans", sans-serif;
}

    .mfp-close:hover, .mfp-close:focus {
        opacity: 1;
        filter: alpha(opacity=100);
    }

    .mfp-close:active {
        top: 1px;
    }

.mfp-close-btn-in .mfp-close {
    color: #333333;
}

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
    color: white;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%;
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #cccccc;
    font-size: 12px;
    line-height: 18px;
}

.mfp-arrow {
    position: absolute;
    opacity: 0.65;
    filter: alpha(opacity=65);
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: rgba(54, 63, 72, 0);
}

    .mfp-arrow:active {
        margin-top: -54px;
    }

    .mfp-arrow:hover, .mfp-arrow:focus {
        opacity: 1;
        filter: alpha(opacity=100);
    }

    .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
        content: '';
        display:block;
        width: 0;
        height: 0;
        position: absolute;
        left: 0;
        top: 0;
        margin-top: 35px;
        margin-left: 35px;
        border: medium inset transparent;
    }

    .mfp-arrow:after, .mfp-arrow .mfp-a {
        border-top-width: 13px;
        border-bottom-width: 13px;
        top: 8px;
    }

    .mfp-arrow:before, .mfp-arrow .mfp-b {
        border-top-width: 21px;
        border-bottom-width: 21px;
        opacity: 0.7;
    }

.mfp-arrow-left {
    left: 0;
}

    .mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
        border-right: 17px solid #fff;
        margin-left: 31px;
    }

    .mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
        margin-left: 25px;
        border-right: 27px solid #fff;
    }

.mfp-arrow-right {
    right: 0;
}

    .mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
        border-left: 17px solid #fff;
        margin-left: 39px;
    }

    .mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
        border-left: 27px solid #fff;
    }

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px;
}

    .mfp-iframe-holder .mfp-content {
        line-height: 0;
        width: 100%;
        max-width: 900px;
    }

    .mfp-iframe-holder .mfp-close {
        top: -40px;
    }

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%;
}

    .mfp-iframe-scaler iframe {
        position: absolute;
        display:block;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        box-shadow: 0 0 8px rgba(54, 63, 72, 0.6);
        background: #363f48;
    }
/* Main image in popup */
img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display:block;
    line-height: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px 0 40px;
    margin: 0 auto;
}
/* The shadow behind the image */
.mfp-figure {
    line-height: 0;
}

    .mfp-figure:after {
        content: '';
        position: absolute;
        left: 0;
        top: 40px;
        bottom: 40px;
        display:block;
        right: 0;
        width: auto;
        height: auto;
        z-index: -1;
        box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
        background: #444444;
    }

    .mfp-figure small {
        color: #bdbdbd;
        display:block;
        font-size: 12px;
        line-height: 14px;
    }

    .mfp-figure figure {
        margin: 0;
    }

.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto;
}

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #f3f3f3;
    word-wrap: break-word;
    padding-right: 36px;
}

.mfp-image-holder .mfp-content {
    max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
    /**
       * Remove all paddings around the image on small screen
       */
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0;
    }

    .mfp-img-mobile img.mfp-img {
        padding: 0;
    }

    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0;
    }

    .mfp-img-mobile .mfp-figure small {
        display:inline;
        margin-left: 5px;
    }

    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, 0.6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .mfp-img-mobile .mfp-bottom-bar:empty {
            padding: 0;
        }

    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px;
    }

    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, 0.6);
        position: fixed;
        text-align: center;
        padding: 0;
    }
}

@media all and (max-width: 900px) {
    .mfp-arrow {
        -webkit-transform: scale(0.75);
        transform: scale(0.75);
    }

    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        transform-origin: 0;
    }

    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        transform-origin: 100%;
    }

    .mfp-container {
        padding-left: 6px;
        padding-right: 6px;
    }
}

.mfp-ie7 .mfp-img {
    padding: 0;
}

.mfp-ie7 .mfp-bottom-bar {
    width: 600px;
    left: 50%;
    margin-left: -300px;
    margin-top: 5px;
    padding-bottom: 5px;
}

.mfp-ie7 .mfp-container {
    padding: 0;
}

.mfp-ie7 .mfp-content {
    padding-top: 44px;
}

.mfp-ie7 .mfp-close {
    top: 0;
    right: 0;
    padding-top: 0;
}
/* lightboxes and modals */
.white-popup {
    position: relative;
    background: #fff;
    padding: 20px 40px 40px 40px;
    width: auto;
    height: 100%;
    margin: 20px auto;
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    border-radius:2px;
    max-width: 500px;
}
/* ============================================================================== 
=================================================================================
CARELL ANIMATE */
.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}

.carell-animation {
    opacity: 0;
}

.carell-animation-visible {
    opacity: 1;
}

.carell-animation {
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 0.5s;
    -moz-animation-duration: 0.5s;
    -ms-animation-duration: 0.5s;
    -o-animation-duration: 0.5s;
    animation-duration: 0.5s;
}

@-webkit-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    40% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }

    60% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}

@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    40% {
        -webkit-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        transform: translateY(-30px);
    }

    60% {
        -webkit-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}

.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
}

@-webkit-keyframes flash {
    0%, 50%, 100% {
        opacity: 1;
    }

    25%, 75% {
        opacity: 0;
    }
}

@keyframes flash {
    0%, 50%, 100% {
        opacity: 1;
    }

    25%, 75% {
        opacity: 0;
    }
}

.flash {
    -webkit-animation-name: flash;
    animation-name: flash;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }

    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
}

@-webkit-keyframes shake {
    0%, 100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px);
    }

    20%, 40%, 60%, 80% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px);
    }
}

@keyframes shake {
    0%, 100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        transform: translateX(-10px);
    }

    20%, 40%, 60%, 80% {
        -webkit-transform: translateX(10px);
        -ms-transform: translateX(10px);
        transform: translateX(10px);
    }
}

.shake {
    -webkit-animation-name: shake;
    animation-name: shake;
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg);
    }

    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }

    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg);
    }

    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg);
    }

    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        -ms-transform: rotate(15deg);
        transform: rotate(15deg);
    }

    40% {
        -webkit-transform: rotate(-10deg);
        -ms-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }

    60% {
        -webkit-transform: rotate(5deg);
        -ms-transform: rotate(5deg);
        transform: rotate(5deg);
    }

    80% {
        -webkit-transform: rotate(-5deg);
        -ms-transform: rotate(-5deg);
        transform: rotate(-5deg);
    }

    100% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

.swing {
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing;
}

@-webkit-keyframes tada {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    10%, 20% {
        -webkit-transform: scale(0.9) rotate(-3deg);
        transform: scale(0.9) rotate(-3deg);
    }

    30%, 50%, 70%, 90% {
        -webkit-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg);
    }

    40%, 60%, 80% {
        -webkit-transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg);
    }

    100% {
        -webkit-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0);
    }
}

@keyframes tada {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }

    10%, 20% {
        -webkit-transform: scale(0.9) rotate(-3deg);
        -ms-transform: scale(0.9) rotate(-3deg);
        transform: scale(0.9) rotate(-3deg);
    }

    30%, 50%, 70%, 90% {
        -webkit-transform: scale(1.1) rotate(3deg);
        -ms-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg);
    }

    40%, 60%, 80% {
        -webkit-transform: scale(1.1) rotate(-3deg);
        -ms-transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg);
    }

    100% {
        -webkit-transform: scale(1) rotate(0);
        -ms-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0);
    }
}

.tada {
    -webkit-animation-name: tada;
    animation-name: tada;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
    0% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
    }

    15% {
        -webkit-transform: translateX(-25%) rotate(-5deg);
        transform: translateX(-25%) rotate(-5deg);
    }

    30% {
        -webkit-transform: translateX(20%) rotate(3deg);
        transform: translateX(20%) rotate(3deg);
    }

    45% {
        -webkit-transform: translateX(-15%) rotate(-3deg);
        transform: translateX(-15%) rotate(-3deg);
    }

    60% {
        -webkit-transform: translateX(10%) rotate(2deg);
        transform: translateX(10%) rotate(2deg);
    }

    75% {
        -webkit-transform: translateX(-5%) rotate(-1deg);
        transform: translateX(-5%) rotate(-1deg);
    }

    100% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
    }
}

@keyframes wobble {
    0% {
        -webkit-transform: translateX(0%);
        -ms-transform: translateX(0%);
        transform: translateX(0%);
    }

    15% {
        -webkit-transform: translateX(-25%) rotate(-5deg);
        -ms-transform: translateX(-25%) rotate(-5deg);
        transform: translateX(-25%) rotate(-5deg);
    }

    30% {
        -webkit-transform: translateX(20%) rotate(3deg);
        -ms-transform: translateX(20%) rotate(3deg);
        transform: translateX(20%) rotate(3deg);
    }

    45% {
        -webkit-transform: translateX(-15%) rotate(-3deg);
        -ms-transform: translateX(-15%) rotate(-3deg);
        transform: translateX(-15%) rotate(-3deg);
    }

    60% {
        -webkit-transform: translateX(10%) rotate(2deg);
        -ms-transform: translateX(10%) rotate(2deg);
        transform: translateX(10%) rotate(2deg);
    }

    75% {
        -webkit-transform: translateX(-5%) rotate(-1deg);
        -ms-transform: translateX(-5%) rotate(-1deg);
        transform: translateX(-5%) rotate(-1deg);
    }

    100% {
        -webkit-transform: translateX(0%);
        -ms-transform: translateX(0%);
        transform: translateX(0%);
    }
}

.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble;
}

@-webkit-keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
        transform: scale(.3);
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
    }

    70% {
        -webkit-transform: scale(.9);
        transform: scale(.9);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
        -ms-transform: scale(.3);
        transform: scale(.3);
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
    }

    70% {
        -webkit-transform: scale(.9);
        -ms-transform: scale(.9);
        transform: scale(.9);
    }

    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}

.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(30px);
        transform: translateY(30px);
    }

    80% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(30px);
        -ms-transform: translateY(30px);
        transform: translateY(30px);
    }

    80% {
        -webkit-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        transform: translateY(-10px);
    }

    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(30px);
        transform: translateX(30px);
    }

    80% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes bounceInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(30px);
        -ms-transform: translateX(30px);
        transform: translateX(30px);
    }

    80% {
        -webkit-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        transform: translateX(-10px);
    }

    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(-30px);
        transform: translateX(-30px);
    }

    80% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes bounceInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(-30px);
        -ms-transform: translateX(-30px);
        transform: translateX(-30px);
    }

    80% {
        -webkit-transform: translateX(10px);
        -ms-transform: translateX(10px);
        transform: translateX(10px);
    }

    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }

    80% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes bounceInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        transform: translateY(-30px);
    }

    80% {
        -webkit-transform: translateY(10px);
        -ms-transform: translateY(10px);
        transform: translateY(10px);
    }

    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    25% {
        -webkit-transform: scale(.95);
        transform: scale(.95);
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(.3);
        transform: scale(.3);
    }
}

@keyframes bounceOut {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }

    25% {
        -webkit-transform: scale(.95);
        -ms-transform: scale(.95);
        transform: scale(.95);
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(.3);
        -ms-transform: scale(.3);
        transform: scale(.3);
    }
}

.bounceOut {
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px);
    }
}

@keyframes bounceOutDown {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px);
    }
}

.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
}

@keyframes bounceOutLeft {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
}

.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px);
    }
}

@keyframes bounceOutRight {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        transform: translateX(-20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px);
    }
}

.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
}

@keyframes bounceOutUp {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
}

.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        transform: translateX(-20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px);
    }
}

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px);
    }
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px);
    }
}

.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px);
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        transform: translateX(-20px);
    }
}

.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
}

.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px);
    }
}

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px);
    }
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px);
    }
}

.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px);
    }
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
}

.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    80% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    100% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}

@keyframes flip {
    0% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    80% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    100% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}

.animated.flip {
    -webkit-backface-visibility: visible;
    -ms-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip;
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg);
        transform: perspective(400px) rotateX(-10deg);
    }

    70% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
    }

    100% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}

@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        -ms-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg);
        -ms-transform: perspective(400px) rotateX(-10deg);
        transform: perspective(400px) rotateX(-10deg);
    }

    70% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        -ms-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
    }

    100% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        -ms-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}

.flipInX {
    -webkit-backface-visibility: visible !important;
    -ms-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX;
}

@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotateY(-10deg);
        transform: perspective(400px) rotateY(-10deg);
    }

    70% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
    }

    100% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
}

@keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        -ms-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotateY(-10deg);
        -ms-transform: perspective(400px) rotateY(-10deg);
        transform: perspective(400px) rotateY(-10deg);
    }

    70% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        -ms-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
    }

    100% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        -ms-transform: perspective(400px) rotateY(0deg);
        transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
}

.flipInY {
    -webkit-backface-visibility: visible !important;
    -ms-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}

@keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        -ms-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        -ms-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}

.flipOutX {
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    -ms-backface-visibility: visible !important;
    backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
}

@keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        -ms-transform: perspective(400px) rotateY(0deg);
        transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        -ms-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
}

.flipOutY {
    -webkit-backface-visibility: visible !important;
    -ms-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
    0% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0;
    }

    60% {
        -webkit-transform: translateX(-20%) skewX(30deg);
        transform: translateX(-20%) skewX(30deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: translateX(0%) skewX(-15deg);
        transform: translateX(0%) skewX(-15deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateX(0%) skewX(0deg);
        transform: translateX(0%) skewX(0deg);
        opacity: 1;
    }
}

@keyframes lightSpeedIn {
    0% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        -ms-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0;
    }

    60% {
        -webkit-transform: translateX(-20%) skewX(30deg);
        -ms-transform: translateX(-20%) skewX(30deg);
        transform: translateX(-20%) skewX(30deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: translateX(0%) skewX(-15deg);
        -ms-transform: translateX(0%) skewX(-15deg);
        transform: translateX(0%) skewX(-15deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateX(0%) skewX(0deg);
        -ms-transform: translateX(0%) skewX(0deg);
        transform: translateX(0%) skewX(0deg);
        opacity: 1;
    }
}

.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
    0% {
        -webkit-transform: translateX(0%) skewX(0deg);
        transform: translateX(0%) skewX(0deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0;
    }
}

@keyframes lightSpeedOut {
    0% {
        -webkit-transform: translateX(0%) skewX(0deg);
        -ms-transform: translateX(0%) skewX(0deg);
        transform: translateX(0%) skewX(0deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        -ms-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0;
    }
}

.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
    0% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}

@keyframes rotateIn {
    0% {
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(-200deg);
        -ms-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}

.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}

@keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}

.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}

@keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}

.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}

@keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}

.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}

@keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}

.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
    0% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0;
    }
}

@keyframes rotateOut {
    0% {
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(200deg);
        -ms-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0;
    }
}

.rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }
}

@keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }
}

.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }
}

@keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }
}

.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }
}

@keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }
}

.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }
}

@keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }
}

.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight;
}

@-webkit-keyframes slideInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slideInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }

    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes slideInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }

    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes slideInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px);
    }

    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight;
}

@-webkit-keyframes slideOutLeft {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
}

@keyframes slideOutLeft {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
}

.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px);
    }
}

@keyframes slideOutRight {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px);
    }
}

.slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
}

@keyframes slideOutUp {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
}

.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp;
}

@-webkit-keyframes hinge {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    20%, 60% {
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    40% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    80% {
        -webkit-transform: rotate(60deg) translateY(0);
        transform: rotate(60deg) translateY(0);
        opacity: 1;
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    100% {
        -webkit-transform: translateY(700px);
        transform: translateY(700px);
        opacity: 0;
    }
}

@keyframes hinge {
    0% {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    20%, 60% {
        -webkit-transform: rotate(80deg);
        -ms-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    40% {
        -webkit-transform: rotate(60deg);
        -ms-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    80% {
        -webkit-transform: rotate(60deg) translateY(0);
        -ms-transform: rotate(60deg) translateY(0);
        transform: rotate(60deg) translateY(0);
        opacity: 1;
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    100% {
        -webkit-transform: translateY(700px);
        -ms-transform: translateY(700px);
        transform: translateY(700px);
        opacity: 0;
    }
}

.hinge {
    -webkit-animation-name: hinge;
    animation-name: hinge;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate(-120deg);
        transform: translateX(-100%) rotate(-120deg);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
        transform: translateX(0px) rotate(0deg);
    }
}

@keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate(-120deg);
        -ms-transform: translateX(-100%) rotate(-120deg);
        transform: translateX(-100%) rotate(-120deg);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
        -ms-transform: translateX(0px) rotate(0deg);
        transform: translateX(0px) rotate(0deg);
    }
}

.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
        transform: translateX(0px) rotate(0deg);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(100%) rotate(120deg);
        transform: translateX(100%) rotate(120deg);
    }
}

@keyframes rollOut {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
        -ms-transform: translateX(0px) rotate(0deg);
        transform: translateX(0px) rotate(0deg);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(100%) rotate(120deg);
        -ms-transform: translateX(100%) rotate(120deg);
        transform: translateX(100%) rotate(120deg);
    }
}

.rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut;
}


























































































/*============================================================================

	MOBILE FIXES

============================================================================*/

/*
select#MakeId {
	font-size:12px;	
	font-size:50px;
}
select#MakeId option {
	font-size:12px;
}
*/


@media screen and (-webkit-min-device-pixel-ratio:0) { 
  select:focus,
  textarea:focus,
  input:focus {
    font-size:16px;
    background:#fafafa;
  }
}





/*============================================================================

	CUSTOM CSS (CRC)

============================================================================*/


/*-------------*/
/* NEW CLASSES */
/*-------------*/
#megamenu-bg, 
.bg-fill {
	display:none;
}
#megamenu-bg {
	position:absolute;
	width:100%;
	height:10000px;
	background:rgba(0,0,0,0.5);
	bottom:0;
	left:0;
	z-index:9999;
	cursor:pointer;
}
.light-shadow { /* dpss */
    -webkit-box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.75);
    box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.75);
}
.responsive-box {
    display:inline-block;
    position: relative;
    width: 100%;
}

.responsive-dummy {
    margin-top: 100%;
}

.responsive-content {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: cyan;
}
.flush {
    padding: 0;
    margin: 0;
}
a {
    color: #666;
}

    .blue, a.blue {
        color: #007ba5 !important;
    }

        a.blue:hover {
            color: #05506a !important;
        }

h2.small {
    display:block;
    font-size: 16px;
    font-weight: bold;
    padding-top: 0;
    margin-top: 0;
}

.caps {
    text-transform: uppercase;
}

hr.divider {
    width: 100%;
    height: 1px;
    background: #ddd;
    margin: 45px 0 15px;
}

hr {
    width: 100%;
    height: 1px;
    background: #ddd;
    margin: 0;
}

.hidden, .mobile {
    display:none !important;
}



/* --------------------( GENERAL / MISC )-------------------- */

#home-pages .wr {
	padding-bottom:50px;
}
.contentWrapper {
	width:auto;
	background:#fafafa;
	padding-bottom:50px;
}
/**/#home-pages .contentWrapper {
	margin-top:0;
	padding-bottom:0px;
}
#contact-us .wr { padding-bottom:0px; }
.wr {
	z-index:10000 !important;
}
.header.index_header {
	position:relative !important;
	z-index:10000 !important;
}
#home-pages .header.index_header {
	position:absolute !important;
}
a span.background {
	position: absolute;
	display:none;
	top: -100%;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(54, 63, 72, 0.5);
	background: rgba(0, 123, 165, 0.5);
}

ul.ul, 
ol.ol { 
	margin-left: 1.5em;
}

ul.ul li, 
ol.ol li { 
	padding-bottom: 5px;
}
ul.ul { list-style: disc; }
ol.ol { list-style: decimal; }
select { cursor:pointer; 
/*
	-webkit-appearance: none;
	-moz-appearance:none;
*/
}

.list-links li {
	list-style:none;
}
.list-links li a {
	padding-left:0px;
	background:none !important;
}

.list-links li a:before {
	content:"\f138";
	color:#777;
	font-family:'FontAwesome';
	margin-right:10px;
}



/* --------------------( HEADER )-------------------- */

#nav-menu {
	position:relative;
	height:44px;
}
#nav-menu #gateway-logo-box {
	position:absolute;
	top:12px;
	right:10px;
}
#nav-menu #gateway-logo-box img {
	height:20px;
}

#gateway-name {
	float:left;
	display:block;
	padding:0;
	margin:12px 0 0 15px;
}
#gateway-name .title {
	font-family:"Open Sans",'OpenSans',Arial,Helvetica,sans-serif;
	font-size:20px;
	font-weight:bold;
}


/* --- Home Carousel --- */
#home-dealers {
	background:#222;
/* 	padding:20px 0; */
	padding:20px;
}
#home-dealers #home-dealer-wrapper {
	position:relative;
	width:100%;
	min-width:569px;
	min-width:559px;
	min-width:519px;
	max-width:1280px;
	max-width:none;
	margin:0 auto;
}
#nav-menu #gateway-name .title {
	color:#fff;
}
#home-dealers .dealer {
	float:left;
/* 	overflow:hidden; */
	position:relative;
	width:25%;
	height:150px;
	line-height:0;
}

	/* This is so that the 2nd thumbnail in 
	each row fits snugly. You will want to 
	add a similar class to the last thumbnail 
	in each row to get rid of the margin-right. */
	.no-margin {
		margin-right: 0;
	}

	/* --- Link configuration that contains the image and label --- */
	#home-dealers .dealer a {
		display:block;
		position:relative;
		height:100%;
		height:150px;
		border:1px solid #777; /*added*/
		overflow:hidden;
	}

	#home-dealers .dealer a img {
		display:none;
		position:absolute;
		height:auto;
		top:0;
		left:0;
	}

    /* --- Label configuration --- */
    #home-dealers .dealer a span.dark-background {
        display:block;
        position:absolute;
        width:100%;
        height:100%;
		font-family:'Montserrat', Arial, Helvetica, sans-serif;
		font-size:18px;
        font-weight:normal;
		line-height:24px;
        text-align:center;
        text-decoration:none;
        background:rgba(68,68,68,0.8);
        z-index:100;
    }
	#home-dealers .dealer a div.text-box {
		display:table;
		position:relative;
		width:100%;
		height:100%;
	}
	#home-dealers .dealer a div.text-box span {
		display:block;
		font-size:20px;
		font-weight:300;
		vertical-align:middle;
		vertical-align:text-top;
		padding-right:25px !important;
		padding-left:25px !important;
	}
	#home-dealers .dealer a div.text-box span.small {
		font-size:14px;
		line-height:20px;
		padding-right:10px !important;
		padding-left:10px !important;
	}
	#home-dealers .dealer a span.name {
		padding:20px 25px 0 !important;
	}
	#home-dealers .dealer a span.number {
		display:block;
		position:absolute;
		font-size:14px !important;
		width:100%;
		bottom:20px;
	}
	#home-dealers .dealer a span.number span {
		font-size:14px;
		padding:0;
	}

    /* --- Dark hover background --- */
    .dark-background {
        background-color: rgba(15, 15, 15, 0.6);
        background-color: rgba(0, 123, 165, 0.6);
        color: #fff;
        text-shadow: #000 0px 0px 20px;
    }
    .dark-background em {
        color: #ccc;
    }

	#home-dealer-wrapper .popup {
		display:none;
		position:absolute;
		width:1280px;
		height:245px;
		padding-bottom:50px;
		top:-245px;
		left:0;
		z-index:30;
	}
	#home-dealer-wrapper .popup .row {
		position:relative;
		max-width:100%;
		height:232px;
		background:#555;
	}
	#home-dealer-wrapper .popup .row .arrow {
		position:absolute;
		width:0;
		height:0;
		margin:0 auto;
		border-left:10px solid transparent;
		border-right:10px solid transparent;
		border-bottom:20px solid pink;
		bottom:-15px;
		z-index:999;
	}
	#home-dealer-wrapper .popup .row .columns {
		z-index:900;
	}
	#home-dealer-wrapper .popup .dealer-info {
		position:relative;
		padding:30px;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
	}
	#home-dealer-wrapper .popup .dealer-info .info {
		display:block;
		color:#fff;
		font-family:'Montserrat',"Droid Sans",'Verdana',sans-serif;
		font-size:14px;
		font-weight:normal;
		line-height:1.5;
		margin-bottom:15px;
		overflow:hidden;
	}
	#home-dealer-wrapper .popup .dealer-info .info i {
		color:#ccc;
		margin-top:3px;
		margin-right:15px;
	}
	#home-dealer-wrapper .popup .dealer-info .info i, 
	#home-dealer-wrapper .popup .dealer-info .info span {
		float:left;
	}
	#home-dealer-wrapper .popup .dealer-info .info a {
		color:#fff;
	}
	#home-dealer-wrapper .popup .dealer-info .info a:hover {
		text-decoration:underline;
	}
	#home-dealer-wrapper .popup .dealer-info .cta-wrapper {
		margin-top:25px;
		overflow:hidden;
	}
	#home-dealer-wrapper .popup .dealer-info .cta-wrapper br {
		display:none;
	}
	#home-dealer-wrapper .popup .dealer-info .cta-wrapper .cta {
		display:block;
		float:left;
		position:relative;
		color:#000;
		font-family:'Montserrat',"Droid Sans",'Verdana',sans-serif;
		font-size:12px;
		font-weight:bold;
		text-transform:uppercase;
		background:#FFB302;
		margin-right:10px;
		padding:10px 15px;
	}
	#home-dealer-wrapper .dealer {
		display:none;
		height:150px;
		z-index:999;
	}
	.scrollbar-measure {
		width: 100px;
		height: 100px;
		overflow: scroll;
		position: absolute;
		top: -9999px;
	}



/* --------------------( DEALER INTRO )-------------------- */

#blurb-wrapper.row {
	max-width:1280px;
}
#dealer-intro {
	position:relative;
	display:block;
	padding:45px 0 35px;
	clear:both;
	overflow:hidden;
}

#dealer-intro span {}

#dealer-intro .col {
	position:relative;
	display:block;
	float:left;
	width:560px;
}

#dealer-intro h1 {
	font-size:30px;
	font-weight:normal;
	line-height:1.5;
	margin-top:0px;
}

#dealer-intro #dealer-details {
	float:right;
}

#dealer-intro #dealer-details p {
	font-size:16px;
	line-height:1.5;
	margin-top:0;
	padding-right:10px;
}
#dealer-intro #dealer-details p b, 
#dealer-intro #dealer-details ul.blurb-list li b {
	font-weight:600;
}
#dealer-intro #dealer-details p i,
#dealer-intro #dealer-details ul.blurb-list li, 
#dealer-intro #dealer-details ul.blurb-list li i {
	font-size:16px;
	font-family:"Open Sans",'OpenSans',Arial,Helvetica,sans-serif;
	font-weight:normal;
	letter-spacing:0px;
}

#dealer-intro #dealer-details ul.blurb-list {
	
}

#dealer-intro #dealer-details ul.blurb-list li {
	
}



/* --------------------( HOME PAGE )-------------------- */

#home-page-hero {
	height:auto !important;
	display:block;
	background:#fafafa;
	padding-bottom:24px;
}
#hero-bg {
	font-family:'Montserrat', "Droid Sans", sans-serif;
}
#hero-bg .center_container {
    width: 960px;
    margin: 125px auto 0;
}
#hero-bg .brands li {
	cursor:pointer;
}
#home-bottom {
/* 	border-top:24px solid #000; */
	padding-top:0;
}
#home-bottom #dealer-intro {
}
#home-bottom #dealer-details p.dealer-address {
	margin-bottom:0px;
}



/* --------------------( BANNER STRIP )-------------------- */

#banner-strip {
	position: relative;
	display:block;

	width: 100%;
	background: #666;
}
#banner-strip ul { 
	position: relative;
	display:block;
	overflow: hidden;
}
#banner-strip ul li {
	display:block;
	float: left;
	list-style: none;
	line-height: 0%; /* must be <100% or gaps appear -- vexing! */
	width: 25%;
	margin: 0;
	background: #eee;
}
#banner-strip ul li:nth-child(even)  .responsive-content {
	background: #abc;
}



/* --------------------( DEALER INFO )-------------------- */

#dealer-intro #dealer-details #details-wrapper #details-contact, 
#dealer-intro #dealer-details #details-wrapper #details-hours {
	width:50%;
}



/* --------------------( FOOTER )-------------------- */

footer {
	position: relative;
	display:block;
	background: #0093b9; /* dpss */
	background: #333;
/* 	min-width: 1210px; */
	width: 100%;
/*
	min-height: 100px;
	height: auto !important;
	height: 100px;
*/
	padding: 40px 0;
}
#closing-down footer {
	background:#161819;
}
footer .container {
	width:100%;
/* 	max-width:1280px; */
	max-width:1170px;
}
#footer { 
	display:block;
	width:100%;
	max-width:none;
	margin: 0 auto;
	margin:0;
}
#footer h2 {
	color: #fff;
	font-size: 1.25em;
	text-transform: uppercase;
	font-weight:normal;
	letter-spacing:1px;
}
.footer-columns {
	border: 0px;
}

	.footer-columns .box {
		margin-bottom:21px;
		overflow:hidden;
	}

#footer #footer-search {
	position:relative;
	overflow:hidden;
}

	#footer #footer-input,
	#footer #mob-footer-input {
		position:relative;
		float:left;
		width:185px;
		height: 30px;
		color: #333;
		font-size:0.8em;
		font-style:italic;
		background:#fcfcfc !important;
		border:0px;
	    -webkit-border-radius:0px;
	    -moz-border-radius:0px;
	    border-radius:0px;
		-webkit-border-top-left-radius:2px;
		-webkit-border-bottom-left-radius:2px;
		-moz-border-radius-topleft: 2px;
		-moz-border-radius-bottomleft: 2px;
		border-top-left-radius:2px;
		border-bottom-left-radius:2px;
		padding: 5px 7px;
		bottom:0px !important;
		text-transform:none;
		opacity:1;
	}
	#footer #mob-footer-input {
		width:70px;
	}

	#footer #footer-form input:hover,
	#footer #mob-footer-form input:hover {
		background:#fcfcfc;
	}

	#footer-radio-box,
	#mob-footer-radio-box {
		overflow:hidden;
	}	
	.radio-box {
		position:relative;
		display:block;
		float:left;
		margin:10px 10px 15px 0;
	}
	.radio-box label { 
		color:#fff;
	}
	.radio-box label:before {
		top:-4px;
		bottom:0px;
	}

	#footer #footer-btn,
	#footer #mob-footer-btn {
		position:relative;
		float:left;
		height:30px !important;
	    -webkit-border-radius:0px;
	    -moz-border-radius:0px;
	    border-radius:0px;
		-webkit-border-top-right-radius:2px;
		-webkit-border-bottom-right-radius:2px;
		-moz-border-radius-topright: 2px;
		-moz-border-radius-bottomright: 2px;
		border-top-right-radius:2px;
		border-bottom-right-radius:2px;		
	}


#footer ul.footer-list {
	color: #fff;
	padding-top: 10px;
}
#footer ul.footer-list li {
	list-style: none;
}
#footer ul#footer-brands li,
#footer ul#footer-dealers li,
#footer ul.footer-list li {
	float:left;
	width:50%;
	display:block;
}
#footer ul.footer-list a {
	color:#fff;
	color: #ccc;
}
#footer ul.footer-list a:hover {
	color:#fff;
}
#footer ul.footer-list a.inactive {
	color: #ccc;
}
#footer #desktop-footer h2.group-title {
	line-height:100%;
	margin-bottom:20px;
}
#footer #desktop-footer ul.site-links,
#footer #desktop-footer ul.group-links {
	padding-left:0;
}
#footer #desktop-footer ul.site-links li,
#footer #desktop-footer ul.group-links li {
	font-size:14px;
	line-height:20px;
	margin-bottom:7px;
	list-style:none;
}
#footer #desktop-footer ul.site-links li a,
#footer #desktop-footer ul.group-links li a {
	color:#ccc;
}
#footer #desktop-footer ul.site-links, 
#footer #desktop-footer ul.group-links {
	position:relative;
	padding-bottom:20px;
	padding-left:0;
	overflow:hidden;
	
}
#footer #desktop-footer ul.group-links li {
	position:relative;
	display:block;
	float:left;
	color:#fff;
	font-size:14px;
	line-height:20px;
	margin-bottom:7px;
	list-style:circle;
	white-space:nowrap;
}
#footer #desktop-footer ul.group-links li:before {
	content:"\00a0\00a0\2022\00a0\00a0";
	color:#999;
}
#footer #desktop-footer ul.group-links li.first:before,
#footer #desktop-footer ul.group-links li.make:before {
	content:"";
}
#footer #desktop-footer ul.group-links li.make:after {
	content:"\00a0\00a0";
}
#footer #desktop-footer ul.group-links li.make,
#footer #desktop-footer ul.group-links li.first {
	list-style:none;
}
#footer #desktop-footer ul.group-links li.make {
	font-weight:bold;
}
#footer #desktop-footer ul.group-links li a {
	color:#ccc;
}

#footer #desktop-footer ul.site-links li {
	float:left;
	width:50%;
}

#footer #df-bottom {
/*
	padding-top:0;
	padding-left:40px !important;
	padding-right:40px !important;
*/
	padding:0 15px;
	max-width:none;
}

		#footer #df-bottom .three.columns {
			width:25%;
		}
		#footer #df-bottom .six.columns {
			width:50%;
		}

		#footer #df-bottom #df-copy {
			color:#ccc;
		}
		#footer #df-bottom #licence-numbers {
			color:#999 !important;
			font-size:11px;
			line-height:1.5;
			text-align:center;
		}
		#footer #df-bottom #df-links {
			color:#ccc;
			text-align:right;
		}
		#footer #df-bottom #df-links a {
			color:#ccc;
		}
		#footer #df-bottom #df-links a:hover {
			color:#007ba5;
		}

#footer #mobile-footer {
	display:none;
}

	#mobile-footer #mf-top {
		border-bottom:1px solid #ccc;
	}

	#mobile-footer #mf-top a {
		display:block;
		width: 100%;
		color: #fff;
		font-size: 12px;
		font-weight: bold;
		text-align: center;
		padding: 20px;
	}
	#mobile-footer #mf-top a:hover {
		color: #eee;
		background: #006680;
	}

	#mobile-footer #mf-links {
		display:block;
	}
	#mobile-footer #mf-links h2 {
		text-align:center;
	}
	#mobile-footer #mf-links p {
		color:#fff;
		font-size:12px;
		text-align:center;
		margin:20px 0px;
		margin-bottom:15px;
	}
	#mobile-footer #mf-links p a {
		color: #fff;
	}
	#mobile-footer #mf-links p a:hover {
		color: #eee;
	}
	#mobile-footer #mf-links p.copyright {
		color: #fff;
		font-size: 10px;
		margin-top:15px;
		margin-bottom:20px;
	}







@media only screen and (min-width: 1220px) and (max-width: 1561px){
	body {
 		overflow-x:hidden;
	}
}
@media only screen and (min-width: 568px) and (max-width: 1234px){
	body {
		overflow-x:visible;
	}
	#skyscrapers {
		display:none;
	}
}
















































































/*============================================================================

	CARELL RESPONSIVE RRR

============================================================================*/

@media only screen and (max-width: 568px){
html, body {
	min-width:auto;
}
body {
	overflow:visible;
}
.scrollLock {
	overflow:hidden;
}

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

html {
	-webkit-text-size-adjust: 100%;
}
.wr {
	padding-bottom:0px;
}
.contentWrapper { margin-top:0px; }
.container { padding: 0px !important; }
#outer-container {
	min-height:0px;
}
.mobile {
	display:block !important;
}
.space-top-and-bottom.medium {
	margin: 20px auto;
}
.light-shadow { /* dpss */
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none;
}
#content-box {
	border-bottom: 0px;
}
h3, .h3, h2.h3 {
	font-size: 1.25em;
	line-height: 1.25em;
	font-weight: normal;
	color: #000;
}
#page-title {
	color:#333;
	font-size: 1.5em;
	line-height:1.5em;
	padding:5px 0px 20px;
}
#disclaimer {
	padding: 0 20px;
}

.header .navigation {
	background:#333;
	padding-bottom:30px;
}

/* Header */



/* Logo */
#nav-menu #gateway-logo-box {
	top:17px;
	top:52px;
}
#nav-menu #gateway-logo-box img {
	height:10px;
}

.button { font-size:10px; }



/* --------------------( FOOTER )-------------------- */

footer, footer .container {
	padding: 0px !important;
	min-width: 0;
	width: 100%;
}
#mobile-footer {
	display:block !important;
}
#mobile-footer #mf-top { /* dpss */
	display:none;
}

#mobile-footer #mf-links p a:hover {
	color: #007ba5;
}
#mobile-footer #mob-footer-input {
	width:175px;
}
#mobile-footer #mob-footer-radio-box {
	text-align:center;
	overflow:visible;
}
#mobile-footer #mob-footer-input, 
#mobile-footer #mob-footer-btn {
	float:none;
	clear:both;
}
#mobile-footer #mob-footer-btn {
	margin-left:-4px;
}
#mobile-footer p#licence-numbers {
	color:#999;
}
/* --------------------( HOME PAGE )-------------------- */
#home-pages {
	background-color:#fff;
}
#hero-mobile {
	padding:17px 15px 20px; 
}
#home-pages #home-bottom {
	margin-top:-2px;
}
#hero-mobile h1 {
	color:#fff; 
	font-weight:normal; 
	font-size:20px;
	margin-top:0px; 
	padding:0px 0px 7px 5px;
}
#hero-mobile #hph-box {
	width:100%;
	height:100%;
}

#hph-btns {
    border-spacing: 5px;
    border-collapse: separate;
}

	#hph-btns td {
		position:relative;
		height:150px;
	}

	#hph-btns td#book {
		height:75px;
	}

	#hph-btns td a {
		position:relative;
		display:block;
		width:100%;
		height:100%;
		font-family:'Montserrat',Arial,Helvetica,sans-serif;
		text-transform:uppercase;
		font-size:11px;
		color: #fff;
		margin:0 auto;
		text-align:center;
		background:rgba(0,0,0,0.25); 
	}

	#hph-btns td img {
		margin-top:25px;
	}

	#hph-btns td span { 
		position:relative; 
		display:block; 
		margin-top:-2px;
	}

	#hph-btns td a:hover {
		background:rgba(0,123,165,0.6); 
	}

	#hph-btns td#book a {
		line-height:75px;
		line-spacing:1px;
	}

#hero-mobile #hph-btns li img {
	margin-top:10px;
}

/* --------------------( HOME CAROUSEL )-------------------- */

#slider-ajax-container {
	border-top:1px solid #666;
	border-bottom:1px solid #666;
}
#home-dealers {
	margin-top:-1px;
	overflow:hidden;
}
#home-dealers #slider-ajax-container {
	width:50%;
}
#home-dealers .royalWrapper {
	overflow:visible;
	z-index:888 !important;
}
#home-dealers .royalControlNavOverflow {
	z-index:9898  !important;
}
#home-dealers .royalSlide {

}
#home-dealers .royalSlider .royalControlNavOverflow a {
	background: #ccc;
	width:10px;
	height:10px;
	float:left;
	cursor:pointer;
	position:relative;
	display:block;
	text-indent: -9999px;
	border-radius:50%;
	margin:auto 3px;
}
#home-dealers .royalSlider .royalControlNavOverflow a.current {
	background: #007ba5;
}
#home-dealers .royalSlide a span.dark-background {
    position: absolute;
    display:inline;
	font-family:'Montserrat', Arial, Helvetica, sans-serif;
	font-size:18px;
	line-height:30px;
    font-weight: normal;
    height: 100%;
    text-align: center;
    text-decoration: none;
    width: 100%;
    z-index: 100;
    background-color: rgba(15, 15, 15, 0.3);
    color: #fff;
}
#home-dealers .royalSlide a div.text-box {
	display:table;
	position:relative;
	width:100%;
	height:100%;
}
#home-dealers .royalSlide a div.text-box span {
	display:table-cell;
	vertical-align:middle;
	padding:0 25px !important;
    text-shadow: #000 1px 1px 10px;
}
#mainbanner-rotator.royalSlider .royalControlNavOverflow {
	margin-top:0px !important;
}

#home-dealers {
	padding:10px 10px 5px;
}
#home-dealers #home-dealer-wrapper {
	width:100%;
	min-width:100%;
	max-width:100%;
}
#home-dealer-wrapper .popup {
	display:none !important;
}
#home-dealer-wrapper .dealer {
	display:block;
	float:none;
	position:relative;
	width:100%;
/* 	height:80px; dpss*/
	height:50px;
	margin:0 0 5px;
}
#home-dealer-wrapper .dealer a {
	width:100%;
/* 	height:80px; dpss*/
	height:50px;
/* 	background:#eee; */
	border:0 !important;
	cursor:pointer;
}
#home-dealer-wrapper .dealer a .dark-background {
	background:none !important;
}
#home-dealers .dealer div.text-box {
	width:100%;
/* 	height:80px; dpss*/
	height:50px;
	font-family:'Montserrat', Arial, Helvetica, sans-serif;
	background:#dadada;
}
#home-dealers .dealer div.text-box:hover {
	background:#fff;
}
#home-dealers .dealer div.text-box:hover span.text,
#home-dealers .dealer div.text-box:hover span.name i {
	color:#333;
}
#home-dealers .dealer a div.text-box span {
	position:relative !important;
	text-align:left;
	padding:0 !important;
}
#home-dealer-wrapper .dealer span.name {
	display:inline;
	float:left;
	width:auto;
	height:100%;
	color:#333;
/* 	font-size:14px !important; dpss*/
	font-size:12px !important;
	font-weight:normal;
	line-height:1.5;
	text-align:left;
	text-shadow:none !important;
	margin-left:0px;
}
#home-dealer-wrapper .dealer span.number,
#home-dealer-wrapper .dealer span.site {
	float:left;
	position:relative;
	width:50px !important;
/* 	height:80px; dpss*/
	height:50px;
	text-align:center;
	text-shadow:none !important;
	top:0 !important;
	right:0 !important;
}
#home-dealer-wrapper .dealer span.name a {
	position:relative;
	width:100%;
	height:100%;
	padding:0 20px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
#home-dealer-wrapper .dealer span.name a span.text {
	position:relative;
	font-weight:300;
}
#home-dealer-wrapper .dealer span.name a i {
	position:absolute;
	color:#aaa;
	right:5px;
}
#home-dealer-wrapper .dealer span.number a {
}
#home-dealer-wrapper .dealer span.number i {
	font-size:16px;
/* 	line-height:80px; dpss*/
	line-height:50px;
	text-align:center;
}
#home-dealer-wrapper .dealer span.site {
	display:block;
	line-height:normal;
}
#home-dealer-wrapper .dealer span.site span {
	display:block;
	font-size:11px;
	line-height:normal;
	text-transform:uppercase;
	margin-top:25px;
}


/* --------------------( HOME DEALER INFO )-------------------- */
#dealer-intro {
	padding-top:40px;
	padding-bottom:0;
}
#dealer-intro #dealer-description {
	width:100%;
	line-height:1.666667;
	margin:0;
	padding:0 20px 40px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
#dealer-intro #dealer-details {
	width:100%;
	background:#eee;
}
#dealer-intro #dealer-details #details-wrapper {
	width:100%;
	padding:0 20px 20px;
}
#dealer-intro #dealer-details #details-wrapper p {
	margin-bottom:1.5385em
}
#dealer-intro #dealer-details #details-wrapper #details-contact {
	width:99%;
}
#dealer-intro #dealer-details #details-wrapper #details-hours {
	width:1%;
}
#dealer-intro #dealer-details #details-wrapper #details-hours p {
	display:none;
}
#dealer-intro #dealer-details #details-wrapper #mobile-buttons ul {
	width:100%;
	overflow:hidden;
}
#dealer-intro #dealer-details #details-wrapper #mobile-buttons ul, 
#dealer-intro #dealer-details #details-wrapper #mobile-buttons ul li {
	list-style:none;
}
#dealer-intro #dealer-details #details-wrapper #mobile-buttons ul li {
	position:relative;
	float:left;
	display:block;
	width:32%;
	height:52px;
	line-height:52px;
	text-align:center;
	margin-left:2%;
}
#dealer-intro #dealer-details #details-wrapper #mobile-buttons ul li.first {
	margin-left:0px;
}
#dealer-intro #dealer-details #details-wrapper #mobile-buttons ul li a {
	display:block;
	color:#fff;
	width:100%;
	height:100%;
	background:#004b91;
	border-bottom:3px solid #02386b;
}
#dealer-intro #dealer-details #details-wrapper #mobile-buttons ul li a:hover {
	border-bottom-color:#fff;	
}
#footer #df-bottom {
	padding:20px;
	padding:0 20px 25px !important;
}
#footer #df-bottom .columns {
	display:block;
	width:100% !important;
	text-align:center !important;
	margin:20px 0 0;
}
#footer #df-bottom #df-links.twin.columns {
	float:left;
}
#footer #df-bottom #df-copy.twin.columns {
	float:left;
}


}/* @media only screen and (max-width: 568px){ */

@media screen and (max-width: 800px) and (min-width: 568px){
.rsDefault .rsThumb {
    width:96px !important;
    height:72px !important;
}
}

@media screen and (max-width:1320px) and (min-width:569px){

	#home-dealers .dealer a div.text-box span {
		font-size:18px;
	}
	#home-dealer-wrapper {
		padding:0 20px;
	}
	#home-dealer-wrapper .popup {
		width:100%;
	}
	#blurb-wrapper #dealer-description h1 {
		margin-left:20px;
	}
	#blurb-wrapper #dealer-details span p {
		padding-right:20px;
	}

}

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

	#home-dealer-wrapper .popup div.dealer-website {
		display:none !important;
	}
	#home-dealer-wrapper .popup .dealer-info .cta-wrapper .cta {
		margin-bottom:10px;
	}
	#home-dealer-wrapper .popup .dealer-info .cta-wrapper br {
		display:block !important;
		clear:both;
	}

}

@media screen and (max-width:750px) and (min-width:568px){


	#home-dealer-wrapper .popup .cta-offers, 
	#home-dealer-wrapper .popup .cta-service {
		display:none !important;
	}

}

@media screen and (max-width:750px) and (min-width:568px){

	#home-dealer-wrapper .popup .dealer-info i.fa {
		display:none !important;
	}

}













/*============================================================================

	PATCH FIXES

============================================================================*/
@media screen and (-webkit-min-device-pixel-ratio:0) { 
  select:focus,
  textarea:focus,
  input:focus {
    font-size: 1em !important;
  }
}

body { background:#f8f8f8; }
.custom_input {
	font-size:24px !important;
	background-color:transparent !important;
}
#content-pages #cp-content li a,
.left-col-box li a {
	font-weight:600;
}

#content-pages #cp-content li {
/* 	margin-bottom: 1.5em; */
}

.royalSlider.default .royalControlNavOverflow {
	margin-top:0px !important;
}