/* BILIMPORT DROPDOWN MENU */
.scrollable-menu {
    height: auto;
    max-height: 400px;
    overflow-x: hidden;
}

/* DAMAGE IMAGE */
#damageImageContainer {
	position: relative;
}

/* BILIMPORT FONT START */
@font-face {
	font-family: 'bilimport';
	src:url('fonts/bilimport.eot?-kn4mqw');
	src:url('fonts/bilimport.eot?#iefix-kn4mqw') format('embedded-opentype'),
		url('fonts/bilimport.woff?-kn4mqw') format('woff'),
		url('fonts/bilimport.ttf?-kn4mqw') format('truetype'),
		url('fonts/bilimport.svg?-kn4mqw#bilimport') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="bilimport-icon-"], [class*=" bilimport-icon-"] {
	font-family: 'bilimport';
	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;
}

.bilimport-icon-car-logo:before {
	content: "\e603";
}
.bilimport-icon-audi:before {
	content: "\e602";
}
.bilimport-icon-bmw:before {
	content: "\e612";
}
.bilimport-icon-mercedes:before {
	content: "\e613";
}
.bilimport-icon-volvo:before {
	content: "\e614";
}
.bilimport-icon-vw:before {
	content: "\e615";
}
.bilimport-icon-logo .path1:before {
	content: "\e600";
	color: rgb(35, 31, 32);
}
.bilimport-icon-logo .path2:before {
	content: "\e604";
	margin-left: -1.0166015625em;
	color: rgb(0, 0, 0);
}
.bilimport-icon-logo .path3:before {
	content: "\e605";
	margin-left: -1.0166015625em;
	color: rgb(0, 0, 0);
}
.bilimport-icon-logo .path4:before {
	content: "\e606";
	margin-left: -1.0166015625em;
	color: rgb(0, 0, 0);
}
.bilimport-icon-logo .path5:before {
	content: "\e607";
	margin-left: -1.0166015625em;
	color: rgb(0, 0, 0);
}
.bilimport-icon-logo .path6:before {
	content: "\e608";
	margin-left: -1.0166015625em;
	color: rgb(0, 0, 0);
}
.bilimport-icon-logo .path7:before {
	content: "\e609";
	margin-left: -1.0166015625em;
	color: rgb(0, 0, 0);
}
.bilimport-icon-logo .path8:before {
	content: "\e60a";
	margin-left: -1.0166015625em;
	color: rgb(0, 0, 0);
}
.bilimport-icon-logo .path9:before {
	content: "\e60b";
	margin-left: -1.0166015625em;
	color: rgb(0, 0, 0);
}
.bilimport-icon-logo .path10:before {
	content: "\e60c";
	margin-left: -1.0166015625em;
	color: rgb(0, 0, 0);
}
.bilimport-icon-pickup:before {
	content: "\e601";
}
.bilimport-icon-repair:before {
	content: "\e001";
}
.bilimport-icon-arrow:before {
	content: "\30";
}
.bilimport-icon-wheelwrench:before {
	content: "\23";
}
.bilimport-icon-zoom:before {
	content: "\24";
}
.bilimport-icon-car:before {
	content: "\25";
}
.bilimport-icon-camper:before {
	content: "\26";
}
.bilimport-icon-truck:before {
	content: "\27";
}
.bilimport-icon-motorcycle:before {
	content: "\28";
}
.bilimport-icon-newcar:before {
	content: "\29";
}


/* BILIMPORT FONT END */

/* Theme Name:iDea - Clean & Powerful Bootstrap Theme
Author:HtmlCoder
Author URI:http://www.htmlcoder.me
Author e-mail:htmlcoder.me@gmail.com
Version: 1.2.1
Created:September 2014
License URI:http://support.wrapbootstrap.com/
File Description:Main CSS file of the template */

/* TABLE OF CONTENTS

1) Typography
2) Layout
3) Sections
4) Pages ( blog,
about etc )
5) Template Components
6) Navigations
7) Blocks/Widgets
8) Main Slideshow
9) Owl carousel
10) IE 8 Support
* */

/* 1 Typography
----------------------------------------------------------------------------- */
html {
	height: 100%;
}
body {
	font-family: 'Solitas-ExtReg', 'Open Sans', sans-serif;
	font-size: 15px;
	line-height: 1.50;
	color: #666666;
	background-color: #ffffff;
}
body.full-height, body.full-height .page-wrapper {
	background-color: #fafafa;
	min-height: 100%;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	color: #343434;
	line-height: 1.2;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
	color: #343434;
}
h1 {
	font-size: 38px;
	font-weight: 700;
}
h2 {
	font-size: 28px;
	margin-bottom: 15px;
}
h3 {
	font-size: 22px;
}
h4 {
	font-size: 18px;
	font-weight: 700;
}
h5 {
	font-size: 16px;
	text-transform: uppercase;
	font-weight: 700;
}
h6 {
	font-weight: 700;
}

/* Medium devices (desktops, tablets, 992px and up) */
@media (min-width:992px) {
	.title {
		margin-top: 0;
	}
}

.sidebar .title {
	margin-bottom: 15px;
	margin-top: 20px;
	position: relative;
}
.page-header {
	margin-top: 20px;
	padding-top: 20px;
}
p {
	margin-bottom: 20px;
}
a {
	color: #2e3f8f;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
a:hover {
	color: #171f47;
}
a:focus,
a:active {
	outline: none;
	color: #171f47;
}
.no-trans * {
	-webkit-transition: none !important;
	   -moz-transition: none !important;
		-ms-transition: none !important;
		 -o-transition: none !important;
			transition: none !important;
}
img {
	display: block;
	max-width: 100%;
	height: auto;
}
blockquote {
	border-left: none;
	display: block;
	margin: 20px auto 20px;
	font-size: 16px;
	position: relative;
	padding: 10px 10px 10px 0px;
	margin-left: 40px;
}
blockquote:after {
	content: "“";
	width: 25px;
	height: 25px;
	line-height: 64px;
	font-size: 64px;
	font-family: 'PT Serif', serif;
	position: absolute;
	top: 12px;
	left: -45px;
}
.blockquote:before {
	font-family: 'PT Serif', serif;
	content: "“";
	font-size: 40px;
}
blockquote.inline {
	padding: 0;
}
blockquote.inline p {
	width: 60%;
	display: inline-block;
	margin: 0;
}
blockquote.inline footer {
	width: 37%;
	display: inline-block;
	padding-left: 5px;
}
blockquote.inline:after {
	top: 0;
}
mark,
.mark {
	background-color: #2e3f8f;
	color: #ffffff;
}
pre {
	padding: 20px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
.text-muted {
	color: #999999;
}
.text-default {
	color: #2e3f8f;
}
.well {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	background-color: #f3f3f3;
	-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .05);
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, .05);
}
.icons-page i {
	color: #333;
	font-size: 20px;
}
hr.dark {
	border-color: #333333;
}

/* Lists
---------------------------------- */
ul {
	list-style: square;
}
.list-icons,
.list {
	list-style: none;
	padding: 0;
}
.list-icons li,
.list li {
	padding: 5px 0;
}
.list-icons li i {
	width: 25px;
	text-align: center;
}
.list li .vertical-divider {
	padding-right: 15px;
	position: relative;
}
.list li .vertical-divider:after {
	position: absolute;
	content: "";
	height: 60%;
	width: 1px;
	background-color: #CECECE;
	right: 9px;
	top: 5px;
}
.list-inline {
	margin-top: 9px;
	margin-bottom: 8px;
}

/* Tables
---------------------------------- */
.table:not(.table-bordered) {
	border-bottom: 2px solid #f3f3f3;
}
.table > thead > tr > th {
	vertical-align: bottom;
	border-bottom: 1px solid #2e3f8f;
	background-color: #2e3f8f;
	color: #fff;
}
.table-bordered {
	border-color: #2e3f8f;
}
tbody {
	background-color: #ffffff;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
	padding: 8px 15px;
	border-top: 1px solid #f3f3f3;
}
.table-striped tbody {
	background-color: #fafafa;
}
.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
	background-color: #f1f1f1;
}
.table-striped.table > tbody > tr > td {
	border-color: #e8e8e8;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
	border-color: #f3f3f3;
}
.dl-horizontal dd {
	margin-bottom: 10px;
}
.dark .table:not(.table-bordered) {
	border-bottom: 2px solid #515151;
}
.dark .table > thead > tr > th {
	border-bottom: 1px solid #27272a;
	background-color: #27272a;
	color: #cdcdcd;
}
.dark tbody {
	background-color: transparent;
}
.dark .table > thead > tr > th,
.dark .table > tbody > tr > th,
.dark .table > tfoot > tr > th,
.dark .table > thead > tr > td,
.dark .table > tbody > tr > td,
.dark .table > tfoot > tr > td {
	border-top: 1px solid #515151;
}
.dark .table-hover > tbody > tr:hover {
	background-color: #27272a;
}
/* Small devices (tablets, 768px and up) */
@media (min-width:768px) {
	.dl-horizontal dd {
		margin-left: 150px;
	}
	.dl-horizontal dt {
		max-width: 120px;
	}
}

/* 2 Layout
----------------------------------------------------------------------------- */
.page-wrapper {
	background-color: #ffffff;
}
.header-top {
	background-color: #f1f1f1;
	border-bottom: 1px solid #dadada;
	-webkit-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.03) inset;
	box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.03) inset;
}
.header-top.dark {
	background-color: #27272A;
	border-bottom: 1px solid #000000;
	color: #cdcdcd;
}
.header-top.banner {
	padding: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	border-bottom: none;
}
.header {
	padding: 20px 0;
	border-bottom: 1px solid #eaeaea;
	background-color: #fff;
}
.header.dark {
	background-color: #36373C;
	border-top: 1px solid #515151;
	border-bottom-color: transparent!important;
}
.header.header-small {
	padding: 10px 0;
}
.banner {
	background-color: #f1f1f1;
	border-bottom: 1px solid #eaeaea;
}
.page-intro {
	padding: 10px 0;
	-webkit-box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.06) inset;
	box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.06) inset;
	background-color: #fafafa;
	border-bottom: 1px solid #dadada;
}
.banner + .page-intro {
	margin-top: -56px !important;
	position: relative;
	background-color: rgba(250, 250, 250, 0.9);
	z-index: 2;
}
.page-top {
	padding: 40px 0;
}
.main-container {
	padding: 40px 0;
}
.full-height .main-container {
	padding-top: 80px;
}
.section {
	padding: 25px 0;
}
.footer-top.light-gray-bg {
	border-top: 1px solid #f1f1f1;
}
.footer {
	padding: 30px 0;
	background-color: #262626;
	border-top: 1px solid #3a3a3a;
	border-bottom: 1px solid #333333;
}
.subfooter {
	padding: 25px 0;
	background-color: #000000;
}
.block {
	padding-bottom: 40px;
}
.sidebar .block:first-child {
	margin-top: 2px;
}

@media (min-width: 768px) { 
	:not(.fixed-header-on) .header.transparent {
		position: absolute;
		width: 100%;
		z-index: 30;
		background-color: rgba(255,255,255,0.3);
		border-color: transparent;
	}
	:not(.fixed-header-on) .dark.header.transparent {
		background-color: rgba(0,0,0,0.3);
	}	
}

/* Boxed Layout
---------------------------------- */
.boxed .page-wrapper {
	margin-right: auto;
	margin-left: auto;
	position: relative;
	-webkit-box-shadow: 0px 0px 10px #cacaca;;
	box-shadow: 0px 0px 10px #cacaca;;
}
.pattern-1 { 
	background-image: url("../images/pattern-1.png");
	background-repeat: repeat;
	background-position: 0 0; 
}
.pattern-4 .page-wrapper,
.pattern-5 .page-wrapper,
.pattern-6 .page-wrapper,
.pattern-7 .page-wrapper,
.pattern-8 .page-wrapper,
.pattern-9 .page-wrapper { 
	-webkit-box-shadow: none;
	box-shadow: none;
}
.pattern-2 { 
	background-image: url("../images/pattern-2.png");
	background-repeat: repeat;
	background-position: 0 0; 
}
.pattern-3 { 
	background-image: url("../images/pattern-3.png");
	background-repeat: repeat;
	background-position: 0 0; 
}
.pattern-4 { 
	background-image: url("../images/pattern-4.png");
	background-repeat: repeat;
	background-position: 0 0; 
}
.pattern-5 { 
	background-image: url("../images/pattern-5.png");
	background-repeat: repeat;
	background-position: 0 0; 
}
.pattern-6 { 
	background-image: url("../images/pattern-6.png");
	background-repeat: repeat;
	background-position: 0 0; 
}
.pattern-7 { 
	background-image: url("../images/pattern-7.png");
	background-repeat: repeat;
	background-position: 0 0; 
}
.pattern-8 { 
	background-image: url("../images/pattern-8.png");
	background-repeat: repeat;
	background-position: 0 0; 
}
.pattern-9 { 
	background-image: url("../images/pattern-9.png");
	background-repeat: repeat;
	background-position: 0 0; 
}
/* Small devices (tablets, 768px and up) */
@media (min-width:768px) {
	.boxed .page-wrapper {
		width: 750px;
	}
}

/* Medium devices (desktops, tablets, 992px and up) */
@media (min-width:992px) {
	.boxed .page-wrapper {
		width: 970px;
	}
}

/* Large devices (Large desktops 1200px and up) */
@media (min-width:1200px) {
	.boxed .page-wrapper {
		width: 1170px;
	}
}

/* Backgrounds
---------------------------------- */
.light .footer {
	background-color: #f7f7f7;
	border-top: 1px solid #DDDDDD;
	border-bottom: 1px solid #d1d1d1;
	position: relative;
}
.footer-top.light-gray-bg + .light .footer { 
	border-top: 1px solid #f1f1f1;
}
.light .subfooter {
	background-color: #e7e7e7;
}
.white-bg {
	background-color: #ffffff !important;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
	box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
	border: none !important;
}
.light-gray-bg {
	background-color: #fafafa;
}
.header-top {
	font-size: 12px;
}
.header-top.white-bg {
	-webkit-box-shadow: none;
	box-shadow: none;
	border-bottom: 1px solid #dadada !important;
}
.gray-bg {
	background-color: #f1f1f1;
	-webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.13) !important;
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.13) !important;
	position: relative;
}
.gray-bg:before {
	position: absolute;
	top: 0;
	left: 0;
	background-color: transparent;
	height: 5px;
	content: "";
	width: 100%;
	-webkit-box-shadow: 0 -2px 3px rgba(0, 0, 0, 0.13);
	box-shadow: 0 -2px 3px rgba(0, 0, 0, 0.13);
}
.header.gray-bg {
	border-bottom: 1px solid #dadada;
}
.header.gray-bg,
.header.gray-bg:before {
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}
.dark-bg {
	background-color: #000000;
	color: #ffffff;
}
.dark-bg h1,
.dark-bg h2,
.dark-bg h3,
.dark-bg h4,
.dark-bg h5,
.dark-bg h6 {
	color: #ffffff;
}
.dark-bg a:not(.btn) {
	color: #fff;
	text-decoration: underline;
}
.dark-bg a:not(.btn):hover {
	color: #fff;
	text-decoration: none;
}
.default-bg {
	background-color: #2e3f8f;
	color: #ffffff;
}
.default-bg h1,
.default-bg h2,
.default-bg h3,
.default-bg h4,
.default-bg h5,
.default-bg h6 {
	color: #ffffff;
}
.default-bg a:not(.btn) {
	color: #ffffff;
	text-decoration: underline;
}
.default-bg a:not(.btn):hover {
	color: #ffffff;
	text-decoration: none;
}
.default-bg.text-muted,
.default-bg.text-muted h1,
.default-bg.text-muted h2,
.default-bg.text-muted h3,
.default-bg.text-muted h4,
.default-bg.text-muted h5,
.default-bg.text-muted h6 {
	color: #f1f1f1;
}
.dark-bg.text-muted,
.dark-bg.text-muted h1,
.dark-bg.text-muted h2,
.dark-bg.text-muted h3,
.dark-bg.text-muted h4,
.dark-bg.text-muted h5,
.dark-bg.text-muted h6,
.gray-bg.text-muted,
.gray-bg.text-muted h1,
.gray-bg.text-muted h2,
.gray-bg.text-muted h3,
.gray-bg.text-muted h4,
.gray-bg.text-muted h5,
.gray-bg.text-muted h6 {
	color: #999999;
}

/* Parallax effect
---------------------------------- */
.no-touch .light-translucent-bg,
.no-touch .dark-translucent-bg,
.no-touch .default-translucent-bg,
.no-touch .parallax {
	background-attachment: fixed !important;
}
.light-translucent-bg,
.dark-translucent-bg,
.default-translucent-bg,
.parallax {
	-webkit-background-size: cover!important;
	-moz-background-size: cover!important;
	-o-background-size: cover!important;
	background-size: cover!important;
}
.parallax {
	background-position: 50% 0;
	background-repeat: no-repeat;
	z-index: 1;
	position: relative;
	padding: 50px 0;
}
.light-translucent-bg,
.dark-translucent-bg,
.default-translucent-bg {
	background-position: 50% 0;
	background-repeat: no-repeat;
	z-index: 1;
	position: relative;
}
.light-translucent-bg:after,
.dark-translucent-bg:after,
.default-translucent-bg:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
}
.light-translucent-bg {
	color: #333;
	border-bottom: 1px solid #dadada;
	border-top: 1px solid #dadada;
}
.header + .banner > .light-translucent-bg { border-top: none; }

.slider-banner-container .light-translucent-bg {
	border: none;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0!important;
	left: 0!important;
	margin: 0!important;
	bottom: 0;	
}
.slider-banner-container .dark-translucent-bg {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0!important;
	left: 0!important;
	margin: 0!important;
	bottom: 0;
}
.slider-banner-container li .light-translucent-bg:after,
.slider-banner-container li .dark-translucent-bg:after {
	background-color: transparent;
}
.light-translucent-bg .separator-2 {
	background-color: #333;
}
.light-translucent-bg:after {
	background-color: rgba(255, 255, 255, 0.7);
}
.dark-translucent-bg:after {
	background-color: rgba(0, 0, 0, 0.7);
}
.dark-translucent-bg,
.dark-translucent-bg h1,
.dark-translucent-bg h2,
.dark-translucent-bg h3,
.dark-translucent-bg h4,
.dark-translucent-bg h5,
.dark-translucent-bg h6 {
	color: #ffffff;
}
.dark-translucent-bg a:not(.btn) {
	text-decoration: underline;
	color: #ffffff;
}
.dark-translucent-bg a:not(.btn):hover {
	text-decoration: none;
	color: #ffffff;
}
.default-translucent-bg:after {
	background-color: rgba(232, 76, 61, 0.7);
}
.default-translucent-bg,
.default-translucent-bg h1,
.default-translucent-bg h2,
.default-translucent-bg h3,
.default-translucent-bg h4,
.default-translucent-bg h5,
.default-translucent-bg h6 {
	color: #ffffff;
}
.default-translucent-bg a:not(.btn) {
	text-decoration: underline;
	color: #ffffff;
}
.default-translucent-bg a:not(.btn):hover {
	text-decoration: none;
	color: #ffffff;
}
.light-translucent-bg .container,
.dark-translucent-bg .container,
.default-translucent-bg .container {
	z-index: 3;
	position: relative;
}
.parallax-bg {
	background: url("../images/parallax-bg.jpg") 50% 0px no-repeat;
}
.parallax-bg-2 {
	background: url("../images/parallax-bg-2.jpg") 50% 0px no-repeat;
}
.parallax-bg-3 {
	background: url("../images/parallax-bg-3.jpg") 50% 0px no-repeat;
}

/* Custom Grid
---------------------------------- */
.grid-space-20 {
	margin-right: -10.5px;
	margin-left: -10.5px;
}
.grid-space-20 .col-lg-6,
.grid-space-20 .col-lg-4,
.grid-space-20 .col-lg-3,
.grid-space-20 .col-md-6,
.grid-space-20 .col-md-4,
.grid-space-20 .col-md-3,
.grid-space-20 .col-sm-6,
.grid-space-20 .col-sm-4,
.grid-space-20 .col-sm-3,
.grid-space-20 .col-xs-6,
.grid-space-20 .col-xs-4,
.grid-space-20 .col-xs-3 {
	padding-left: 10px;
	padding-right: 10px;
}
.grid-space-10 {
	margin-right: -6px;
	margin-left: -6px;
}
.grid-space-10 .col-lg-6,
.grid-space-10 .col-lg-4,
.grid-space-10 .col-lg-3,
.grid-space-10 .col-md-6,
.grid-space-10 .col-md-4,
.grid-space-10 .col-md-3,
.grid-space-10 .col-sm-6,
.grid-space-10 .col-sm-4,
.grid-space-10 .col-sm-3,
.grid-space-10 .col-xs-6,
.grid-space-10 .col-xs-4,
.grid-space-10 .col-xs-3 {
	padding-left: 5px;
	padding-right: 5px;
}
.grid-space-0 {
	margin-right: 0;
	margin-left: 0;
}
.grid-space-0 .col-lg-6,
.grid-space-0 .col-lg-4,
.grid-space-0 .col-lg-3,
.grid-space-0 .col-md-6,
.grid-space-0 .col-md-4,
.grid-space-0 .col-md-3,
.grid-space-0 .col-sm-6,
.grid-space-0 .col-sm-4,
.grid-space-0 .col-sm-3,
.grid-space-0 .col-xs-6,
.grid-space-0 .col-xs-4,
.grid-space-0 .col-xs-3 {
	padding-left: 0;
	padding-right: 0;
}
.grid-space-0>div {
	margin-bottom: 0;
	padding-bottom: 0;
}

/* Small devices (tablets, phones less than 767px) */
@media (max-width:767px) {
	.footer-content {
		margin: 40px 0;
	}
}

/* Fixed navigation
---------------------------------- */
.fixed-header-on .header.fixed {
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 1006;
	opacity: 1;
	filter: alpha(opacity=100);
	border-bottom: 1px solid #f1f1f1;
	padding: 7px 0;
	background-color: rgba(255, 255, 255, 0.95);
}
.fixed-header-on .dark.header.fixed {
	border-bottom: 1px solid #36373C;
	background-color: rgba(54, 55, 60, 0.95);
}
.fixed-header-on.boxed .header.fixed {
	left: auto;
}
.fixed-header-on .header .logo {
	-webkit-transform: scale(0.80);
	-moz-transform: scale(0.80);
	-ms-transform: scale(0.80);
	-o-transform: scale(0.80);
	transform: scale(0.80);
	margin: 2px 0 -4px 0;
	display: none;
}
.fixed-header-on .header .site-slogan {
	display: none;
}
.fixed-header-on .header .navbar.navbar-default {
	margin: 0;
}
.fixed-header-on .header.fixed.animated {
	-webkit-animation: none !important;
	animation: none !important;
}

/* Small devices (tablets, 768px and up) */
@media (min-width:768px) {
	.fixed-header-on.boxed .header.fixed {
		width: 750px;
	}
}

/* Medium devices (desktops, tablets, 992px and up) */
@media (min-width:992px) {
	.fixed-header-on .header .logo {
		display: block;
	}
	.fixed-header-on.boxed .header.fixed {
		width: 970px;
	}
}

/* Large devices (Large desktops 1200px and up) */
@media (min-width:1200px) {
	.fixed-header-on.boxed .header.fixed {
		width: 1170px;
	}
}

/* Small devices (tablets, phones less than 767px) */
@media (max-width:767px) {
	/* Fixed header position */
	.header.fixed {
		position: relative !important;
		top: auto !important;
	}
}

/* Miscellaneous
---------------------------------- */
.pl-5 {
	padding-left: 5px;
}
.pl-10 {
	padding-left: 10px;
}
.pl-20 {
	padding-left: 20px;
}
.pr-5 {
	padding-right: 5px;
}
.pr-10 {
	padding-right: 10px;
}
.pr-20 {
	padding-right: 20px;
}
.mt-20 {
	margin-top: 20px;
}
.mb-20 {
	margin-bottom: 20px;
}
.space {
	padding-top: 20px;
	padding-bottom: 20px;
}
.space-top {
	padding-top: 20px;
}
.space-bottom {
	padding-bottom: 20px;
}
.margin-clear {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}
.padding-top-clear {
	padding-top: 0 !important;
}
.padding-bottom-clear {
	padding-bottom: 0 !important;
}
.border-clear {
	border: none !important;
}
.circle {
	-webkit-border-radius: 100%; 
	-moz-border-radius: 100%; 
	border-radius: 100%;
}
.separator {
	display: block;
	width: 60px;
	height: 5px;
	margin: 15px auto 15px;
	background-color: #cccccc;
	position: relative;
	border: 1px solid #cccccc;
}
.separator:after {
	width: 30px;
	height: 5px;
	background: #333333;
	position: absolute;
	top: -1px;
	left: -1px;
	content: "";
}
.separator-2 {
	display: block;
	width: 30px;
	height: 5px;
	margin: 15px 0 15px;
	background-color: #cccccc;
	position: relative;
}
.separator-2.right {
	margin-left: auto;
}
.sidebar .separator {
	width: 30px;
	height: 5px;
	margin: 15px 0 20px;
	background-color: #666;
	border-color: #666;
}
.sidebar .separator:after {
	content: "";
	background-color: transparent;
}
.dark-bg .separator-2 {
	background-color: #999999;
}
.default-bg .separator-2 {
	background-color: #ebebeb;
}
.object-non-visible {
	opacity: 0;
	filter: alpha(opacity=0);
}
.object-visible,
.touch .object-non-visible {
	opacity: 1 !important;
	filter: alpha(opacity=100) !important;
}

/* Targeting only Firefox for smoothest animations */
@-moz-document url-prefix() {
	.object-visible,
	.touch .object-non-visible {
		-webkit-transition: opacity 0.6s ease-in-out;
		-moz-transition: opacity 0.6s ease-in-out;
		-o-transition: opacity 0.6s ease-in-out;
		-ms-transition: opacity 0.6s ease-in-out;
		transition: opacity 0.6s ease-in-out;
	}
}
.vertical-divider-left,
.vertical-divider-left-lg {
	border-left: 1px solid #eeeeee;
	padding-left: 50px;
	margin-left: 20px;
}
.vertical-divider-right,
.vertical-divider-right-lg {
	border-right: 1px solid #eeeeee;
	padding-right: 50px;
	margin-right: 20px;
}
.grid span {
	padding: 15px 5px;
	background-color: #fafafa;
	border: 1px solid #f3f3f3;
	display: block;
	text-align: center;
	margin-bottom: 10px;
}

/* Medium devices (desktops, tablets, 992px and up) */
@media (min-width:992px) {
	.margin-top-clear {
		margin-top: 0 !important;
	}
	.margin-bottom-clear {
		margin-bottom: 0 !important;
	}
}

/* Large and Medium devices (desktops, tablets less than 1199px) */
@media (max-width:1199px) {
	/* miscellaneous */
	.portfolio-item.vertical-divider-left-lg,
	.side.vertical-divider-left-lg {
		border-left: none;
		padding-left: 0px;
		margin-left: 0px;
	}
	.portfolio-item.vertical-divider-right-lg,
	.side.vertical-divider-right-lg {
		border-right: none;
		padding-right: 0px;
		margin-right: 0px;
	}
}

/* Medium devices (desktops, tablets less than 991px) */
@media (max-width:991px) {
	/* miscellaneous */
	.portfolio-item.vertical-divider-left,
	.side.vertical-divider-left {
		border-left: none;
		padding-left: 0px;
		margin-left: 0px;
	}
	.portfolio-item.vertical-divider-right,
	.side.vertical-divider-right {
		border-right: none;
		padding-right: 0px;
		margin-right: 0px;
	}
}

/* 3 Sections
----------------------------------------------------------------------------- */
/* Footer
---------------------------------- */
.footer {
	font-size: 14px;
	color: #999999;
}
.footer h1,
.footer h2,
.footer h3,
.footer h4,
.footer h5,
.footer h6 {
	color: #999999;
}
.footer h2 {
	font-size: 24px;
	margin-bottom: 30px;
}
.light .footer,
.light .footer h1,
.light .footer h2,
.light .footer h3,
.light .footer h4,
.light .footer h5,
.light .footer h6 {
	color: #666;
}

/* Subfooter
---------------------------------- */
.subfooter {
	font-size: 14px;
}
.subfooter p {
	margin: 0;
}

/* Small devices (tablets, 768px and up) */
@media (min-width:768px) {
	/* subfooter */
	.subfooter {
		text-align: center;
	}
}

/* 4 Pages
----------------------------------------------------------------------------- */
/* Blog pages
---------------------------------- */
.blogpost {
	background-color: #fafafa;
	border: 1px solid #f3f3f3;
	margin: 0 0 70px;
	position: relative;
}
.blogpost .blogpost-body {
	padding: 20px 20px 0 20px;
	min-height: 140px;
}
.blogpost h2.title {
	margin-bottom: 0;
	margin-top: 0;
}
.blogpost .submitted {
	font-size: 12px;
	margin: 10px 0;
}
.blogpost .side {
	float: left;
	width: 80px;
}
.blogpost .post-info {
	float: left;
	top: 0;
	left: 25px;
	width: 80px;
	height: 90px;
	padding: 10px 15px;
	background-color: #2e3f8f;
	color: #fff;
	text-align: center;
	z-index: 3;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.blogpost .side .post-info {
	float: none;
}
.blogpost .post-info .day {
	font-size: 34px;
	font-weight: 700;
	line-height: 1;
	display: block;
}
.blogpost .post-info .month {
	font-size: 16px;
	line-height: 1.2;
	display: inline-block;
}
.blogpost .side span.share {
	font-size: 13px;
	font-weight: 700;
	text-align: right;
	padding-top: 20px;
	display: block;
}
.blogpost .side .social-links {
	margin-top: 0;
}
.blogpost .side .social-links li {
	display: block;
	margin: 0;
}
.blogpost .side .social-links li a {
	width: 100%;
	height: auto;
	display: block;
	font-size: 20px;
	margin-bottom: 0;
	text-align: right;
	background-color: transparent;
	border-color: transparent;
	color: #2e3f8f;
}
.blogpost .side .social-links li.twitter a:hover {
	background-color: transparent;
	color: #55acee;
	border-color: transparent;
}
.blogpost .side .social-links li.facebook a:hover {
	background-color: transparent;
	color: #3b5998;
	border-color: transparent;
}
.blogpost .side .social-links li.googleplus a:hover {
	background-color: transparent;
	color: #dd4b39;
	border-color: transparent;
}
.blogpost .blogpost-content {
	padding: 0 0 10px;
	margin-left: 100px;
}
.blogpost footer {
	background-color: #f1f1f1;
	padding: 12px 20px;
	border-top: 1px solid #e8e8e8;
	font-size: 14px;
	line-height: 2;
	clear: both;
}
.blogpost ul.links {
	list-style: none;
	padding-left: 0;
	margin-bottom: 0;
}
.blogpost ul.links li {
	display: inline-block;
}
.blogpost ul.links li a {
	color: #666666;
	display: inline-block;
}
.blogpost ul.links li a:hover {
	color: #2e3f8f;
}
.blogpost.full {
	background-color: transparent;
	border: none;
}
.blogpost.full footer {
	border: 1px solid #e8e8e8;
}
.blogpost.full .blogpost-body {
	padding: 20px 0;
}
.blogpost.full .submitted {
	margin: 0 0 20px 0;
}
.blogpost.full .overlay-container {
	margin-bottom: 20px;
}

/* Small devices (tablets, phones less than 767px) */
@media (max-width:767px) {
	.blogpost .blogpost-content {
		margin-left: 70px;
	}
	.blogpost .side {
		width: 50px;
	}
	.blogpost .post-info {
		width: 50px;
		height: 60px;
		padding: 8px 8px;
		margin: 0 20px 5px 0;
	}
	.blogpost .post-info .day {
		font-size: 20px;
	}
	.blogpost .post-info .month {
		font-size: 11px;
		line-height: 1.2;
	}
}

/* Affix */
#affix.affix {
	position: static;
}

/* Medium devices (desktops, tablets, 992px and up) */
@media (min-width:992px) {
	#affix.affix {
		position: fixed;
		top: 65px;
		width: 80px;
	}
	#affix.affix-bottom {
		position: absolute;
		width: 80px;
	}
}

/* Affix Menu - Sidebar */
.sidebar.affix {
	position: static;
}

/* Show and affix the side nav when space allows it */
/* Medium devices (desktops, tablets, 992px and up) */
@media (min-width:992px) {
	.col-md-4 .sidebar.affix,
	.col-md-4 .sidebar.affix-bottom {
		width: 293px;
	}
	.col-md-3 .sidebar.affix,
	.col-md-3 .sidebar.affix-bottom {
		width: 213px;
	}
	.sidebar.affix {
		position: fixed;
		top: 20px;
	}
	.fixed-header-on .sidebar.affix {
		top: 65px;
	}
	.sidebar.affix-bottom {
		position: absolute;
	}
	.sidebar.affix-bottom .affix-menu,
	.sidebar.affix .affix-menu {
		margin-top: 0;
		margin-bottom: 0;
	}
	.affix-menu {
		padding-top: 20px;
	}
	h3.title ~ .affix-menu {
		padding-top: 0px;
	}
}

/* Large devices (Large desktops 1200px and up) */
@media (min-width:1200px) {
	.col-md-4 .sidebar.affix,
	.col-md-4 .sidebar.affix-bottom {
		width: 390px;
	}
	.col-md-3 .sidebar.affix,
	.col-md-3 .sidebar.affix-bottom {
		width: 263px;
	}
}

/* Blog Masonry layout
---------------------------------- */
.masonry-grid .blogpost {
	margin-bottom: 30px;
}
.masonry-grid .blogpost .blogpost-body {
	padding: 15px 15px 0 15px;
}
.masonry-grid .blogpost h2.title {
	font-size: 24px;
}
.masonry-grid .blogpost .submitted {
	margin: 15px 0 10px;
}
.masonry-grid .blogpost .blogpost-content {
	margin-left: 0;
}
.masonry-grid .blogpost .post-info {
	width: 50px;
	height: 60px;
	padding: 8px 8px;
	margin: 0 20px 5px 0;
}
.masonry-grid .blogpost .post-info .day {
	font-size: 20px;
}
.masonry-grid .blogpost .post-info .month {
	font-size: 11px;
	line-height: 1.2;
}

/* Medium desktop devices and tablets */
@media (min-width:992px) and (max-width:1199px) {
	.masonry-grid .blogpost footer {
		font-size: 12px;
	}
}

/* Small devices (tablets, phones less than 767px) */
@media (max-width:767px) {
	.masonry-grid-item {
		max-width: 100%;
	}
}

/* Blog Timeline layout
---------------------------------- */
.timeline {
	position: relative;
	padding: 40px 0;
	margin-top: 40px;
}
.timeline-icon {
	position: absolute;
	display: block;
	top: 0;
	left: 50%;
	color: #f3f3f3;
	font-size: 40px;
	margin-left: -13px;
	top: -30px;
	line-height: 1;
}
.timeline .timeline-item {
	padding: 0 15px;
}
.timeline .blogpost .blogpost-body {
	padding: 15px 15px 0 15px;
}
.timeline .blogpost h2.title {
	font-size: 24px;
}
.timeline .blogpost .submitted {
	margin: 15px 0 10px;
}
.timeline .blogpost footer {
	padding: 12px 15px;
}
.timeline .blogpost .blogpost-content {
	margin-left: 0;
}
.timeline .blogpost .post-info {
	width: 50px;
	height: 60px;
	padding: 8px 8px;
	margin: 0 20px 5px 0;
}
.timeline .blogpost .post-info .day {
	font-size: 20px;
}
.timeline .blogpost .post-info .month {
	font-size: 11px;
	line-height: 1.2;
}
.timeline-date-label {
	float: none;
	clear: both;
	display: block;
	margin: 0px auto;
	text-align: center;
	margin-bottom: 80px;
	line-height: 1;
	width: 135px;
	position: relative;
	z-index: 2;
	color: #2e3f8f;
}
.timeline .timeline-item.pull-right + .timeline-date-label {
	padding-top: 80px;
}
.timeline-date-label:after {
	background-color: #f3f3f3;
	height: 30px;
	width: 100%;
	position: absolute;
	bottom: -8px;
	z-index: -1;
}

/* Medium desktop devices and tablets */
@media (min-width:768px) and (max-width:1199px) {
	.timeline .blogpost footer {
		font-size: 12px;
	}
}

/* Small devices (tablets, 768px and up) */
@media (min-width:768px) {
	.timeline .blogpost {
		margin-bottom: 0;
	}
	.timeline:before {
		background-color: #f3f3f3;
		width: 2px;
		height: 100%;
		content: "";
		position: absolute;
		left: 50%;
		display: block;
		margin-left: -1px;
		top: 0;
	}
	.timeline .timeline-item {
		position: relative;
		width: 50%;
		padding-left: 0;
		padding-right: 40px;
		margin-bottom: 80px;
		float: left;
		clear: left;
		z-index: 1;
	}
	.timeline .timeline-item.pull-right {
		position: relative;
		width: 50%;
		padding-left: 40px;
		padding-right: 0;
		margin-top: 80px;
		margin-bottom: 0;
		float: right;
		clear: right;
	}
	.timeline .timeline-item:after {
		content: "";
		font-family: "FontAwesome";
		right: 10px;
		background-color: #f3f3f3;
		left: auto;
		position: absolute;
		top: 20px;
		z-index: -1;
		width: 25px;
		height: 1px;
	}
	.timeline .timeline-item:before {
		content: "";
		position: absolute;
		background-color: #fff;
		border: 1px solid #2e3f8f;
		height: 10px;
		width: 10px;
		-webkit-border-radius: 100%;
		-moz-border-radius: 100%;
		border-radius: 100%;
		top: 15px;
		right: -5px;
	}
	.timeline .timeline-item.pull-right:after {
		right: auto;
		left: 10px;
	}
	.timeline .timeline-item.pull-right:before {
		left: -5px;
	}
}

/* Small devices (tablets, phones less than 767px) */
@media (max-width:767px) {
	.timeline .timeline-item.pull-right {
		float: none !important;
	}
}

/* Comments
---------------------------------- */
.comments {
	margin-top: 60px;
}
.comments h2.title {
	margin-bottom: 40px;
	border-bottom: 1px solid #d2d2d2;
	padding-bottom: 10px;
}
.comment {
	font-size: 14px;
}
.comment .comment {
	margin-left: 75px;
}
.comment-avatar {
	margin-top: 5px;
	width: 55px;
	float: left;
}
.comment-content {
	margin-left: 75px;
	border-bottom: 1px solid #d2d2d2;
	margin-bottom: 40px;
}
.comment h3 {
	margin-top: 0;
	margin-bottom: 5px;
}
.comment-meta {
	margin-bottom: 15px;
	color: #999999;
	font-size: 12px;
}
.comment-meta a {
	color: #666666;
}
.comment-meta a:hover {
	text-decoration: underline;
}
.comment .btn {
	font-size: 12px;
	padding: 7px;
	min-width: 100px;
	margin-top: 5px;
	margin-bottom: -1px;
}
.comment .btn i {
	padding-right: 5px;
}

/* Portfolio
---------------------------------- */
.filters {
	margin: 0 0 30px 0;
}
.filters .nav-pills > li {
	margin-right: 2px;
	margin-bottom: 2px;
}
.filters .nav-pills > li + li {
	margin-left: 0px;
}
.text-center.filters .nav-pills > li {
	margin-right: 2px;
	margin-left: 2px;
	margin-bottom: 2px;
	display: inline-block;
	float: none;
}

/* Portfolio Item
---------------------------------- */
.portfolio-item.side {
	font-size: 14px;
	margin-top: 30px;
}
.portfolio-item.side .social-links {
	margin: 0;
}

/* Medium devices (desktops, tablets, 992px and up) */
@media (min-width:992px) {
	.portfolio-item.side {
		margin-top: 125px;
	}
}

/* Extra small devices (phones, less than 480px) */
@media (max-width:480px) {
	/* Portfolio page */
	.filters .nav-pills > li {
		display: inline-block;
		width: 100%;
	}
}

/* About Us pages
---------------------------------- */
.team-member small {
	display: block;
	margin-top: -5px;
}
.team-member.box-style-1 {
	margin-top: 0;
}

/* Small devices (tablets, 768px and up) */
@media (min-width:768px) {
	.team-member.option-3 {
		overflow: hidden;
		margin-bottom: 20px;
	}
	.team-member.option-3 .overlay-container {
		float: left;
		width: 55%;
	}
	.team-member.option-3 .image-box-body {
		float: left;
		width: 45%;
		padding: 20px 10px 5px 15px;
	}
}

/* Small and Medium devices (tablets, smartphones, laptops) */
@media (min-width:768px) and (max-width:1199px) {
	.team-member.option-3 .image-box-body {
		padding: 40px;
	}
}

/* Small devices (tablets, phones less than 767px) */
@media (max-width:767px) {
	.team-member .image-box-body {
		padding: 15px 25px;
	}
	.team-member {
		max-width: 480px;
		margin: 20px auto 20px !important;
	}
}

/* Coming Soon Page
---------------------------------- */
.fullscreen-bg {
	background: url("../images/fullscreen-bg.jpg") 50% 0px no-repeat;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.boxed .fullscreen-bg {
	background: none;
}
.is-countdown {
	border: 1px solid transparent;
	background-color: transparent;
}
.countdown-section {
	text-align: center;
	padding: 20px;
	margin: 10px 0;
}
.countdown-amount {
	font-size: 36px;
	font-weight: 700;
	display: block;
}
.countdown-period {
	display: block;
	font-size: 28px;
	line-height: 1.2;
	margin-top: 15px;
}

/* Small devices (tablets, phones less than 767px) */
@media (max-width:767px) {
	.countdown-amount {
		font-size: 24px;
	}
	.countdown-period {
		font-size: 18px;
	}
}

/* Extra small devices (phones, less than 480px) */
@media (max-width:480px) {
	.countdown-period {
		font-size: 14px;
	}
}

/* Shop pages
---------------------------------- */
.listing-item {
	margin: 0 0 20px 0;
	border: 1px solid #f1f1f1;
	position: relative;
	overflow: hidden;
}
.listing-item-body {
	padding: 20px 15px 15px;
	-webkit-transition: ease-in-out all 0.25s;
	-o-transition: ease-in-out all 0.25s;
	transition: ease-in-out all 0.25s;
}
.listing-item:hover .listing-item-body {
	background-color: #fafafa;
}
.listing-item h3 {
	font-size: 18px;
}
.listing-item p {
	color: #999999;
	font-size: 13px;
}
.listing-item del,
.price del {
	font-size: 13px;
	line-height: 1;
	color: #2e3f8f;
}
.elements-list > * {
	border-right: 1px solid #dddddd;
	margin: 5px 6px 5px 0;
	padding-right: 10px;
	line-height: 24px;
	height: 22px;
	display: inline-block;
}
.elements-list > *:last-child {
	border-right: none;
	margin-right: 0;
	padding-right: 0;
}
.price {
	font-size: 22px;
	color: #000;
	font-weight: 300;
}
.wishlist:hover i:before {
	content: "\f004";
}
.listing-item .badge {
	border-radius: 0;
	position: absolute;
	border-color: transparent;
	top: -1px;
	left: -1px;
	font-weight: 400;
}
.sorting-filters {
	background-color: #f3f3f3;
	border: 1px solid #dddddd;
	padding: 20px 15px;
	margin-bottom: 40px;
}
.sidebar .sorting-filters {
	margin-bottom: 0;
}
.sorting-filters label {
	display: block;
	margin-bottom: 5px;
	font-size: 14px;
}
.sorting-filters form {
	margin: 0;
}
.sorting-filters .btn {
	margin: 20px 0 0;
	min-width: 0;
	width: 100%;
}
.sorting-filters .form-control,
.sorting-filters .form-control:focus {
	margin-bottom: 5px;
	webkit-box-shadow: inset 0 2px 3px rgba(0, 0, 0, .12);
	box-shadow: inset 0 2px 3px rgba(0, 0, 0, .12);
	border-color: #f3f3f3;
}
.sorting-filters .form-inline .form-control {
	width: 100%;
}
.list-with-image {
	margin-bottom: 20px;
	border-bottom: 1px solid #f1f1f1;
	padding-bottom: 5px;
}
.list-with-image:last-child {
	border-bottom: none;
}
.list-with-image .overlay-container {
	float: left;
	width: 80px;
	margin-bottom: 10px;
}
.list-with-image h2,
.list-with-image p {
	margin-left: 100px;
}
.list-with-image h2 {
	font-size: 16px;
	margin-top: 0;
	margin-bottom: 5px;
}
.list-with-image p {
	font-size: 13px;
	color: #999;
	margin-bottom: 15px;
}
.shop-banner {
	background-color: transparent;
	border-color: transparent;
}
.shop-banner .tp-bullets {
	display: none!important;
}
.shop-banner .sorting-filters { 
	margin-bottom: 0;
}

/* Small devices (tablets, 768px and up) */
@media (min-width:768px) {
	.sorting-filters .form-inline .form-group {
		width: 18%;
		margin-right: 1.9%;
	}
	.sorting-filters .form-inline .form-group:last-child {
		margin-right: 0;
	}
	.shop-banner {
		position: relative;
	}
	.shop-banner .sorting-filters {
		position: absolute;
		bottom: 20px;
		z-index: 29;
		width: 100%;
		background-color: rgba(255,255,255,0.7);
		border: none;
	}
	.shop-banner .sorting-filters * {
		color: #000000;
	}
	.shop-banner .sorting-filters .form-control, 
	.shop-banner .sorting-filters .form-control:focus {
		border-color: #aaaaaa;
	}	
}

/* Cart and Checkout pages
---------------------------------- */
.cart.table .price {
	width: 18%;
}
.cart.table .amount,
.cart.table .remove,
.cart.table .quantity {
	width: 12%;
}
.table .information {
	width: 80%;
}
.cart.table .quantity input {
	width: 60px;
	padding: 6px;
}
.cart.table .product {
	font-size: 15px;
}
.cart.table .amount {
	text-align: right;
}
.cart .price {
	font-size: 14px;
}
.cart.table .product small {
	font-size: 12px;
	display: block;
	color: #999;
}
.cart.table thead > tr > th {
	font-size: 16px;
}
.cart.table .total-quantity,
.cart.table .total-amount {
	padding-top: 15px;
	padding-bottom: 15px;
	font-size: 16px;
	font-weight: 700;
}
.cart.table .total-amount {
	text-align: right;
}

/* Small devices (tablets, phones less than 767px) */
@media (max-width:767px) {
	.cart.table thead > tr > th {
		font-size: 14px;
	}
	.cart.table .amount,
	.cart.table .price {
		width: 12%;
	}
	.cart.table .remove,
	.cart.table .quantity {
		width: 8%;
	}
	.cart.table > thead > tr > th,
	.cart.table > tbody > tr > th,
	.cart.table > tfoot > tr > th,
	.cart.table > thead > tr > td,
	.cart.table > tbody > tr > td,
	.cart.table > tfoot > tr > td {
		padding: 8px 10px;
	}
}

/* Extra small devices (phones, less than 480px) */
@media (max-width:480px) {
	.cart.table > thead > tr > th,
	.cart.table > tbody > tr > th,
	.cart.table > tfoot > tr > th,
	.cart.table > thead > tr > td,
	.cart.table > tbody > tr > td,
	.cart.table > tfoot > tr > td {
		padding: 8px 7px;
	}
}

/* Cart dropdown block
---------------------------------- */
.cart .form-group {
	margin-bottom: 0;
}
.header-top-dropdown .dropdown-menu.cart {
	padding: 0;
	min-width: 350px;
	font-size: 12px;
	right: -1px;
}
.dropdown-menu.cart table {
	margin-bottom: 0;
}
.dropdown-menu.cart .panel-body {
	padding: 0px 10px 0px;
}
.dropdown-menu.cart .panel-body .btn {
	margin-left: 5px;
}
.total-amount,
.total-quantity {
	font-size: 13px;
}
.cart .table > tbody > tr > td,
.cart.table > tbody > tr > td {
	vertical-align: inherit;
}
.cart .quantity {
	width: 50px;
	font-size: 11px;
}
.invoice-container .cart .quantity {
	font-size: 14px;
}
.cart .product {
	width: 220px;
	font-size: 13px;
}
.cart .product .small {
	display: block;
	color: #999999;
}
.cart .amount,
.total-amount {
	font-weight: 700;
}

/* 5 Template Components
----------------------------------------------------------------------------- */
/* Buttons
---------------------------------- */
.btn {
	padding: 10px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	min-width: 160px;
	text-align: center;
	border-radius: 0;
	text-transform: uppercase;
	margin: 10px 0;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.btn:focus,
.btn:active {
	outline: none;
	box-shadow: none;
}
.btn.btn-lg {
	padding: 17px 12px;
	font-size: 18px;
	min-width: 210px;
}
.btn.btn-sm {
	padding: 8px;
	font-size: 12px;
	min-width: 105px;
}
.btn.radius {
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}
.moving {
	-webkit-animation: moving 1.7s ease-out infinite;
	animation: moving 1.7s ease-out infinite;
	position: relative;
	top: -30px;
	-webkit-transition: none !important;
	-moz-transition: none !important;
	-o-transition: none !important;
	-ms-transition: none !important;
	transition: none !important;
}
.btn-remove {
	font-size: 10px;
	padding: 3px 15px;
	min-width: 0;
}
@-webkit-keyframes moving {
	0% {
		top: -30px;
	}
	60% {
		top: 0px;
	}
}
@keyframes moving {
	0% {
		top: -30px;
	}
	60% {
		top: 0px;
	}
}

/* Dark Buttons */
.btn-dark {
	color: #f1f1f1;
	background-color: #333333;
	border-color: #333333;
}
.btn-dark:hover,
.btn-dark:focus,
.btn-dark:active,
.btn-dark.active,
.open .dropdown-toggle.btn-dark {
	color: #ffffff;
	background-color: #666;
	border-color: #666;
}

/* Gray Buttons */
.btn-gray {
	color: #fff;
	background-color: #666666;
	border-color: #666666;
}
.btn-gray:hover,
.btn-gray:focus,
.btn-gray:active,
.btn-gray.active,
.open .dropdown-toggle.btn-gray {
	color: #ffffff;
	background-color: #2e3f8f;
	border-color: #2e3f8f;
}

/* Light Gray Buttons */
.btn-light-gray {
	color: #333333;
	background-color: #fafafa;
	border-color: #f3f3f3;
}
.btn-light-gray:hover,
.btn-light-gray:focus,
.btn-light-gray:active,
.btn-light-gray.active,
.open .dropdown-toggle.btn-light-gray {
	color: #ffffff;
	background-color: #2e3f8f;
	border-color: #2e3f8f;
}
.default-bg .btn-light-gray {
	color: #ffffff;
	background-color: transparent;
	border-color: #ffffff;
}
.default-bg .btn-light-gray:hover,
.default-bg .btn-light-gray:focus,
.default-bg .btn-light-gray:active,
.default-bg .btn-light-gray.active,
.default-bg .open .dropdown-toggle.btn-light-gray {
	color: #333333;
	background-color: #fafafa;
	border-color: #fafafa;
}

/* The color of default buttons is the color of current color scheme */
.btn-default {
	background-color: #2e3f8f;
	color: #fff !important;
	border-color: #171f47;
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
	color: #fff !important;
	background-color: #171f47;
	border-color: #171f47;
}
.default-bg .btn-default {
	background-color: rgba(0, 0, 0, 0.3);
	border-color: transparent;
}
.default-bg .btn-default:hover,
.default-bg .btn-default:focus,
.default-bg .btn-default:active,
.default-bg .btn-default.active,
.default-bg .open .dropdown-toggle.btn-default {
	color: #fff !important;
	background-color: rgba(0, 0, 0, 0.5);
	border-color: transparent;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default {
	background-color: #171f47;
	border-color: #171f47;
	opacity: 0.7;
	filter: alpha(opacity=70);
}

/* Button with transparent bg */
.btn-white {
	background-color: transparent;
	color: #171f47;
	border: 1px solid #2e3f8f;
}
.footer .btn-white,
.subfooter .btn-white {
	color: inherit;
}
.footer .btn-white:hover,
.subfooter .btn-white:hover {
	color: #fff;
}
.btn-white:hover,
.btn-white:focus,
.btn-white:active,
.btn-white.active,
.open .dropdown-toggle.btn-white {
	color: #fff;
	background-color: #171f47;
	border-color: #171f47;
}
.default-bg .btn-white {
	color: #ffffff;
	background-color: transparent;
	border-color: #ffffff;
}
.default-bg .btn-white:hover,
.default-bg .btn-white:focus,
.default-bg .btn-white:active,
.default-bg .btn-white.active,
.default-bg .open .dropdown-toggle.btn-white {
	color: #333333;
	background-color: #fafafa;
	border-color: #fafafa;
}
.footer-content .btn-white {
	color: #999;
	background-color: transparent;
	border-color: #555;
}
.btn-default .badge {
	color: #666;
	background-color: #fff;
	border: none;
}

/* Links
---------------------------------- */
.link {
	padding-right: 23px;
	position: relative;
	display: inline-block;
	text-align: right;
}
.link:hover { 
	text-decoration: none;
}
.link:hover span {
	text-decoration: underline;
}
.link:after {
	content: "\f178";
	font-family: "FontAwesome";
	position: absolute;
	right: 0;
	top: 2px;
}

/* Forms
---------------------------------- */
form {
	margin: 20px 0;
}
textarea {
	resize: vertical;
}
.sidebar form {
	margin: 5px 0 20px 0;
}
.form-control {
	border-radius: 0;
	background: #ffffff;
	height: 40px;
	padding-right: 30px;
	border-color: #acacac;
	color: #666666;
	position: relative;
	-webkit-appearance: none;
	-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, .075);
}
.form-control:focus {
	border-color: #666666;
	-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, .075);
}
select.form-control {
	padding-right: 5px;
}
.form-control::-moz-placeholder {
	color: inherit;
}
.form-control:-ms-input-placeholder {
	color: inherit;
}
.form-control::-webkit-input-placeholder {
	color: inherit;
}
.input-group-addon {
	background-color: #cacaca;
	border-color: #acacac;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
.form-list > div {
	padding: 7px 15px;
	border-bottom: 1px solid #dddddd;
	background-color: #f3f3f3;
	margin: 6px 0;
	display: block;
}
fieldset {
	padding: 10px 25px;
	margin: 15px 0px;
	border: 1px solid #dddddd;
	background-color: #fafafa;
}
fieldset legend {
	display: block;
	width: auto;
	padding: 3px 10px;
	margin-bottom: 0;
	font-size: 15px;
	line-height: inherit;
	color: #333;
	border: 1px solid #ddd;
	background-color: #ffffff;
}
fieldset .form-control,
fieldset .form-control:focus {
	webkit-box-shadow: inset 0 2px 3px rgba(0, 0, 0, .12);
	box-shadow: inset 0 2px 3px rgba(0, 0, 0, .12);
	border-color: #f3f3f3;
}
.badge {
	padding: 2px 4px 3px;
	font-size: 10px;
	margin-left: 12px;
	top: -2px;
	position: relative;
	font-weight: 400;
	border-radius: 2px;
	background-color: transparent;
	color: inherit;
	border: 1px solid #666666;
}
.dropdown .badge {
	background-color: transparent;
	color: inherit;
	position: absolute;
	right: -17px;
	top: 14px;
}
.mega-menu .menu > li > a .badge {
	position: absolute;
	right: 10px;
	top: 9px;
}
.dropdown .active>a>.badge,
.dropdown a:hover .badge,
.dropdown .open > a > .badge {
	border-color: #2e3f8f;
}
.dark .dropdown .active>a>.badge,
.dark .dropdown a:hover .badge,
.dark .dropdown .open > a > .badge {
	border-color: #3d3d3d!important;
}

@media (max-width: 767px) { 
	.dropdown .badge {
		right: 50px;
		top: 15px;
	}
}
/* Forms in all backgrounds */
.dark-bg .form-control {
	background-color: rgba(255, 255, 255, 0.20);
	border-color: #000;
	-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .45);
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, .45);
	color: #999999;
}
.dark-bg .input-group-addon {
	background-color: rgba(255, 255, 255, 0.20);
	border-color: #000;
}
.dark-bg .form-control:focus {
	background-color: rgba(255, 255, 255, 0.25);
}
.gray-bg .form-control,
.header-top-dropdown .form-control,
#footer.light .form-control {
	-webkit-box-shadow: inset 0 2px 3px rgba(0, 0, 0, .12);
	box-shadow: inset 0 2px 3px rgba(0, 0, 0, .12);
	border-color: #f1f1f1;
	background-color: #ffffff;
}
.gray-bg .form-control:focus,
.header-top-dropdown .form-control:focus,
#footer.light .form-control:focus {
	border-color: #cacaca;
	-webkit-box-shadow: inset 0 2px 3px rgba(0, 0, 0, .09);
	box-shadow: inset 0 2px 3px rgba(0, 0, 0, .09);
}
.dark .header-top-dropdown .form-control {
	background-color: rgba(255, 255, 255, 0.20);
	border-color: #333;
	-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .45);
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, .45);
	color: #cdcdcd;
}
.dark .header-top-dropdown form i {
	color: #cdcdcd;
}
.dark .header-top-dropdown .form-control:focus {
	background-color: rgba(255, 255, 255, 0.25);
}
.gray-bg .input-group-addon {
	background-color: #ececec;
	border: 1px solid #f1f1f1;
}
.default-bg .form-control {
	border-color: #2e3f8f;
	background-color: rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: inset 0 2px 3px rgba(0, 0, 0, .35);
	box-shadow: inset 0 2px 3px rgba(0, 0, 0, .35);
	color: #ffffff;
}
.default-bg .form-control:focus {
	border-color: #2e3f8f;
	background-color: rgba(0, 0, 0, 0.25);
}
.default-bg .input-group-addon {
	background-color: #171f47;
	border-color: #2e3f8f;
	color: #fff;
}
.default-bg select.form-control,
.dark-bg select.form-control {
	color: #666666;
}
footer:not(.light) .footer-content .form-control {
	border-color: #292929;
	background-color: rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: inset 0 2px 3px rgba(0, 0, 0, .55);
	box-shadow: inset 0 2px 3px rgba(0, 0, 0, .55);
}
footer:not(.light) .footer-content .form-control:focus {
	background-color: rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: inset 0 2px 3px rgba(0, 0, 0, .55);
	box-shadow: inset 0 2px 3px rgba(0, 0, 0, .55);
}
footer:not(.light) .footer-content .input-group-addon {
	background-color: rgba(0, 0, 0, 0.5);
	border: transparent;
}
select.form-control {
	-webkit-appearance: menulist;
}
select[multiple].form-control {
	-webkit-appearance: listbox;
}
/* Validation states */
.has-success .form-control,
.has-success .form-control:focus {
	border-color: #3c763d;
}
.has-warning .form-control,
.has-warning .form-control:focus {
	border-color: #8a6d3b;
}
.has-error .form-control,
.has-error .form-control:focus {
	border-color: #a94442;
}
.default-bg .has-success .form-control,
.default-bg .has-warning .form-control,
.default-bg .has-error .form-control,
.default-bg .has-success .form-control:focus,
.default-bg .has-warning .form-control:focus,
.default-bg .has-error .form-control:focus {
	border-color: #fff;
	color: #ffffff;
}
.default-bg .has-success .form-control-feedback,
.default-bg .has-warning .form-control-feedback,
.default-bg .has-error .form-control-feedback,
.default-bg .has-success .control-label,
.default-bg .has-warning .control-label,
.default-bg .has-error .control-label {
	color: #fff;
}
.has-success .form-control,
.has-warning .form-control,
.has-error .form-control {
	-webkit-box-shadow: none;
	box-shadow: none;
}
.has-success .form-control:focus,
.has-warning .form-control:focus,
.has-error .form-control:focus {
	-webkit-box-shadow: none;
	box-shadow: none;
}
.has-error .error {
	font-weight: 700;
	margin-bottom: 5px;
	display: block;
}

/* forms with icons */
label ~ .form-control-feedback {
	top: 25px;
}
.form-control-feedback {
	width: 40px;
	height: 40px;
	line-height: 42px !important;
	top: 0;
}

/* Disabled forms */
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
	opacity: 0.5;
	filter: alpha(opacity=50);
}

/* Pager
---------------------------------- */
ul.pagination,
ul.pager {
	margin: 20px 0 40px;
	text-align: left;
}
ul.pagination li {
	padding: 0;
	margin: 0 5px 0 0;
	border-bottom: none;
	font-size: 12px;
	display: inline-block;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
ul.pagination li > a,
.pagination > li:first-child > a,
.pagination > li:last-child > a,
ul.pager li > a {
	padding: 10px 15px;
	border: 1px solid #f3f3f3;
	line-height: 1;
	background-color: #fafafa;
	display: inline-block;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	color: #666666;
}
ul.pagination li > a:hover {
	background-color: transparent;
	color: #ffffff;
	background-color: #2e3f8f;
	border-color: #2e3f8f;
}
ul.pagination li.active a,
.pagination > .active > a:hover,
.pagination > .active > a:focus {
	color: #ffffff;
	background-color: #2e3f8f;
	border-color: #2e3f8f;
	line-height: 1;
}
ul.pagination li > a:focus {
	background: none;
}

/* Breadcrumb
---------------------------------- */
.breadcrumb {
	background-color: transparent;
	margin-bottom: 0;
	font-size: 13px;
	padding: 8px 0;
}

/* Tabs
---------------------------------- */
.nav-tabs {
	-webkit-box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.04);
	box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.04);
	border-bottom: 1px solid #f0f0f0;
	margin-top: 15px;
}
.nav-tabs > li > a {
	font-size: 13px;
	text-transform: uppercase;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	padding: 12px 25px;
	position: relative;
	color: #666666;
}
.nav-tabs > li > a:hover {
	border-color: #f0f0f0 #f0f0f0 #ebebeb;
	background-color: #fafafa;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
	color: #666;
	background-color: #fafafa;
	border: 1px solid #f0f0f0;
	-webkit-box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.04);
	box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.04);
	border-bottom-color: transparent;
}
.nav-tabs > li.active > a:after {
	width: 3px;
	content: "";
	background-color: #2e3f8f;
	height: 103%;
	position: absolute;
	left: 0;
	top: 0;
}
.tab-content {
	border: 1px solid #f0f0f0;
	padding: 20px;
	border-top: none;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
	position: relative;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
	background-color: #fafafa;
	margin-bottom: 15px;
}
.tab-content h1 {
	font-size: 34px;
}
.tab-content:after {
	width: 3px;
	content: "";
	background-color: #2e3f8f;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
.tab-content.clear-style {
	border: none;
	padding: 10px 0 0 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	background-color: transparent;
}
.tab-content.clear-style:after {
	width: 0;
	background-color: transparent;
	height: 100%;
}

/* Small devices (tablets, smartphones) */
@media (min-width:481px) and (max-width:767px) {
	.nav-tabs > li > a {
		padding: 12px 10px;
		font-size: 11px;
		margin-right: 0;
	}
}

/* Extra small devices (phones, less than 480px) */
@media (max-width:480px) {
	.nav-tabs {
		background-color: #999999;
	}
	.nav-tabs > li {
		float: none;
	}
	.nav-tabs > li a {
		color: #ffffff;
		margin-right: 0;
		border-bottom: 1px solid #8f8f8f;
	}
	.nav-tabs > li > a:hover {
		color: #666666;
	}
	.nav-tabs > li > a:hover:after {
		width: 3px;
		content: "";
		background-color: #2e3f8f;
		height: 102%;
		position: absolute;
		left: 0;
		top: 0;
	}
}

/* Horizontal tabs version 2 */
.tabs-style-2 .nav-tabs {
	border-bottom: 1px solid #2e3f8f;
}
.tabs-style-2 .nav-tabs > li.active > a,
.tabs-style-2 .nav-tabs > li.active > a:hover,
.tabs-style-2 .nav-tabs > li.active > a:focus,
.tabs-style-2 .nav-tabs > li > a:hover {
	-webkit-box-shadow: none;
	box-shadow: none;
	border: 1px solid #2e3f8f;
	background-color: #2e3f8f;
	color: #fff;
}
.tabs-style-2 .nav-tabs > li.active > a:after {
	width: 0;
	height: 0;
	background-color: transparent;
}
.tabs-style-2 .tab-content {
	border: none;
	padding: 20px 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	background-color: transparent;
}
.tabs-style-2 .tab-content:after {
	width: 0px;
	background-color: transparent;
	height: 0;
}
.tabs-style-2 .nav-tabs > li > a:hover:after {
	width: 0;
	background-color: transparent;
	height: 0;
}

/* vertical tabs */
.vertical {
	margin: 20px 0;
}
.vertical.hc-tabs {
	margin: 40px 0;
}
.vertical .nav-tabs,
.vertical .tab-content {
	display: table-cell;
	margin: 0;
	vertical-align: top
}
.vertical .nav-tabs {
	-webkit-box-shadow: none;
	box-shadow: none;
	border-bottom-color: transparent;
	background-color: #999999;
}
.vertical .nav-tabs > li {
	float: none;
}
.vertical .nav-tabs > li a {
	margin: 0;
	padding: 15px 40px;
	white-space: nowrap;
	color: #ffffff;
	border-bottom: 1px solid #8f8f8f;
}
.vertical .nav-tabs > li > a:hover {
	border-color: #f0f0f0 #f0f0f0 #ebebeb;
	border-right-color: transparent;
	color: #666666;
	z-index: 2;
}
.vertical .nav-tabs > li > a:hover:after {
	width: 3px;
	content: "";
	background-color: #2e3f8f;
	height: 102%;
	position: absolute;
	left: 0;
	top: 0;
}
.vertical .nav-tabs > li.active > a,
.vertical .nav-tabs > li.active > a:hover,
.vertical .nav-tabs > li.active > a:focus {
	-webkit-box-shadow: -1px 0px 1px rgba(0, 0, 0, 0.04);
	box-shadow: -1px 0px 1px rgba(0, 0, 0, 0.04);
	border-right-color: transparent;
	border-bottom-color: #f0f0f0;
	color: #666666;
	z-index: 2;
	width: 101%;
}
.vertical .tab-content {
	border-top: 1px solid #f0f0f0;
	-webkit-box-shadow: 1px 0px 1px rgba(0, 0, 0, 0.04);
	box-shadow: 1px 0px 1px rgba(0, 0, 0, 0.04);
	left: -1px;
	z-index: 1;
	padding: 20px 30px;
}
.vertical .tab-content:after {
	background-color: transparent;
}
.arrow {
	display: block;
	position: relative;
}
.arrow i {
	font-size: 96px;
	top: -62px;
	position: absolute;
	line-height: 1;
	z-index: 2;
	left: 50%;
	margin-left: -27px;
}
.arrow i:before {
	color: #fafafa;
	text-shadow: 0px -1px 1px #E9E9E9;
}

/* Small devices (tablets, phones less than 767px) */
@media (max-width:767px) {
	.vertical .nav-tabs,
	.vertical .tab-content {
		display: block;
	}
}

/* hc-tabs */
.hc-tabs .hc-tabs-top img {
	display: none;
}

/* Nav pills
---------------------------------- */
.nav-pills > li > a {
	border-radius: 0;
	padding: 10px 15px;
	border: 1px solid transparent;
	color: #666666;
	font-size: 13px;
	text-transform: uppercase;
	font-weight: 700;
}
.nav-pills.nav-stacked > li + li {
	margin-left: 0;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus,
.nav-pills > li > a:hover,
.nav-pills > li > a:focus {
	border: 1px solid #f3f3f3;
	color: #2e3f8f;
	background-color: #fafafa;
}
.nav-pills.nav-stacked > li > a:after {
	font-family: "FontAwesome";
	content: "\f105";
	font-size: 14px;
	font-weight: 700;
	position: absolute;
	right: 15px;
	top: 9px;
	color: #d1d1d1;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.nav-pills > li.active > a:after {
	color: #2e3f8f;
}
.nav-pills > li.active > a:hover:after,
.nav-pills > li.active > a:focus:after,
.nav-pills > li > a:hover:after,
.nav-pills > li > a:focus:after {
	color: #2e3f8f;
	right: 10px;
}
.footer-content .nav-pills > li > a {
	padding: 4px 0px;
	border-color: transparent;
	color: #999;
	font-weight: 400;
}
.footer-content .nav-pills > li:last-child > a {
	border-bottom: none;
}
.footer-content .nav-pills > li.active > a,
.footer-content .nav-pills > li.active > a:focus,
.footer-content .nav-pills > li > a:focus {
	color: #999;
	background-color: transparent;
	border-color: transparent;
}
.footer-content .nav-pills > li.active > a:hover,
.footer-content .nav-pills > li > a:hover {
	color: #fff;
	background-color: transparent;
	border-color: transparent;
}
.footer-content .nav-pills.nav-stacked > li > a:after {
	top: 3px;
}
.footer-content .nav-pills.nav-stacked > li > a:after,
.footer-content .nav-pills > li.active > a:after,
.footer-content .nav-pills > li.active > a:hover:after,
.footer-content .nav-pills > li.active > a:focus:after,
.footer-content .nav-pills > li > a:hover:after,
.footer-content .nav-pills > li > a:focus:after {
	color: #999
}
.light .footer-content .nav-pills > li > a,
.light .footer-content .nav-pills > li.active > a,
.light .footer-content .nav-pills > li.active > a:focus,
.light .footer-content .nav-pills > li > a:focus {
	color: #666;
}
.light .footer-content .nav-pills > li.active > a:hover,
.light .footer-content .nav-pills > li > a:hover {
	color: #171f47;
}
.light .footer-content .nav-pills.nav-stacked > li > a:after,
.light .footer-content .nav-pills > li.active > a:after,
.light .footer-content .nav-pills > li.active > a:hover:after,
.light .footer-content .nav-pills > li.active > a:focus:after,
.light .footer-content .nav-pills > li > a:hover:after,
.light .footer-content .nav-pills > li > a:focus:after {
	color: #666
}
.nav-pills > .active > a > .badge {
	color: #171f47;
	background-color: #fff;
	border-color: #171f47;	
}

/* Process pills */
.process .nav-pills > li + li {
	margin-left: 60px;
	position: relative;
}
.process .nav-pills > li + li:after {
	font-family: "FontAwesome";
	content: "\f101";
	position: absolute;
	top: 10px;
	left: -35px;
	width: 10px;
	background-color: #fff;
}

/* Collapse
---------------------------------- */
.panel-group .panel {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	border: none;
}
.panel-default > .panel-heading {
	padding: 0;
	outline: none;
	border: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
	width: 100%;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
	border: 1px solid #f0f0f0;
	border-top: none;
	background-color: #fafafa
}
.panel-heading a {
	font-weight: 400;
	padding: 12px 35px 12px 15px;
	display: inline-block;
	width: 100%;
	background-color: #2e3f8f;
	color: #ffffff;
	position: relative;
	text-decoration: none;
}
.panel-dark .panel-heading a,
.panel-dark .panel-heading a:hover {
	background-color: #333333;
}
.panel-transparent .panel-default > .panel-heading,
.panel-transparent .panel-default > .panel-heading + .panel-collapse > .panel-body {
	background-color: transparent;
	color: inherit;
}
.panel-transparent .panel-heading a {
	border: 1px solid #f1f1f1;
}
.panel-transparent .panel-heading a.collapsed {
	color: inherit;
	background-color: transparent;
}
.panel-heading a.collapsed {
	color: #ffffff;
	background-color: #999999;
}
.panel-heading a:after {
	font-family: "FontAwesome";
	content: "\f147";
	position: absolute;
	right: 15px;
	font-size: 14px;
	font-weight: 300;
	top: 50%;
	line-height: 1;
	margin-top: -7px;
}
.panel-heading a.collapsed:after {
	content: "\f196";
}
.panel-heading a:hover,
.panel-transparent .panel-heading a:hover {
	text-decoration: none;
	background-color: #2e3f8f;
	color: #ffffff;
}
.panel-title a i {
	padding-right: 10px;
	font-size: 20px;
}

/* Progress bars
---------------------------------- */
.progress {
	margin-bottom: 25px;
	background-color: #f1f1f1;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	height: 30px;
}
.progress-bar {
	padding: 6px 0 5px 0;
	text-align: left;
}
.progress-bar-default {
	background-color: #2e3f8f;
}
.progress-bar-gray {
	background-color: #999999;
}
.progress-bar-dark {
	background-color: #333333;
}
.gray-bg .progress {
	background-color: #ffffff;
	-webkit-box-shadow: inset 0 2px 2px rgba(0, 0, 0, .1);
	box-shadow: inset 0 2px 2px rgba(0, 0, 0, .1);
}
.progress-bar span {
	position: relative;
	left: 15px;
}

/* Circular Progress Bars
---------------------------------- */
.knob-container {
	margin: 10px;
	position: relative;
	display: inline-block;
}
.knob-container canvas {
	width: 132px;
	height: 132px;
	margin: 0 auto;
}
.knob-text {
	position: absolute;
	text-align: center;
	top: 50%;
	width: 100%;
	margin-top: -14px;
}

/* Large devices (Large desktops 1200px and up) */
@media (min-width:1200px) {
	.knob-container canvas {
		width: 169px;
		height: 169px;
	}
}

/* Alerts
---------------------------------- */
.alert {
	margin: 20px 0;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	position: relative;
	padding-left: 70px;
	overflow: hidden;
	z-index: 1;
	border: none;
}
.alert:before {
	position: absolute;
	content: "";
	top: 0px;
	left: 0px;
	width: 50px;
	height: 101%;
	background-color: rgba(0, 0, 0, 0.25);
	z-index: 2;
}
.alert-success {
	color: #2a5f2b;
	background-color: #bcdab0;
}
.alert-info {
	color: #1a4e68;
	background-color: #c6e8fa;
}
.alert-warning {
	color: #72582b;
	background-color: #f7f0ce;
}
.alert:after {
	font-family: "FontAwesome";
	position: absolute;
	top: 10px;
	left: 17px;
	color: #ffffff;
	font-size: 20px;
	z-index: 3;
}
.alert.alert-success:after {
	content: "\f00c";
}
.alert.alert-info:after {
	content: "\f05a";
}
.alert.alert-warning:after {
	content: "\f071";
}
.environment-ribbon {
	position: fixed;
	top: 112px;
	right: -136px;
	z-index: 9999;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 280px;
	padding: 10px 64px;
	background: linear-gradient(135deg, #fff4bf 0%, #ecd986 100%);
	color: #6a5120;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	box-shadow: 0 12px 24px rgba(76, 58, 18, 0.18);
	transform: rotate(90deg);
	pointer-events: none;
}
.alert.alert-danger:after {
	content: "\f00d";
}
.close {
	font-size: 28px;
	font-weight: normal;
	filter: alpha(opacity=40);
	opacity: 0.4;
}

/* Modals
---------------------------------- */
.modal-open .page-wrapper {
	-webkit-filter: blur(3px);
	-moz-filter: blur(5px);
	-o-filter: blur(5px);
	-ms-filter: blur(5px);
	filter: blur(5px);
}
.modal-content {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
.modal-content .modal-header {
	background-color: #2e3f8f;
}
.modal-content .modal-title {
	font-size: 24px;
	color: #ffffff;
}
.modal-footer .btn {
	margin: 0;
}

/* Large devices (Large desktops 1200px and up) */
@media (min-width:1200px) {
	.modal-lg {
		width: 1140px;
	}
}

/* Popups
---------------------------------- */
.mfp-zoom-out-cur .page-wrapper {
	-webkit-filter: blur(3px);
	-moz-filter: blur(5px);
	-o-filter: blur(5px);
	-ms-filter: blur(5px);
	filter: blur(5px);
}
.mfp-bg {
	opacity: 0.6;
	filter: alpha(opacity=60);
}
.mfp-figure:after {
	background-color: #ffffff;
}

/* Images and Images overlay
---------------------------------- */
.fixed-image {
	background-position: center center;
	background-repeat: no-repeat;
	height: 400px;
}
.no-touch .fixed-image {
	background-attachment: fixed;
}
.fixed-image {
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.overlay-container {
	position: relative;
	display: block;
	overflow: hidden;
}
.overlay {
	position: absolute;
	top: 0;
	bottom: -1px;
	left: 0;
	right: -1px;
	background-color: rgba(241, 241, 241, 0.85);
	overflow: hidden;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transform: scale(0.8);
	transform: scale(0.8);
	-webkit-transition: all linear 0.2s;
	-moz-transition: all linear 0.2s;
	-ms-transition: all linear 0.2s;
	-o-transition: all linear 0.2s;
	transition: all linear 0.2s;
}
.overlay a {
	display: inline-block;
	width: 50px;
	height: 50px;
	font-size: 26px;
	color: #2e3f8f;
	background-color: #ffffff;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -25px;
	margin-left: -25px;
}
.overlay span {
	position: absolute;
	display: block;
	bottom: 10px;
	text-align: center;
	width: 100%;
	color: #000000;
	font-style: italic;
}
.overlay-links {
	display: block;
	margin: 0 auto;
	position: absolute;
	top: 50%;
	margin-top: -25px;
	left: 50%;
	margin-left: -50px;
	font-size: 0;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transform: scale(0.4);
	transform: scale(0.4);
	-webkit-transition: all 0.25s linear 0.05s;
	-moz-transition: all 0.25s linear 0.05s;
	-ms-transition: all 0.25s linear 0.05s;
	-o-transition: all 0.25s linear 0.05s;
	transition: all 0.25s linear 0.05s;
}
.overlay-links a {
	position: static;
	margin-top: 0;
	margin-left: 0;
}
.overlay-links a + a {
	left: 50px;
	color: #ffffff;
	background-color: #2e3f8f;
}
.overlay a:hover {
	color: #ffffff;
	background-color: #333333;
	text-decoration: none;
}
.overlay i {
	line-height: 50px;
}
.box-style-1 .overlay i {
	font-size: 26px;
	margin: 0;
}
a.overlay {
	background-color: rgba(255, 255, 255, 0.9);
	cursor: pointer;
}
a.overlay:hover {
	text-decoration: none;
}
.listing-item a.overlay {
	-webkit-transition: linear 0.25s;
	-o-transition: linear 0.25s;
	transition: linear 0.25s;
	background-color: rgba(255, 255, 255, 0.7);
	-webkit-transform: scale(1);
	transform: scale(1);
}
.listing-item a.overlay:hover {
	text-decoration: none;
}
a.overlay i {
	position: absolute;
	left: 50%;
	top: 50%;
	font-size: 40px;
	line-height: 42px;
	color: #2e3f8f;
	margin-top: -22px;
	margin-left: -18px;
	text-align: center;
}
a.overlay.small i {
	font-size: 18px;
	line-height: 1;
	margin-top: -8px;
	margin-left: -8px;
}
.overlay .social-links {
	margin: 0;
	position: absolute;
	bottom: 10px;
	width: 100%;
	text-align: center;
}
.overlay .social-links li {
	margin: 0 auto;
}
.overlay .social-links li a {
	margin: 2px;
	width: 40px;
	height: 40px;
	font-size: 18px;
	position: static;
}
.overlay .social-links li a:hover {
	background-color: #fff;
	border-color: #fff;
	text-decoration: none;
}
.overlay .social-links li a i {
	line-height: 38px;
	font-size: 24px;
	margin: 0;
}
.overlay-container:hover .overlay,
.overlay-container:hover .overlay-links {
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transform: scale(1);
	transform: scale(1);
}

/* Responsive iframe
---------------------------------- */
.tp-caption .embed-responsive {
	overflow: visible;
}

/* Audio wrapper
---------------------------------- */
.audio-wrapper iframe {
	width: 100%;
	border: none;
	margin-bottom: 20px;
}

/* Scroll Spy
---------------------------------- */
.scroll-spy {
	position: relative;
}

/* 6 Navigations
----------------------------------------------------------------------------- */
/* first level menu */
.navbar.navbar-default {
	border-radius: 0;
	margin: 12px 0 5px;
	background-color: #fafafa;
	border-color: #f1f1f1;
}
.header-small .navbar.navbar-default {
	margin: 6px 0 5px;
}

/* first level menu items */
.navbar-default .navbar-nav > li > a {
	color: #666666;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 700;
	padding: 12px 20px 12px 19px;
	z-index: 102;
	border: 1px solid transparent;
	bottom: -1px;
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	-ms-transition: none;
	transition: none;
}
.navbar-default .navbar-nav > li > a:hover {
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

/* first level active menu items on hover/focus */
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus {
	color: #2e3f8f;
	background-color: transparent;
}
.navbar-default .navbar-nav > .active > a:hover {
	background-color: transparent;
}

/* first level active menu items when opened */
.main-navigation .navbar-nav > .open > a,
.main-navigation .navbar-nav > .open > a:hover,
.main-navigation .navbar-nav > .open > a:focus {
	color: #666666;
	background-color: #fafafa;
	border: 1px solid #f1f1f1;
	border-bottom: 1px solid transparent;
	-webkit-box-shadow: -1px -1px 0px rgba(0, 0, 0, 0.03);
	box-shadow: -1px -1px 0px rgba(0, 0, 0, 0.03);
}

/* first level active menu items when clicked */
.main-navigation .navbar-nav > .open > a:active,
.main-navigation .navbar-nav > .open.active > a:active {
	background-color: #ffffff;
	-webkit-box-shadow: none;
	box-shadow: none;
	border-color: transparent;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}
.main-navigation .navbar-nav > .open > a:active + ul,
.main-navigation .navbar-nav > .open.active > a:active + ul {
	display: none;
}

/* second level menu */
.dropdown-menu {
	min-width: 220px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	padding: 0;
	margin: 0;
	background-color: #fafafa;
	-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.08);
	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.08);
	border: 1px solid #f1f1f1;
	z-index: 101;
}

/* second level menu items */
.dropdown-menu > li > a {
	padding: 12px 20px;
	font-size: 15px;
	color: #666666;
	border-bottom: 1px solid #f1f1f1;
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	-ms-transition: none;
	transition: none;
}

.main-navigation .dropdown-menu > li > a { 
	position: relative;
}

/* second level menu items on focus/hover and when opened */
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus,
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus,
.dropdown-menu .menu > .active > a,
.dropdown-menu .menu > .active > a:hover,
.dropdown-menu .menu > .active > a:focus {
	background-color: #ffffff;
	color: #2e3f8f;
	border-color: #f1f1f1;
}

/* third level menu */
.dropdown-menu .dropdown-menu {
	top: -1px;
	left: 100% !important;
	padding-top: 0;
	-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.08);
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.08);
	border-top: 1px solid #f1f1f1;
}

.dropdown-menu .dropdown-menu.to-left {
	right: 100%!important;
	left: auto!important;
}

/*transparent header*/
.header.transparent:not(.dark) .navbar-nav > .open > a,
.header.transparent:not(.dark) .navbar-nav > .open > a:hover,
.header.transparent:not(.dark) .navbar-nav > .open > a:focus,
.header.transparent:not(.dark) .dropdown-menu {
	-webkit-box-shadow: none!important;
	box-shadow: none!important;
	border-color: rgb(250, 250, 250)!important;
}

@media (min-width: 768px) { 
	.header.transparent:not(.dark) .navbar-nav > li:not(.active) > a {
		color: #333333;
	}
}

/* mega menu */
.mega-menu.dropdown {
	position: static;
}
.mega-menu .dropdown-menu {
	left: 0;
	top: 96%;
	width: 100%;
	padding: 20px 30px;
}

/* mega menu menu items */
.mega-menu .menu {
	list-style: none;
	padding: 0;
	margin: 0;
}
.mega-menu h4.title {
	margin: 10px 0 5px;
	font-size: 14px;
	text-transform: uppercase;
}
.mega-menu .menu > li > a {
	padding: 5px 0;
	font-size: 15px;
	color: #666666;
	border-bottom: 1px solid #f1f1f1;
	display: block;
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	-ms-transition: none;
	transition: none;
	position: relative;
}
.mega-menu .menu > li > a i,
.dropdown-menu > li > a i {
	padding-right: 5px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.mega-menu .menu > li:last-child > a {
	border-bottom: none!important;
}
.mega-menu .menu > li > a:hover i,
.dropdown-menu > li > a:hover i {
	padding-left: 5px;
}

/* mega menu menu items on focus/hover and when opened */
.mega-menu .menu > li > a:hover,
.mega-menu .menu > li > a:focus {
	background-color: #ffffff;
	color: #2e3f8f;
	border-color: #f1f1f1;
	text-decoration: none;
}

/* arrows for parent menu items */
.dropdown>a:before {
	font-family: 'FontAwesome';
	content: "\f107";
	position: absolute;
	left: auto;
	top: 15px;
	right: 6px;
	line-height: 1;
	color: #d1d1d1;
}
.transparent.header:not(.dark) .dropdown>a:before { 
	color: #666666;
}
.navbar-default .navbar-nav > .active.dropdown > a:before {
	color: #2e3f8f;
}
.navbar-default .navbar-nav > .dropdown.open > a:before {
	color: #e5e5e5;
}
.dropdown .dropdown>a:before {
	content: "\f105";
	right: 10px;
	top: 15px;
	margin-left: 0;
	visibility: visible;
	color: #666;
}
.dropdown .dropdown.open>a:before,
.transparent.header:not(.dark) .dropdown .dropdown.open>a:before {
	color: #2e3f8f;
}

/* mobile menu toggle button */
.navbar-default .navbar-toggle {
	border-color: #ccc;
}

/* mobile menu toggle button on hover/focus */
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
	background-color: #fafafa;
	border-color: #2e3f8f;
}
.navbar-default .navbar-toggle .icon-bar {
	background-color: #999;
}
.navbar-default .navbar-toggle:hover .icon-bar,
.navbar-default .navbar-toggle:focus .icon-bar {
	background-color: #2e3f8f;
}

/*Dark Navigation*/
.dark.header .navbar.navbar-default {
	background-color: #27272A;
	border-color: #1f1f1f;
}
/* Dark navigation first level menu items */
.dark.header .navbar-default .navbar-nav > li > a {
	color: #e1e1e1;
}
/* Dark navigation first level active menu items on hover/focus */
.dark.header .navbar-default .navbar-nav > .active > a, 
.dark.header .navbar-default .navbar-nav > .active > a:focus {
	color: #ffffff;
}
/* Dark navigation first level active menu items when opened */
.dark.header .main-navigation .navbar-nav > .open > a,
.dark.header .main-navigation .navbar-nav > .open > a:hover,
.dark.header .main-navigation .navbar-nav > .open > a:focus { 
	background-color: #27272a;
	border-color: #484848;
	border-bottom-color: #27272a;
	color: #ffffff;
}
/*Dark navigation second level menu items*/
.dark.header .dropdown-menu {
	background-color: #27272a;
	border: 1px solid #484848;
}
.dark.header-top .dropdown-menu {
	background-color: #36373c;
	border: 1px solid #3d3d3d;
	border-top-color: #36373c;
}
.dark.header-top .dropdown-menu .divider { 
	background-color: #454545;
}
.dark.header .dropdown-menu > li > a {
	color: #cdcdcd;
	border-bottom: 1px solid #3d3d3d;
}
/*Dark navigation second level menu items on focus/hover and when opened */
.dark.header .dropdown-menu > li > a:hover, 
.dark.header .dropdown-menu > li > a:focus, 
.dark.header .nav .open > a,
.dark.header .nav .open > a:hover, 
.dark.header .nav .open > a:focus, 
.dark.header .dropdown-menu > .active > a, 
.dark.header .dropdown-menu > .active > a:hover, 
.dark.header .dropdown-menu > .active > a:focus, 
.dark.header .dropdown-menu .menu > .active > a, 
.dark.header .dropdown-menu .menu > .active > a:hover, 
.dark.header .dropdown-menu .menu > .active > a:focus {
	background-color: #36373C;
	color: #ffffff;
}
/*Dark navigation mega-menu items*/
.dark.header h1,
.dark.header h2,
.dark.header h3,
.dark.header h4,
.dark.header h5,
.dark.header h6,
.dark.header p {
	color: #cdcdcd;
}
.dark.header .divider {
	background-color: #3d3d3d;
}
.dark.header .mega-menu .menu > li > a {
	color: #cdcdcd;
	border-bottom: 1px solid #3d3d3d;	
}
/*Dark navigation mega menu menu items on focus/hover and when opened */
.dark.header .mega-menu .menu > li > a:hover,
.dark.header .mega-menu .menu > li > a:focus {
	background-color: #36373c;
	color: #ffffff;
}
/* Dark navigation arrows for parent menu items */
.dark.header .dropdown>a:before {
	color: #e1e1e1;
}
.dark.header .navbar-default .navbar-nav > .active.dropdown > a:before {
	color: #ffffff;
}
.dark.header .navbar-default .navbar-nav > .dropdown.open > a:before {
	color: #666666;
}
.dark.header .dropdown .dropdown>a:before {
	color: #e1e1e1;
}
/* Dark navigation mobile menu toggle button */
.dark.header .navbar-default .navbar-toggle {
	border-color: #666666;
}

/* Dark navigation mobile menu toggle button on hover/focus */
.dark.header .navbar-default .navbar-toggle:hover,
.dark.header .navbar-default .navbar-toggle:focus {
	background-color: #36373c;
	border-color: #999999;
}
.dark.header .navbar-default .navbar-toggle .icon-bar {
	background-color: #666666;
}
.dark.header .navbar-default .navbar-toggle:hover .icon-bar,
.dark.header .navbar-default .navbar-toggle:focus .icon-bar {
	background-color: #999999;
}

/* dropdown animations */
.animated.main-navigation .open .dropdown-menu,
#offcanvas.animated .open .dropdown-menu,
.open .dropdown-animation {
	-webkit-animation-duration: 0.2s;
	animation-duration: 0.2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: fadeInDownSmall;
	animation-name: fadeInDownSmall;
}
.open .dropdown-animation {
	-webkit-animation-duration: 0.3s;
	animation-duration: 0.3s;
}
.animated.main-navigation .dropdown-menu .open .dropdown-menu,
#offcanvas.animated .dropdown-menu .open .dropdown-menu {
	-webkit-animation-name: fadeInLeftSmall;
	animation-name: fadeInLeftSmall;
}

.animated.main-navigation .dropdown-menu .open .dropdown-menu.to-left,
#offcanvas.animated.offcanvas-right .dropdown-menu .open .dropdown-menu {
	-webkit-animation-name: fadeInRightSmall;
	animation-name: fadeInRightSmall;
}

/* Small devices (tablets, 768px and up) */
@media (min-width:768px) {
	.main-navigation .navbar-nav.navbar-right:last-child {
		margin-right: 0;
	}
	
	/* first level menu */
	.navbar.navbar-default,
	.dark.header .navbar.navbar-default {
		background-color: transparent;
		border-color: transparent;
	}
	
	/* layout fixes */
	.main-navigation .container-fluid {
		padding-right: 0;
		padding-left: 0;
	}
	.navbar-collapse {
		padding-right: 0px;
		padding-left: 0px;
	}
	.main-navigation .navbar-right .dropdown-menu {
		right: auto;
		left: 0;
	}
	.main-navigation .navbar-right > li:last-child > .dropdown-menu {
		right: 0;
		left: auto;
	}
}

/* Medium desktop devices and tablets */
@media (min-width:768px) and (max-width:1199px) {
	.main-navigation .container-fluid {
		padding-right: 0px;
		padding-left: 0px;
	}
}

/* Medium devices (tablets landscape to portrait) */
@media (min-width:768px) and (max-width:991px) {
	.main-navigation .navbar-nav {
		float: left !important;
	}
}

/* Medium devices (desktops, tablets, 992px and up) */
@media (min-width:992px) {
	.col-md-3 + .col-md-9 .mega-menu .dropdown-menu {
		left: -243px;
		width: 940px;
	}
}

/* Medium desktop devices */
@media (min-width:992px) and (max-width:1199px) {
	.navbar-default .navbar-nav > li > a {
		padding-right: 19px;
	}
}

/* Large devices (Large desktops 1200px and up) */
@media (min-width:1200px) {
	/* first level menu item */
	.main-navigation .navbar-nav > li {
		margin: 0 0 0 15px;
	}
	.main-navigation .navbar-nav > li:first-child {
		margin: 0;
	}
	.col-md-3 + .col-md-9 .mega-menu .dropdown-menu {
		left: -293px;
		width: 1140px;
	}
}

/* Small devices (tablets, phones less than 767px) */
@media (max-width:767px) {
	/* Mobile menu
	------------------------------ */
	/* active items */
	.navbar-default .navbar-nav .open .dropdown-menu > .active > a,
	.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
	.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
		color: #2e3f8f;
		background-color: transparent;
	}
	
	/* first level items */
	.navbar-default .navbar-nav > li > a {
		border-bottom: 1px solid #f1f1f1;
	}
	.subfooter .navbar-default .navbar-nav > li > a {
		border-bottom: 1px solid #141414;
	}
	.light .subfooter .navbar-default .navbar-nav > li > a {
		border-bottom: 1px solid #ddd;
	}
	.navbar-default .navbar-nav > li:last-child > a {
		border-bottom: 1px solid transparent;
	}
	
	/* first level items when opened */
	.main-navigation .navbar-nav > .open > a,
	.main-navigation .navbar-nav > .open > a:hover,
	.main-navigation .navbar-nav > .open > a:focus {
		border-color: transparent!important;
		-moz-box-shadow: none;
		-o-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
	}
	
	/* first level items hover and focus states */
	.navbar-default .navbar-nav > li > a:hover,
	.navbar-default .navbar-nav > li > a:focus,
	.navbar-default .navbar-nav > .active > a:hover,
	.navbar-default .navbar-nav > .active > a:focus {
		color: #2e3f8f;
		background-color: #fff;
	}
	
	/* second level menu */
	.navbar-default .navbar-nav .open .dropdown-menu {
		background-color: #ffffff;
	}
	
	/* second level items */
	.navbar-default .navbar-nav .open .dropdown-menu > li > a,
	.navbar-default .navbar-nav .open .dropdown-menu .dropdown-header {
		padding: 12px 15px 12px 40px;
		color: #666666;
		border-color: #fafafa;
	}
	
	/* second level items on hover/focus */
	.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
	.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
		color: #2e3f8f;
	}
	
	/* third level items */
	.navbar-nav .open .dropdown-menu .dropdown-menu > li > a {
		padding-left: 60px;
	}
	
	/* four level items */
	.navbar-nav .open .dropdown-menu .dropdown-menu .dropdown-menu > li > a {
		padding-left: 80px;
	}
	
	/* Arrows for parent menu items */
	.dropdown>a:before {
		right: 32px;
	}
	.dropdown .dropdown>a:before {
		right: 36px;
	}

	/*Dark mobile menu
	------------------------------ */
	.dark.header .navbar-default .navbar-collapse, 
	.dark.header .navbar-default .navbar-form {
		border-color: #1f1f1f;
	}
	/* active items */
	.dark.header .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
	.dark.header .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
	.dark.header .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
		background-color: #36373c;
	}
	/* first level items */
	.dark.header .navbar-default .navbar-nav > li > a {
		border-bottom: 1px solid #3c3c3e;
	}

	/* first level active items */
	.dark.header .navbar-default .navbar-nav > .active > a, 
	.dark.header .navbar-default .navbar-nav > .active > a:focus {
		color: #ffffff;
		background-color: #36373C;
	}

	/* first level items hover and focus states */
	.dark.header .navbar-default .navbar-nav > li > a:hover,
	.dark.header .navbar-default .navbar-nav > li > a:focus,
	.dark.header .navbar-default .navbar-nav > .active > a:hover,
	.dark.header .navbar-default .navbar-nav > .active > a:focus {
		color: #ffffff;
		background-color: #36373c;
	}

	/* first level items when opened */	
	.dark.header .main-navigation .navbar-nav > .open > a, 
	.dark.header .main-navigation .navbar-nav > .open > a:hover, 
	.dark.header .main-navigation .navbar-nav > .open > a:focus	{
		color: #ffffff;
		background-color: #36373c;
	}

	/* second level menu */
	.dark.header .navbar-default .navbar-nav .open .dropdown-menu {
		background-color: #27272a;
		border: none;
	}
	/* second level items */
	.dark.header .navbar-default .navbar-nav .open .dropdown-menu > li > a,
	.dark.header .navbar-default .navbar-nav .open .dropdown-menu .dropdown-header {
		color: #cdcdcd;
		border-color: #3c3c3e;
	}
	
	/* second level items on hover/focus */
	.dark.header .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
	.dark.header .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
		color: #ffffff;
		background-color: #36373c;
	}
	.dark.header .navbar-default .navbar-nav > .dropdown.open > a:before {
		color: #ffffff;
	}
}

/* Header top navigation
---------------------------------- */
.header-top .navbar.navbar-default {
	margin: 0;
	min-height: 30px;
}
.header-top .navbar-default .navbar-nav > li > a {
	color: #999999;
	padding: 4px 20px;
}
.header-top .navbar-default .navbar-nav > li {
	border-right: 1px solid #999999;
}
.header-top .navbar-default .navbar-nav > li:last-child {
	border-right: none;
}

/* Offcanvas navigation
---------------------------------- */
.offcanvas {
	background-color: #fafafa;
	border-color: #f1f1f1;
}
.offcanvas-toggle-left {
	display: block;
	padding: 0;
	margin: 0;
	position: fixed;
	width: 40px;
	height: 40px;
	top: 0px;
	left: 0px;
	z-index: 1031;
	text-align: center;
}
.offcanvas-toggle-left:after {
	font-family: "FontAwesome";
	content: "\f0c9";
	font-size: 22px;
	line-height: 35px;
	text-align: center;
	color: #333333;
}
#offcanvas.in + .offcanvas-toggle-left:after {
	content: "\f00d";
	color: #999999;
}
.offcanvas-toggle-right {
	display: block;
	padding: 0;
	margin: 0;
	position: fixed;
	width: 40px;
	height: 40px;
	top: 0px;
	right: 0px;
	z-index: 1031;
	text-align: center;
}
.offcanvas-toggle-right:after {
	font-family: "FontAwesome";
	content: "\f0c9";
	font-size: 22px;
	line-height: 35px;
	text-align: center;
	color: #333333;
}
#offcanvas.in + .offcanvas-toggle-right:after {
	content: "\f00d";
	color: #999999;
}

/*First level menu items*/
#offcanvas .navbar-nav > li,
#offcanvas .navbar-nav {
	float: none;
	margin: 0;
}
#offcanvas .navbar-nav > li > a {
	color: #333333;
	border-bottom: 1px solid #f5f5f5;
	padding-top: 10px;
	padding-bottom: 10px;
}
#offcanvas .navbar-nav > li:last-child > a {
	border-bottom-color: transparent!important;
}
#offcanvas .nav .open > a,
#offcanvas .nav .open > a:hover,
#offcanvas .nav .open > a:focus,
#offcanvas .nav > li > a:hover, 
#offcanvas .nav > li > a:focus,
#offcanvas .navbar-nav > li.active > a {
	color: #2e3f8f;
	background-color: #ffffff;
}
/*Second level menu items*/
#offcanvas .dropdown-menu {
	position: static;
	width: 100%;
	float: none;
	box-shadow: none;
	border: none;
	background-color: #ffffff;
	margin: 0;
}
#offcanvas.offcanvas-right .dropdown-menu { 
	overflow: hidden;
}
#offcanvas .dropdown-menu > li > a { 
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	border-color: #f7f7f7;
}
#offcanvas.offcanvas-right .dropdown-menu > li > a {
	text-align: right;
	padding-left: 10px;
	padding-right: 20px;
}

/*Third level menu items*/
#offcanvas .dropdown-menu .dropdown-menu > li > a { 
	padding-left: 30px;
}
#offcanvas.offcanvas-right .dropdown-menu .dropdown-menu > li > a { 
	padding-left: 10px;
	padding-right: 30px;
}

/*Fourth level menu items*/
#offcanvas .dropdown-menu .dropdown-menu .dropdown-menu > li > a { 
	padding-left: 45px;
}
#offcanvas.offcanvas-right .dropdown-menu .dropdown-menu .dropdown-menu > li > a { 
	padding-left: 10px;
	padding-right: 45px;
}

/*Fifth level menu items*/
#offcanvas .dropdown-menu .dropdown-menu .dropdown-menu .dropdown-menu > li > a { 
	padding-left: 60px;
}

#offcanvas.offcanvas-right .dropdown-menu .dropdown-menu .dropdown-menu .dropdown-menu > li > a { 
	padding-left: 10px;
	padding-right: 60px;
}
/*Nav arrows*/
#offcanvas .dropdown>a:before {
	right: 15px;
	top: 13px;
}
#offcanvas.offcanvas-right .dropdown>a:before {
	right: auto;
	left: 15px;
	top: 13px;
}
#offcanvas.offcanvas-right .dropdown .dropdown>a:before {
	content: "\f104";
}
/*Dark offcanvas nav*/
.dark.offcanvas-container .offcanvas {
	background-color: #27272a;
	border-color: #484848;
}

.dark.offcanvas-container #offcanvas.in + .offcanvas-toggle-left:after,
.dark.offcanvas-container #offcanvas.in + .offcanvas-toggle-right:after { 
	color: #e1e1e1;
}
/*First level menu items*/
.dark.offcanvas-container #offcanvas .navbar-nav > li > a { 
	color: #e1e1e1;
	border-bottom: 1px solid #3d3d3d;
}
.dark.offcanvas-container #offcanvas .navbar-nav > li.open > a {
	border-bottom: 1px solid #515151!important;
}
.dark.offcanvas-container #offcanvas .nav .open > a,
.dark.offcanvas-container #offcanvas .nav .open > a:hover,
.dark.offcanvas-container #offcanvas .nav .open > a:focus,
.dark.offcanvas-container #offcanvas .nav > li > a:hover, 
.dark.offcanvas-container #offcanvas .nav > li > a:focus,
.dark.offcanvas-container #offcanvas .navbar-nav > li.active > a {
	color: #ffffff;
	background-color: #36373c;
}
/*Second level menu items*/
.dark.offcanvas-container #offcanvas .dropdown-menu { 
	background-color: #36373c;
}
.dark.offcanvas-container #offcanvas .dropdown-menu > li > a { 
	border-color: #515151;
	color: #e1e1e1;
}
.dark.offcanvas-container #offcanvas .dropdown-menu > li > a:hover, 
.dark.offcanvas-container #offcanvas .dropdown-menu > li > a:focus {
	color: #ffffff;
	background-color: #36373c;
}
/*Nav arrows*/
.dark.offcanvas-container .dropdown .dropdown.open>a:before {
	color: #ffffff;
}

/* Subfooter navigation
---------------------------------- */
.subfooter .navbar {
	margin: 0;
	min-height: 0;
	background: transparent;
	border-color: transparent;
}
.subfooter .navbar-default .nav > li > a {
	padding: 10px 10px;
	text-transform: none;
	line-height: 1;
	font-size: 14px;
	font-weight: 400;
}
.subfooter .navbar-default .nav li:last-child a,
.light .subfooter .navbar-default .nav > li:last-child > a {
	border: none;
}
.subfooter .navbar-default .nav > li > a:hover,
.subfooter .navbar-default .nav > .active > a:hover,
.subfooter .navbar-default .nav > .active > a:focus {
	background-color: transparent;
	text-decoration: underline;
	color: #2e3f8f;
}

/* Small devices (tablets, 768px and up) */
@media (min-width:768px) {
	.subfooter .navbar-nav {
		float: none;
		margin: 15px 0;
		text-align: center;
	}
	.subfooter .navbar-nav > li {
		float: none;
		padding: 5px 0;
	}
	.subfooter .navbar-default .nav > li > a {
		padding: 0px 10px;
	}
}

/* Medium devices (desktops, 992px and up) */
@media (min-width:992px) {
	.subfooter {
		text-align: left;
	}
	.subfooter .navbar-nav {
		float: right;
		margin: 0;
		text-align: left;
	}
	.subfooter .navbar-nav > li {
		float: left;
		padding: 0;
		margin-top: 4px;
	}
	.subfooter .navbar-default .nav > li > a {
		border-right: 1px solid #333333;
	}
	.light .subfooter .navbar-default .nav > li > a {
		border-right: 1px solid #999999;
	}
}

/* Small devices (tablets, phones less than 767px) */
@media (max-width:767px) {
	/* subfooter nav */
	.subfooter .navbar-default .navbar-toggle:hover,
	.subfooter .navbar-default .navbar-toggle:focus {
		background-color: transparent;
		border-color: #888;
	}
	.light .subfooter .navbar-default .navbar-collapse {
		border-color: #ddd;
	}
	.subfooter .navbar-default .navbar-collapse {
		border-color: #000000;
	}
}

/* 7 Blocks/Widgets
----------------------------------------------------------------------------- */
/* Logo
---------------------------------- */
.logo img {
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.logo img:hover {
	opacity: 0.85;
	filter: alpha(opacity=85);
}
.main-container .logo img {
	margin: 0 auto;
}
.header-small .logo img {
	max-height: 40px;
	margin: 2px 0 -4px 0;
}
.text-center .logo img {
	margin: 0 auto;
}
.site-slogan {
	font-size: 13px;
	font-style: italic;
	color: #999999;
}
.transparent.header:not(.dark) .site-slogan {
	color: #333333;
}
.dark.header .site-slogan {
	color: #cdcdcd;
}
.transparent.dark.header .site-slogan {
	color: #ffffff;
}
.main-container .site-slogan {
	color: inherit;
	text-align: center;
	margin-bottom: 20px;
}
.logo-footer {
	margin: 25px 0 20px;
}
.offcanvas .logo {
	margin: 20px 0 10px;
}
.offcanvas .logo img {
	margin: 0 auto;

}
.offcanvas .site-slogan {
	text-align: center;
	margin-bottom: 20px;
	margin-top: -10px;
}
/* Medium devices (desktops, tablets less than 991px) */
@media (max-width:991px) {
	.logo img,
	.header-small .logo img {
		margin: 0 auto;
	}
	.site-slogan {
		text-align: center;
	}
}

/* Call to action
---------------------------------- */
.call-to-action {
	padding: 10px 25px;
	text-align: center;
}
.call-to-action .btn {
	margin: 10px 5px;
}
.call-to-action .btn.btn-lg {
	margin-top: 15px;
}

/* Extra small devices (phones, less than 480px) */
@media (max-width:480px) {
	.call-to-action .btn {
		display: block;
		width: 60%;
		margin: 10px auto;
	}
}

/* Boxes
---------------------------------- */
.box {
	text-align: center;
	margin: 0 10px 10px 0;
	width: 60px;
	height: 60px;
	display: inline-block;
	font-size: 0;
	float: left;
	border: 1px solid transparent;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.box i {
	font-size: 36px;
	line-height: 60px;
}
.box.small {
	margin: 0 5px 5px 0;
	width: 45px;
	height: 45px;
}
.box.small i {
	font-size: 24px;
	line-height: 45px;
}
.box.gray-bg:hover {
	color: #2e3f8f;
}
.box.default-bg:hover {
	background-color: #fff;
	border: 1px solid #2e3f8f;
}
.box.default-bg:hover * {
	color: #2e3f8f;
}
.box.dark-bg:hover {
	background-color: #fff;
	border: 1px solid #666;
}
.box.dark-bg:hover * {
	color: #666;
}
.box-style-1 {
	text-align: center;
	padding: 20px;
	margin: 20px 0;
}
.grid-space-10 .box-style-1 {
	margin: 10px 0;
}
.box-style-1 i {
	font-size: 90px;
	margin: 15px 0 5px;
	text-align: center;
}
.box-style-1:not(.team-member):hover i {
	color: #2e3f8f;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.box-style-1.default-bg:hover i,
.box-style-1.dark-bg:hover i {
	color: inherit;
}
.box-style-2 {
	margin-top: 20px;
}
.box-style-2 i {
	font-size: 36px;
	line-height: 60px;
}
.box-style-2 .icon-container {
	float: left;
	width: 60px;
	height: 60px;
	text-align: center;
	border: 1px solid transparent;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.box-style-2 .body {
	margin-left: 80px;
}
.box-style-2 h2 {
	font-size: 24px;
	margin-top: 0;
}
.box-style-2:hover .icon-container {
	border: 1px solid #666;
}
.box-style-2:hover .default-bg {
	background-color: #fff;
	border: 1px solid #2e3f8f;
}
.box-style-2:hover .default-bg * {
	color: #2e3f8f;
}
.box-style-2:hover .dark-bg {
	background-color: #fff;
	border: 1px solid #666;
}
.box-style-2:hover .dark-bg * {
	color: #666;
}
.box-style-2:hover .white-bg * {
	color: #2e3f8f;
}
.box-style-3 {
	margin-top: 20px;
}
.box-style-3 i {
	font-size: 22px;
	line-height: 45px;
}
.box-style-3 .icon-container {
	float: left;
	width: 45px;
	height: 45px;
	text-align: center;
	border: 1px solid transparent;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.box-style-3 .body {
	margin-left: 80px;
}
.box-style-3 h2 {
	font-size: 20px;
	margin-top: 0;
}
.box-style-3:hover .icon-container {
	border: 1px solid #666;
}
.box-style-3:hover .default-bg {
	background-color: #fff;
	border: 1px solid #2e3f8f;
}
.box-style-3:hover .default-bg * {
	color: #2e3f8f;
}
.box-style-3:hover .dark-bg {
	background-color: #fff;
	border: 1px solid #666;
}
.box-style-3:hover .dark-bg * {
	color: #666;
}
.box-style-3:hover .white-bg * {
	color: #2e3f8f;
}
.panel-body i {
	width: 35px;
	text-align: center;
}

/* Small devices (tablets, 768px and up) */
@media (min-width:768px) {
	.box-style-3.right .icon-container {
		float: right;
	}
	.box-style-3.right .body {
		margin-right: 80px;
		text-align: right;
		margin-left: 0;
	}
}

/* Image Boxes
---------------------------------- */
.image-box {
	background-color: #fafafa;
	border: 1px solid #f3f3f3;
}
.grid-space-0 .image-box {
	border: none;
}
.image-box h3.title {
	margin-top: 0;
}
.image-box .btn {
	white-space: normal;
	border-color: transparent;
}
.image-box .btn-block {
	margin: 0;
}
.image-box-body {
	padding: 20px 15px 15px;
}

/* Tags cloud block
---------------------------------- */
.tags-cloud {
	font-size: 0;
}
.tag {
	display: inline-block;
	margin: 0 3px 3px 0;
}
.tag a {
	padding: 5px 10px;
	color: #999;
	display: block;
	font-size: 12px;
	background-color: #fafafa;
	border: 1px solid #f3f3f3;
}
.tag a:hover {
	color: #ffffff;
	background-color: #2e3f8f;
	border-color: #2e3f8f;
	text-decoration: none;
}
footer:not(.light) .footer-content .tag a,
.dark-bg .tag a {
	background-color: transparent;
	border-color: #555;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

/* Social icons block
---------------------------------- */
.social-links {
	list-style: none;
	font-size: 0;
	padding: 0;
	margin: 40px 0 20px 0;
}
.social-links li {
	display: inline-block;
	margin: 0 2px 2px 0;
}
.social-links li a {
	width: 45px;
	height: 45px;
	display: block;
	text-align: center;
	font-size: 20px;
	background: #2e3f8f;
	border: 1px solid #2e3f8f;
	color: #fff;
}
.social-links.large li a {
	width: 60px;
	height: 60px;
	font-size: 24px;
}
.social-links.light li a {
	background: #fafafa;
	border: 1px solid #f3f3f3;
	color: inherit;
}
.social-links.dark li a {
	background: #454545;
	border: 1px solid #333333;
	color: #acacac;
}
.social-links.radius-5px li a {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.social-links.circle li a {
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
}
.social-links li a:hover {
	background-color: transparent;
	border-color: #171f47;
	color: #171f47;
}
.social-links.dark li a:hover {
	background: #fafafa;
	border: 1px solid #acacac;
	color: inherit;
}
.social-links.light li a:hover {
	border: 1px solid #d2d2d2;
	color: #333333;
}
.social-links li a i {
	line-height: 44px;
}
.social-links.large li a i {
	line-height: 60px;
}
.header-top .social-links {
	margin: 0;
}
.header-top .social-links li {
	padding: 3px 5px 2px;
	border-right: 1px solid #e3e3e3;
	margin: 0;
}
.header-top .social-links li:hover {
	background-color: #fafafa;
}
.header-top .social-links li a {
	font-size: 16px;
}
.header-top .social-links li:last-child {
	border-right: none;
}
.header-top .social-links li a {
	border: none;
	width: 25px;
	height: 30px;
	color: #999999;
	background-color: transparent;
	border-color: transparent;
}
.header-top .social-links li a:hover {
	color: #171f47;
}
.header-top .social-links li a i {
	line-height: 30px;
}
.dark.header-top .social-links li {
	border-right: 1px solid #3d3d3d;
}
.dark.header-top .social-links li:last-child {
	border-right: none;
}
.dark.header-top .social-links li:hover {
	background-color: transparent;
}
.dark.header-top .social-links li a {
	color: #999999;
}
.footer-content .social-links {
	margin: 20px 0;
}
.footer-content .social-links li {
	margin: 0 5px 5px 0;
}
.footer-content .social-links li a {
	color: #666;
	background-color: transparent;
	border-color: #666;
}
.footer-content .social-links li a:hover {
	color: #fff;
	background-color: #666;
	border-color: #666;
}
.social-links li.twitter a:hover,
.colored.social-links li.twitter a {
	background-color: #55acee;
	border-color: #55acee;
	color: #fff;
}
.social-links li.skype a:hover,
.colored.social-links li.skype a {
	background-color: #00aff0;
	border-color: #00aff0;
	color: #fff;
}
.social-links li.linkedin a:hover,
.colored.social-links li.linkedin a {
	background-color: #0976b4;
	border-color: #0976b4;
	color: #fff;
}
.social-links li.googleplus a:hover,
.colored.social-links li.googleplus a {
	background-color: #dd4b39;
	border-color: #dd4b39;
	color: #fff;
}
.social-links li.youtube a:hover,
.colored.social-links li.youtube a {
	background-color: #b31217;
	border-color: #b31217;
	color: #fff;
}
.social-links li.flickr a:hover,
.colored.social-links li.flickr a {
	background-color: #ff0084;
	border-color: #ff0084;
	color: #fff;
}
.social-links li.facebook a:hover,
.colored.social-links li.facebook a {
	background-color: #3b5998;
	border-color: #3b5998;
	color: #fff;
}
.social-links li.pinterest a:hover,
.colored.social-links li.pinterest a {
	background-color: #cb2027;
	border-color: #cb2027;
	color: #fff;
}
.social-links li.instagram a:hover,
.colored.social-links li.instagram a {
	background-color: #517fa4;
	border-color: #517fa4;
	color: #fff;
}
.social-links li.vimeo a:hover,
.colored.social-links li.vimeo a {
	background-color: #aad450;
	border-color: #aad450;
	color: #fff;
}
.social-links li.tumblr a:hover,
.colored.social-links li.tumblr a {
	background-color: #32506d;
	border-color: #32506d;
	color: #fff;
}
.social-links li.soundcloud a:hover,
.colored.social-links li.soundcloud a {
	background-color: #ff3a00;
	border-color: #ff3a00;
	color: #fff;
}
.social-links li.foursquare a:hover,
.colored.social-links li.foursquare a {
	background-color: #0072b1;
	border-color: #0072b1;
	color: #fff;
}
.social-links li.dribbble a:hover,
.colored.social-links li.dribbble a {
	background-color: #ea4c89;
	border-color: #ea4c89;
	color: #fff;
}
.social-links li.behance a:hover,
.colored.social-links li.behance a {
	background-color: #053eff;
	border-color: #053eff;
	color: #fff;
}
.social-links li.vine a:hover,
.colored.social-links li.vine a {
	background-color: #00a478;
	border-color: #00a478;
	color: #fff;
}
.social-links li.stumbleupon a:hover,
.colored.social-links li.stumbleupon a {
	background-color: #f74425;
	border-color: #f74425;
	color: #fff;
}
.header-top .social-links li.twitter a:hover {
	color: #55acee;
	background-color: transparent;
	border-color: transparent;
}
.header-top .social-links li.skype a:hover {
	color: #00aff0;
	background-color: transparent;
	border-color: transparent;
}
.header-top .social-links li.linkedin a:hover {
	color: #0976b4;
	background-color: transparent;
	border-color: transparent;
}
.header-top .social-links li.googleplus a:hover {
	color: #dd4b39;
	background-color: transparent;
	border-color: transparent;
}
.header-top .social-links li.youtube a:hover {
	color: #b31217;
	background-color: transparent;
	border-color: transparent;
}
.header-top .social-links li.flickr a:hover {
	color: #ff0084;
	background-color: transparent;
	border-color: transparent;
}
.header-top .social-links li.facebook a:hover {
	color: #3b5998;
	background-color: transparent;
	border-color: transparent;
}
.header-top .social-links li.pinterest a:hover {
	color: #cb2027;
	background-color: transparent;
	border-color: transparent;
}
.header-top .social-links li.instagram a:hover {
	color: #517fa4;
	background-color: transparent;
	border-color: transparent;
}
.header-top .social-links li.vimeo a:hover {
	color: #aad450;
	background-color: transparent;
	border-color: transparent;
}
.header-top .social-links li.tumblr a:hover {
	color: #32506d;
	background-color: transparent;
	border-color: transparent;
}
.header-top .social-links li.soundcloud a:hover {
	color: #ff3a00;
	background-color: transparent;
	border-color: transparent;
}
.header-top .social-links li.foursquare a:hover {
	color: #0072b1;
	background-color: transparent;
	border-color: transparent;
}
.header-top .social-links li.dribbble a:hover {
	color: #ea4c89;
	background-color: transparent;
	border-color: transparent;
}
.header-top .social-links li.behance a:hover {
	color: #053eff;
	background-color: transparent;
	border-color: transparent;
}
.header-top .social-links li.vine a:hover {
	color: #00a478;
	background-color: transparent;
	border-color: transparent;
}
.header-top .social-links li.stumbleupon a:hover {
	color: #f74425;
	background-color: transparent;
	border-color: transparent;
}
.social-links .dropdown>button {
	padding: 6px 15px 5px;
	font-size: 16px;
	color: #999;
	text-align: center;
	min-width: 0;
	margin: 0;
	background-color: transparent;
	-moz-box-shadow: none !important;
	-o-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}
.social-links .dropdown>button i {
	width: 15px;
}
.social-links .dropdown.open>button>i:before {
	content: "\f00d";
	color: #2e3f8f;
}
.social-links .dropdown-menu {
	z-index: 103;
	padding: 0px;
	min-width: 290px;
	margin-top: 1px;
	font-size: 0;
	box-shadow: none;
	background-color: #fafafa;
}
.social-links .dropdown-menu li a,
.social-links .dropdown-menu li a i {
	padding: 0;
}

/* Header top dropdowns
---------------------------------- */
.header-top-dropdown {
	float: right;
	font-size: 0;
	text-align: right;
}
.header-top-dropdown .dropdown>button {
	border-right: 1px solid #e3e3e3;
	border-left: 1px solid transparent;
}
.dark .header-top-dropdown .dropdown>button {
	border-right: 1px solid #515151;
}
.header-top-dropdown .dropdown:last-child>button {
	border-right-color: transparent;
}
.header-top-dropdown .dropdown>button {
	padding: 8px 10px;
	margin: 0;
	font-size: 12px;
	color: #999;
	text-align: center;
	min-width: 0;
	background-color: transparent;
	-moz-box-shadow: none !important;
	-o-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	text-transform: none;
}
.dark.header-top .header-top-dropdown .dropdown>button {
	border-right: 1px solid #3d3d3d;
}
.dark.header-top .header-top-dropdown .dropdown:last-child>button {
	border-right-color: transparent;
}
.header-top-dropdown .dropdown>button i {
	padding-right: 5px;
	width: 15px;
}
.header-top-dropdown .dropdown.open>button,
.header-top-dropdown .dropdown>button:hover {
	color: #2e3f8f;
	background-color: #fafafa;
	border-right-color: #e3e3e3;
}
.dark.header-top .header-top-dropdown .dropdown.open>button,
.dark.header-top .header-top-dropdown .dropdown>button:hover {
	color: #FFFFFF!important;
	background-color: #36373C;
	border-right-color: #3d3d3d;
}
.dark.header .header-top-dropdown .dropdown.open>button,
.dark.header .header-top-dropdown .dropdown>button:hover {
	color: #FFFFFF!important;
	background-color: #36373C;
	border-right-color: #515151;
}
.header-top-dropdown .dropdown:first-child.open>button,
.header-top-dropdown .dropdown:first-child>button:hover {
	border-left-color: #e3e3e3;
}
.dark.header-top .header-top-dropdown .dropdown:first-child.open>button,
.dark.header-top .header-top-dropdown .dropdown:first-child>button:hover {
	border-left-color: #3d3d3d;
}
.header .header-top-dropdown .dropdown>button {
	padding: 3px 10px;
}
.header .header-top-dropdown .dropdown.open>button,
.header .header-top-dropdown .dropdown>button:hover {
	background-color: transparent;
}
.header .header-top-dropdown .dropdown:first-child.open>button,
.header .header-top-dropdown .dropdown:first-child>button:hover {
	border-left-color: transparent;
}
.header .header-top-dropdown .dropdown:last-child.open>button,
.header .header-top-dropdown .dropdown:last-child>button:hover {
	border-right-color: transparent;
}
.header .header-top-dropdown .dropdown-menu {
	margin-top: 27px;
}
.header-top-dropdown .dropdown-menu {
	z-index: 103;
	padding: 20px;
	min-width: 280px;
	margin-top: 0px;
}
.header-top-dropdown .search-box .form-group {
	margin-bottom: 0;
}
.header-top-dropdown form {
	margin: 0;
}
.header-top-dropdown .login-form span {
	margin: 0 3px;
}
.header-top-dropdown .login-form ul {
	padding-left: 0;
	list-style-position: inside;
	padding: 5px 0;
}
.header-top-dropdown .login-form .social-links {
	display: inline-block;
	margin: 0;
}
.dark .header-top-dropdown .login-form a {
	color: #cdcdcd;
	text-decoration: underline;
}
.dark .header-top-dropdown .login-form a:hover {
	text-decoration: none;
}
.header .header-top-dropdown {
	margin-top: 19px;
}
.dark.header .header-top-dropdown {
	color: #cdcdcd;
}
.fixed-header-on .header .header-top-dropdown {
	margin-top: 13px;
}
.fixed-header-on .header .header-top-dropdown .dropdown-menu {
	margin-top: 19px;
}

/* Small devices (tablets, 480px and below) */
@media (max-width: 480px) {
	.header-top-dropdown .btn-group {
		position: static;
	}
	.header-top-dropdown .dropdown-menu {
		right: 15px!important;
		width: 100%;
	}
}

/* Full Width Content
---------------------------------- */
.full-width-section {
	position: relative;
}
.full-text-container {
	position: absolute;
	top: 30%;
	padding: 20px 40px;
	background-color: rgba(255,255,255,0.6);

}

/* Large devices */
@media (min-width: 1200px) { 
	.full-width-section {
		position: relative;
		display: table;
		table-layout: fixed;
		width: 100%;
	}
	.full-image-container {
		width: 50%;
		display: table-cell;
	}
	.full-text-container {
		display: table-cell;
		vertical-align: middle;
		width: 50%;
		padding: 0 50px;
		position: static;
	}
	.full-text-container * {
		max-width: 700px;
	}
	.full-text-container.left {
		text-align: right;
	}
	.full-text-container.left * {
		margin-left: auto;
	}
	.full-text-container p {
		margin-bottom: 10px;
	}
}

@media (max-width: 1199px) { 
	.full-width-section .separator-2.right {
		margin-left: 0;	
	}
}

@media (max-width: 991px) { 
	.full-text-container {
		top: 0;
		height: 100%;
		padding: 0 20px;
	}
	.full-text-container h1 {
		font-size: 28px;
	}
}
@media (max-width: 480px) {
	.full-text-container p:not(.lead) {
		display: none;
	}
}
/* Sidebar/footer gallery block
---------------------------------- */
.gallery.row {
	margin-left: -5px;
	margin-right: -5px;
}
.gallery-item {
	padding-right: 5px;
	padding-left: 5px;
	margin-bottom: 10px;
}

/* Form Block
---------------------------------- */
.form-block {
	width: 630px;
	border: 1px solid #f1f1f1;
	background-color: #ffffff;
	padding: 20px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.form-block form {
	margin: 0;
}
.form-block ul {
	padding-left: 0;
	list-style-position: inside;
}
.form-block hr {
	margin-top: 10px;
	margin-bottom: 15px;
}
.form-block .social-links {
	margin: 10px 0 0 10px;
	display: inline-block;
}
@media (max-width: 767px) { 
	.form-block {
		width: 90%;
	}
}
/* Latest tweets block
---------------------------------- */
ul.tweets {
	list-style: none;
	padding: 0;
}
ul.tweets li {
	margin-bottom: 20px;
	position: relative;
	padding-left: 35px;
}
ul.tweets li i {
	position: absolute;
	top: 4px;
	left: 0;
	width: 25px;
	height: 25px;
	text-align: center;
	color: #666666;
}
ul.tweets li p {
	margin-bottom: 5px;
}
ul.tweets li span {
	font-size: 12px;
	color: #666666;
}

/* Testimonials
---------------------------------- */
.testimonial {
	margin: 25px 0;
}
.well .testimonial,
.owl-item .testimonial {
	margin: 0;
}
.testimonial h2 {
	margin-bottom: 25px;
}
.testimonial-image {
	max-width: 160px;
	float: left;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
}
.testimonial-body {
	padding: 15px;
}
.testimonial-image + .testimonial-body {
	margin-left: 180px;
}
.testimonial-info-1 {
	font-size: 13px;
	color: #000;
	font-style: italic;
}
.testimonial-info-2 {
	font-size: 13px;
	color: #000;
	font-weight: 700;
}
.dark-bg .testimonial-info-1,
.dark-bg .testimonial-info-2,
.default-bg .testimonial-info-1,
.default-bg .testimonial-info-2,
.dark-translucent-bg .testimonial-info-1,
.dark-translucent-bg .testimonial-info-2 {
	color: inherit;
}

/* Extra small devices (phones, less than 480px) */
@media (max-width:480px) {
	.testimonial-image {
		max-width: 80px;
	}
	.testimonial-image + .testimonial-body {
		padding: 0 15px;
		margin-left: 100px;
	}
}

/* Isotope filtering
---------------------------------- */
.isotope-container {
	display: none;
	margin-bottom: 40px;
}
.boxed .isotope-container.grid-space-0 .image-box img {
	-webkit-backface-visibility: hidden;
	-webkit-transform: translateZ(0) scale(1.0, 1.0);
}
.isotope-item {
	margin-bottom: 30px;	
}
.grid-space-20 .isotope-item {
	margin-bottom: 20px;
}
.grid-space-10 .isotope-item {
	margin-bottom: 0;
}

/* Small devices (tablets, phones less than 767px) */
@media (max-width:767px) {
	.isotope-item {
		max-width: 100%;
	}
}

/* Stats
---------------------------------- */
.stat-num {
	font-size: 36px;
	font-weight: 700;
	display: block;
}

/* Pricing tables
---------------------------------- */
.pricing-tables {
	margin: 60px 0 0;
}
.plan {
	text-align: center;
	border: 1px solid #c5c5c5;
	border-top: none;
	margin-bottom: 40px !important;
}
.plan + .plan {
	border-left: none;
}
.plan .header {
	padding: 10px 0;
	margin: 0 -1px;
}
.plan .header h3 {
	display: inline-block;
	font-size: 24px;
	margin: 0;
	line-height: 28px;
	font-weight: normal;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	text-shadow: 0px 1px 1px #494949;
}
.plan .header .price {
	display: inline-block;
	font-size: 16px;
	padding: 10px 0 0;
	font-weight: 400;
	color: inherit;
}
.plan .header .price span {
	text-transform: uppercase;
}
.plan ul {
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 14px;
	list-style: none;
}
.plan ul li {
	padding: 12px 0px;
	font-size: 13px;
	line-height: 18px;
	text-shadow: 1px 1px 0 #fff;
}
.plan ul li a.pt-popover {
	color: #000;
	border-bottom: 1px dashed #000;
	position: relative;
}
.plan ul li a.pt-popover:hover {
	text-decoration: none;
}
.plan ul li a.pt-popover:after {
	position: absolute;
	top: 0px;
	left: -15px;
	font-family: "FontAwesome";
	content: "\f059";
	color: #DDDDDD;
	font-size: 12px;
}
.best-value.plan ul li {
	padding: 15px 0;
}
.plan .popover {
	width: 250px;
	font-size: 13px;
	text-align: center;
	border: none;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
.plan .popover-title {
	background-color: #2e3f8f;
	color: #ffffff;
	text-shadow: none;
	font-size: 13px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
.plan .popover-content {
	font-size: 12px;
}
.plan .btn {
	text-shadow: none;
}
.gray .plan {
	border-top: 1px solid #c5c5c5;
	background-color: #f1f1f1;
	-webkit-box-shadow: -1px 0 0px rgba(0, 0, 0, 0.15);
	box-shadow: -1px 0 0px rgba(0, 0, 0, 0.15);
}
.gray .plan .header {
	background: #fafafa;
	border: 1px solid #cacaca;
	width: 150px;
	height: 150px;
	margin: 15px auto;
	border-radius: 100%;
}
.gray .plan .header h3 {
	color: #2e3f8f;
	display: block;
	margin-top: 30px;
}
.gray .plan .header .price {
	font-size: 24px;
	padding-top: 5px;
}
.gray .plan ul {
	background: #f1f1f1;
	border-top: 1px solid #e4e4e4;
}
.gray .plan ul li {
	border-bottom: 1px solid #e4e4e4;
	border-top: 1px solid #f8f8f8;
	color: #333333;
}
.white .plan {
	border-color: #f3f3f3;
}
.white .plan .header {
	color: #fff;
	background: #2e3f8f;
}
.white .plan .header h3 {
	color: #fff;
}
.white .plan ul {
	-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
	background-color: #fbfbfb;
}
.white .plan ul li {
	border-bottom: 1px solid #f5f5f5;
}
.stripped .header {
	background: #2e3f8f;
	border: none;
	-webkit-box-shadow: 0px 0px 60px #171f47 inset;
	-moz-box-shadow: 0px 0px 60px #171f47 inset;
	box-shadow: 0px 0px 60px #171f47 inset;
	color: #fff;
}
.stripped .header h3 {
	color: #fff;
}
.stripped .plan ul {
	-webkit-box-shadow: 0px 0px 32px 0px #cacaca inset;
	-moz-box-shadow: 0px 0px 32px 0px #cacaca inset;
	box-shadow: 0px 0px 32px 0px #cacaca inset;
	background: #fdfdfd;
}
.stripped .plan ul li {
	border: 1px solid #ececec;
	border-top: none;
	color: #666;
}
.stripped .plan ul li:nth-child(even) {
	-webkit-box-shadow: 0px 0px 40px #e4e4e4 inset;
	-moz-box-shadow: 0px 0px 40px #e4e4e4 inset;
	box-shadow: 0px 0px 40px #e4e4e4 inset;
	background: #ffffff;
	border-right: 1px solid #e2e2e2;
	border-bottom: 1px solid #e2e2e2;
}

/* Small devices (tablets, 768px and up) */
@media (min-width:768px) {
	.best-value.plan {
		top: -30px;
		position: relative;
	}
}

/* Google maps
---------------------------------- */
#map-canvas {
	height: 450px;
}
.sidebar #map-canvas {
	height: 350px;
}
#map-canvas img {
	max-width: inherit;
}

/* Scroll to top
---------------------------------- */
.scrollToTop {
	color: #fff;
	position: fixed;
	bottom: 5px;
	right: 5px;
	width: 50px;
	height: 50px;
	text-align: center;
	cursor: pointer;
	background-color: #000000;
	z-index: 1005;
	display: none;
}
.scrollToTop i {
	line-height: 50px;
	font-size: 24px;
}

/* Small devices (tablets, phones less than 767px) */
@media (max-width:767px) {
	.scrollToTop {
		width: 40px;
		height: 40px;
		background-color: rgba(0, 0, 0, 0.4);
	}
	.scrollToTop i {
		line-height: 40px;
		font-size: 20px;
	}
}

/* 8 Main Slideshow
----------------------------------------------------------------------------- */
/* Slider Revolution
---------------------------------- */
.slider-banner-container {
	width: 100%;
	position: relative;
	padding: 0;
}
.slider-banner,
.slider-banner-2,
.slider-banner-3,
.slider-banner-fullscreen {
	width: 100%;
	position: relative;
}
.slider-banner>ul,
.slider-banner-2>ul,
.slider-banner-3>ul,
.slider-banner-fullscreen>ul {
	display: none;
}
.tp-loader.spinner0 {
	background: url("../images/loader.gif") no-repeat center center;
	box-shadow: none;
	-webkit-box-shadow: none;
	-webkit-animation: none;
	animation: none;
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	width: 44px;
	height: 44px;
	margin-top: -22px;
	margin-left: -22px;
}
.tp-loader.spinner4 .dot1,
.tp-loader.spinner4 .dot2 {
	background-color: #666666;
	box-shadow: 0px 0px 20px 0px rgba(255, 255, 255, 0.80);
	-webkit-box-shadow: 0px 0px 20px 0px rgba(255, 255, 255, 0.80);
}
.slideshow-boxed {
	padding: 20px 0 60px;
}
.slideshow-boxed .slider-banner-container {
	padding: 10px;
	background: #fff;
	border: 1px solid #eaeaea;
}
.slideshow-boxed .tp-caption {
	margin-left: 20px !important;
}

/* Slider Revolution captions */
.tp-caption {
	z-index: 5;
}
.tp-caption a.btn,
.tp-caption a.btn:hover {
	color: #ffffff;
}
.default_bg {
	background-color: #2e3f8f;
	color: #fff;
}
.white_bg {
	background-color: #ffffff;
	color: #333333;
}
.dark_gray_bg {
	background-color: #666666;
	color: #fff;
}
.light_gray_bg {
	background-color: #fafafa;
	color: #333;
	border: 1px solid #f3f3f3!important;
	border-left: none!important;
}
.tp-caption.small_thin_white {
	font-size: 18px;
	line-height: 26px;
	color: #ffffff;
	font-weight: 300;
	text-shadow: 1px 1px 1px #000000;
}
.tp-caption.small_thin_dark {
	font-size: 18px;
	line-height: 26px;
	color: #000;
	font-weight: 400;
}
.tp-caption.large {
	font-size: 36px;
	padding: 0px 15px;
}
.tp-caption.medium {
	font-size: 22px;
	padding: 2px 10px;
}
.tp-caption.small {
	font-size: 14px;
	padding: 5px;
}
.tp-caption.black,
.tp-caption .btn.black,
.tp-caption .btn.black:hover {
	color: #333333;
}
/* Large devices (Large desktops less than 1199px) */
@media (max-width:1199px) {
	.tp-caption {
		margin-left: 20px !important;
	}
}

/* Revolution Nav Controls */
.tparrows.round {
	background-image: none;
	width: 50px;
	height: 50px;
	text-align: center;
	color: #fff;
	background-color: rgba(0, 0, 0, 0.5);
	top: 50% !important;
	-webkit-transition: all linear 0.2s;
	-moz-transition: all linear 0.2s;
	-o-transition: all linear 0.2s;
	-ms-transition: all linear 0.2s;
	transition: all linear 0.2s;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
}
.tparrows.round:before {
	font-family: 'fontello';
	font-size: 24px;
	content: '\e87c';
	line-height: 52px;
	display: inline-block;
}
.tparrows.round.tp-rightarrow:before {
	content: '\e87d';
}
.tparrows.round:hover {
	color: #ffffff;
	background-color: #2e3f8f;
}
.slideshow-boxed .slider-banner-container .tparrows {
	opacity: 0;
	filter: alpha(opacity=0);
}
.slideshow-boxed .slider-banner-container:hover .tparrows {
	opacity: 1;
	filter: alpha(opacity=100);
}
.tp-bullets {
	z-index: 100;
}
.tp-bullets.simplebullets.round .bullet {
	background-image: none;
	width: 14px;
	height: 14px;
	background: rgba(0, 0, 0, 0.5);
	border: none;
	margin: 0 3px;
	-webkit-transition: all linear 0.2s;
	-moz-transition: all linear 0.2s;
	-o-transition: all linear 0.2s;
	-ms-transition: all linear 0.2s;
	transition: all linear 0.2s;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
}
.bullets-with-bg + .tp-bullets.preview4 {
	height: auto;
	background-color: rgba(255, 255, 255, 1);
	padding: 5px 15px;
	bottom: -6px !important;
	border-radius: 3px;
}
.tp-bullets.simplebullets.round .bullet:hover,
.tp-bullets.simplebullets.round .bullet.selected {
	background-color: #2e3f8f;
}
.tp-bannertimer {
	background-image: none;
	background-color: rgba(232, 76, 61, 0.7);
	z-index: 100;
	display: none;
}
.slideshow-boxed .tp-bullets {
	bottom: -33px !important;
}
.slideshow-boxed .bullets-with-bg + .tp-bullets.preview4 {
	padding: 7px 15px 2px;
	bottom: -45px !important;
}
.slideshow-boxed .tp-rightarrow {
	right: 10px !important;
}
.slideshow-boxed .tp-leftarrow {
	left: 10px !important;
}
.slideshow-boxed .tp-bullets.hidebullets {
	opacity: 1 !important;
	filter: alpha(opacity=100) !important;
}

/* Extra small devices (phones, less than 480px) */
@media (max-width:480px) {
	.tparrows,
	.tp-bullets {
		display: none;
	}
}

/* 9 Owl carousel
----------------------------------------------------------------------------- */
.owl-carousel {
	z-index: 4;
}
.owl-carousel .owl-item>div {
	margin: 10px 0 20px;
}
.owl-carousel.carousel .owl-item>div,
.owl-carousel.carousel-autoplay .owl-item>div {
	margin: 10px 20px 20px 0;
}
.owl-carousel.clients .owl-item>div {
	margin: 0px 30px 0px 0;
}
.well.owl-carousel .owl-item>div {
	margin: 10px 0 0;
}
.tab-content .owl-carousel .owl-item>div {
	margin: 0 0 20px;
}

/* caption */
.caption {
	background-color: rgba(255, 255, 255, 0.85);
	padding: 15px;
	position: absolute;
	bottom: 80px;
	left: 80px;
	width: 40%;
	border: 1px solid #ffffff;
}
.caption .title {
	margin-top: 0;
}

/* Medium devices (desktops, tablets less than 991px) */
@media (max-width:991px) {
	.caption {
		width: 90%;
		bottom: 40px;
		left: 40px;
	}
}

/* Small devices (tablets, phones less than 767px) */
@media (max-width:767px) {
	.caption {
		width: 100%;
		bottom: 30px;
		left: 0;
		position: relative;
		background-color: #fafafa;
		bottom: 0;
		padding-bottom: 35px;
	}
}

/* owl controls */
.owl-controls {
	width: 100%;
	margin-bottom: 50px;
}
.owl-controls .owl-buttons div {
	display: inline-block;
	zoom: 1;
	padding: 3px 10px;
	font-size: 12px;
	position: absolute;
	width: 30px;
	height: 30px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.owl-prev {
	left: 0;
	background-color: #2e3f8f;
	color: #f1f1f1;
}
.owl-next {
	left: 30px;
	background-color: #f1f1f1;
	color: #2e3f8f;
}
.owl-prev:hover,
.owl-next:hover,
.gray-bg .owl-next:hover {
	background-color: #333333;
	color: #f1f1f1;
}
.gray-bg .owl-next {
	background-color: #ffffff;
}
.owl-controls .owl-buttons div:after {
	font-family: "fontello";
	font-size: 18px;
	line-height: 26px;
}
.owl-prev:after {
	content: "\e87c";
}
.owl-next:after {
	content: "\e87d";
}
.no-touch .owl-controls.clickable .owl-buttons div:hover {
	filter: Alpha(Opacity=100);
	opacity: 1;
	text-decoration: none;
}
.content-slider-with-controls {
	margin-bottom: 20px;
}
.content-slider-with-controls .owl-controls,
.content-slider-with-controls-autoplay .owl-controls {
	margin-bottom: 0;
}
.content-slider-with-controls .owl-buttons div,
.content-slider-with-controls-autoplay .owl-buttons div {
	top: 50%;
	margin-top: -15px;
	background-color: #2e3f8f;
	color: #f1f1f1;
}
.content-slider-with-controls .owl-buttons div.owl-next,
.content-slider-with-controls-autoplay .owl-buttons div.owl-next {
	left: auto;
	right: 0;
}
.content-slider-with-controls .owl-prev:hover,
.content-slider-with-controls .owl-next:hover,
.content-slider-with-controls-autoplay .owl-prev:hover,
.content-slider-with-controls-autoplay .owl-next:hover {
	background-color: #f1f1f1;
	color: #2e3f8f;
}
.content-slider-with-controls-bottom .owl-controls .owl-pagination {
	bottom: -30px;
}
.content-slider-with-controls-bottom .owl-controls .owl-page span {
	background: #acacac;
}
.owl-controls .owl-pagination {
	position: absolute;
	bottom: 25px;
	text-align: center;
	margin: 0 auto;
	display: block;
	width: 100%;
}
.owl-controls .owl-page {
	display: inline-block;
	zoom: 1;
}
.owl-controls .owl-page span {
	display: block;
	width: 12px;
	height: 12px;
	margin: 5px 4px;
	background: #ffffff;
}
.owl-controls .owl-page.active span,
.owl-controls.clickable .owl-page:hover span {
	background: #2e3f8f;
}
/* 10 IE8 Support
----------------------------------------------------------------------------- */
.ie8 .tp-caption{
	line-height: 1.5!important;
}
.ie8 .overlay {
	background-color: rgb(241, 241, 241);
	display: none;
	opacity: 0.8!important;
	filter: alpha(opacity=80)!important;
}
.ie8 a.overlay i { 
	display: none;
}
.ie8 .overlay-container:hover a.overlay i,
.ie8 .overlay-container:hover .overlay { 
	display: block;
}


.audi {
    float: left;
    display: inline-block;
    width: 38px;
    height: 13px;
    margin-top: 4px;
    margin-right: 7px;
    background: url(/Images/bilimport-logo-sprite.png) 0 0 no-repeat;
}

.bmw {
    float: left;
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-top: -2px;
    margin-right: 7px;
    background: url(/Images/bilimport-logo-sprite.png) 0 -13px no-repeat;
}

.mercedes {
    float: left;
    display: inline-block;
    width: 25px;
    height: 24px;
    margin-top: -2px;
    margin-right: 7px;
    background: url(/Images/bilimport-logo-sprite.png) 0 -37px no-repeat;
}

.vw {
    float: left;
    display: inline-block;
    width: 26px;
    height: 26px;
    margin-top: -3px;
    margin-right: 7px;
    background: url(/Images/bilimport-logo-sprite.png) 0 -61px no-repeat;
}

.volvo {
    float: left;
    display: inline-block;
    width: 26px;
    height: 25px;
    margin-top: -3px;
    margin-right: 7px;
    background: url(/Images/bilimport-logo-sprite.png) 0 -87px no-repeat;
}

.carIcon {
    float: left;
    display: inline-block;
    width: 29px;
    height: 16px;
    margin-top: 1px;
    margin-right: 7px;
    background: url(/Images/bilimport-logo-sprite.png) 0 -112px no-repeat;
}

.mobilede {
    float: left;
    display: inline-block;
    width: 25px;
    height: 25px;
    margin-top: -3px;
    margin-right: 7px;
    background: url(/Images/bilimport-logo-sprite.png) 0 -128px no-repeat;
    border-radius: 4px;
}

.dropdown-menu > li.smallLi > a {
    padding: 5px 20px;
    font-size: 12px;
}

.field-validation-error {
    color: #ff0000;
}



/*Checkboxes*/

.label-bilimport {
    background-color: #2e3f8f;
}

.material-switch > input[type="checkbox"] {
    display: none;
}

.material-switch > label {
    cursor: pointer;
    height: 0px;
    position: relative;
    width: 40px;
}

.material-switch > label::before {
    background: rgb(0, 0, 0);
    box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5);
    border-radius: 8px;
    content: '';
    height: 16px;
    margin-top: -8px;
    position: absolute;
    opacity: 0.3;
    transition: all 0.4s ease-in-out;
    width: 40px;
}

.material-switch > label::after {
    background: rgb(255, 255, 255);
    border-radius: 16px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
    content: '';
    height: 24px;
    left: -4px;
    margin-top: -8px;
    position: absolute;
    top: -4px;
    transition: all 0.3s ease-in-out;
    width: 24px;
}

.material-switch > input[type="checkbox"]:checked + label::before {
    background: inherit;
    opacity: 0.5;
}

.material-switch > input[type="checkbox"]:checked + label::after {
    background: inherit;
    left: 20px;
}


/* STEPS */

.bs-wizard {
    margin-top: 0;
}

/*Form Wizard*/
.bs-wizard {
    border-bottom: solid 1px #e0e0e0;
    padding: 0 0 10px 0;
}

.bs-wizard > .bs-wizard-step {
    padding: 0;
    position: relative;
}

.bs-wizard > .bs-wizard-step + .bs-wizard-step {
}

.bs-wizard > .bs-wizard-step .bs-wizard-stepnum {
    color: #595959;
    font-size: 16px;
    margin-bottom: 5px;
}

.bs-wizard > .bs-wizard-step .bs-wizard-info {
    color: #999;
    font-size: 14px;
}

.bs-wizard > .bs-wizard-step > .bs-wizard-dot {
    position: absolute;
    width: 30px;
    height: 30px;
    display: block;
    background: #BEBEBE;
    top: 48px;
    left: 50%;
    margin-top: -15px;
    margin-left: -15px;
    border-radius: 50%;
}

.bs-wizard > .bs-wizard-step > .bs-wizard-dot:after {
    content: ' ';
    width: 14px;
    height: 14px;
    background: #2e3f8f;
    border-radius: 50px;
    position: absolute;
    top: 8px;
    left: 8px;
}

.bs-wizard > .bs-wizard-step > .progress {
    position: relative;
    border-radius: 0px;
    height: 8px;
    box-shadow: none;
    margin: 20px 0;
}

.bs-wizard > .bs-wizard-step > .progress > .progress-bar {
    width: 0px;
    box-shadow: none;
    background: #BEBEBE;
}

.bs-wizard > .bs-wizard-step.complete > .progress > .progress-bar {
    width: 100%;
}

.bs-wizard > .bs-wizard-step.active > .progress > .progress-bar {
    width: 50%;
}

.bs-wizard > .bs-wizard-step:first-child.active > .progress > .progress-bar {
    width: 0%;
}

.bs-wizard > .bs-wizard-step:last-child.active > .progress > .progress-bar {
    width: 100%;
}

.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot {
    background-color: #f5f5f5;
}

.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot:after {
    opacity: 0;
}

.bs-wizard > .bs-wizard-step:first-child > .progress {
    left: 50%;
    width: 50%;
}

.bs-wizard > .bs-wizard-step:last-child > .progress {
    width: 50%;
}

.bs-wizard > .bs-wizard-step.disabled a.bs-wizard-dot {
    pointer-events: none;
}
/*END Form Wizard*/

.contractClosed {
    color: #ffffff!important;
    background-color: gray;
}

.contractCanceled {
    color: #ffffff!important;
    background-color: darkred;
}

.contractCanceled:after {
    content: "canceled";
}

.contractDepositRefunded {
    color: #ffffff;
    background-color: lightgray;
}

.contractAuthorized {
    background-color: orange;
}

.contractCaptured, .contractFullPayment {
    background-color: lightgreen;
}

.contractDepositOnly {
    background-color: lightblue;
}

.contractRentOnly {
    background-color: dodgerblue;
    color: #ffffff;
}

.contractManual {
    background-color: lightyellow;
}

.contractGreen {
	background-color: lightgreen;
}

.contractOrange {
	background-color: orange;
}

.payLater {
	background: linear-gradient( to right, orange 0%, orange 50%, lightgreen 50%, lightgreen 100% );
}

.contractRed {
	background-color: lightpink;
}

.contractDeleted {
	background-color: white;
}




.car-item .badge {
    border-radius: 0;
    position: absolute;
    border-color: transparent;
    top: -1px;
    right: -1px;
    font-weight: 400;
}

.limited-bg {
    background-color: #a8130e;
    color: #ffffff;
}

.early-bg {
    background-color: #2a964c;
    color: #ffffff;
}


.altamira-gdpr-cookie-consent fieldset {
    background: none;
}

.dropdownBackground {
	background-color: #2e3f8f;
	color: #ffffff;
}

.beforeOrAfterContract {
	color: rgb(217, 217, 217);
}



/* INSURANCE */
/* General styles */
.main-container {
	font-family: Arial, sans-serif;
}

/* Gold insurance highlight */
.gold-insurance {
	background: #ffd700;
	border: 2px solid #c5a500;
	padding: 20px;
	border-radius: 10px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

	.gold-insurance h2 {
		color: #000000;
	}

	.gold-insurance label {
		font-weight: bold;
		font-size: 18px;
	}

	.gold-insurance p,
	.gold-insurance ul {
		font-size: 16px;
		color: #333;
	}

/* Recommended badge */
.recommended {
	background: #ff4500;
	color: white;
	font-size: 14px;
	font-weight: bold;
	padding: 5px 10px;
	border-radius: 5px;
	display: inline-block;
	margin-bottom: 10px;
}

.current-selection {
	background: #0074D9;
	color: white;
	font-size: 14px;
	font-weight: bold;
	padding: 5px 10px;
	border-radius: 5px;
	display: inline-block;
	margin-bottom: 10px;
}

/* Silver insurance styling */
.silver-insurance {
	background: #f0f0f0;
	border: 1px solid #ccc;
	padding: 15px;
	border-radius: 10px;
}

	.silver-insurance h2 {
		color: #555;
	}

/* Standard insurance styling */
.bronze-insurance {
	background: #fff;
	border: 1px solid #ddd;
	padding: 15px;
	border-radius: 10px;
}

	.bronze-insurance h2 {
		color: #777;
	}


/* Standard insurance styling */
.standard-insurance {
	background: #fff;
	border: 1px solid #ddd;
	padding: 15px;
	border-radius: 10px;
}

	.standard-insurance h2 {
		color: #777;
	}

/* Adjust button styles */
.btn-default {
	background: #0056b3;
	color: white;
	padding: 10px 20px;
	border-radius: 5px;
	text-decoration: none;
}

	.btn-default:hover {
		background: #003d82;
	}

/* Responsive adjustments */
@media (max-width: 768px) {
	.gold-insurance, .silver-insurance, .standard-insurance {
		padding: 10px;
	}
}

/* Home page refresh */
:root {
	--home-sticky-offset: 88px;
}

.home-page {
	background:
		radial-gradient(circle at top left, rgba(178, 149, 52, 0.12), transparent 26%),
		linear-gradient(180deg, #f8fafc 0%, #f3f6f9 42%, #ffffff 100%);
	color: #193754;
	padding-bottom: 72px;
}

.home-hero {
	position: relative;
	min-height: 460px;
	padding: 24px 0 24px;
	overflow: clip;
	background: linear-gradient(135deg, #10273e 0%, #173d5c 48%, #8d7726 100%);
}

	.home-hero::after {
		content: "";
		position: absolute;
		inset: auto -8% -80px;
		height: 190px;
		background: linear-gradient(180deg, rgba(255, 255, 255, 0), #f7fafc 70%);
		z-index: 1;
	}

.home-hero-media {
	position: absolute;
	inset: 0;
	overflow: hidden;
}

.home-hero-map {
	position: absolute;
	inset: -10% -6%;
	width: 112%;
	height: 118%;
	object-fit: cover;
	filter: saturate(0.55) contrast(1.08) brightness(0.45) blur(2px);
	opacity: 0.38;
	transform: scale(1.08);
}

.home-hero-video {
	position: absolute;
	inset: -10% -6%;
	width: 112%;
	height: 118%;
	object-fit: cover;
	filter: saturate(0.62) contrast(1.06) brightness(0.5);
	opacity: 0.46;
	transform: scale(1.08);
}

.home-hero-grid {
	position: absolute;
	inset: 0;
	background-image:
		linear-gradient(rgba(255, 255, 255, 0.08) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255, 255, 255, 0.08) 1px, transparent 1px);
	background-size: 112px 112px;
	mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.85), rgba(0, 0, 0, 0.3) 70%, transparent);
	opacity: 0.32;
}

.home-hero-glow {
	position: absolute;
	border-radius: 999px;
	filter: blur(0);
	animation: homeHeroFloat 14s ease-in-out infinite;
}

	.home-hero-glow--left {
		top: 72px;
		left: -90px;
		width: 320px;
		height: 320px;
		background: radial-gradient(circle, rgba(227, 194, 84, 0.35) 0%, rgba(227, 194, 84, 0.08) 45%, transparent 72%);
	}

	.home-hero-glow--right {
		right: -60px;
		bottom: 60px;
		width: 280px;
		height: 280px;
		background: radial-gradient(circle, rgba(103, 187, 220, 0.3) 0%, rgba(103, 187, 220, 0.08) 44%, transparent 72%);
		animation-delay: -6s;
	}

.home-section-kicker,
.home-search-card-kicker {
	display: inline-flex;
	align-items: center;
	padding: 8px 13px;
	border-radius: 999px;
	background: rgba(244, 248, 252, 0.12);
	border: 1px solid rgba(255, 255, 255, 0.18);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.11em;
	text-transform: uppercase;
	color: #eef6ff;
}

.home-hero-fact {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 14px 16px;
	border-radius: 18px;
	background: rgba(10, 27, 43, 0.42);
	border: 1px solid rgba(255, 255, 255, 0.12);
	color: #eff6fb;
	font-size: 15px;
	font-weight: 600;
	backdrop-filter: blur(10px);
}

	.home-hero-fact i {
		width: 18px;
		text-align: center;
		color: #e3c254;
	}

.home-hero-links {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-top: 24px;
}

.home-hero-link {
	display: inline-flex;
	align-items: center;
	padding: 11px 15px;
	border-radius: 999px;
	border: 1px solid rgba(255, 255, 255, 0.12);
	background: rgba(255, 255, 255, 0.08);
	color: #ffffff;
	font-weight: 600;
	text-decoration: none;
	transition: transform 0.18s ease, background-color 0.18s ease, border-color 0.18s ease;
}

	.home-hero-link:hover,
	.home-hero-link:focus {
		color: #ffffff;
		background: rgba(255, 255, 255, 0.14);
		border-color: rgba(255, 255, 255, 0.24);
		text-decoration: none;
		transform: translateY(-1px);
	}

.home-search-wrap {
	position: relative;
	z-index: 4;
	margin-top: -300px;
}

.home-search-sticky {
	position: relative;
	z-index: 30;
	transition: top 0.18s ease, width 0.18s ease, transform 0.18s ease;
}

.home-search-sticky.is-stuck {
	position: fixed;
	top: var(--home-sticky-offset);
	left: 0;
	right: 0;
	width: 100%;
	transform: none;
}

.home-search-card {
	position: relative;
	padding: 18px 30px 24px;
	border-radius: 30px;
	border: 1px solid #d8e4ef;
	background: rgba(255, 255, 255, 0.94);
	box-shadow: 0 34px 90px rgba(13, 34, 53, 0.17);
	backdrop-filter: blur(16px);
	transition: padding 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease, transform 0.18s ease;
}

.home-search-sticky.is-stuck .home-search-card {
	padding: 10px 18px;
	border-color: rgba(216, 228, 239, 0.96);
	border-left: 0;
	border-right: 0;
	border-radius: 0;
	box-shadow: 0 14px 28px rgba(13, 34, 53, 0.14);
}

.home-search-sticky.is-stuck .home-search-card-header {
	display: none;
}

.home-search-sticky.is-stuck .home-search-form {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
}

.home-search-sticky.is-stuck .home-search-fields {
	display: flex;
	flex: 1 1 auto;
	align-items: center;
	gap: 8px;
	min-width: 0;
}

.home-search-sticky.is-stuck .home-search-form-grid {
	display: grid;
	flex: 1 1 auto;
	grid-template-columns: minmax(124px, 0.9fr) 96px minmax(124px, 0.9fr) 96px minmax(200px, 1.25fr) minmax(200px, 1.25fr);
	gap: 8px;
	min-width: 0;
}

.home-search-sticky.is-stuck .home-search-field--wide {
	grid-column: auto;
}

.home-search-sticky.is-stuck .home-search-field label,
.home-search-sticky.is-stuck .home-search-toggle {
	display: none;
}

.home-search-sticky.is-stuck .home-search-input,
.home-search-sticky.is-stuck .home-search-card .form-control {
	height: 42px;
	padding: 8px 12px;
	border-radius: 10px;
	font-size: 15px;
}

.home-search-sticky.is-stuck .home-search-form-footer {
	display: flex;
	align-items: center;
	padding-top: 0;
	flex: 0 0 auto;
}

.home-search-sticky.is-stuck .home-search-actions {
	margin-left: 0;
	align-self: center;
	display: flex;
	align-items: center;
}

.home-search-sticky.is-stuck .home-search-submit {
	min-width: 128px;
	height: 42px;
	padding: 0 16px;
	border-radius: 10px;
	font-size: 15px;
	box-shadow: none;
}

.home-search-sticky.is-stuck .home-search-form-footer .home-search-actions {
	flex: 0 0 auto;
}

.home-search-card-note {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	max-width: 310px;
	padding: 14px 16px;
	border-radius: 18px;
	background: #f4f8fc;
	border: 1px solid #dbe7f0;
	color: #264a68;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.5;
}

	.home-search-card-note i {
		color: #b29534;
	}

.home-search-form {
	display: grid;
	gap: 18px;
}

.home-search-mobile-summary {
	display: none;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding-bottom: 4px;
}

.home-search-mobile-dates {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	min-width: 0;
}

.home-search-mobile-date {
	font-size: 14px;
	font-weight: 700;
	color: #183653;
}

.home-search-mobile-arrow {
	color: #6c8297;
	font-size: 12px;
	flex: 0 0 auto;
}

.home-search-mobile-toggle {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	padding: 10px 14px;
	border: 1px solid #cfdae6;
	border-radius: 14px;
	background: #fbfdff;
	color: #183653;
	font-size: 14px;
	font-weight: 700;
}

.home-search-fields[hidden] {
	display: none !important;
}

.home-search-form-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 16px;
}

.home-search-field--wide {
	grid-column: span 2;
}

.home-search-field label {
	display: block;
	margin: 0 0 9px;
	color: #51667b;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.home-search-input,
.home-search-card .form-control {
	height: 58px;
	border-radius: 16px;
	border: 1px solid #cfdae6;
	background: #fbfdff;
	box-shadow: none;
	color: #15344f;
	font-size: 17px;
	font-weight: 600;
	padding: 14px 18px;
	transition: border-color 0.18s ease, box-shadow 0.18s ease, background-color 0.18s ease;
}

	select.home-search-input,
	.home-search-card select.form-control {
		padding-right: 42px;
	}

	.home-search-input:focus,
	.home-search-card .form-control:focus {
		border-color: #7b9fbc;
		box-shadow: 0 0 0 4px rgba(53, 112, 168, 0.12);
		background: #ffffff;
	}

.home-search-form-footer {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 18px;
	padding-top: 8px;
}

.home-search-toggle {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	cursor: pointer;
	margin: 0;
}

	.home-search-toggle input {
		position: absolute;
		opacity: 0;
		pointer-events: none;
	}

.home-search-toggle-track {
	position: relative;
	width: 52px;
	height: 30px;
	border-radius: 999px;
	background: #d6e1eb;
	flex: 0 0 auto;
	transition: background-color 0.18s ease;
}

	.home-search-toggle-track::after {
		content: "";
		position: absolute;
		top: 4px;
		left: 4px;
		width: 22px;
		height: 22px;
		border-radius: 999px;
		background: #ffffff;
		box-shadow: 0 8px 18px rgba(15, 40, 62, 0.2);
		transition: transform 0.18s ease;
	}

.home-search-toggle input:checked + .home-search-toggle-track {
	background: #173d5c;
}

	.home-search-toggle input:checked + .home-search-toggle-track::after {
		transform: translateX(22px);
	}

.home-search-toggle-text {
	color: #183653;
	font-size: 15px;
	font-weight: 600;
}

.home-search-actions {
	display: flex;
	align-items: center;
	gap: 20px;
	margin-left: auto;
}

.home-search-inline-points {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	gap: 8px 18px;
	color: #51667b;
	font-size: 14px;
	font-weight: 600;
}

	.home-search-inline-points span {
		display: inline-flex;
		align-items: center;
		gap: 8px;
	}

	.home-search-inline-points i {
		color: #2b6ca5;
	}

.home-search-submit {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 220px;
	height: 58px;
	padding: 0 28px;
	border: none;
	border-radius: 18px;
	background: linear-gradient(135deg, #173d5c 0%, #244d6e 100%);
	color: #ffffff;
	font-size: 17px;
	font-weight: 700;
	letter-spacing: 0.01em;
	box-shadow: 0 18px 36px rgba(23, 61, 92, 0.24);
	transition: transform 0.18s ease, box-shadow 0.18s ease, filter 0.18s ease;
}

	.home-search-submit:hover,
	.home-search-submit:focus {
		color: #ffffff;
		filter: brightness(1.04);
		transform: translateY(-1px);
		box-shadow: 0 22px 42px rgba(23, 61, 92, 0.28);
	}

.home-feature-strip,
.home-visual-section,
.home-link-section,
.home-social-section,
.home-richtext-section {
	position: relative;
	z-index: 2;
}

.home-feature-strip {
	padding-top: 36px;
}

.home-feature-strip-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 14px;
}

.home-feature-chip {
	display: flex;
	align-items: flex-start;
	gap: 14px;
	padding: 18px 18px 16px;
	border-radius: 22px;
	border: 1px solid #dbe5ee;
	background: rgba(255, 255, 255, 0.85);
	box-shadow: 0 12px 28px rgba(14, 34, 54, 0.06);
}

	.home-feature-chip i {
		color: #b29534;
		font-size: 18px;
		margin-top: 2px;
	}

	.home-feature-chip strong {
		display: block;
		color: #183653;
		font-size: 15px;
	}

	.home-feature-chip span {
		display: block;
		margin-top: 4px;
		color: #5b7083;
		font-size: 14px;
		line-height: 1.55;
	}

.home-visual-section {
	padding-top: 28px;
}

.home-visual-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 24px;
}

.home-visual-card,
.home-link-card,
.home-social-card,
.home-richtext-card {
	border-radius: 28px;
	border: 1px solid #d8e4ef;
	background: rgba(255, 255, 255, 0.92);
	box-shadow: 0 18px 40px rgba(15, 35, 53, 0.08);
}

.home-visual-card {
	overflow: hidden;
}

.home-visual-media {
	position: relative;
	overflow: hidden;
	background: linear-gradient(135deg, #173d5c, #2b6ca5);
}

	.home-visual-media::after {
		content: "";
		position: absolute;
		inset: 0;
		background: linear-gradient(180deg, rgba(9, 28, 44, 0.02) 10%, rgba(9, 28, 44, 0.32) 100%);
	}

	.home-visual-media img {
		display: block;
		width: 100%;
		height: 300px;
		object-fit: cover;
	}

.home-visual-body {
	padding: 24px 24px 26px;
}

	.home-visual-body h2 {
		margin: 10px 0 10px;
		font-size: 30px;
		line-height: 1.1;
		color: #183653;
	}

	.home-visual-body p {
		margin: 0;
		color: #5b7083;
		font-size: 15px;
		line-height: 1.72;
	}

.home-section-kicker {
	background: rgba(39, 93, 144, 0.08);
	border-color: rgba(39, 93, 144, 0.12);
	color: #275d90;
}

.home-inline-link {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin-top: 16px;
	color: #173d5c;
	font-weight: 700;
	text-decoration: none;
}

	.home-inline-link:hover,
	.home-inline-link:focus {
		color: #173d5c;
		text-decoration: none;
	}

.home-support-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 14px 18px;
	margin-top: 8px;
}

.home-link-section {
	padding-top: 28px;
}

.home-link-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 18px;
}

.home-link-card {
	padding: 24px 22px;
}

	.home-link-card i {
		color: #2b6ca5;
		font-size: 20px;
	}

	.home-link-card h3 {
		margin: 16px 0 10px;
		font-size: 24px;
		line-height: 1.15;
		color: #183653;
	}

	.home-link-card p {
		margin: 0;
		color: #5b7083;
		font-size: 15px;
		line-height: 1.7;
	}

.home-social-section {
	padding-top: 32px;
}

.home-social-card {
	padding: 24px;
}

.home-social-card-header {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 16px;
	margin-bottom: 18px;
}

	.home-social-card-header h2 {
		margin: 10px 0 0;
		font-size: 30px;
		line-height: 1.1;
		color: #183653;
	}

.home-richtext-section {
	padding-top: 32px;
}

.home-richtext-card {
	padding: 26px 28px;
}

	.home-richtext-card > *:first-child {
		margin-top: 0;
	}

	.home-richtext-card > *:last-child {
		margin-bottom: 0;
	}

.home-richtext-content {
	position: relative;
	overflow: hidden;
	transition: max-height 0.28s ease;
}

	.home-richtext-content.is-collapsed {
		max-height: 460px;
	}

	.home-richtext-content.is-collapsed::after {
		content: "";
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		height: 120px;
		pointer-events: none;
		background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.92) 55%, rgba(255, 255, 255, 1) 100%);
	}

	.home-richtext-content.is-expanded {
		max-height: none;
	}

.home-richtext-actions {
	display: flex;
	justify-content: flex-start;
	margin-top: 18px;
	padding-top: 8px;
}

.home-richtext-toggle {
	margin-top: 0;
	padding: 0;
	border: 0;
	background: transparent;
	cursor: pointer;
}

@keyframes homeHeroFloat {
	0%,
	100% {
		transform: translate3d(0, 0, 0) scale(1);
	}

	50% {
		transform: translate3d(0, -14px, 0) scale(1.04);
	}
}

@media (max-width: 1199px) {
	.home-feature-strip-grid,
	.home-link-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.home-search-form-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.home-search-field--wide {
		grid-column: auto;
	}

	.home-search-card-header,
	.home-search-form-footer,
	.home-search-actions {
		flex-direction: column;
		align-items: stretch;
	}

	.home-search-actions {
		margin-left: 0;
	}

	.home-search-inline-points {
		justify-content: flex-start;
	}

	.home-search-submit {
		width: 100%;
	}

	.home-search-sticky.is-stuck .home-search-form-grid {
		grid-template-columns: repeat(6, minmax(0, 1fr));
	}
}

@media (max-width: 991px) {
	.home-page {
		padding-bottom: 56px;
	}

	.home-hero {
		min-height: 420px;
		padding: 20px 0 20px;
	}

	.home-feature-strip-grid,
	.home-visual-grid,
	.home-link-grid {
		grid-template-columns: 1fr;
	}

	.home-search-wrap {
		margin-top: -232px;
	}

	.home-search-sticky.is-stuck {
		position: fixed;
		top: var(--home-sticky-offset);
		left: 0;
		right: 0;
		width: 100%;
		transform: none;
	}

	.home-search-card {
		padding: 24px 22px 22px;
		border-radius: 26px;
	}

	.home-search-sticky.is-stuck .home-search-card {
		padding: 10px 12px 12px;
		border-radius: 0;
	}

	.home-search-sticky.is-stuck .home-search-form {
		display: block;
	}

	.home-search-sticky.is-stuck .home-search-mobile-summary {
		display: flex;
	}

	.home-search-sticky.is-stuck .home-search-fields {
		display: block;
		margin-top: 10px;
	}

	.home-search-sticky.is-stuck .home-search-form-grid {
		grid-template-columns: 1fr;
		gap: 12px;
	}

	.home-search-sticky.is-stuck .home-search-field label {
		display: block;
	}

	.home-search-sticky.is-stuck .home-search-form-footer {
		display: flex;
		flex-direction: column;
		align-items: stretch;
		gap: 12px;
		padding-top: 12px;
	}

	.home-search-sticky.is-stuck .home-search-toggle {
		display: inline-flex;
	}

	.home-search-sticky.is-stuck .home-search-input,
	.home-search-sticky.is-stuck .home-search-card .form-control {
		height: 46px;
		font-size: 15px;
	}

	.home-search-sticky.is-stuck .home-search-submit {
		width: 100%;
		min-width: 0;
		height: 46px;
	}

	.home-visual-media img {
		height: 260px;
	}
}

@media (max-width: 991px) {
	.environment-ribbon {
		top: 10px;
		right: -74px;
		min-width: 240px;
		padding: 8px 54px;
		font-size: 11px;
	}
}

@media (max-width: 767px) {
	.home-page {
		padding-bottom: 40px;
	}

	.home-hero {
		min-height: 340px;
		padding: 16px 0 16px;
	}

	.home-hero-map {
		inset: -6%;
		width: 112%;
		height: 112%;
		filter: saturate(0.45) contrast(1.02) brightness(0.35) blur(1px);
	}

	.home-hero-video {
		inset: -6%;
		width: 112%;
		height: 112%;
		filter: saturate(0.54) contrast(1.02) brightness(0.4);
	}

	.home-search-wrap {
		margin-top: -148px;
	}

	.home-hero-logo-mark {
		right: 12px;
		top: 24px;
		width: 190px;
		height: 92px;
	}

	.home-hero-lead {
		font-size: 17px;
		line-height: 1.6;
	}

	.home-hero-fact {
		padding: 12px 14px;
		font-size: 14px;
	}

	.home-search-wrap {
		margin-top: -98px;
	}

	.home-search-card {
		padding: 18px 16px 16px;
		border-radius: 22px;
	}

	.home-search-card-header {
		margin-bottom: 18px;
	}

		.home-search-card-header h2 {
			font-size: 28px;
		}

	.home-search-card-note {
		max-width: none;
	}

	.home-search-form-grid {
		grid-template-columns: 1fr;
		gap: 14px;
	}

	.home-search-mobile-summary {
		gap: 10px;
	}

	.home-search-mobile-dates {
		flex-wrap: wrap;
		gap: 6px 8px;
	}

	.home-search-mobile-date {
		font-size: 13px;
	}

	.home-search-mobile-toggle {
		padding: 9px 12px;
		font-size: 13px;
	}

	.home-search-input,
	.home-search-card .form-control {
		height: 54px;
		font-size: 16px;
		padding: 13px 16px;
	}

	.home-search-inline-points {
		gap: 8px 12px;
		font-size: 13px;
	}

	.home-feature-chip,
	.home-link-card,
	.home-social-card,
	.home-richtext-card {
		border-radius: 22px;
	}

	.home-visual-body,
	.home-social-card,
	.home-richtext-card {
		padding: 18px 16px 20px;
	}

	.home-richtext-content.is-collapsed {
		max-height: 360px;
	}

	.home-richtext-content.is-collapsed::after {
		height: 100px;
	}

		.home-visual-body h2,
		.home-social-card-header h2 {
			font-size: 26px;
		}

	.home-link-card {
		padding: 18px 16px;
	}

		.home-link-card h3 {
			font-size: 22px;
		}
}

.rental-flow-card {
	max-width: 620px;
	margin: 0 auto;
	padding: 28px 24px;
	border: 1px solid #dde6ee;
	border-radius: 18px;
	background: linear-gradient(180deg, #ffffff 0%, #f8fbfd 100%);
	box-shadow: 0 14px 40px rgba(21, 42, 61, 0.08);
}

.rental-flow-card--wide {
	max-width: 760px;
}

.rental-flow-card--compact {
	padding: 18px 20px;
}

.rental-flow-status {
	display: flex;
	justify-content: flex-end;
	margin-bottom: 18px;
}

	.rental-flow-status .alert.alert-warning {
		display: inline-flex;
		align-items: center;
		margin: 0;
		position: relative;
		min-height: 52px;
		padding: 10px 18px 10px 58px;
		border: 1px solid #ecd79a !important;
		border-radius: 18px;
		background-color: #fff2cf !important;
		background-image: linear-gradient(180deg, #fffaf0 0%, #fff2cf 100%) !important;
		color: #6f5515 !important;
		font-size: 15px;
		font-weight: 600;
		line-height: 1.35;
		box-shadow: 0 6px 18px rgba(111, 85, 21, 0.08);
	}

		.rental-flow-status .alert.alert-warning::before {
			content: "";
			position: absolute;
			left: 15px;
			top: 50%;
			width: 30px;
			height: 30px;
			transform: translateY(-50%);
			border-radius: 999px;
			background: linear-gradient(180deg, #fff0bf 0%, #ffd868 100%);
			box-shadow: inset 0 0 0 1px rgba(199, 139, 8, 0.18);
		}

		.rental-flow-status .alert.alert-warning::after {
			content: "\f071";
			position: absolute;
			left: 15px;
			top: 50%;
			width: 31px;
			height: 31px;
			display: flex;
			align-items: center;
			justify-content: center;
			transform: translateY(-50%);
			color: #9d6a00;
			font-family: "Font Awesome 6 Free";
			font-size: 16px;
			font-weight: 900;
			line-height: 1;
		}

		.rental-flow-status .alert.alert-warning #timer {
			display: inline-block;
		}

.rental-flow-code-input {
	height: 50px;
	font-size: 18px;
	letter-spacing: 0.08em;
	text-align: center;
}

.rental-flow-primary-action {
	min-width: 160px;
	min-height: 48px;
	border-radius: 12px;
	font-weight: 700;
}

.rental-flow-panel {
	margin-top: 24px;
	padding: 18px;
	border-radius: 16px;
	border: 1px solid #dbe7f0;
	background: #ffffff;
}

.rental-flow-panel--soft {
	background: #eef6fb;
	border-color: #cfe2ef;
}

.rental-flow-panel-title {
	margin: 0 0 10px;
	color: #18324a;
	font-size: 20px;
	font-weight: 700;
}

.rental-flow-panel p {
	margin: 0;
	color: #29465f;
	line-height: 1.65;
}

.rental-flow-actions {
	display: flex;
	align-items: center;
	gap: 14px;
	flex-wrap: wrap;
}

.rental-flow-inline-actions {
	display: flex;
	gap: 14px;
	flex-wrap: wrap;
	margin-top: 28px;
}

.rental-flow-link-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 220px;
	min-height: 50px;
	padding: 12px 18px;
	border-radius: 12px;
	border: 1px solid #18324a;
	font-weight: 700;
	text-decoration: none;
	transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease, opacity 0.2s ease;
}

	.rental-flow-link-button:hover,
	.rental-flow-link-button:focus {
		text-decoration: none;
	}

.rental-flow-link-button--primary {
	background: #18324a;
	border-color: #18324a;
	color: #ffffff;
}

	.rental-flow-link-button--primary:hover,
	.rental-flow-link-button--primary:focus {
		background: #244563;
		border-color: #244563;
		color: #ffffff;
	}

.rental-flow-link-button--secondary {
	background: #ffffff;
	border-color: #cfd8e3;
	color: #18324a;
}

	.rental-flow-link-button--secondary:hover,
	.rental-flow-link-button--secondary:focus {
		background: #f8fafc;
		border-color: #b9c8d8;
		color: #18324a;
	}

.rental-flow-link-button--disabled,
.rental-flow-link-button--disabled:hover,
.rental-flow-link-button--disabled:focus {
	background: #90a4b5;
	border-color: #90a4b5;
	color: #ffffff;
	cursor: not-allowed;
	pointer-events: none;
	opacity: 0.9;
}

.rental-flow-countdown {
	color: #29465f;
	font-weight: 600;
}

.rental-flow-confirmation-overlay {
	position: fixed;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 24px 16px;
	background: rgba(19, 32, 43, 0.58);
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: opacity 0.2s ease, visibility 0.2s ease;
	z-index: 1050;
}

	.rental-flow-confirmation-overlay.is-open {
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
	}

.rental-flow-confirmation-dialog {
	width: 100%;
	max-width: 540px;
	border-radius: 20px;
	background: #ffffff;
	box-shadow: 0 24px 60px rgba(15, 23, 42, 0.24);
	overflow: hidden;
}

.rental-flow-confirmation-content {
	padding: 28px;
}

	.rental-flow-confirmation-content h3 {
		margin: 0 0 12px;
		color: #18324a;
		font-size: 28px;
		line-height: 1.2;
	}

	.rental-flow-confirmation-content p {
		margin: 0 0 14px;
		color: #4a5b6d;
		font-size: 16px;
		line-height: 1.6;
	}

.rental-flow-eyebrow {
	display: inline-block;
	margin-bottom: 12px;
	padding: 6px 10px;
	border-radius: 999px;
	background: #eef5ff;
	color: #22538a;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.03em;
	text-transform: uppercase;
}

.rental-flow-note {
	margin-top: 18px;
	padding: 16px 18px;
	border-radius: 14px;
	background: #f8fafc;
	border: 1px solid #d9e4f0;
}

	.rental-flow-note strong {
		display: block;
		margin-bottom: 6px;
		color: #18324a;
		font-size: 15px;
	}

.rental-flow-confirmation-actions {
	display: flex;
	gap: 12px;
	margin-top: 24px;
	flex-wrap: wrap;
}

.rental-flow-button {
	flex: 1 1 220px;
	min-height: 48px;
	border-radius: 12px;
	border: 1px solid transparent;
	font-weight: 600;
	font-size: 15px;
	line-height: 1.35;
	padding: 12px 18px;
	white-space: normal;
	word-break: break-word;
	text-align: center;
}

	.rental-flow-button:hover,
	.rental-flow-button:focus {
		text-decoration: none;
		outline: none;
	}

.rental-flow-button--primary {
	background: #18324a;
	border-color: #18324a;
	color: #ffffff;
}

	.rental-flow-button--primary:hover,
	.rental-flow-button--primary:focus {
		background: #244563;
		border-color: #244563;
		color: #ffffff;
	}

.rental-flow-button--secondary {
	border-color: #cfd8e3;
	color: #18324a;
	background: #ffffff;
}

	.rental-flow-button--secondary:hover,
	.rental-flow-button--secondary:focus {
		color: #18324a;
		background: #f8fafc;
		border-color: #b9c8d8;
	}

body.rental-flow-modal-open {
	overflow: hidden;
}

.rental-flow-success-card {
	position: relative;
}

.rental-flow-lead {
	margin-top: 14px;
	color: #42576c;
	font-size: 18px;
	line-height: 1.7;
}

.rental-flow-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px;
	margin-top: 24px;
}

.rental-flow-timer-row {
	margin-top: 20px;
}

.rental-flow-content-row {
	margin-top: 24px;
}

.rental-insurance-page {
	max-width: none;
	width: 100%;
	margin: 0;
}

.rental-search-page {
	padding-top: 16px;
	padding-bottom: 28px;
}

.rental-search-layout {
	display: grid;
	grid-template-columns: minmax(280px, 340px) minmax(0, 1fr);
	gap: 24px;
	align-items: start;
	margin-top: 24px;
}

.rental-search-panel {
	position: sticky;
	top: 20px;
}

.rental-search-panel-header p {
	margin: 10px 0 0;
	color: #5b7187;
	font-size: 15px;
	line-height: 1.55;
}

.rental-search-form {
	margin-top: 18px;
}

.rental-search-form-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px 16px;
}

.rental-search-field {
	margin-bottom: 0;
}

.rental-search-field--full {
	grid-column: 1 / -1;
}

.rental-search-input {
	height: 46px;
	border: 1px solid #c8d5e1;
	border-radius: 12px;
	color: #18324a;
	box-shadow: none;
}

#ui-datepicker-div.search-form-datepicker {
	z-index: 1200 !important;
	width: 320px;
	max-width: calc(100vw - 24px);
	padding: 14px 14px 12px;
	border: 1px solid #cfdae6;
	border-radius: 24px;
	background: linear-gradient(180deg, #ffffff 0%, #f8fbfd 100%);
	box-shadow: 0 24px 56px rgba(21, 42, 61, 0.16);
	color: #183653;
	font-family: inherit;
}

	#ui-datepicker-div.search-form-datepicker .ui-datepicker-header {
		position: relative;
		margin: 0 0 12px;
		padding: 14px 52px;
		border: 1px solid #dde7ef;
		border-radius: 18px;
		background: #f3f7fb;
		color: #183653;
	}

	#ui-datepicker-div.search-form-datepicker .ui-datepicker-title {
		margin: 0;
		font-size: 18px;
		font-weight: 700;
		line-height: 1.3;
		text-align: center;
	}

	#ui-datepicker-div.search-form-datepicker .ui-datepicker-prev,
	#ui-datepicker-div.search-form-datepicker .ui-datepicker-next {
		position: absolute;
		top: 50%;
		width: 34px;
		height: 34px;
		transform: translateY(-50%);
		border: 1px solid #183653;
		border-radius: 999px;
		background: #183653;
		transition: background-color 0.18s ease, border-color 0.18s ease;
	}

	#ui-datepicker-div.search-form-datepicker .ui-datepicker-prev {
		left: 10px;
	}

	#ui-datepicker-div.search-form-datepicker .ui-datepicker-next {
		right: 10px;
	}

	#ui-datepicker-div.search-form-datepicker .ui-datepicker-prev:hover,
	#ui-datepicker-div.search-form-datepicker .ui-datepicker-next:hover {
		border-color: #29597f;
		background: #29597f;
	}

	#ui-datepicker-div.search-form-datepicker .ui-datepicker-prev span,
	#ui-datepicker-div.search-form-datepicker .ui-datepicker-next span {
		display: none;
	}

	#ui-datepicker-div.search-form-datepicker .ui-datepicker-prev::before,
	#ui-datepicker-div.search-form-datepicker .ui-datepicker-next::before {
		content: "";
		position: absolute;
		top: 50%;
		left: 50%;
		width: 8px;
		height: 8px;
		border-top: 2px solid #ffffff;
		border-right: 2px solid #ffffff;
	}

	#ui-datepicker-div.search-form-datepicker .ui-datepicker-prev::before {
		transform: translate(-35%, -50%) rotate(-135deg);
	}

	#ui-datepicker-div.search-form-datepicker .ui-datepicker-next::before {
		transform: translate(-65%, -50%) rotate(45deg);
	}

	#ui-datepicker-div.search-form-datepicker table {
		width: 100%;
		margin: 0;
		border-collapse: separate;
		border-spacing: 4px;
	}

	#ui-datepicker-div.search-form-datepicker th {
		padding: 0 0 6px;
		color: #73879a;
		font-size: 11px;
		font-weight: 700;
		letter-spacing: 0.08em;
		text-transform: uppercase;
		text-align: center;
	}

	#ui-datepicker-div.search-form-datepicker td {
		padding: 0;
	}

	#ui-datepicker-div.search-form-datepicker td span,
	#ui-datepicker-div.search-form-datepicker td a {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 38px;
		height: 38px;
		margin: 0 auto;
		padding: 0;
		border: 1px solid transparent;
		border-radius: 12px;
		background: transparent;
		background-image: none;
		box-shadow: none;
		color: #183653;
		font-size: 14px;
		font-weight: 600;
		text-decoration: none;
	}

	#ui-datepicker-div.search-form-datepicker td a:hover {
		border-color: #d3e0eb;
		background: #eef5fb;
		color: #173d5c;
	}

	#ui-datepicker-div.search-form-datepicker td.ui-datepicker-today a {
		border-color: #ecd79a;
		background: #fff7de;
		color: #8a6116;
	}

	#ui-datepicker-div.search-form-datepicker td.ui-datepicker-current-day a,
	#ui-datepicker-div.search-form-datepicker td .ui-state-active {
		border-color: #183653;
		background: linear-gradient(180deg, #2a5c84 0%, #183653 100%);
		color: #ffffff;
		box-shadow: 0 10px 20px rgba(24, 54, 83, 0.22);
	}

	#ui-datepicker-div.search-form-datepicker td.ui-datepicker-current-day a:hover,
	#ui-datepicker-div.search-form-datepicker td .ui-state-active:hover {
		color: #ffffff;
	}

	#ui-datepicker-div.search-form-datepicker td.ui-state-disabled span,
	#ui-datepicker-div.search-form-datepicker td.ui-datepicker-unselectable span {
		color: #afbfcc;
	}

@media (max-width: 480px) {
	#ui-datepicker-div.search-form-datepicker {
		padding: 12px 10px 10px;
		border-radius: 20px;
	}

		#ui-datepicker-div.search-form-datepicker .ui-datepicker-header {
			padding: 12px 46px;
			border-radius: 16px;
		}

		#ui-datepicker-div.search-form-datepicker .ui-datepicker-title {
			font-size: 17px;
		}

		#ui-datepicker-div.search-form-datepicker .ui-datepicker-prev,
		#ui-datepicker-div.search-form-datepicker .ui-datepicker-next {
			width: 32px;
			height: 32px;
		}

		#ui-datepicker-div.search-form-datepicker table {
			border-spacing: 3px;
		}

		#ui-datepicker-div.search-form-datepicker td span,
		#ui-datepicker-div.search-form-datepicker td a {
			width: 34px;
			height: 34px;
			border-radius: 10px;
			font-size: 13px;
		}
}

.rental-search-toggle {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-top: 18px;
	margin-bottom: 0;
	color: #29465f;
	font-size: 15px;
	font-weight: 500;
	cursor: pointer;
}

	.rental-search-toggle input {
		margin: 0;
	}

.rental-search-submit {
	width: 100%;
	margin-top: 18px;
}

.rental-search-results {
	min-width: 0;
}

.rental-search-overview {
	margin-top: 0;
}

.rental-search-overview-text {
	margin: 10px 0 0;
	color: #5b7187;
	font-size: 15px;
	line-height: 1.55;
}

.rental-search-alert {
	margin-top: 18px;
}

.rental-search-list {
	display: grid;
	gap: 18px;
	margin-top: 18px;
}

.rental-search-card {
	padding: 20px;
	border: 1px solid #dde6ee;
	border-radius: 18px;
	background: #ffffff;
	box-shadow: 0 10px 28px rgba(21, 42, 61, 0.06);
}

.rental-search-card-header {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 14px;
	margin-bottom: 16px;
}

.rental-search-card-header--badges {
	justify-content: flex-end;
}

.rental-search-card-title {
	margin: 0 0 12px;
	color: #18324a;
	font-size: 28px;
	line-height: 1.15;
}

.rental-search-badges {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	gap: 8px;
}

.rental-search-badge {
	display: inline-flex;
	align-items: center;
	padding: 6px 10px;
	border-radius: 999px;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.03em;
	text-transform: uppercase;
}

.rental-search-badge--discount {
	background: #ecf8f0;
	color: #1d6f45;
}

.rental-search-badge--warning {
	background: #fff3d6;
	color: #8a6116;
}

.rental-search-card-grid {
	display: grid;
	grid-template-columns: minmax(320px, 420px) minmax(260px, 320px);
	gap: 20px;
	align-items: start;
}

.rental-search-media {
	display: grid;
	gap: 16px;
	align-content: start;
}

.rental-search-image-wrap {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 14px;
	border: 1px solid #e3ebf2;
	border-radius: 16px;
	background: linear-gradient(180deg, #ffffff 0%, #f8fbfd 100%);
	min-height: 240px;
}

.rental-search-image {
	display: block;
	width: 100%;
	max-width: 340px;
	height: auto;
	object-fit: contain;
}

.rental-search-copy {
	color: #29465f;
	font-size: 15px;
	line-height: 1.6;
	max-width: 100%;
}

.rental-search-specs {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px 12px;
	margin-top: 0;
}

.rental-search-specs--sidebar {
	padding: 12px 14px;
	border: 1px solid #dbe7f0;
	border-radius: 16px;
	background: #f8fbfd;
}

.rental-search-spec {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	min-width: 0;
	color: #29465f;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.4;
}

	.rental-search-spec i {
		width: 16px;
		color: #2f5d96;
		text-align: center;
		flex: 0 0 auto;
	}

	.rental-search-copy p {
		margin: 0 0 10px;
	}

	.rental-search-copy ul {
		margin: 0 0 10px 18px;
		padding: 0;
		columns: 2;
		column-gap: 20px;
	}

	.rental-search-copy li {
		break-inside: avoid;
	}

.rental-search-pricing {
	display: grid;
	gap: 14px;
	align-content: start;
}

.rental-search-price-panel {
	padding: 16px 18px;
	border: 1px solid #dbe7f0;
	border-radius: 16px;
	background: #ffffff;
}

.rental-search-price-panel--secondary {
	background: #f8fbfd;
}

.rental-search-price-heading {
	margin-bottom: 12px;
	color: #18324a;
	font-size: 16px;
	font-weight: 700;
	text-align: center;
}

.rental-search-price-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
}

.rental-search-price-cell {
	text-align: right;
}

.rental-search-price-old {
	display: block;
	margin-bottom: 4px;
	color: #7b8ea0;
	font-size: 14px;
	text-decoration: line-through;
}

.rental-search-price-current {
	display: block;
	color: #18324a;
	font-size: 28px;
	line-height: 1.05;
}

	.rental-search-price-current small {
		font-size: 14px;
		font-weight: 700;
	}

.rental-search-price-label {
	display: block;
	margin-top: 6px;
	color: #6b7f92;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.03em;
	text-transform: uppercase;
}

.rental-search-select {
	width: 100%;
	min-width: 0;
}

.rental-search-empty {
	margin-top: 0;
}

	.rental-search-empty p {
		margin: 10px 0 0;
		color: #5b7187;
		font-size: 15px;
		line-height: 1.55;
	}

.rental-insurance-intro {
	margin: 4px 0 18px;
}

	.rental-insurance-intro p {
		margin: 10px 0 0;
		color: #5b7187;
		font-size: 15px;
		line-height: 1.55;
	}

.rental-selection-overview {
	margin-top: 18px;
	padding: 18px 20px;
	border: 1px solid #dde6ee;
	border-radius: 18px;
	background: linear-gradient(180deg, #ffffff 0%, #f8fbfd 100%);
	box-shadow: 0 10px 28px rgba(21, 42, 61, 0.06);
}

.rental-selection-overview.rental-search-overview {
	margin-top: 0;
}

.rental-selection-overview-grid {
	display: grid;
	grid-template-columns: minmax(0, 1.25fr) minmax(280px, 0.95fr);
	gap: 20px;
	align-items: start;
}

.rental-selection-eyebrow {
	display: inline-flex;
	align-items: center;
	padding: 5px 12px;
	border-radius: 999px;
	background: #edf4fb;
	color: #2f5d96;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.rental-selection-title {
	margin: 12px 0 10px;
	color: #18324a;
	font-size: 30px;
	line-height: 1.15;
}

.rental-selection-description {
	color: #42576c;
	font-size: 15px;
	line-height: 1.55;
}

	.rental-selection-description p {
		margin: 0 0 10px;
	}

	.rental-selection-description ul {
		margin: 8px 0 8px 18px;
		padding: 0;
	}

	.rental-selection-description li {
		margin-bottom: 4px;
	}

.rental-selection-meta {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
}

.rental-selection-meta-item {
	padding: 12px 14px;
	border: 1px solid #dbe7f0;
	border-radius: 14px;
	background: #ffffff;
}

.rental-selection-meta-item--accent {
	background: #f3f8fc;
}

	.rental-selection-meta-item span {
		display: block;
		margin-bottom: 4px;
		color: #6b7f92;
		font-size: 11px;
		font-weight: 700;
		letter-spacing: 0.03em;
		text-transform: uppercase;
	}

	.rental-selection-meta-item strong {
		display: block;
		color: #18324a;
		font-size: 14px;
		line-height: 1.45;
	}

.rental-selection-layout {
	display: grid;
	grid-template-columns: minmax(0, 1.45fr) minmax(320px, 0.95fr);
	gap: 26px;
	align-items: start;
	margin-top: 24px;
}

.rental-selection-section,
.rental-selection-summary {
	border: 1px solid #dde6ee;
	border-radius: 18px;
	background: #ffffff;
	box-shadow: 0 10px 28px rgba(21, 42, 61, 0.06);
}

.rental-selection-section {
	padding: 22px 22px 18px;
}

.rental-selection-summary {
	position: sticky;
	top: 20px;
	padding: 18px 18px 12px;
}

.rental-selection-section-header {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 16px;
}

.rental-selection-section-title {
	margin: 0;
	color: #18324a;
	font-size: 24px;
	font-weight: 700;
	line-height: 1.2;
}

.rental-selection-section-header p {
	margin: 8px 0 0;
	color: #5b7187;
	font-size: 15px;
	line-height: 1.55;
}

.rental-insurance-section {
	padding-bottom: 20px;
}

.rental-insurance-section + .rental-insurance-section {
	margin-top: 18px;
}

.rental-insurance-section-header {
	margin-bottom: 14px;
}

.rental-insurance-list {
	display: grid;
	gap: 12px;
}

.rental-insurance-option {
	display: block;
	margin: 0;
	cursor: pointer;
}

.rental-insurance-card {
	padding: 16px 18px;
	border: 1px solid #d8e2ec;
	border-radius: 16px;
	background: #ffffff;
	box-shadow: 0 6px 18px rgba(21, 42, 61, 0.04);
	transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

	.rental-insurance-option:hover .rental-insurance-card {
		border-color: #b9cadb;
		box-shadow: 0 10px 24px rgba(21, 42, 61, 0.08);
	}

	.rental-insurance-option.is-selected .rental-insurance-card {
		border-color: #2f5d96;
		box-shadow: 0 0 0 3px rgba(47, 93, 150, 0.12);
	}

.rental-insurance-card--gold {
	background: linear-gradient(180deg, #fffdf5 0%, #fff8e3 100%);
	border-color: #e5d08b;
}

.rental-insurance-card--silver {
	background: linear-gradient(180deg, #ffffff 0%, #f7fafc 100%);
}

.rental-insurance-card--standard {
	background: #ffffff;
}

.rental-insurance-card-header {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 12px;
}

.rental-insurance-card-title-row {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	min-width: 0;
	flex: 1 1 auto;
}

	.rental-insurance-card-title-row input[type="radio"] {
		margin-top: 4px;
		flex: 0 0 auto;
	}

.rental-insurance-card-copy {
	min-width: 0;
}

	.rental-insurance-card-copy h3 {
		margin: 0;
		color: #18324a;
		font-size: 18px;
		line-height: 1.35;
	}

	.rental-insurance-card-copy p {
		margin: 6px 0 0;
		color: #5b7187;
		font-size: 14px;
		line-height: 1.55;
	}

.rental-insurance-badge {
	display: inline-flex;
	align-items: center;
	padding: 5px 10px;
	border-radius: 999px;
	background: #edf4fb;
	color: #2f5d96;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.03em;
	text-transform: uppercase;
	white-space: nowrap;
}

.rental-insurance-card ul {
	margin: 12px 0 0 30px;
	padding: 0;
	color: #29465f;
	font-size: 14px;
	line-height: 1.55;
}

	.rental-insurance-card ul li + li {
		margin-top: 4px;
	}

.rental-insurance-footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	margin-top: 14px;
	padding-top: 14px;
	border-top: 1px solid #e5edf5;
	flex-wrap: wrap;
}

.rental-insurance-price {
	color: #29465f;
	font-size: 14px;
	line-height: 1.5;
}

	.rental-insurance-price strong {
		color: #18324a;
		font-size: 15px;
	}

.rental-insurance-link {
	color: #2f5d96;
	font-size: 13px;
	font-weight: 600;
	text-decoration: none;
}

	.rental-insurance-link:hover,
	.rental-insurance-link:focus {
		color: #21456f;
		text-decoration: underline;
	}

.rental-insurance-actions {
	margin-top: 18px;
}

.rental-payment-page {
	max-width: 980px;
	margin: 0 auto;
}

.rental-payment-options {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 18px;
	align-items: stretch;
}

.rental-payment-card {
	display: flex;
	flex-direction: column;
	padding: 20px 20px 18px;
	border: 1px solid #dde6ee;
	border-radius: 18px;
	background: #ffffff;
	box-shadow: 0 10px 28px rgba(21, 42, 61, 0.06);
}

.rental-payment-card--primary {
	background: linear-gradient(180deg, #ffffff 0%, #f8fbfd 100%);
}

.rental-payment-card--secondary {
	background: linear-gradient(180deg, #ffffff 0%, #f7fafc 100%);
}

.rental-payment-card-header {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 12px;
}

	.rental-payment-card-header h2 {
		margin: 0;
		color: #18324a;
		font-size: 24px;
		line-height: 1.2;
	}

.rental-payment-card p {
	margin: 12px 0 0;
	color: #5b7187;
	font-size: 15px;
	line-height: 1.6;
}

.rental-payment-price-block {
	margin-top: 18px;
	padding: 16px 18px;
	border-radius: 16px;
	border: 1px solid #dbe7f0;
	background: #ffffff;
}

	.rental-payment-price-block span {
		display: block;
		margin-bottom: 6px;
		color: #6b7f92;
		font-size: 12px;
		font-weight: 700;
		letter-spacing: 0.03em;
		text-transform: uppercase;
	}

	.rental-payment-price-block strong {
		display: block;
		color: #18324a;
		font-size: 28px;
		line-height: 1.15;
	}

.rental-payment-subline {
	display: block;
	margin-top: 8px;
	color: #5b7187;
	font-size: 13px;
	font-style: normal;
	line-height: 1.5;
}

.rental-payment-action {
	margin-top: 18px;
	width: 100%;
}

.rental-selection-list {
	margin-top: 16px;
}

.rental-selection-group-label,
.rental-selection-row {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 108px 112px;
	gap: 16px;
	align-items: center;
}

.rental-selection-group-label {
	padding: 0 0 10px;
	color: #6b7f92;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.03em;
	text-transform: uppercase;
}

	.rental-selection-group-label span:last-child {
		text-align: right;
	}

.rental-selection-divider {
	height: 1px;
	margin: 16px 0 12px;
	background: #e6edf4;
}

.rental-selection-row {
	padding: 11px 0;
	border-top: 1px solid #eef3f7;
}

	.rental-selection-row:first-of-type {
		border-top: none;
	}

.rental-selection-name {
	color: #18324a;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.45;
}

	.rental-selection-name .fa {
		margin-left: 4px;
		color: #6b7f92;
	}

.rental-selection-control {
	display: flex;
	justify-content: center;
}

.rental-selection-select {
	width: 92px;
	min-width: 92px;
	height: 40px;
	padding: 6px 12px;
	border: 1px solid #c8d5e1;
	border-radius: 10px;
	color: #18324a;
	box-shadow: none;
}

.rental-selection-switch {
	display: flex;
	justify-content: center;
}

.rental-selection-switch-input {
	position: absolute;
	opacity: 0;
	pointer-events: none;
}

.rental-selection-switch-label {
	position: relative;
	display: inline-block;
	width: 48px;
	height: 28px;
	margin: 0;
	border-radius: 999px;
	background: #c6d0da;
	cursor: pointer;
	transition: background-color 0.2s ease;
}

	.rental-selection-switch-label::after {
		content: "";
		position: absolute;
		top: 3px;
		left: 3px;
		width: 22px;
		height: 22px;
		border-radius: 50%;
		background: #ffffff;
		box-shadow: 0 2px 6px rgba(24, 50, 74, 0.18);
		transition: transform 0.2s ease;
	}

.rental-selection-switch-input:checked + .rental-selection-switch-label {
	background: #18324a;
}

	.rental-selection-switch-input:checked + .rental-selection-switch-label::after {
		transform: translateX(20px);
	}

.rental-selection-price {
	color: #18324a;
	font-size: 16px;
	font-weight: 700;
	text-align: right;
}

.rental-selection-summary h2 {
	margin: 0 0 14px;
	color: #18324a;
	font-size: 24px;
	font-weight: 700;
}

.rental-selection-summary-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 14px;
}

	.rental-selection-summary-header h2 {
		margin: 0;
	}

.rental-selection-summary-toggle {
	display: none;
	align-items: center;
	gap: 8px;
	padding: 8px 12px;
	border: 1px solid #cfd8e3;
	border-radius: 999px;
	background: #ffffff;
	color: #18324a;
	font-size: 13px;
	font-weight: 700;
	line-height: 1.2;
}

	.rental-selection-summary-toggle::after {
		content: "";
		width: 8px;
		height: 8px;
		border-right: 2px solid currentColor;
		border-bottom: 2px solid currentColor;
		transform: rotate(45deg);
		transition: transform 0.2s ease;
	}

.rental-selection-summary.is-summary-open .rental-selection-summary-toggle::after {
	transform: rotate(-135deg);
}

.rental-selection-summary-content {
	display: block;
}

	.rental-selection-summary-content[hidden] {
		display: none !important;
	}

.rental-selection-summary-compact {
	display: none;
	gap: 12px;
	margin-bottom: 14px;
}

.rental-selection-summary-compact-item {
	flex: 1 1 0;
	padding: 12px 14px;
	border: 1px solid #dbe7f0;
	border-radius: 12px;
	background: #f8fbfd;
}

.rental-selection-summary-compact-item span {
	display: block;
	margin-bottom: 4px;
	color: #6b7f92;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.03em;
	text-transform: uppercase;
}

.rental-selection-summary-compact-item strong {
	display: block;
	color: #18324a;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.3;
}

.rental-selection-summary-compact-item--total {
	background: #eef6fb;
	border-color: #cfe2ef;
}

.rental-selection-summary-table {
	margin-bottom: 0;
	width: 100%;
	table-layout: fixed;
	border: 1px solid #e2eaf1;
	border-radius: 14px;
	border-collapse: separate;
	border-spacing: 0;
	overflow: hidden;
	background: #ffffff;
}

	.rental-selection-summary-table > thead > tr > th {
		padding: 12px 16px;
		border-top: none;
		border-bottom: 1px solid #dbe7f0;
		border-right: 1px solid #e7eef4;
		background: #f4f7fb;
		color: #708396;
		font-size: 12px;
		font-weight: 700;
		letter-spacing: 0.04em;
		text-transform: uppercase;
		vertical-align: middle;
	}

		.rental-selection-summary-table > thead > tr > th:last-child {
			border-right: none;
		}

	.rental-selection-summary-table > tbody > tr > td {
		padding: 13px 16px;
		vertical-align: middle;
		border-top: 1px solid #eef3f7;
		border-right: 1px solid #eef3f7;
		color: #18324a;
		font-size: 15px;
		background: #ffffff;
	}

		.rental-selection-summary-table > tbody > tr > td:last-child {
			border-right: none;
		}

	.rental-selection-summary-table .product {
		font-weight: 500;
		line-height: 1.45;
		word-break: break-word;
	}

	.rental-selection-summary-table .price,
	.rental-selection-summary-table .quantity,
	.rental-selection-summary-table .amount {
		white-space: nowrap;
		font-variant-numeric: tabular-nums;
	}

	.rental-selection-summary-col-description {
		width: 44%;
		text-align: left;
	}

	.rental-selection-summary-col-price {
		width: 19%;
	}

	.rental-selection-summary-col-quantity {
		width: 13%;
	}

	.rental-selection-summary-col-total {
		width: 24%;
	}

	.rental-selection-summary-table .price,
	.rental-selection-summary-table .amount,
	.rental-selection-summary-col-price,
	.rental-selection-summary-col-total {
		text-align: right;
	}

	.rental-selection-summary-table .quantity,
	.rental-selection-summary-col-quantity {
		text-align: center;
	}

	.rental-selection-summary-table .amount {
		font-weight: 700;
	}

	.rental-selection-summary-total-row > td {
		background: #fbfcfe !important;
		border-top: 2px solid #dbe7f0 !important;
	}

	.rental-selection-summary-table .total-quantity,
	.rental-selection-summary-table .total-amount {
		font-weight: 700;
		font-size: 17px;
	}

	.rental-selection-summary-table .total-amount {
		text-align: right;
	}

.rental-selection-actions {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 16px;
	margin-top: 22px;
}

.rental-selection-action {
	min-width: 190px;
}

.rental-contact-section {
	padding-bottom: 22px;
}

.rental-contact-validation-summary {
	margin-top: 14px;
}

.rental-contact-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px 18px;
	margin-top: 18px;
}

.rental-contact-field--full {
	grid-column: 1 / -1;
}

.rental-contact-field label {
	display: block;
	margin-bottom: 8px;
	color: #18324a;
	font-size: 14px;
	font-weight: 700;
}

.rental-contact-input {
	height: 48px;
	padding: 10px 14px;
	border: 1px solid #c8d5e1;
	border-radius: 12px;
	color: #18324a;
	box-shadow: none;
}

	.rental-contact-input:focus {
		border-color: #6d8fb5;
		box-shadow: 0 0 0 3px rgba(79, 122, 173, 0.12);
	}

.rental-contact-field .iti {
	width: 100%;
}

.rental-contact-field .text-danger,
.rental-contact-terms .text-danger,
.rental-contact-validation-summary {
	display: block;
	margin-top: 6px;
	font-size: 13px;
}

.rental-contact-terms {
	margin-top: 22px;
	padding: 16px 18px;
	border: 1px solid #dbe7f0;
	border-radius: 14px;
	background: #f8fbfd;
}

.rental-contact-terms-main {
	display: flex;
	align-items: flex-start;
	gap: 12px;
}

.rental-contact-checkbox-input {
	width: 18px;
	height: 18px;
	margin: 2px 0 0;
	accent-color: #18324a;
}

.rental-contact-terms-copy label {
	margin: 0;
	color: #18324a;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.5;
}

.rental-contact-terms-link {
	display: inline-flex;
	margin-top: 6px;
	color: #2f5d96;
	font-size: 14px;
	font-weight: 600;
}

.rental-contact-summary {
	padding-bottom: 16px;
}

.content-page-shell {
	background:
		radial-gradient(circle at top left, rgba(178, 149, 52, 0.08), transparent 28%),
		linear-gradient(180deg, #f8fafc 0%, #f4f7fa 45%, #ffffff 100%);
}

.content-page-layout {
	display: grid;
	grid-template-columns: minmax(320px, 360px) minmax(0, 1fr);
	gap: 28px;
	align-items: start;
}

.content-page-sidebar {
	position: sticky;
	top: 20px;
}

.content-page-search-card,
.content-page-article {
	max-width: none;
}

.content-page-search-kicker {
	display: inline-flex;
	align-items: center;
	padding: 6px 12px;
	border-radius: 999px;
	background: #edf4fb;
	color: #2f5d96;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.content-page-search-card h2 {
	margin: 10px 0 0;
	color: #18324a;
	font-size: 28px;
	line-height: 1.15;
}

.content-page-search-form {
	margin-top: 20px;
}

.content-page-search-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px;
}

.content-page-search-field--full {
	grid-column: 1 / -1;
}

.content-page-search-field label {
	display: block;
	margin-bottom: 8px;
	color: #18324a;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.03em;
	text-transform: uppercase;
}

.content-page-search-footer {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	margin-top: 18px;
	padding-top: 18px;
	border-top: 1px solid #e5edf5;
}

.content-page-search-submit {
	min-width: 180px;
}

.content-page-main .alert {
	margin-bottom: 20px;
}

.content-page-header {
	margin-bottom: 22px;
	padding-bottom: 18px;
	border-bottom: 1px solid #e5edf5;
}

.content-page-title {
	margin: 0;
	color: #18324a;
	font-size: 38px;
	line-height: 1.08;
}

.content-page-lead {
	margin: 14px 0 0;
	color: #42576c;
	font-size: 18px;
	line-height: 1.6;
}

.content-page-body {
	color: #42576c;
	font-size: 16px;
	line-height: 1.75;
}

.content-page-body h2,
.content-page-body h3,
.content-page-body h4 {
	color: #18324a;
}

.content-page-body img {
	border-radius: 16px;
}

@media (max-width: 767px) {
	.rental-flow-card {
		padding: 22px 18px;
	}

	.rental-flow-status {
		justify-content: stretch;
	}

		.rental-flow-status .alert.alert-warning {
			width: 100%;
			justify-content: center;
			padding-right: 14px;
		}

	.rental-flow-primary-action,
	.rental-flow-link-button,
	.rental-flow-button {
		width: 100%;
		min-width: 0;
	}

	.rental-flow-actions,
	.rental-flow-inline-actions,
	.rental-flow-confirmation-actions {
		flex-direction: column;
		align-items: stretch;
	}

	.rental-flow-confirmation-overlay {
		align-items: flex-end;
		padding: 12px;
	}

	.rental-flow-confirmation-dialog {
		max-width: none;
		border-radius: 18px 18px 0 0;
	}

	.rental-flow-confirmation-content {
		padding: 22px 18px;
	}

		.rental-flow-confirmation-content h3 {
			font-size: 24px;
		}

	.rental-flow-grid {
		grid-template-columns: 1fr;
	}

	.rental-selection-overview {
		padding: 16px;
	}

	.rental-selection-overview-grid,
	.rental-selection-layout {
		grid-template-columns: 1fr;
	}

	.rental-selection-title {
		font-size: 26px;
	}

	.rental-search-layout {
		grid-template-columns: 1fr;
	}

	.rental-search-panel {
		position: static;
	}

	.rental-search-form-grid {
		grid-template-columns: 1fr;
	}

	.rental-search-card {
		padding: 16px;
	}

	.rental-search-card-header {
		flex-direction: column;
		align-items: stretch;
	}

	.rental-search-badges {
		justify-content: flex-start;
	}

	.rental-search-card-title {
		font-size: 24px;
	}

	.rental-search-card-grid {
		grid-template-columns: 1fr;
	}

	.rental-search-media {
		gap: 14px;
	}

	.rental-search-specs {
		grid-template-columns: 1fr;
	}

	.rental-search-copy ul {
		columns: 1;
	}

	.rental-search-image-wrap {
		min-height: 0;
	}

	.rental-search-price-grid {
		grid-template-columns: 1fr 1fr;
	}

	.rental-insurance-card {
		padding: 15px 16px;
	}

	.rental-insurance-card-header {
		flex-direction: column;
		align-items: stretch;
	}

	.rental-insurance-card-title-row {
		gap: 10px;
	}

	.rental-insurance-badge {
		align-self: flex-start;
	}

	.rental-insurance-card ul {
		margin-left: 24px;
	}

	.rental-insurance-footer {
		align-items: flex-start;
	}

	.rental-payment-options {
		grid-template-columns: 1fr;
	}

	.rental-payment-card {
		padding: 18px 16px 16px;
	}

	.rental-payment-card-header {
		flex-direction: column;
		align-items: stretch;
	}

	.rental-payment-price-block strong {
		font-size: 24px;
	}

	.rental-selection-meta {
		grid-template-columns: 1fr 1fr;
	}

	.rental-selection-section,
	.rental-selection-summary {
		padding: 16px;
	}

	.rental-selection-summary {
		position: static;
	}

	.rental-selection-summary-header {
		margin-bottom: 0;
	}

	.rental-selection-summary-toggle {
		display: inline-flex;
	}

	.rental-selection-summary-compact {
		display: flex;
	}

	.rental-selection-summary-content {
		margin-top: 14px;
	}

	.rental-selection-group-label {
		display: none;
	}

	.rental-selection-row {
		grid-template-columns: minmax(0, 1fr) auto;
		gap: 10px 14px;
		align-items: center;
	}

	.rental-selection-name {
		grid-column: 1 / -1;
	}

	.rental-selection-control {
		justify-content: flex-start;
	}

	.rental-selection-price {
		text-align: right;
	}

	.rental-selection-actions {
		flex-direction: column-reverse;
		align-items: stretch;
	}

	.rental-selection-action {
		width: 100%;
		min-width: 0;
	}

	.rental-contact-grid {
		grid-template-columns: 1fr;
	}

	.rental-contact-field--full {
		grid-column: auto;
	}

	.rental-flow-content-row {
		margin-top: 18px;
	}

	.content-page-layout {
		grid-template-columns: 1fr;
		gap: 18px;
	}

	.content-page-sidebar {
		position: static;
	}

	.content-page-search-grid {
		grid-template-columns: 1fr;
	}

	.content-page-search-field--full {
		grid-column: auto;
	}

	.content-page-search-footer {
		flex-direction: column;
		align-items: stretch;
	}

	.content-page-search-submit {
		width: 100%;
		min-width: 0;
	}

	.content-page-title {
		font-size: 30px;
	}

.content-page-lead {
	font-size: 16px;
}
}

.site-header {
	position: relative;
	padding: 12px 0;
	border-bottom: 1px solid rgba(216, 228, 239, 0.9);
	background: rgba(255, 255, 255, 0.94);
	backdrop-filter: blur(14px);
	-webkit-backdrop-filter: blur(14px);
	box-shadow: 0 8px 30px rgba(15, 35, 53, 0.06);
	z-index: 3000;
}

.site-header-left,
.site-header-right {
	display: flex;
	align-items: center;
	text-align: left;
}

.site-header .logo {
	float: none;
}

.site-header-left {
	min-width: 0;
}

.site-header-right {
	position: relative;
	justify-content: flex-end;
	z-index: 3001;
}

.site-header-logo {
	margin: 0;
	display: flex !important;
	align-items: center;
	justify-content: flex-start;
	visibility: visible !important;
	opacity: 1 !important;
	transform: none !important;
}

	.site-header-logo a {
		display: inline-flex !important;
		align-items: center;
		width: 220px;
		min-width: 220px;
		max-width: 100%;
	}

	.site-header-logo #logo {
		display: block;
		width: 220px;
		min-width: 220px;
		max-width: 100%;
		height: auto;
		max-height: 66px;
		visibility: visible !important;
		opacity: 1 !important;
		transform: none !important;
	}

.site-main-navigation {
	width: 100%;
	position: relative;
	z-index: 3001;
}

.site-navbar.navbar.navbar-default {
	margin: 0;
	background: transparent;
	border: 0;
	position: relative;
}

.site-navbar .container-fluid {
	padding-left: 0;
	padding-right: 0;
}

.site-navbar .navbar-header {
	position: relative;
}

.site-navbar-collapse {
	padding-left: 0;
	padding-right: 0;
	position: relative;
	z-index: 3002;
	display: block;
	overflow: visible !important;
}

	.site-navbar-collapse::after,
	.site-navbar-collapse::before {
		display: none;
	}

.site-nav {
	display: flex;
	align-items: center;
	gap: 8px;
	float: none !important;
}

.site-header .navbar-nav {
	margin-top: 0;
	margin-bottom: 0;
}

.site-header .navbar-nav.navbar-right {
	margin-right: 0;
}

.site-nav--account {
	margin-right: 4px;
}

.site-nav--public {
	margin-right: 0;
}

.site-nav--admin-meta {
	margin-right: 0;
}

.site-nav-item {
	margin: 0 !important;
}

.site-header .site-nav-item.dropdown > a:before,
.site-header .site-nav-item--language.dropdown > a:before {
	display: none !important;
	content: none !important;
}

.site-nav-link,
.site-header .navbar-default .navbar-nav > li > a,
.site-header .navbar-default .navbar-nav > li > button {
	padding: 10px 14px;
	border-radius: 999px;
	color: #18324a;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	transition: background-color 0.18s ease, color 0.18s ease, box-shadow 0.18s ease;
}

.site-nav-link--dropdown {
	display: inline-flex !important;
	align-items: center;
	white-space: nowrap;
}

.site-nav-link--admin-cta {
	background: linear-gradient(135deg, #18324a 0%, #2e4f73 100%);
	color: #ffffff !important;
	box-shadow: 0 10px 20px rgba(24, 50, 74, 0.16);
}

.site-nav-link--admin-cta:hover,
.site-nav-link--admin-cta:focus {
	background: linear-gradient(135deg, #10263a 0%, #244664 100%) !important;
	color: #ffffff !important;
	box-shadow: 0 14px 24px rgba(24, 50, 74, 0.22);
}

.site-language-trigger {
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

.site-language-flag,
.site-language-caret {
	flex: 0 0 auto;
}

.site-language-flag {
	display: inline-block;
	width: 1.33333333em;
	height: 1em;
	line-height: 1;
	background-size: cover;
	background-position: 50%;
}

.site-language-flag:before {
	display: none !important;
	content: none !important;
}

.site-language-label {
	display: inline-block;
	line-height: 1;
}

.site-language-caret {
	display: inline-block;
	width: 0;
	height: 0;
	margin-top: 2px;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 5px solid currentColor;
	opacity: 0.7;
}

.site-nav-item--language .dropdown-toggle .caret {
	display: none !important;
}

.site-nav-trigger {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	padding: 6px !important;
	min-width: 42px;
	min-height: 42px;
	border-radius: 999px;
}

.site-nav-trigger::after,
.site-nav-trigger .caret {
	display: none;
}

	.site-nav-link:hover,
	.site-nav-link:focus,
	.site-header .navbar-default .navbar-nav > li > a:hover,
	.site-header .navbar-default .navbar-nav > li > a:focus {
		color: #18324a;
		background: #eef5ff;
		text-decoration: none;
	}

.site-header .navbar-default .navbar-nav > .open > a,
.site-header .navbar-default .navbar-nav > .open > a:hover,
.site-header .navbar-default .navbar-nav > .open > a:focus,
.site-header .navbar-default .navbar-nav > .active > a,
.site-header .navbar-default .navbar-nav > .active > a:hover,
.site-header .navbar-default .navbar-nav > .active > a:focus {
	color: #18324a;
	background: #eef5ff;
	border-color: transparent;
	box-shadow: none;
}

.site-header .dropdown-menu {
	margin-top: 10px;
	border: 1px solid #d8e4ef;
	border-radius: 16px;
	box-shadow: 0 16px 38px rgba(15, 35, 53, 0.12);
	overflow: hidden;
	z-index: 3100;
}

.site-header .dropdown-menu > li > a {
	padding: 10px 14px;
	color: #18324a;
	white-space: normal;
	word-break: break-word;
}

	.site-header .dropdown-menu > li > a:hover,
	.site-header .dropdown-menu > li > a:focus {
		background: #f6f9fc;
		color: #18324a;
	}

.site-header .profileCircle {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	margin-top: 0;
	border-radius: 999px;
	background: linear-gradient(135deg, #244563 0%, #2b5f96 100%);
	color: #ffffff;
	font-size: 14px;
	line-height: 1;
	font-weight: 700;
	box-shadow: 0 8px 18px rgba(36, 69, 99, 0.18);
}

.site-notification-icon {
	font-size: 19px;
	line-height: 1;
}

.badge-notify {
	background: #d62828 !important;
	position: absolute !important;
	top: -7px !important;
	right: -20px;
	left: auto;
	min-width: 25px;
	height: 25px;
	padding: 0 6px;
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	color: #ffffff !important;
	border-radius: 999px;
	font-size: 11px;
	font-weight: 700;
	line-height: 1;
	box-shadow: 0 4px 10px rgba(214, 40, 40, 0.3);
}

.site-notification-menu {
	width: 290px;
	max-width: min(290px, calc(100vw - 24px));
	right: 0;
	left: auto;
	padding: 0;
}

.site-dropdown-menu--profile {
	right: 0;
	left: auto;
}

.admin-site-header .site-navbar-collapse {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 12px;
}

.admin-site-header .site-nav--account,
.admin-site-header .site-nav--admin-meta {
	flex-wrap: nowrap;
}

.admin-site-header .site-nav--admin-meta .site-nav-link {
	color: #5f748a;
	background: transparent;
}

.admin-site-header .site-nav--admin-meta .site-nav-link:hover,
.admin-site-header .site-nav--admin-meta .site-nav-link:focus {
	color: #163a5b;
	background: rgba(46, 63, 143, 0.08);
}

.site-header .navbar-collapse.collapse {
	display: none;
}

.site-header .navbar-collapse.collapse.in,
.site-header .navbar-collapse.collapsing {
	display: block;
}

.site-navbar-toggle {
	margin: 0;
	padding: 11px 12px;
	border: 1px solid #d8e4ef;
	border-radius: 14px;
	background: #ffffff;
}

	.site-navbar-toggle .icon-bar {
		background-color: #18324a !important;
	}

	.site-navbar-toggle:hover,
	.site-navbar-toggle:focus {
		background: #f6f9fc;
		border-color: #c4d5e6;
	}

.fixed-header-on .site-header.header.fixed {
	border-bottom-color: rgba(216, 228, 239, 0.95);
	background: rgba(255, 255, 255, 0.96);
	z-index: 3000;
}

.fixed-header-on .site-header .site-header-logo {
	transform: none;
	margin: 0;
	display: flex !important;
	visibility: visible !important;
}

	.fixed-header-on .site-header .site-header-logo #logo {
		width: 188px;
		min-width: 188px;
		max-width: 100%;
		max-height: 58px;
		display: block !important;
	}

@media (min-width: 992px) {
	.site-header-right {
		padding-top: 14px;
	}

	.site-header .navbar-collapse.collapse {
		display: flex !important;
		align-items: center;
		justify-content: flex-end;
		gap: 12px;
		flex-wrap: nowrap;
	}

	.site-header .navbar-default .navbar-nav {
		float: none !important;
	}

	.site-nav--account,
	.site-nav--public,
	.site-nav--admin-meta {
		flex-wrap: nowrap;
	}
}

@media (max-width: 991px) {
	.site-header-left,
	.site-header-right {
		display: block;
		text-align: left;
	}

	.site-header-left {
		min-width: 0;
	}

	.site-main-navigation {
		margin-top: 8px;
	}

	.site-navbar-collapse {
		margin-top: 10px;
		padding-top: 12px;
		border-top: 1px solid #e3ecf4;
	}

	.site-nav,
	.site-nav--account,
	.site-nav--public,
	.site-nav--admin-meta {
		display: block;
		margin-right: 0;
		float: none !important;
	}

	.site-header .navbar-default .navbar-nav > li > a,
	.site-nav-link {
		padding: 12px 16px;
		border-radius: 12px;
	}

	.site-nav-item--admin-cta .site-nav-link--admin-cta {
		display: block;
		text-align: center;
	}

	.site-header .dropdown-menu {
		margin-top: 6px;
		border-radius: 14px;
		box-shadow: none;
	}

	.site-header .navbar-default .navbar-nav .open .dropdown-menu,
	.site-notification-menu {
		position: static;
		float: none;
		width: 100%;
		max-width: 100%;
		right: auto;
		left: auto;
		margin-top: 6px;
	}

	.site-header .navbar-default .navbar-nav .open .dropdown-menu > li > a,
	.site-notification-menu a {
		white-space: normal;
		overflow-wrap: anywhere;
	}

.admin-site-header .site-navbar-collapse {
	display: block;
	}
}

.site-footer {
	background:
		radial-gradient(circle at top left, rgba(46, 63, 143, 0.08), transparent 38%),
		linear-gradient(180deg, #f6f9fc 0%, #edf3f8 100%);
	border-top: 1px solid #dbe6ef;
}

.site-footer-main {
	padding: 28px 0 0;
	background: transparent;
}

.site-footer-shell {
	padding-bottom: 8px;
}

.site-footer-content {
	padding: 0;
}

.site-footer-grid {
	margin-left: -10px;
	margin-right: -10px;
}

.site-footer-grid > [class*="col-"] {
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 20px;
}

.site-footer-card {
	height: 100%;
	padding: 24px 24px 22px;
	border: 1px solid #d7e4ef;
	border-radius: 26px;
	background: rgba(255, 255, 255, 0.9);
	box-shadow: 0 18px 36px rgba(16, 38, 58, 0.08);
}

.site-footer-card--brand {
	background: linear-gradient(180deg, rgba(255,255,255,0.95) 0%, rgba(244,248,252,0.96) 100%);
}

.site-footer-logo {
	margin: 0 0 16px;
}

.site-footer-logo img {
	max-width: 176px;
	width: 100%;
	height: auto;
}

.site-footer-slogan {
	margin: 0 0 18px;
	font-style: normal;
	font-weight: 600;
	color: #5f748a;
}

.site-footer-social {
	margin: 0;
}

.site-footer-social li a {
	width: 46px;
	height: 46px;
	line-height: 46px;
	border: 1px solid #d7e4ef;
	background: #ffffff;
	color: #18324a;
	box-shadow: 0 10px 20px rgba(16, 38, 58, 0.08);
}

.site-footer-social li a:hover {
	background: #18324a;
	color: #ffffff;
}

.site-footer-title {
	margin: 0 0 14px;
	font-size: 14px;
	font-weight: 800;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: #5f748a;
}

.site-footer-title--secondary {
	margin-top: 18px;
}

.site-footer-list {
	margin: 0;
	color: #18324a;
}

.site-footer-list li {
	margin-bottom: 10px;
	line-height: 1.55;
}

.site-footer-list li:last-child {
	margin-bottom: 0;
}

.site-footer-list li i {
	color: #2e4f73;
}

.site-footer-meta {
	color: #5f748a;
}

.site-footer-text {
	margin: 0;
	line-height: 1.65;
	color: #18324a;
}

.site-footer-payments {
	margin: 6px 0 18px;
}

.site-footer-payments img {
	max-width: 100%;
	height: auto;
}

.site-footer-link {
	display: inline-block;
	font-weight: 700;
	color: #18324a;
}

.site-footer-link:hover,
.site-footer-link:focus {
	color: #2e4f73;
}

.site-footer-bottom {
	position: relative;
	margin-top: 6px;
	padding: 20px 0 8px;
	text-align: center;
}

.site-footer-bottom::before {
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	margin: 0 auto 20px;
	background: linear-gradient(90deg, rgba(95, 116, 138, 0), rgba(95, 116, 138, 0.28), rgba(95, 116, 138, 0));
}

.site-footer-bottom p {
	margin: 0;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: #5f748a;
}

@media (max-width: 991px) {
	.site-footer-main {
		padding-top: 22px;
	}

	.site-footer-card {
		border-radius: 22px;
	}
}

@media (max-width: 767px) {
	.site-footer-grid > [class*="col-"] {
		margin-bottom: 16px;
	}

	.site-footer-card {
		padding: 20px 18px;
		border-radius: 20px;
	}

	.site-footer-logo img {
		max-width: 156px;
	}

	.site-footer-slogan {
		margin-bottom: 14px;
	}

	.site-footer-bottom::before {
		margin-bottom: 16px;
	}

	.site-footer-bottom p {
		font-size: 11px;
	}
}

@media (max-width: 767px) {
	.site-header {
		padding: 4px 0;
	}

	.admin-site-header .container {
		width: 100%;
		padding-left: 12px;
		padding-right: 12px;
	}

	.admin-site-header .row {
		align-items: center;
		display: flex;
		margin-left: -6px;
		margin-right: -6px;
	}

	.admin-site-header .row > .col-md-2,
	.admin-site-header .row > .col-md-10 {
		float: none;
		padding-left: 6px;
		padding-right: 6px;
	}

	.admin-site-header .row > .col-md-2 {
		flex: 0 0 120px;
		width: auto;
	}

	.admin-site-header .row > .col-md-10 {
		flex: 1 1 auto;
		min-width: 0;
		width: auto;
	}

	.site-header .navbar-nav {
		margin-left: 0;
		margin-right: 0;
	}

	.site-header-right,
	.site-navbar.navbar.navbar-default,
	.site-header .col-md-9,
	.site-header .col-md-10 {
		min-height: 0;
	}

	.site-main-navigation {
		margin-top: 0;
	}

	.site-navbar .navbar-header {
		align-items: center;
		display: flex;
		justify-content: flex-end;
		min-height: 44px;
		width: 100%;
	}

	.site-mobile-account-shortcuts {
		align-items: center;
		display: flex;
		flex: 1 1 auto;
		gap: 7px;
		justify-content: flex-end;
		min-width: 0;
		padding-right: 44px;
	}

	.site-mobile-shortcut {
		flex: 0 0 auto;
	}

	.site-mobile-shortcut .site-nav-trigger {
		min-height: 32px;
		min-width: 32px;
		height: 32px;
		width: 32px;
		padding: 4px !important;
		flex: 0 0 32px;
	}

	.site-mobile-shortcut .profileCircle {
		flex: 0 0 28px;
		height: 28px;
		min-height: 28px;
		min-width: 28px;
		width: 28px;
		font-size: 12px;
	}

	.site-mobile-shortcut .site-notification-icon,
	.site-mobile-shortcut .site-assigned-contract-icon,
	.site-mobile-shortcut .site-support-inbox-icon {
		font-size: 16px;
	}

	.site-mobile-shortcut .badge-notify {
		height: 17px;
		min-width: 17px;
		padding: 0 4px;
		right: -8px;
		top: -5px !important;
		font-size: 9px;
	}

	.site-navbar-collapse {
		margin-top: 0;
		padding-top: 0;
		border-top: 0;
	}

    .site-header .navbar-collapse.collapse.in {
        margin-top: 8px;
        padding-top: 10px;
        padding-bottom: 8px;
        border-top: 1px solid #e3ecf4;
        background: rgba(255, 255, 255, 0.98);
		border-radius: 0 0 18px 18px;
        box-shadow: 0 12px 24px rgba(15, 35, 53, 0.12);
        overflow: hidden;
    }

    .site-header .navbar-collapse.collapsing {
        margin-top: 8px;
        padding-top: 0;
        padding-bottom: 0;
        border-top: 0;
        background: rgba(255, 255, 255, 0.98);
        border-radius: 0 0 18px 18px;
        box-shadow: 0 12px 24px rgba(15, 35, 53, 0.12);
        overflow: hidden;
    }

    .site-header .navbar-collapse.collapsing > .site-nav,
    .site-header .navbar-collapse.collapsing > form,
    .site-header .navbar-collapse.collapsing .site-nav-item,
    .site-header .navbar-collapse.collapsing .site-nav-link,
    .site-header .navbar-collapse.collapsing .dropdown-menu {
        opacity: 0;
        visibility: hidden;
        transition: none !important;
    }

    .site-header .site-nav-item--language.open > .site-dropdown-menu {
        display: block;
    }

	.site-header-left {
		padding-right: 0;
		text-align: left;
	}

	.site-header .logo img,
	.site-header-logo img {
		margin: 0;
	}

	.site-header-logo a {
		width: 112px;
		min-width: 112px;
	}

	.site-header-logo #logo {
		width: 112px;
		min-width: 112px;
		max-width: 100%;
		max-height: 40px;
	}

	.fixed-header-on .site-header .site-header-logo #logo {
		width: 112px;
		min-width: 112px;
		max-width: 100%;
		max-height: 40px;
	}

	.site-navbar-toggle {
		position: absolute;
		top: 3px;
		right: 0;
		min-height: 34px;
		min-width: 34px;
		padding: 8px 9px;
	}
}

.support-inbox-page .container,
.support-thread-page .container {
	padding-bottom: 36px;
}

.support-inbox-hero,
.support-thread-hero {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 20px;
	margin: 16px 0 22px;
	padding: 24px 28px;
	border-radius: 26px;
	background: linear-gradient(135deg, rgba(11, 32, 48, 0.94), rgba(18, 73, 92, 0.9) 56%, rgba(213, 131, 67, 0.88));
	box-shadow: 0 22px 44px rgba(12, 29, 44, 0.26);
	color: #ffffff;
}

.support-inbox-hero h2,
.support-thread-hero h2 {
	margin: 8px 0 10px;
	font-size: 32px;
	font-weight: 800;
	letter-spacing: -0.02em;
}

.support-inbox-hero p,
.support-thread-hero p {
	margin: 0;
	max-width: 740px;
	font-size: 15px;
	line-height: 1.7;
	color: rgba(255, 255, 255, 0.88);
}

.support-inbox-hero__content,
.support-thread-hero__main {
	flex: 1 1 520px;
}

.support-inbox-hero__eyebrow {
	display: inline-block;
	padding: 6px 10px;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.12);
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0.18em;
	text-transform: uppercase;
}

.support-inbox-hero__aside,
.support-thread-hero__aside {
	flex: 0 1 320px;
	display: flex;
	flex-direction: column;
	gap: 12px;
	align-items: flex-start;
	justify-content: center;
}

.support-thread-hero__chips {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 16px;
}

.support-thread-hero__status {
	width: 100%;
	padding: 18px 20px;
	border-radius: 20px;
	border: 1px solid rgba(255, 255, 255, 0.18);
	background: rgba(255, 255, 255, 0.12);
	backdrop-filter: blur(10px);
}

.support-thread-hero__status strong {
	display: block;
	margin-bottom: 8px;
	font-size: 18px;
	font-weight: 800;
}

.support-thread-hero__status p {
	font-size: 14px;
	line-height: 1.6;
}

.support-thread-hero__status--ready {
	box-shadow: inset 0 0 0 1px rgba(111, 232, 157, 0.18);
}

.support-thread-hero__status--locked {
	box-shadow: inset 0 0 0 1px rgba(255, 209, 102, 0.18);
}

.support-toolbar-card,
.support-detail-panel,
.support-side-panel {
	border-radius: 24px;
	background: rgba(255, 255, 255, 0.96);
	box-shadow: 0 18px 36px rgba(16, 37, 56, 0.14);
	border: 1px solid rgba(18, 73, 92, 0.08);
}

.support-toolbar-card {
	margin-bottom: 20px;
	padding: 18px 20px 10px;
}

.support-toolbar-card__grid {
	display: flex;
	flex-wrap: wrap;
	gap: 14px 16px;
	align-items: flex-end;
}

.support-toolbar-card__grid .form-group {
	flex: 1 1 190px;
	margin-bottom: 10px;
}

.support-toolbar-card__search {
	flex-basis: 340px;
}

.support-toolbar-card__toggle .checkbox {
	margin: 0;
	padding-top: 10px;
}

.support-toolbar-card__actions {
	flex: 0 0 170px;
}

.support-metric-strip {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 14px;
	margin-bottom: 22px;
}

.support-metric-card {
	padding: 18px 20px;
	border-radius: 20px;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(242, 248, 250, 0.96));
	border: 1px solid rgba(18, 73, 92, 0.08);
	box-shadow: 0 12px 24px rgba(15, 35, 53, 0.08);
}

.support-metric-card--urgent {
	background: linear-gradient(180deg, rgba(255, 248, 248, 0.98), rgba(255, 233, 233, 0.96));
}

.support-metric-card__label {
	display: block;
	margin-bottom: 8px;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: #587081;
}

.support-metric-card__value {
	font-size: 30px;
	font-weight: 800;
	line-height: 1;
	color: #133042;
}

.support-board-header {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 14px 18px;
	align-items: flex-end;
	margin-bottom: 16px;
}

.support-board-header h3,
.support-side-panel__header h3,
.support-detail-panel__header h3 {
	margin: 0 0 6px;
	font-size: 22px;
	font-weight: 800;
	color: #0f2c3d;
}

.support-board-header p,
.support-side-panel__header p,
.support-detail-panel__header p {
	margin: 0;
	color: #5f7382;
	line-height: 1.6;
}

.support-board-header__chips {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.support-board {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
	align-items: stretch;
}

.support-board-column {
	flex: 1 1 260px;
	display: flex;
	flex-direction: column;
	min-width: 0;
	padding: 14px;
	border-radius: 24px;
	background: rgba(247, 250, 252, 0.98);
	box-shadow: inset 0 0 0 1px rgba(18, 73, 92, 0.08), 0 16px 28px rgba(14, 35, 48, 0.08);
}

.support-board-column--open {
	background: linear-gradient(180deg, rgba(237, 247, 252, 0.98), rgba(244, 249, 251, 0.98));
}

.support-board-column--waiting-customer {
	background: linear-gradient(180deg, rgba(255, 249, 232, 0.98), rgba(255, 252, 244, 0.98));
}

.support-board-column--waiting-internal {
	background: linear-gradient(180deg, rgba(255, 242, 234, 0.98), rgba(255, 248, 243, 0.98));
}

.support-board-column--closed {
	background: linear-gradient(180deg, rgba(243, 245, 247, 0.98), rgba(249, 250, 251, 0.98));
}

.support-board-column__header {
	display: flex;
	justify-content: space-between;
	gap: 14px;
	align-items: flex-start;
	padding: 6px 6px 14px;
}

.support-board-column__header h4 {
	margin: 0 0 4px;
	font-size: 18px;
	font-weight: 800;
	color: #0f2c3d;
}

.support-board-column__header p {
	margin: 0;
	font-size: 13px;
	line-height: 1.6;
	color: #5b6f7d;
}

.support-board-column__count {
	min-width: 42px;
	height: 42px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 14px;
	background: rgba(15, 44, 61, 0.08);
	font-size: 20px;
	font-weight: 800;
	color: #0f2c3d;
}

.support-board-column__body {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.support-column-empty,
.support-empty-state {
	padding: 18px;
	border-radius: 18px;
	background: rgba(255, 255, 255, 0.78);
	border: 1px dashed rgba(15, 44, 61, 0.18);
	color: #69808f;
	line-height: 1.6;
}

.support-thread-card,
.support-mini-thread {
	display: block;
	padding: 16px 16px 14px;
	border-radius: 18px;
	background: #ffffff;
	border: 1px solid rgba(18, 73, 92, 0.1);
	box-shadow: 0 10px 20px rgba(13, 33, 48, 0.08);
	text-decoration: none !important;
	transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

.support-thread-card:hover,
.support-thread-card:focus,
.support-mini-thread:hover,
.support-mini-thread:focus {
	transform: translateY(-2px);
	box-shadow: 0 16px 28px rgba(13, 33, 48, 0.14);
	border-color: rgba(18, 73, 92, 0.22);
	text-decoration: none;
}

.support-thread-card--attention {
	box-shadow: 0 16px 28px rgba(166, 52, 40, 0.14);
	border-color: rgba(196, 79, 66, 0.26);
}

.support-thread-card--closed {
	opacity: 0.88;
}

.support-thread-card__chips,
.support-mini-thread__top,
.support-contract-link__top {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
}

.support-thread-card h5 {
	margin: 12px 0 8px;
	font-size: 18px;
	font-weight: 800;
	line-height: 1.35;
	color: #0f2c3d;
}

.support-thread-card__customer,
.support-mini-thread p {
	margin: 0 0 8px;
	font-size: 14px;
	font-weight: 700;
	color: #24475a;
}

.support-thread-card__preview {
	margin: 0 0 12px;
	font-size: 14px;
	line-height: 1.65;
	color: #5b6f7d;
}

.support-thread-card__meta,
.support-mini-thread__meta {
	display: flex;
	flex-direction: column;
	gap: 5px;
	font-size: 12px;
	line-height: 1.5;
	color: #607685;
}

.support-chip {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 6px 10px;
	border-radius: 999px;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	line-height: 1;
}

.support-chip--solid {
	background: rgba(255, 255, 255, 0.18);
	color: #ffffff;
}

.support-chip--outline {
	border: 1px solid rgba(15, 44, 61, 0.16);
	background: rgba(255, 255, 255, 0.72);
	color: #0f2c3d;
}

.support-chip--muted {
	background: rgba(15, 44, 61, 0.08);
	color: #516673;
}

.support-chip--danger {
	background: #a83c32;
	color: #ffffff;
}

.support-chip--warning {
	background: #ffd985;
	color: #604200;
}

.support-chip--success {
	background: #d5f5de;
	color: #12502f;
}

.support-customer-tier {
	cursor: help;
	border: 1px solid transparent;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.42), 0 4px 12px rgba(15, 44, 61, 0.12);
}

.support-chip--customer-silver {
	background: linear-gradient(135deg, #f7fafc 0%, #b8c3cd 42%, #eef3f6 100%);
	border-color: rgba(100, 115, 128, 0.36);
	color: #263845;
}

.support-chip--customer-gold {
	background: linear-gradient(135deg, #fff4bf 0%, #d9a425 46%, #fff0a3 100%);
	border-color: rgba(150, 103, 0, 0.34);
	color: #3f2b00;
}

.dashboard-contract-strip {
	align-items: center;
	display: flex;
	gap: 6px;
	justify-content: space-between;
	min-height: 22px;
}

.dashboard-contract-strip__main {
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.dashboard-customer-tier {
	border: 1px solid rgba(0, 0, 0, 0.16);
	border-radius: 999px;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72), 0 3px 8px rgba(31, 44, 55, 0.18);
	cursor: help;
	flex: 0 0 auto;
	font-size: 9px;
	font-weight: 900;
	letter-spacing: 0.08em;
	line-height: 1;
	padding: 4px 7px 3px;
	text-transform: uppercase;
}

.dashboard-customer-tier--silver {
	background: linear-gradient(135deg, #ffffff 0%, #aeb8c2 46%, #f5f8fa 100%);
	color: #1f3444;
}

.dashboard-customer-tier--gold {
	background: linear-gradient(135deg, #fff6c7 0%, #c99312 46%, #ffe480 100%);
	color: #3d2800;
}

.contract-details-heading__tier {
	align-items: center;
	display: flex;
	position: absolute;
	right: 88px;
	top: 50%;
	transform: translateY(-50%);
	z-index: 3;
}

.contract-customer-tier-badge {
	align-items: center;
	border: 1px solid rgba(0, 0, 0, 0.16);
	border-radius: 999px;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.78), 0 8px 18px rgba(31, 44, 55, 0.22);
	cursor: help;
	display: inline-flex;
	gap: 8px;
	letter-spacing: 0.08em;
	padding: 8px 16px;
	text-transform: uppercase;
}

.contract-customer-tier-badge__level {
	font-size: 18px;
	font-weight: 900;
	line-height: 1;
}

.contract-customer-tier-badge__text {
	font-size: 10px;
	font-weight: 800;
	line-height: 1;
	opacity: 0.78;
}

.contract-customer-tier-badge--silver {
	background: linear-gradient(135deg, #ffffff 0%, #aeb8c2 44%, #f3f7fa 100%);
	color: #1f3444;
}

.contract-customer-tier-badge--gold {
	background: linear-gradient(135deg, #fff6c7 0%, #c99312 44%, #ffe480 100%);
	color: #3d2800;
}

.support-sidebar-stack {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.support-side-panel--sticky {
	position: sticky;
	top: 18px;
}

.support-side-panel__header,
.support-detail-panel__header {
	padding: 18px 20px 12px;
	border-bottom: 1px solid rgba(18, 73, 92, 0.08);
}

.support-side-panel__body,
.support-detail-panel__body {
	padding: 18px 20px 20px;
}

.support-rule-list {
	margin: 0;
	padding-left: 18px;
	color: #526674;
	line-height: 1.8;
}

.support-back-link {
	margin: 8px 0 0;
}

.support-back-link a {
	font-weight: 700;
	color: #0f5161;
}

.support-thread-workspace {
	margin-top: 4px;
}

.support-message {
	padding: 16px 18px;
	border-radius: 20px;
	margin-bottom: 14px;
	border: 1px solid rgba(18, 73, 92, 0.1);
}

.support-message--inbound {
	background: linear-gradient(180deg, #edf7fc, #f8fcfe);
}

.support-message--outbound {
	background: linear-gradient(180deg, #eff9f1, #fbfffc);
}

.support-message--draft {
	background: linear-gradient(180deg, #fff6e9, #fffdf8);
}

.support-message--internal {
	background: linear-gradient(180deg, #f4f3ff, #fbfbff);
}

.support-message__meta {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 8px 16px;
	margin-bottom: 12px;
}

.support-message__direction {
	display: inline-block;
	margin-right: 10px;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: #0f5161;
}

.support-message__sender,
.support-message__time {
	font-size: 13px;
	color: #5b6f7d;
}

.support-message__text {
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
	font-size: 14px;
	line-height: 1.72;
	white-space: pre-wrap;
	word-break: break-word;
	color: #233f50;
}

.support-message__failure {
	margin: 12px 0 0;
	color: #a83c32;
}

.support-message-attachments {
	margin-top: 16px;
	padding: 12px;
	border: 1px solid rgba(18, 73, 92, 0.14);
	border-radius: 16px;
	background: rgba(255, 255, 255, 0.72);
}

.support-message-attachments--loading {
	opacity: 0.72;
}

.support-message-attachments--error {
	border-color: rgba(185, 28, 28, 0.22);
	background: #fff7f7;
}

.support-message-attachments__header {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 10px;
	color: #27495b;
	font-size: 13px;
}

.support-message-attachments__header i {
	color: #2f7fb7;
}

.support-message-attachments__header span {
	color: #718392;
	font-size: 12px;
}

.support-message-attachments__list {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	gap: 10px;
}

.support-message-attachments__error {
	grid-column: 1 / -1;
	padding: 10px 12px;
	border: 1px solid rgba(185, 28, 28, 0.16);
	border-radius: 12px;
	background: #fff1f2;
	color: #991b1b;
	font-size: 12px;
	font-weight: 800;
}

.support-message-attachment {
	display: flex;
	align-items: center;
	gap: 10px;
	min-width: 0;
	padding: 10px 12px;
	border: 1px solid rgba(18, 73, 92, 0.12);
	border-radius: 14px;
	background: #ffffff;
	color: #183548;
	text-decoration: none;
	box-shadow: 0 8px 18px rgba(15, 40, 55, 0.06);
	transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
}

.support-message-attachment:hover,
.support-message-attachment:focus {
	border-color: rgba(47, 127, 183, 0.55);
	box-shadow: 0 12px 24px rgba(15, 40, 55, 0.1);
	color: #0f5161;
	text-decoration: none;
	transform: translateY(-1px);
}

.support-message-attachment--blocked {
	border-color: rgba(185, 28, 28, 0.22);
	background: #fff1f2;
	color: #7f1d1d;
	cursor: not-allowed;
}

.support-message-attachment--blocked:hover,
.support-message-attachment--blocked:focus {
	border-color: rgba(185, 28, 28, 0.22);
	box-shadow: none;
	color: #7f1d1d;
	text-decoration: none;
	transform: none;
}

.support-message-attachment--blocked .support-message-attachment__icon {
	background: #fee2e2;
	color: #b91c1c;
}

.support-message-attachment--blocked .support-message-attachment__download {
	color: #b91c1c;
	font-size: 11px;
	font-weight: 900;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

.support-message-attachment__blocked-reason {
	display: block;
	overflow: hidden;
	color: #991b1b;
	font-size: 11px;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.support-message-attachment__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 38px;
	width: 38px;
	height: 38px;
	border-radius: 12px;
	background: #edf6fb;
	color: #2f7fb7;
	font-size: 18px;
}

.support-message-attachment__main {
	min-width: 0;
	flex: 1 1 auto;
}

.support-message-attachment__name {
	display: block;
	overflow: hidden;
	color: #183548;
	font-weight: 800;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.support-message-attachment__meta {
	display: block;
	overflow: hidden;
	color: #6c7f8d;
	font-size: 12px;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.support-message-attachment__download {
	color: #2f7fb7;
	flex: 0 0 auto;
}

.support-refine-toolbar {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 12px;
}

.support-refine-toolbar .btn {
	border-radius: 999px;
	padding-left: 14px;
	padding-right: 14px;
}

.support-refine-status {
	min-height: 20px;
	margin-bottom: 10px;
}

.support-reply-textarea {
	min-height: 260px;
	border-radius: 18px;
	padding: 16px;
	resize: vertical;
}

.support-compose-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.support-assignment-list {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin-bottom: 16px;
}

.support-assignment-item {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 12px 14px;
	border-radius: 16px;
	background: rgba(247, 250, 252, 0.92);
	border: 1px solid rgba(18, 73, 92, 0.08);
	font-weight: 600;
	color: #28475a;
}

.support-contract-link {
	padding: 0;
	border-top: 1px solid rgba(18, 73, 92, 0.08);
	border-radius: 0;
	margin-bottom: 20px;
	background: #ffffff;
	color: #333333;
	overflow: hidden;
}

.support-contract-link:first-child {
	border-top: 0;
}

.support-contract-link p {
	margin: 6px 0 0;
	line-height: 1.6;
	color: #526674;
}

.support-dashboard-contract-card__header {
	padding: 1px 4px;
	min-height: 23px;
	font-size: 14px;
	line-height: 20px;
	color: #333333;
}

.support-dashboard-contract-card__body {
	padding: 3px 4px 0;
	font-size: 14px;
	line-height: 1.45;
	color: #333333;
}

.support-dashboard-contract-card__meta {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin-top: 3px;
	font-size: 11px;
	color: #777777;
}

.support-dashboard-contract-card__actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 4px;
	margin-top: 3px;
	color: #003399;
}

.support-dashboard-contract-card__actions form {
	display: inline-flex;
	margin: 0 0 0 4px;
}

.support-dashboard-contract-card__actions a {
	font-weight: 700;
	color: #003399;
}

.support-dashboard-contract-card__actions .btn-link {
	padding: 0;
	font-weight: 700;
	color: #003399;
	text-decoration: none;
}

.support-dashboard-contract-card__actions .btn-link:hover,
.support-dashboard-contract-card__actions .btn-link:focus {
	text-decoration: underline;
}

.support-contract-link__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 8px;
}

.support-contract-link__id {
	font-weight: 900;
	color: var(--desk-ink);
	text-decoration: none;
}

.support-contract-link__id:hover,
.support-contract-link__id:focus {
	color: #0d6efd;
	text-decoration: underline;
}

.support-contract-link__status {
	font-weight: 800;
}

.support-suggested-contracts {
	margin-top: 18px;
	padding-top: 18px;
	border-top: 1px solid rgba(18, 73, 92, 0.08);
}

.support-suggested-contracts h4 {
	margin: 0 0 12px;
	font-size: 16px;
	font-weight: 800;
	color: #0f2c3d;
}

.support-mini-thread {
	margin-bottom: 10px;
}

.support-mini-thread:last-child {
	margin-bottom: 0;
}

@media (max-width: 1199px) {
	.support-metric-strip {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 991px) {
	.support-inbox-hero,
	.support-thread-hero {
		padding: 22px;
	}

	.support-side-panel--sticky {
		position: static;
	}
}

@media (max-width: 767px) {
	.support-inbox-hero,
	.support-thread-hero {
		padding: 20px 18px;
		border-radius: 22px;
	}

	.support-inbox-hero h2,
	.support-thread-hero h2 {
		font-size: 28px;
	}

	.support-metric-strip {
		grid-template-columns: minmax(0, 1fr);
	}

	.support-toolbar-card,
	.support-detail-panel,
	.support-side-panel,
	.support-board-column {
		border-radius: 20px;
	}
}


.support-sync-card {
    align-items: center;
    background: rgba(255, 255, 255, 0.94);
    border: 1px solid rgba(17, 24, 39, 0.08);
    border-radius: 18px;
    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.14);
    display: flex;
    gap: 18px;
    justify-content: space-between;
    margin: 0 0 18px;
    padding: 16px 18px;
}

.support-sync-card strong,
.support-sync-card span {
    display: block;
}

.support-sync-card span {
    color: #64748b;
    font-size: 13px;
    margin-top: 3px;
}

@media (max-width: 767px) {
    .support-sync-card {
        align-items: stretch;
        flex-direction: column;
    }
}

/* Support desk operator dashboard */
.support-desk-page {
	--desk-ink: #102533;
	--desk-muted: #607481;
	--desk-panel: rgba(255, 255, 255, 0.97);
	--desk-line: rgba(16, 37, 51, 0.12);
}

.ai-support-page .support-desk-topbar h2 {
	letter-spacing: 0;
}

.ai-support-intro {
	border-left: 4px solid #2f80ed;
}

.ai-support-steps {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 14px;
}

.ai-support-steps div,
.ai-knowledge-card,
.ai-support-list-item,
.ai-backfill-card {
	background: #fff;
	border: 1px solid rgba(20, 35, 55, 0.1);
	border-radius: 8px;
	box-shadow: 0 10px 24px rgba(15, 23, 42, 0.06);
}

.ai-support-steps div {
	padding: 16px;
}

.ai-support-steps strong,
.ai-support-steps span {
	display: block;
}

.ai-support-steps strong {
	color: #172033;
	font-size: 15px;
	margin-bottom: 6px;
}

.ai-support-steps span,
.ai-help-text {
	color: #667085;
	font-size: 13px;
	line-height: 1.5;
}

.ai-support-list {
	display: grid;
	gap: 10px;
}

.ai-support-list-item {
	color: inherit;
	display: grid;
	gap: 6px;
	padding: 14px 16px;
	text-decoration: none;
	transition: border-color 0.15s ease, transform 0.15s ease;
}

.ai-support-list-item:hover,
.ai-support-list-item:focus {
	border-color: rgba(47, 128, 237, 0.45);
	color: inherit;
	text-decoration: none;
	transform: translateY(-1px);
}

.ai-support-list-item strong {
	color: #172033;
	font-size: 15px;
}

.ai-support-list-item p {
	color: #475467;
	font-size: 13px;
	line-height: 1.5;
	margin: 0;
}

.ai-support-list-item small,
.ai-knowledge-card__meta,
.ai-knowledge-card__top {
	color: #667085;
	font-size: 12px;
}

.ai-review-card {
	cursor: default;
}

.ai-review-card__actions {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	justify-content: flex-start;
	margin-top: 6px;
}

.ai-review-card__actions form {
	margin: 0;
}

.ai-quick-review dl {
	margin: 0;
}

.ai-quick-review dt {
	color: #667085;
	font-size: 12px;
	font-weight: 900;
	margin-top: 14px;
	text-transform: uppercase;
}

.ai-quick-review dt:first-child {
	margin-top: 0;
}

.ai-quick-review dd {
	color: #172033;
	margin: 4px 0 0;
	white-space: pre-wrap;
}

.ai-knowledge-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
	gap: 14px;
}

.ai-backfill-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
}

.ai-backfill-card {
	display: grid;
	gap: 12px;
	padding: 18px;
}

.ai-backfill-card h3 {
	color: #172033;
	font-size: 17px;
	margin: 0;
}

.ai-backfill-card p {
	color: #475467;
	font-size: 13px;
	line-height: 1.55;
	margin: 0;
}

.ai-backfill-card strong {
	color: #102533;
	font-size: 13px;
}

.ai-backfill-card form {
	margin: 0;
}

.ai-knowledge-card {
	display: flex;
	flex-direction: column;
	gap: 10px;
	min-height: 250px;
	padding: 16px;
}

.ai-knowledge-card__top,
.ai-knowledge-card__meta,
.ai-knowledge-card__actions,
.ai-rule-toggles {
	align-items: center;
	display: flex;
	gap: 10px;
	justify-content: space-between;
}

.ai-knowledge-card h3 {
	color: #172033;
	font-size: 17px;
	line-height: 1.35;
	margin: 0;
}

.ai-knowledge-card p {
	color: #475467;
	flex: 1;
	font-size: 13px;
	line-height: 1.55;
	margin: 0;
}

.ai-inline-form {
	display: inline-flex;
	margin: 0;
}

.ai-quality-strip {
	align-items: center;
	color: #667085;
	display: flex;
	font-size: 12px;
	font-weight: 800;
	gap: 8px;
}

.ai-quality-score {
	align-items: center;
	border-radius: 999px;
	display: inline-flex;
	font-size: 12px;
	font-weight: 900;
	justify-content: center;
	min-width: 42px;
	padding: 4px 8px;
}

.ai-quality-score.is-good {
	background: #e8f7ee;
	color: #1f7a4d;
}

.ai-quality-score.is-warning {
	background: #fff4d6;
	color: #8a6100;
}

.ai-quality-score.is-poor {
	background: #fde8e7;
	color: #a8322a;
}

.ai-quality-score.is-unknown {
	background: #eef2f6;
	color: #667085;
}

.ai-quality-note {
	background: #f8fafc;
	border-left: 3px solid #9db8d1;
	color: #475467 !important;
	flex: 0 0 auto !important;
	padding: 8px 10px;
}

.ai-quality-panel {
	background: #f8fbff;
	border: 1px solid rgba(47, 128, 237, 0.16);
	border-radius: 8px;
	display: grid;
	gap: 10px;
	margin-bottom: 18px;
	padding: 14px 16px;
}

.ai-quality-panel strong {
	color: #172033;
	display: block;
	font-size: 18px;
}

.ai-quality-panel p {
	color: #475467;
	line-height: 1.55;
	margin: 0;
}

.ai-knowledge-card__actions {
	border-top: 1px solid rgba(20, 35, 55, 0.08);
	flex-wrap: wrap;
	padding-top: 10px;
}

.ai-knowledge-card__actions form {
	margin: 0;
}

.ai-support-form-shell {
	align-items: start;
}

.ai-form-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
}

.ai-large-textarea {
	line-height: 1.55;
	resize: vertical;
}

.ai-field-heading {
	align-items: center;
	display: flex;
	gap: 7px;
	margin-bottom: 5px;
}

.ai-field-heading label {
	margin-bottom: 0;
}

.ai-help-button {
	align-items: center;
	background: #eef6ff;
	border: 1px solid rgba(47, 128, 237, 0.22);
	border-radius: 50%;
	color: #14538f;
	display: inline-flex;
	flex: 0 0 auto;
	font-size: 13px;
	font-weight: 900;
	height: 23px;
	justify-content: center;
	line-height: 1;
	padding: 0;
	width: 23px;
}

.ai-help-button:hover,
.ai-help-button:focus {
	background: #dceeff;
	border-color: rgba(47, 128, 237, 0.45);
	color: #0f3f72;
	outline: none;
}

.ai-help-modal .modal-content {
	border: 0;
	border-radius: 12px;
	box-shadow: 0 22px 56px rgba(15, 23, 42, 0.22);
	overflow: hidden;
}

.ai-help-modal .modal-header {
	background: #f7fbff;
	border-bottom: 1px solid rgba(20, 35, 55, 0.08);
}

.ai-help-modal .modal-title {
	color: #172033;
	font-weight: 900;
}

.ai-help-modal .modal-body {
	color: #344054;
	font-size: 14px;
	line-height: 1.6;
}

.ai-help-modal .modal-body ul {
	margin: 10px 0 0;
	padding-left: 18px;
}

.ai-help-modal .modal-body li + li {
	margin-top: 6px;
}

.ai-check {
	align-items: center;
	color: #344054;
	display: flex;
	font-size: 13px;
	gap: 8px;
	line-height: 1.4;
	margin: 10px 0;
}

.ai-check input {
	margin: 0;
}

.ai-check-inline {
	margin: 0;
}

.ai-save-button {
	margin-top: 16px;
	width: 100%;
}

.ai-rule-card .form-group {
	margin-bottom: 14px;
}

.ai-rule-summary {
	display: grid;
	grid-template-columns: 160px 1fr;
	gap: 10px 18px;
	margin: 0;
}

.ai-rule-summary dt {
	color: #667085;
	font-weight: 600;
}

.ai-rule-summary dd {
	color: #172033;
	margin: 0;
}

.site-dropdown-menu .dropdown-submenu {
	position: relative;
}

.site-dropdown-menu .dropdown-submenu > a {
	align-items: center;
	display: flex;
	justify-content: space-between;
	min-width: 220px;
}

.site-submenu-caret::after {
	border-bottom: 4px solid transparent;
	border-left: 4px solid currentColor;
	border-top: 4px solid transparent;
	content: "";
	display: inline-block;
	margin-left: 12px;
	vertical-align: middle;
}

.site-dropdown-menu .dropdown-submenu > .dropdown-menu {
	background: #fafafa;
	display: none;
	left: 100%;
	margin-left: -1px;
	margin-top: -6px;
	min-width: 230px;
	position: absolute;
	top: 0;
	z-index: 3005;
}

.site-dropdown-menu .dropdown-submenu:hover > .dropdown-menu,
.site-dropdown-menu .dropdown-submenu:focus-within > .dropdown-menu,
.site-dropdown-menu .dropdown-submenu.open > .dropdown-menu {
	display: block;
}

.site-dropdown-menu .dropdown-submenu:hover > a,
.site-dropdown-menu .dropdown-submenu:focus-within > a {
	background-color: #f5f7fb;
	color: #102533;
	text-decoration: none;
}

@media (min-width: 768px) {
	.site-nav .dropdown-menu {
		overflow: visible;
	}
}

@media (max-width: 991px) {
	.ai-support-steps,
	.ai-form-grid,
	.ai-backfill-grid {
		grid-template-columns: 1fr;
	}

	.ai-rule-summary {
		grid-template-columns: 1fr;
	}

	.ai-rule-toggles,
	.ai-knowledge-card__actions {
		align-items: flex-start;
		flex-direction: column;
	}
}

@media (max-width: 767px) {
	.site-dropdown-menu .dropdown-submenu > a {
		min-width: 0;
	}

	.site-dropdown-menu .dropdown-submenu > .dropdown-menu {
		box-shadow: none;
		display: none;
		left: auto !important;
		margin: 0;
		min-width: 0;
		position: static;
	}

	.site-dropdown-menu .dropdown-submenu.open > .dropdown-menu {
		display: block;
	}

	.site-dropdown-menu .dropdown-submenu:hover > .dropdown-menu,
	.site-dropdown-menu .dropdown-submenu:focus-within > .dropdown-menu {
		display: none;
	}

	.site-dropdown-menu .dropdown-submenu.open:hover > .dropdown-menu,
	.site-dropdown-menu .dropdown-submenu.open:focus-within > .dropdown-menu {
		display: block;
	}

	.site-submenu-caret::after {
		border-left: 4px solid transparent;
		border-right: 4px solid transparent;
		border-top: 4px solid currentColor;
	}
}

.support-desk-topbar {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 20px;
	margin: 22px 0 18px;
	padding: 24px;
	border-radius: 26px;
	background: linear-gradient(135deg, rgba(12, 43, 58, 0.96), rgba(24, 82, 93, 0.92));
	color: #fff;
	box-shadow: 0 22px 42px rgba(9, 31, 43, 0.24);
}

.support-desk-topbar h2 {
	margin: 8px 0 6px;
	font-size: 34px;
	font-weight: 900;
}

.support-desk-topbar p {
	margin: 0;
	max-width: 760px;
	color: rgba(255, 255, 255, 0.82);
}

.support-desk-sync {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 12px;
	border-radius: 16px;
	background: rgba(255, 255, 255, 0.12);
	white-space: nowrap;
}

.support-desk-sync span {
	color: rgba(255, 255, 255, 0.76);
	font-size: 13px;
}

.support-desk-actions-menu {
	position: relative;
	right: auto;
	top: auto;
	z-index: 5;
}

.support-desk-actions-menu .support-ticket-menu__panel {
	right: 0;
	min-width: 190px;
}

.support-desk-metrics {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 14px;
	margin-bottom: 16px;
}

.support-desk-metric {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 16px 18px;
	border-radius: 18px;
	background: var(--desk-panel);
	color: var(--desk-ink);
	text-decoration: none;
	box-shadow: 0 12px 26px rgba(13, 33, 48, 0.08);
}

.support-desk-metric:hover,
.support-desk-metric:focus {
	color: var(--desk-ink);
	text-decoration: none;
	transform: translateY(-1px);
}

.support-desk-metric span {
	color: var(--desk-muted);
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	font-size: 12px;
}

.support-desk-metric strong {
	font-size: 28px;
	font-weight: 900;
}

.support-desk-metric--urgent {
	background: linear-gradient(135deg, #fff7f2, #ffe3d7);
}

.support-desk-shell {
	display: grid;
	grid-template-columns: 220px minmax(0, 1fr) 290px;
	gap: 16px;
	align-items: start;
}

.support-desk-nav,
.support-desk-main,
.support-desk-inspector .support-side-panel,
.support-desk-section {
	border-radius: 22px;
	background: var(--desk-panel);
	box-shadow: 0 14px 32px rgba(13, 33, 48, 0.1);
}

.support-desk-nav {
	position: sticky;
	top: 16px;
	padding: 16px;
}

.support-desk-nav h3 {
	margin: 0 0 12px;
	font-size: 15px;
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	color: var(--desk-muted);
}

.support-desk-nav__item {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 10px;
	padding: 12px;
	border-radius: 14px;
	color: var(--desk-ink);
	text-decoration: none;
}

.support-desk-nav__item:hover,
.support-desk-nav__item:focus,
.support-desk-nav__item.is-active {
	background: #eaf4f6;
	color: var(--desk-ink);
	text-decoration: none;
}

.support-desk-nav__item strong {
	min-width: 28px;
	text-align: center;
	padding: 3px 8px;
	border-radius: 999px;
	background: rgba(16, 37, 51, 0.08);
}

.support-desk-nav__archive {
	margin-top: 8px;
	border-top: 1px solid rgba(16, 37, 51, 0.08);
	padding-top: 8px;
}

.support-desk-nav__archive summary {
	cursor: pointer;
	list-style: none;
	padding: 10px 12px;
	border-radius: 14px;
	color: var(--desk-muted);
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	font-size: 12px;
}

.support-desk-nav__archive summary::-webkit-details-marker {
	display: none;
}

.support-desk-nav__archive summary:after {
	content: "+";
	float: right;
	font-size: 16px;
	line-height: 1;
}

.support-desk-nav__archive[open] summary:after {
	content: "-";
}

.support-desk-nav__item--disabled {
	color: rgba(16, 37, 51, 0.42);
	cursor: not-allowed;
}

.support-desk-nav__item--disabled:hover,
.support-desk-nav__item--disabled:focus {
	background: transparent;
	color: rgba(16, 37, 51, 0.42);
}

.support-desk-main {
	padding: 16px;
}

.support-insight-strip {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 10px;
	margin-bottom: 14px;
}

.support-insight-card {
	position: relative;
	overflow: hidden;
	min-height: 92px;
	padding: 14px 14px 12px;
	border: 1px solid rgba(16, 37, 51, 0.08);
	border-radius: 18px;
	background:
		linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(244, 248, 249, 0.92));
	box-shadow: 0 12px 24px rgba(13, 33, 48, 0.08);
}

.support-insight-card:before {
	content: "";
	position: absolute;
	inset: 0 auto 0 0;
	width: 5px;
	background: #8fa6b3;
}

.support-insight-card span,
.support-insight-card small {
	display: block;
	color: #5f7480;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.support-insight-card strong {
	display: block;
	margin: 7px 0 5px;
	color: #102533;
	font-size: 28px;
	font-weight: 950;
	letter-spacing: -0.04em;
	line-height: 1;
}

.support-insight-card small {
	color: #6e818b;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0;
	text-transform: none;
}

.support-insight-card--good:before {
	background: #26a66a;
}

.support-insight-card--watch:before {
	background: #d46d35;
}

.support-insight-card--watch {
	background:
		linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(255, 245, 235, 0.96));
}

.support-desk-filter {
	display: grid;
	grid-template-columns: minmax(220px, 1fr) 210px 110px;
	gap: 12px;
	align-items: end;
	margin-bottom: 16px;
	padding: 14px;
	border-radius: 18px;
	background: #f4f8f9;
}

.support-desk-filter label {
	display: block;
	margin-bottom: 6px;
	color: var(--desk-muted);
	font-size: 12px;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.05em;
}

.support-desk-section {
	padding: 16px;
	margin-bottom: 16px;
}

.support-desk-section__header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 12px;
	margin-bottom: 12px;
}

.support-desk-section__header h3 {
	margin: 0;
	font-size: 20px;
	font-weight: 900;
	color: var(--desk-ink);
}

.support-desk-section__header span {
	color: var(--desk-muted);
	font-size: 13px;
}

.support-priority-strip {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 10px;
}

.support-priority-card {
	display: block;
	padding: 14px;
	border-radius: 16px;
	background: linear-gradient(135deg, #fff8ec, #ffe4c5);
	color: var(--desk-ink);
	text-decoration: none;
}

.support-priority-card:hover,
.support-priority-card:focus {
	color: var(--desk-ink);
	text-decoration: none;
	box-shadow: 0 12px 24px rgba(130, 67, 20, 0.14);
}

.support-priority-card span,
.support-priority-card small {
	display: block;
	color: #7c6044;
}

.support-priority-card strong {
	display: block;
	margin: 5px 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.support-ticket-list {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.support-ticket-row {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 150px;
	gap: 12px;
	padding: 14px;
	border: 1px solid var(--desk-line);
	border-radius: 18px;
	background: #fff;
}

.support-ticket-row--urgent {
	border-left: 5px solid #c94f3d;
}

.support-ticket-row--closed {
	opacity: 0.78;
	background: #f7f8f9;
}

.support-ticket-row__main {
	display: block;
	color: var(--desk-ink);
	text-decoration: none;
	min-width: 0;
}

.support-ticket-row__main:hover,
.support-ticket-row__main:focus {
	color: var(--desk-ink);
	text-decoration: none;
}

.support-ticket-row__top,
.support-ticket-row__meta,
.support-ticket-row__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	align-items: center;
}

.support-ticket-row h4 {
	margin: 8px 0 6px;
	font-size: 18px;
	font-weight: 900;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.support-ticket-row p {
	margin: 0 0 8px;
	color: #344a57;
}

.support-ticket-row__meta {
	color: var(--desk-muted);
	font-size: 13px;
}

.support-ticket-row__actions {
	flex-direction: column;
	align-items: stretch;
}

.support-ticket-row__actions form,
.support-thread-actions form {
	margin: 0;
}

.support-ticket-id {
	font-weight: 900;
	color: var(--desk-muted);
}

.support-health-list {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.support-health-list div {
	display: flex;
	justify-content: space-between;
	padding: 10px 0;
	border-bottom: 1px solid var(--desk-line);
}

.support-health-list div:last-child {
	border-bottom: 0;
}

.support-thread-actions {
	width: 100%;
	margin-top: 12px;
	padding: 14px;
	border-radius: 18px;
	background: rgba(255, 255, 255, 0.12);
	color: #fff;
}

.support-thread-actions strong {
	display: block;
	margin-bottom: 10px;
}

.support-thread-actions > div {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

@media (max-width: 1200px) {
	.support-desk-shell {
		grid-template-columns: 190px minmax(0, 1fr);
	}

	.support-desk-inspector {
		grid-column: 1 / -1;
	}
}

@media (max-width: 900px) {
	.support-desk-topbar {
		align-items: stretch;
		flex-direction: column;
	}

	.support-desk-sync {
		align-items: center;
		flex-direction: row;
		justify-content: space-between;
	}

	.support-desk-metrics,
	.support-insight-strip,
	.support-priority-strip {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.support-desk-shell,
	.support-desk-filter,
	.support-ticket-row {
		grid-template-columns: 1fr;
	}

	.support-desk-nav {
		position: static;
	}
}
.support-ticket-row {
	position: relative;
	grid-template-columns: minmax(0, 1fr);
	padding-right: 54px;
}

.support-ticket-menu {
	position: absolute;
	right: 12px;
	top: 12px;
	z-index: 3;
}

.support-ticket-menu__button {
	width: 34px;
	height: 34px;
	border: 1px solid rgba(16, 37, 51, 0.12);
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.92);
	color: #102533;
	font-size: 20px;
	font-weight: 900;
	line-height: 1;
	box-shadow: 0 8px 18px rgba(13, 33, 48, 0.08);
}

.support-ticket-menu__button:hover,
.support-ticket-menu__button:focus {
	background: #eaf4f6;
	outline: none;
}

.support-ticket-menu__panel {
	position: absolute;
	right: 0;
	top: 40px;
	display: none;
	min-width: 170px;
	padding: 8px;
	border: 1px solid rgba(16, 37, 51, 0.12);
	border-radius: 14px;
	background: #ffffff;
	box-shadow: 0 18px 34px rgba(13, 33, 48, 0.18);
}

.support-ticket-menu:hover .support-ticket-menu__panel,
.support-ticket-menu:focus-within .support-ticket-menu__panel {
	display: block;
}

.support-ticket-menu.support-menu-open .support-ticket-menu__panel {
	display: block;
}


.support-ticket-menu__panel form {
	margin: 0;
}

.support-ticket-menu__panel button {
	width: 100%;
	padding: 9px 10px;
	border: 0;
	border-radius: 10px;
	background: transparent;
	color: #102533;
	font-weight: 800;
	text-align: left;
}

.support-ticket-menu__panel button:hover,
.support-ticket-menu__panel button:focus {
	background: #f1f6f8;
	outline: none;
}

.support-ticket-menu__panel .support-ticket-menu__danger {
	color: #a83c32;
}

.support-ticket-menu__panel .support-ticket-menu__danger:hover,
.support-ticket-menu__panel .support-ticket-menu__danger:focus {
	background: #fff0ed;
}
.support-desk-page .support-desk-topbar {
	align-items: center;
	background:
		radial-gradient(circle at 12% 20%, rgba(255, 255, 255, 0.78), rgba(255, 255, 255, 0) 28%),
		linear-gradient(135deg, #f8fbfc 0%, #eef6f7 48%, #dcecef 100%);
	border: 1px solid rgba(16, 37, 51, 0.08);
	box-shadow: 0 18px 34px rgba(13, 33, 48, 0.12);
	color: #102533;
}

.support-desk-page .support-desk-topbar h2 {
	color: #102533;
	letter-spacing: -0.035em;
}

.support-desk-page .support-desk-topbar p {
	color: #355363;
}

.support-desk-page .support-desk-topbar .support-inbox-hero__eyebrow {
	background: #102533;
	box-shadow: 0 8px 18px rgba(16, 37, 51, 0.14);
	color: #ffffff;
}

.support-desk-page .support-desk-sync {
	background: rgba(255, 255, 255, 0.78);
	border: 1px solid rgba(16, 37, 51, 0.1);
	box-shadow: 0 12px 26px rgba(13, 33, 48, 0.08);
}

.support-desk-page .support-desk-sync span {
	color: #486575;
	font-weight: 700;
}

.support-desk-page .support-desk-sync .support-ticket-menu__button {
	width: 38px;
	height: 38px;
	border: 0;
	border-radius: 999px;
	background: #102533;
	box-shadow: 0 10px 22px rgba(16, 37, 51, 0.18);
	color: #ffffff;
	font-size: 22px;
	font-weight: 900;
	padding: 0;
}

.support-desk-page .support-desk-sync .support-ticket-menu__button:hover,
.support-desk-page .support-desk-sync .support-ticket-menu__button:focus {
	background: #1f5263;
	color: #ffffff;
}
.support-desk-page .support-desk-shell {
	grid-template-columns: 220px minmax(0, 1fr);
}

.support-desk-page .support-desk-filter {
	grid-template-columns: minmax(260px, 1fr) minmax(180px, 240px) auto;
	padding: 14px 16px;
}

.support-desk-page .support-desk-filter .btn {
	align-self: end;
	border-radius: 999px;
	font-weight: 800;
	min-width: 96px;
	padding-left: 18px;
	padding-right: 18px;
	white-space: nowrap;
}

.support-desk-nav__tools {
	border-top: 1px solid rgba(16, 37, 51, 0.1);
	display: flex;
	flex-direction: column;
	gap: 8px;
	margin-top: 14px;
	padding-top: 14px;
}

.support-desk-nav__tools button {
	background: transparent;
	border: 1px solid rgba(16, 37, 51, 0.12);
	border-radius: 12px;
	color: #355363;
	font-weight: 800;
	padding: 10px 12px;
	text-align: left;
}

.support-desk-nav__tools button:hover,
.support-desk-nav__tools button:focus {
	background: #eaf4f6;
	color: #102533;
	outline: none;
}

.support-desk-modal .modal-content {
	border: 0;
	border-radius: 20px;
	box-shadow: 0 24px 60px rgba(13, 33, 48, 0.24);
	overflow: hidden;
}

.support-desk-modal .modal-header {
	background: linear-gradient(135deg, #f8fbfc, #e8f2f4);
	border-bottom: 1px solid rgba(16, 37, 51, 0.08);
	padding: 18px 20px;
}

.support-desk-modal .modal-title {
	color: #102533;
	font-weight: 900;
}

.support-desk-modal .modal-body {
	padding: 20px;
}

@media (max-width: 900px) {
	.support-desk-page .support-desk-shell,
	.support-desk-page .support-desk-filter {
		grid-template-columns: 1fr;
	}
}
.support-desk-page .support-desk-filter {
	align-items: end;
}

.support-desk-page .support-desk-filter > div {
	display: flex;
	flex-direction: column;
}

.support-desk-page .support-desk-filter .form-control {
	height: 40px;
}

.support-desk-page .support-desk-filter .btn {
	height: 40px;
	margin-bottom: 0;
}
.support-thread-page .support-thread-hero {
	position: relative;
	align-items: center;
	background:
		radial-gradient(circle at 12% 20%, rgba(255, 255, 255, 0.78), rgba(255, 255, 255, 0) 28%),
		linear-gradient(135deg, #f8fbfc 0%, #eef6f7 48%, #dcecef 100%);
	border: 1px solid rgba(16, 37, 51, 0.08);
	box-shadow: 0 18px 34px rgba(13, 33, 48, 0.12);
	color: #102533;
}

.support-thread-page .support-thread-hero h2 {
	color: #102533;
	letter-spacing: -0.035em;
}

.support-thread-page .support-thread-hero p {
	color: #355363;
}

.support-thread-page .support-thread-hero .support-inbox-hero__eyebrow {
	background: #102533;
	box-shadow: 0 8px 18px rgba(16, 37, 51, 0.14);
	color: #ffffff;
}

.support-thread-page .support-thread-hero__aside {
	position: relative;
	padding-top: 40px;
}

.support-thread-page .support-thread-hero__status {
	background: rgba(255, 255, 255, 0.72);
	border: 1px solid rgba(16, 37, 51, 0.1);
	box-shadow: 0 12px 26px rgba(13, 33, 48, 0.08);
	color: #102533;
}

.support-thread-page .support-thread-hero__status p {
	color: #486575;
}

.support-thread-page .support-thread-hero__status--ready {
	box-shadow: 0 12px 26px rgba(13, 33, 48, 0.08), inset 4px 0 0 #2f8f62;
}

.support-thread-page .support-thread-hero__status--locked {
	box-shadow: 0 12px 26px rgba(13, 33, 48, 0.08), inset 4px 0 0 #c79b28;
}

.support-thread-page .support-chip--solid {
	background: #102533;
	color: #ffffff;
}

.support-thread-menu {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 4;
}

.support-thread-menu .support-ticket-menu__panel {
	right: 0;
}
.support-message__html-frame {
	width: 100%;
	height: clamp(360px, 62vh, 640px);
	min-height: 320px;
	border: 1px solid rgba(18, 73, 92, 0.12);
	border-radius: 14px;
	background: #fff;
}

.support-message__html-frame--pending {
	background:
		linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.72), rgba(255, 255, 255, 0)) 0 0 / 220px 100% no-repeat,
		#ffffff;
}

.support-message-html-placeholder {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 14px;
	border: 1px dashed rgba(18, 73, 92, 0.22);
	border-radius: 14px;
	background: #f6fafb;
	color: #526a76;
	font-size: 12px;
}

.support-message-html-placeholder .btn {
	border-radius: 999px;
	font-weight: 900;
	text-transform: uppercase;
}

.support-message-view-toggle {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	gap: 4px;
	margin: -2px 0 6px;
}

.support-message-view-pill {
	border: 1px solid rgba(18, 73, 92, 0.18);
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.78);
	color: #526a76;
	font-size: 10px;
	font-weight: 900;
	letter-spacing: 0.06em;
	line-height: 1;
	padding: 5px 9px;
	text-transform: uppercase;
}

.support-message-view-pill.is-active {
	background: #102533;
	border-color: #102533;
	color: #ffffff;
}

.support-message-view-pill:hover,
.support-message-view-pill:focus {
	border-color: rgba(47, 127, 183, 0.55);
	color: #0f5161;
	outline: none;
}

.support-message-view-pill.is-active:hover,
.support-message-view-pill.is-active:focus {
	color: #ffffff;
}

.support-message-view {
	display: none;
}

.support-message-view.is-active {
	display: block;
}

.support-load-draft {
	margin-top: 12px;
}

.support-rich-editor-toolbar {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 10px;
}

.support-rich-editor {
	min-height: 280px;
	height: auto;
	overflow: auto;
	border-radius: 18px;
	padding: 16px;
	background: #fff;
	line-height: 1.55;
}

.support-rich-editor:focus {
	border-color: #1f5263;
	box-shadow: 0 0 0 3px rgba(31, 82, 99, 0.12);
	outline: none;
}

.support-rich-editor img {
	max-width: 100%;
	height: auto;
	border-radius: 10px;
	margin: 8px 0;
}

.support-email-attachments {
	margin-top: 18px;
	padding: 12px 14px;
	border: 1px solid rgba(18, 73, 92, 0.12);
	border-radius: 12px;
	background: #f6fafb;
}