/* 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%;
	background-color: #ffffff !important;
	/*	background-color: #f4f7f6 !important;*/
}
:root {
	--In-the-Navy-Blue: #122F53;
	--Builder-White: #FFFFFF;
	--Future-Fog: #666766;
	--Costal-Mist: #D1E7ED;
	--Premium-Black: #40403F;
	--Error: #B00020;
}

body {
	font-family: Montserrat;
	line-height: 1.50;
	color: var(--Future-Fog);
	background-color: #f4f7f6;
}

	body.full-height, body.full-height .page-wrapper {
		background-color: #fafafa;
		min-height: 100%;
	}

h1,
h2,
h3,
h4,
h5,
h6 {
	color: var(--Future-Fog);
	line-height: 1.2;
	font-family: Montserrat;
}

	h1 a,
	h2 a,
	h3 a,
	h4 a,
	h5 a,
	h6 a {
		color: #343434;
		font-family: Montserrat;
	}

h1 {
	font-size: 3em;
	font-weight: 700;
}

h2 {
	font-size: 2em;
	margin-bottom: 20px;
}

h3 {
	font-size: 1.5em;
}

h4 {
	font-size: 1em;
	font-weight: 700;
}

h5 {
	font-size: 0.75em 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;
	margin-top: 20px;
}

a {
	color: #e84c3d;
	-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: #cd3c2e;
	}

	a:focus,
	a:active {
		outline: none;
		color: #cd3c2e;
	}

.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%;
	max-height: 100%;
}

/*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: #e84c3d;
	color: #ffffff;
}

pre {
	padding: 20px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}

.text-muted {
	color: #999999;
}

.text-default {
	color: #e84c3d;
}

.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 {
	border-right: 1px solid #E5E5E5;
	border-top: 1px solid #E5E5E5;
	background: var(--Sky-Blue, #E1EFF2);
}

.table-bordered {
	border-color: #e84c3d;
}

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 #E5E5E5;
	border-right: 1px solid #E5E5E5;
}

.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: 10px 0;*/
	/*border-bottom: 1px solid #eaeaea;*/
	background: var(--White, #FFF);
	box-shadow: 0px 6px 7px 0px rgba(0, 0, 0, 0.04);
	/*background-color: var(--Future-Fog);*/
	/*	position: sticky;*/
	top: 0;
	z-index: 3 !important;
	display: flex;
	justify-content: center;
}

	.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: #ffffff;
	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 {
	background-color: #262626;
	/*	border-top: 1px solid #3a3a3a;
	border-bottom: 1px solid #333333;*/
}

.subfooter {
	/*padding: 25px 0;*/
	background-color: #262626;
}

.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) {
	.layout-child {
		padding: 44px 390px 80px 0px;
	}

	.boxed .page-wrapper {
		width: 1170px;
	}
}

/* Backgrounds
---------------------------------- */
.light .footer {
	/*background-color: #f7f7f7;*/
	background-color: #A5A5A5;
	/*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: var(--Builder-White);
	color: var(--Future-Fog);
}

	.light .subfooter a {
		text-decoration: underline;
		color: var(--Future-Fog);
	}

.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: #e84c3d;
	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;
		padding: 10px 5px;
	}

	#logo {
		height: 30px !important;
	}

	.navbar.navbar-default {
		width: 100%;
	}

	.navbar-header {
		display: flex;
		align-items: center;
		justify-content: space-between;
		width: inherit;
		margin: 0 !important;
	}

		.navbar-header:before, .navbar-header:after {
			display: none !important;
		}

	.policy-summary-subcontainer {
	}

	.btn-underline {
		display: flex;
		justify-content: center;
		margin-top: 15px;
		text-decoration: underline;
	}
}
/* Large devices (more than 767px) */
@media (min-width:767px) {
	.footer-content {
		padding: 30px 25px;
	}

	.modal-footer {
		padding: 45px 0px 40px 0px;
	}

	.header-container {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.btn-underline {
		display: flex;
		justify-content: flex-end;
		margin-top: 15px;
		text-decoration: underline;
	}

	.header-container:before, .header-container:after {
		display: none;
	}

	.policy-summary-subcontainer {
		display: flex;
		justify-content: space-around;
	}
}

/* Fixed navigation
---------------------------------- */
.fixed-header-on .header.fixed {
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 1006;
	opacity: 0;
	filter: alpha(opacity=0);
	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-duration: 0.5s;
	animation-duration: 0.5s;
}

/* 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;
}

.my-40 {
	margin-block: 40px;
}

.mt-32 {
	margin-top: 32px;
}

.mt-20 {
	margin-top: 20px !important;
}

.mt-16 {
	margin-top: 16px;
}

.mt-12{
	margin-top: 12px;
}
.ml-12 {
	margin-left: 12px;
}

.ml-10 {
	margin-left: 10px;
}

.mb-16{
	margin-bottom: 16px !important;
}

.mb-20 {
	margin-bottom: 20px !important;
}

.mb-40 {
	margin-bottom: 40px !important;
}

.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;
}

.padding-left-clear{
	padding-left: 0 !important;
}


.padding-right-clear {
	padding-right: 0 !important;
}

.border-clear {
	border: none !important;
}

.border-clear-top {
	border-top: none !important;
}

.border-clear-bottom {
	border-bottom: none !important;
}

.border-clear-left {
	border-left: none !important;
}

.border-clear-right {
	border-right: 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: 2px solid var(--Costal-Mist);
	padding-left: 50px;
	margin-left: 20px;
}

.vertical-divider-right,
.vertical-divider-right-lg {
	border-left: 2px solid var(--Costal-Mist);
	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: 16px;
	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,
.light .footer a {
	color: var(--In-the-Navy-Blue);
	background-color: var(--Builder-White);
}
.footer-content-container {
	width:100%;
	display: flex;
	padding: 20px 10px 20px 26px;
	flex-direction: column;
	align-items: flex-start;
	flex: 1 0 0;
	height: 214px;
}
.footer-container {
	margin: auto;
	text-align: center;
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-evenly;
}
.footer-divider {
	border-left: 2px solid var(--Costal-Mist);
}
@media (max-width:480px) {
	.footer-divider {
		border-left: 0px;
		border-top: 2px solid var(--Costal-Mist);
	}
	.footer-container {
		flex-direction: column;
	}
	.footer-content-container{
		align-items: center
	}
}
/* 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: #e84c3d;
		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: #e84c3d;
			}

			.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: #e84c3d;
				}

	.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: #e84c3d;
}

.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 #e84c3d;
			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: #cccccc;
}

.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 {
	display: flex;
	padding: 16px 24px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	text-align: center;
	font-family: Montserrat;
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	letter-spacing: -0.5px;
	-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: 15px 24px;
		width: fit-content;
	}

	@media (max-width: 768px){
		.btn {
			padding: 16px 26px;
			display: flex;
			align-items: center;
			justify-content: center;
			font-size: 18px;
			font-weight: 700;
			line-height: 1.42857143;
			text-align: center;
			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.btn-lg {
			padding: 15px 24px;
			width: 240px;
		}
			.btn.btn-sm {
				padding: 15px 36px;
				width: 120px;
				margin-bottom: 0px !important;
			}

	}

	.btn.btn-sm {
		padding: 15px 36px;
		width: fit-content;
		margin-bottom: 0px !important;
	}

	/*.btn.btn-sm {
		padding: 8px;
		font-size: 12px;
		min-width: 105px;
		min-height: 37px;
	}*/

	.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;
	}
}
/* Primary Button */
.btn-primary {
	border-radius: 8px;
	background: var(--In-the-Navy-Blue);
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.50);
	/*Layout*/
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 16px 24px;
	gap: 10px;
}

.btn-primary:hover{
	color: var(--In-the-Navy-Blue);
    background-color: var(--Builder-White);
    border-color: var(--In-the-Navy-Blue);
}

.btn-primary:disabled {
	background: #333333;
	border-color: #333333;
}

/* Secondary Button */
.btn-secondary {
	color: var(--In-the-Navy-Blue) !important;
	background: transparent !important;
	border: none;
}
	.btn-secondary:hover {
		color: var(--Premium-Black) !important;
		background: transparent !important;
	}

.btn-secondary:active {
	outline: none !important;
}

.btn-disabled {
	border: 2px solid #a5a5a5;
	background: #a5a5a5;
	color: white;
}



/* 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: #e84c3d;
		border-color: #e84c3d;
	}

/* 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: #e84c3d;
		border-color: #e84c3d;
	}

.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: #e84c3d;
	color: #fff !important;
	border-color: #cd3c2e;
}

	.btn-default:hover,
	.btn-default:focus,
	.btn-default:active,
	.btn-default.active,
	.open .dropdown-toggle.btn-default {
		color: #fff !important;
		background-color: #cd3c2e;
		border-color: #cd3c2e;
	}

.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: #cd3c2e;
	border-color: #cd3c2e;
	opacity: 0.7;
	filter: alpha(opacity=70);
}

/* Button with transparent bg */
.btn-white {
	background-color: transparent;
	color: #cd3c2e;
	border: 1px solid #e84c3d;
}

.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: #cd3c2e;
	border-color: #cd3c2e;
}

.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.5em;
	background: #ffffff;
	/*min-height: 2vw;
	max-height: 2vw;*/
	font-size:15px !important;
	padding-right: 30px;
	border-color: #acacac;
	color: var(--Premium-Black);
	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: 25px;
	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: #e84c3d;
}

.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: #e84c3d;
	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: #e84c3d;
		background-color: rgba(0, 0, 0, 0.25);
	}

.default-bg .input-group-addon {
	background-color: #cd3c2e;
	border-color: #e84c3d;
	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: var(--Error);
}

.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: 60px;
	height: 40px;
	line-height: 42px !important;
	top: 0;
}

/* Disabled forms */
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
	opacity: 1.0;
	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: #e84c3d;
				border-color: #e84c3d;
			}

		ul.pagination li.active a,
		.pagination > .active > a:hover,
		.pagination > .active > a:focus {
			color: #ffffff;
			background-color: #e84c3d;
			border-color: #e84c3d;
			line-height: 1;
		}

		ul.pagination li > a:focus {
			background: none;
		}

/* Breadcrumb
---------------------------------- */
.breadcrumb {
	background-color: white;
	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: 0px;
			content: "";
			background-color: #e84c3d;
			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: #f3f3f3;
	margin-bottom: 15px;
}

	.tab-content h1 {
		font-size: 34px;
	}

	.tab-content:after {
		width: 0px;
		content: "";
		background-color: #e84c3d;
		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: #e84c3d;
					height: 102%;
					position: absolute;
					left: 0;
					top: 0;
				}
}

/* Horizontal tabs version 2 */
.tabs-style-2 .nav-tabs {
	border-bottom: 1px solid #e84c3d;
}

	.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 #e84c3d;
		background-color: #e84c3d;
		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: #e84c3d;
					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: #e84c3d;
	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: #e84c3d;
}

.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: #e84c3d;
	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: #cd3c2e;
	}

		.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: #cd3c2e;
	background-color: #fff;
	border-color: #cd3c2e;
}

/* 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 {
	margin-top: 40px;
}

	.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: #E1EFF2;
	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:hover,
	.panel-transparent .panel-heading a:hover {
		text-decoration: none;
		background-color: #e84c3d;
		color: #ffffff;
	}


.panel-title a:hover, a:focus {
	color: var(--Future-Fog) !important;
}

.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: #e84c3d;
}

.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";
}

.alert.alert-danger:after {
	content: "\f00d";
}

.close {
	font-size: 28px;
	font-weight: normal;
	filter: alpha(opacity=40);
	opacity: 1;
}



/* 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: #e84c3d;
	}

	.modal-content .modal-title {
		font-size: 23px;
		color: #ffffff;
		font-family: Montserrat
	}


/* 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;
}

.buttons-container {
	display: flex;
	gap: 20px;
}

.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: #e84c3d;
		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: #e84c3d;
		}

.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: #e84c3d;
	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 {
	margin: 16px 0px;
	background-color: #fff;
	border: none;
}

.header-small .navbar.navbar-default {
	margin: 6px 0 5px;
}

/* first level menu items */
.navbar-default .navbar-nav > li > a {
	color: #fff;
	font-size: 18px;
	font-weight: 700;
	z-index: 102;
	bottom: -1px;
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	-ms-transition: none;
	transition: none;
	text-align: center;
}

	.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: #e84c3d;
	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: 2px 4px 4px 2px;
	-moz-border-radius: 2px 4px 4px 2px;
	border-radius: 2px 4px 4px 2px;
	padding: 0;
	margin: 0;
	background-color: var(--Builder-White);
	-webkit-box-shadow: 0px 0px 10px 0px #00000080;
	box-shadow: 0px 0px 10px 0px #00000080;
	z-index: 101;
}

	/* second level menu items */
	.dropdown-menu > li > a {
		color: var(--Builder-White);
		background-color: var(--In-the-Navy-Blue);
		border-bottom: 1px solid #D1E7ED;
		-webkit-transition: none;
		-moz-transition: none;
		-o-transition: none;
		-ms-transition: none;
		transition: none;
		text-align: left;
		padding: 13px 20px;
		width: 276px;
		height: 44px;
		gap: 10px;
		font-family: Montserrat;
		font-size: 15px;
		font-weight: 400;
		line-height: normal;
		letter-spacing: -0.5px;
	}

	.dropdown-menu > li:first-child > a {
		border-radius: 2px 4px 0px 0px;
	}

	.dropdown-menu > li:last-child > a {
		border-radius: 0px 0px 4px 2px;
	}



.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: #e84c3d;
}

/* 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: #e84c3d;
	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: #e84c3d;
}

.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: #e84c3d;
}

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

	/* mobile menu toggle button on hover/focus */
	.navbar-default .navbar-toggle:hover,
	.navbar-default .navbar-toggle:focus {
		background-color: #fafafa;
		border-color: #e84c3d;
	}

	.navbar-default .navbar-toggle .icon-bar {
		background-color: var(--Future-Fog);
	}

	.navbar-default .navbar-toggle:hover .icon-bar,
	.navbar-default .navbar-toggle:focus .icon-bar {
		background-color: #e84c3d;
	}

/*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: -143px;
		width: 740px;
	}
}

/* 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: -193px;
		width: 940px;
	}

	.login-footer {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: center;
	}
}

/* Small devices (tablets, phones less than 767px) */
@media (max-width:767px) {
	/* Mobile menu
	------------------------------ */
	.buttons-container {
		width: 100%;
		flex-direction: column;
		gap: 0px;
	}

	.login-footer {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
	}

	.btn.btn-sm {
		width: 100%;
	}
	/* 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: #e84c3d;
		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: #e84c3d;
		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 {
			text-align: center;
			padding: 12px 15px 12px 12px;
			width: 100%;
			color: var(--Builder-White);
			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: #e84c3d;
			}

	/* 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: #e84c3d;
		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: #e84c3d;
}

/* 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: 15px;
	font-style: italic;
	font-weight: bold;
	color: red;
}

.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;
	display: flex;
	justify-content: center;
}

.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: #e84c3d;
	}

	.box.default-bg:hover {
		background-color: #fff;
		border: 1px solid #e84c3d;
	}

		.box.default-bg:hover * {
			color: #e84c3d;
		}

	.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: #e84c3d;
	-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 #e84c3d;
	}

		.box-style-2:hover .default-bg * {
			color: #e84c3d;
		}

	.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: #e84c3d;
	}

.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 #e84c3d;
	}

		.box-style-3:hover .default-bg * {
			color: #e84c3d;
		}

	.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: #e84c3d;
	}

.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: #e84c3d;
			border-color: #e84c3d;
			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: #e84c3d;
			border: 1px solid #e84c3d;
			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: #cd3c2e;
		color: #cd3c2e;
	}

	.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: #cd3c2e;
			}

			.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: #e84c3d;
}

.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: #e84c3d;
	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: #e84c3d;
	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: #e84c3d;
			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: #e84c3d;
	}

		.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: #e84c3d;
	border: none;
	-webkit-box-shadow: 0px 0px 60px #cd3c2e inset;
	-moz-box-shadow: 0px 0px 60px #cd3c2e inset;
	box-shadow: 0px 0px 60px #cd3c2e 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;
	}
}

/* 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/ajax-loader-large-blue.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: #e84c3d;
	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: #e84c3d;
	}

.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: #e84c3d;
}

.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: #e84c3d;
	color: #f1f1f1;
}

.owl-next {
	left: 30px;
	background-color: #f1f1f1;
	color: #e84c3d;
}

	.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: #e84c3d;
		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: #e84c3d;
	}

.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: #e84c3d;
	}
/* 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;
}

.red-payment-conf {
	color: black;
	background-color: red;
	font-weight: bold;
}

.fixed-header {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
}

.center {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.vcenter {
	display: flex;
	flex: 1 0 50%;
	align-items: center;
	justify-content: center;
}

.about-wrapper {
	background-color: #ffffffff;
	font-family: Montserrat;
}

.roboto-section-header {
	font-family: 'Roboto', sans-serif;
	height: 10px;
	color: var(--Future-Fog);
	text-align: center;
	font-weight: 600;
}

.roboto-section-header-left {
	font-family: 'Roboto', sans-serif;
	height: 10px;
	color: var(--Future-Fog);
	text-align: left;
	font-weight: 600;
}

.fade-in {
	animation: fadeIn ease 3s;
	-webkit-animation: fadeIn ease 3s;
	-moz-animation: fadeIn ease 3s;
	-o-animation: fadeIn ease 3s;
}

@keyframes fadeIn {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@-moz-keyframes fadeIn {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@-webkit-keyframes fadeIn {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@-o-keyframes fadeIn {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@-ms-keyframes fadeIn {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

.bw2color {
	filter: grayscale(100%);
	transition: 0.5s ease-in-out;
}

	.bw2color:hover {
		filter: none;
		transition: 0.5s ease-in-out;
	}

#MSILogo {
	max-width: 100% !important;
	min-width: 3000px !important;
	max-height: 100% !important;
	min-height: 3000px !important;
}

#headerNav {
	font-weight: 400;
	vertical-align: middle;
}

.homeHeader {
	text-align: center;
	color: var(--Future-Fog);
	font-weight: 700;
	/*	margin-top: auto;
	margin-bottom: auto;*/
}

.testimonialHeader {
	text-align: center;
	color: #515e76;
	background-color: transparent;
}

.homeHeaderLeft {
	text-align: left;
	color: var(--Future-Fog);
}

.homeParagraph {
	text-align: center
}

.homeParagraphLeft {
	text-align: left;
}

.aboutUsImageStrip {
	margin: 10px;
	width: 90%;
}

#indexBanner {
	margin-top: 5px !important;
}


.nav > li > a:focus, .nav > li > a:hover {
	background-color: transparent;
}

#centerNav {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 65px;
}

/*<!----------------------------------------------------------------------------------------------------------------------------------------------------!>*/
/*
inspired from http://codepen.io/Rowno/pen/Afykb
& https://jsfiddle.net/q0rgL8ws/
*/
.carousel-fade .carousel-inner .item {
	opacity: 0;
	transition-property: opacity;
	overflow: hidden;
}

.item.active img {
	transition: transform 5000ms linear 0s;
	/* This should be based on your carousel setting. For bs, it should be 5second*/
	transform: scale(1.05, 1.05);
}

.carousel-fade .carousel-inner .active {
	opacity: 1;
}

	.carousel-fade .carousel-inner .active.left,
	.carousel-fade .carousel-inner .active.right {
		left: 0;
		opacity: 0;
		z-index: 1;
	}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
	opacity: 1;
}

.carousel-fade .carousel-control {
	z-index: 0;
}

/*
WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
now override the 3.3 new styles for modern browsers & apply opacity
*/
@media all and (transform-3d), (-webkit-transform-3d) {
	.carousel-fade .carousel-inner > .item.next,
	.carousel-fade .carousel-inner > .item.active.right {
		opacity: 0;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	.carousel-fade .carousel-inner > .item.prev,
	.carousel-fade .carousel-inner > .item.active.left {
		opacity: 0;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

		.carousel-fade .carousel-inner > .item.next.left,
		.carousel-fade .carousel-inner > .item.prev.right,
		.carousel-fade .carousel-inner > .item.active {
			opacity: 1;
			-webkit-transform: translate3d(0, 0, 0);
			transform: translate3d(0, 0, 0);
		}
}


/* The Modal (background) */
.modal {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 16; /* Sit on top */
	padding-top: 100px; /* Location of the box */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: #00000099;
}

@media (min-width: 700px){
	.modal.fade.modal-center.in {
		display: flex !important;
		justify-content: center;
		align-items: center;
		padding: 0;
		margin: 0;
	}
}

@media (max-widht: 700px){
	.modal.fade.modal-center.in {
		display: block !important;
	}
}

/* The Close Button */
.close {
	position: relative;
	color: #f1f1f1;
	font-size: 40px;
	font-weight: bold;
	transition: 0.3s;
}

	.close:hover,
	.close:focus {
		color: #bbb;
		text-decoration: none;
		cursor: pointer;
	}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px) {
	.modal-content {
		width: 100%;
	}

	.modal {
		padding: 0 !important;
	}

	.modal-dialog {
		min-height: 100vh;
		height: 100%;
		margin: 0 !important;
	}

	.modal-content {
		min-height: 100%;
	}
}

/*<!----------------------------------------------------------------------------------------------------------------------------------------------------!>*/

/* Style the Image Used to Trigger the Modal */
#indexPhotostripImage1 {
	border-radius: 0px;
	cursor: pointer;
	transition: 0.5s;
}

#indexPhotostripImage2 {
	border-radius: 0px;
	cursor: pointer;
	transition: 0.5s;
}

#indexPhotostripImage3 {
	border-radius: 0px;
	cursor: pointer;
	transition: 0.5s;
}

#indexPhotostripImage4 {
	border-radius: 0px;
	cursor: pointer;
	transition: 0.5s;
}



/* Caption of Modal Image (Image Text) - Same Width as the Image */
#indexPhotostripCaption1 {
	margin: auto;
	display: block;
	width: 80%;
	max-width: 700px;
	text-align: center;
	color: #ccc;
	padding: 10px 0;
	height: 150px;
}

#indexPhotostripCaption2 {
	margin: auto;
	display: block;
	width: 80%;
	max-width: 700px;
	text-align: center;
	color: #ccc;
	padding: 10px 0;
	height: 150px;
}

#indexPhotostripCaption3 {
	margin: auto;
	display: block;
	width: 80%;
	max-width: 700px;
	text-align: center;
	color: #ccc;
	padding: 10px 0;
	height: 150px;
}

#indexPhotostripCaption4 {
	margin: auto;
	display: block;
	width: 80%;
	max-width: 700px;
	text-align: center;
	color: #ccc;
	padding: 10px 0;
	height: 150px;
}

#aboutUsPhotostripCaption1 {
	margin: auto;
	display: block;
	width: 80%;
	max-width: 700px;
	text-align: center;
	color: #ccc;
	padding: 10px 0;
	height: 150px;
}

#aboutUsPhotostripCaption2 {
	margin: auto;
	display: block;
	width: 80%;
	max-width: 700px;
	text-align: center;
	color: #ccc;
	padding: 10px 0;
	height: 150px;
}

#aboutUsPhotostripCaption3 {
	margin: auto;
	display: block;
	width: 80%;
	max-width: 700px;
	text-align: center;
	color: #ccc;
	padding: 10px 0;
	height: 150px;
}

#aboutUsPhotostripCaption4 {
	margin: auto;
	display: block;
	width: 80%;
	max-width: 700px;
	text-align: center;
	color: #ccc;
	padding: 10px 0;
	height: 150px;
}

/* Add Animation - Zoom in the Modal */
.modal-content, #caption {
	animation-name: zoomFade;
	animation-duration: 0.75s;
}

@keyframes zoomFade {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

/* The Close Button */
.close {
	position: relative;
	color: var(--Costal-Mist);
	font-size: 40px;
	font-weight: bold;
	transition: 0.3s;
	line-height: 1;
}

	.close:hover,
	.close:focus {
		color: #bbb;
		text-decoration: none;
		cursor: pointer;
	}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px) {
	.modal-content {
		width: 100%;
		margin: 0 !important;
	}
}



/* Style inputs with type="text", select elements and textareas */
select, textarea {
	width: 100%; /* Full width */
	padding: 12px; /* Some padding */
	/*border: 1px solid #ccc;*/ /* Gray border */
	/*border-radius: 0.5em;*/ /* Rounded borders */
	box-sizing: border-box; /* Make sure that padding and width stays in place */
	/*margin-top: 6px;*/ /* Add a top margin */
	margin-bottom: 16px; /* Bottom margin */
	resize: vertical; /* Allow the user to vertically resize the textarea (not horizontally) */
}
input[type=text] {
	width: 100%; /* Full width */
	padding: 12px; /* Some padding */
	/*border: 1px solid #ccc;*/ /* Gray border */
	/*border-radius: 0.5em;*/ /* Rounded borders */
	box-sizing: border-box; /* Make sure that padding and width stays in place */
	/*margin-top: 6px;*/ /* Add a top margin */
	margin-bottom: 16px; /* Bottom margin */
	height: 44px;
}

/* Style the submit button with a specific background color etc */
input[type=submit] {
	background-color: #1c53e7;
	color: white;
	padding: 12px 20px;
	cursor: pointer;
	border-radius: 0.5em;
	border-width: 0.13em;
}

	/* When moving the mouse over the submit button, add a darker blue color */
	input[type=submit]:hover {
		background-color: white;
		color: var(--Future-Fog);
		border-color: var(--Future-Fog);
		border-width: 0.25em;
	}

/* Add a background color and some padding around the form */
.container {
	border-radius: 5px;
	/*background-color: #f2f2f2;*/
	padding: 20px;
	max-width: none;
}

.row-eq-height {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.col-container {
	display: table; /* Make the container element behave like a table */
	width: 100%; /* Set full-width to expand the whole page */
}

.col {
	display: table-cell; /* Make elements inside the container behave like table cells */
}

@media only screen and (max-width: 600px) {
	.col {
		display: block;
		width: 100%;
	}
}

/*<!---------------------------------------------------------------------------------------------------------------------------------------------------------------------! >*/


/***** General style, all sections *****/

.section-container {
	margin: 0 auto;
	/*padding-bottom: 80px;*/
}

.section-container-image-bg,
.section-container-image-bg h2,
.section-container-image-bg h3 {
	color: #fff;
}

	.section-container-image-bg .divider-1 .line {
		border-color: #fff;
		opacity: 0.8;
	}

.section-description {
	margin-top: 60px;
	padding-bottom: 10px;
}

	.section-description p {
		margin-top: 20px;
		padding: 0 120px;
	}

.section-container-image-bg .section-description p {
	opacity: 0.8;
}


/***** Divider *****/

.divider-1 {
	padding: 25px 0 15px 0;
}

	.divider-1 .line {
		width: 200px;
		margin: 0 auto;
		border-bottom: 1px solid #ddd;
	}


/***** Testimonials *****/

.testimonials-container {
	/*	padding-bottom: 70px;*/
	/*	background: #fff;*/
}

.testimonial-list {
	margin-top: 30px;
	text-align: center;
}

	.testimonial-list .testimonial-image img {
		max-width: 160px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px;
	}

	.testimonial-list .testimonial-text {
		margin-top: 30px;
	}

		.testimonial-list .testimonial-text a {
			/*color: #ab99e0;*/
			border-bottom: 1px dotted #ab99e0;
		}

			.testimonial-list .testimonial-text a:hover,
			.testimonial-list .testimonial-text a:focus {
				/*color: #ab99e0;*/
				border: 0;
			}

	.testimonial-list .nav-tabs {
		margin-top: 0px;
		border: 0;
	}

		.testimonial-list .nav-tabs li {
			float: none;
			display: inline-block;
			margin-left: 10px;
			margin-right: 10px;
		}

			.testimonial-list .nav-tabs li a {
				width: 16px;
				height: 16px;
				margin: 0;
				padding: 0;
				background: #ddd;
				border: 0;
				-moz-border-radius: 50%;
				-webkit-border-radius: 50%;
				border-radius: 50%;
			}

				.testimonial-list .nav-tabs li a:hover {
					background: #003468;
					border: 0;
				}

			.testimonial-list .nav-tabs li.active a,
			.testimonial-list .nav-tabs li.active a:focus {
				background: #003468;
				border: 0;
			}


/*These styles contain basic styles for fomatting along with our animation css*/

strong,
b {
	font-weight: 600
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: 700;
	line-height: 150%;
}

i.fa {
	/*color: #333;*/
}

*,
*:before,
*:after {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	background-color: transparent;
}
/*clearfixes*/

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

.cf:after {
	clear: both;
}

.main-container {
	background: #fff;
	max-width: 1000px;
	margin: 25px auto 25px auto;
	position: relative;
}

.container {
	position: relative;
	/*	padding: 25px;*/
}
/*animation element*/

.animation-element {
	opacity: 0;
	position: relative;
}
	/*animation element sliding left*/

	.animation-element.slide-left {
		opacity: 0;
		-moz-transition: all 0.75s linear;
		-webkit-transition: all 0.75s linear;
		-o-transition: all 0.75s linear;
		transition: all 0.75s linear;
		-moz-transform: translate3d(-100px, 0px, 0px);
		-webkit-transform: translate3d(-100px, 0px, 0px);
		-o-transform: translate(-100px, 0px);
		-ms-transform: translate(-100px, 0px);
		transform: translate3d(-100px, 0px, 0px);
	}

		.animation-element.slide-left.in-view {
			opacity: 1;
			-moz-transform: translate3d(0px, 0px, 0px);
			-webkit-transform: translate3d(0px, 0px, 0px);
			-o-transform: translate(0px, 0px);
			-ms-transform: translate(0px, 0px);
			transform: translate3d(0px, 0px, 0px);
		}
		/*animation slide left styled for testimonials*/

		.animation-element.slide-left.testimonial {
			float: left;
		}

			.animation-element.slide-left.testimonial:hover,
			.animation-element.slide-left.testimonial:active {
				/*box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.25);*/
			}

			.animation-element.slide-left.testimonial:nth-of-type(odd) {
				/*width: 48.5%;*/
				/*margin: 0% 1.5% 3.0% 0%;*/
			}

			.animation-element.slide-left.testimonial:nth-of-type(even) {
				width: 48.5%;
				margin: 0% 0% 3.0% 1.5%;
			}

			.animation-element.slide-left.testimonial .header {
				float: left;
				width: 100%;
				margin-bottom: 10px;
			}

			.animation-element.slide-left.testimonial .left {
				float: left;
				margin-right: 15px;
			}

			.animation-element.slide-left.testimonial .right {
				float: left;
			}

			.animation-element.slide-left.testimonial img {
				/*width: 255px;
				height: 171px;*/
				/*box-shadow: 0px 1px 3px rgba(51, 51, 51, 0.5);*/
			}

			.animation-element.slide-left.testimonial h3 {
				margin: 0px 0px 5px 0px;
			}

			.animation-element.slide-left.testimonial h4 {
				margin: 0px 0px 5px 0px;
			}

			.animation-element.slide-left.testimonial .content {
				float: left;
				width: 100%;
				margin-bottom: 10px;
			}

			.animation-element.slide-left.testimonial .rating {
			}

			.animation-element.slide-left.testimonial i {
				color: #aaa;
				margin-right: 5px;
			}



/*media queries for small devices*/
@media screen and (max-width: 678px) {
	/*testimonials*/
	.animation-element.slide-left.testimonial,
	.animation-element.slide-left.testimonial:nth-of-type(odd),
	.animation-element.slide-left.testimonial:nth-of-type(even) {
		width: 100%;
		margin: 0px 0px 20px 0px;
	}

		.animation-element.slide-left.testimonial .right,
		.animation-element.slide-left.testimonial .left,
		.animation-element.slide-left.testimonial .content,
		.animation-element.slide-left.testimonial .rating {
			text-align: center;
			float: none;
		}

		.animation-element.slide-left.testimonial img {
			/*		width: 85px;
			height: 85px;*/
			margin-bottom: 5px;
		}
}

/*animation element sliding right*/

.animation-elementR {
	opacity: 0;
	position: relative;
}

	.animation-elementR.slide-right {
		opacity: 0;
		-moz-transition: all 500ms linear;
		-webkit-transition: all 500ms linear;
		-o-transition: all 500ms linear;
		transition: all 500ms linear;
		-moz-transform: translate3d(100px, 0px, 0px);
		-webkit-transform: translate3d(100px, 0px, 0px);
		-o-transform: translate(100px, 0px);
		-ms-transform: translate(100px, 0px);
		transform: translate3d(100px, 0px, 0px);
	}

		.animation-elementR.slide-right.in-view {
			opacity: 1;
			-moz-transform: translate3d(0px, 0px, 0px);
			-webkit-transform: translate3d(0px, 0px, 0px);
			-o-transform: translate(0px, 0px);
			-ms-transform: translate(0px, 0px);
			transform: translate3d(0px, 0px, 0px);
		}
		/*animation slide left styled for testimonials*/

		.animation-elementR.slide-right.testimonial {
			float: right;
		}

			.animation-elementR.slide-right.testimonial:hover,
			.animation-elementR.slide-right.testimonial:active {
				/*		box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.25);*/
			}

			.animation-elementR.slide-right.testimonial:nth-of-type(odd) {
				/*width: 48.5%;*/
				/*margin: 0% 1.5% 3.0% 0%;*/
			}

			.animation-elementR.slide-right.testimonial:nth-of-type(even) {
				width: 48.5%;
				margin: 0% 0% 3.0% 1.5%;
			}

			.animation-elementR.slide-right.testimonial .header {
				float: right;
				width: 100%;
				margin-bottom: 10px;
			}

			.animation-elementR.slide-right.testimonial .left {
				float: right;
				margin-right: 15px;
			}

			.animation-elementR.slide-right.testimonial .right {
				float: right;
			}

			.animation-elementR.slide-right.testimonial img {
				/*width: 255px;
				height: 171px;*/
				/*box-shadow: 0px 1px 3px rgba(51, 51, 51, 0.5);*/
			}

			.animation-elementR.slide-right.testimonial h3 {
				margin: 0px 0px 5px 0px;
			}

			.animation-elementR.slide-right.testimonial h4 {
				margin: 0px 0px 5px 0px;
			}

			.animation-elementR.slide-right.testimonial .content {
				float: right;
				width: 100%;
				margin-bottom: 10px;
			}

			.animation-elementR.slide-right.testimonial .rating {
			}

			.animation-elementR.slide-right.testimonial i {
				color: #aaa;
				margin-right: 5px;
			}



/*media queries for small devices*/
@media screen and (max-width: 678px) {
	/*testimonials*/
	.animation-elementR.slide-right.testimonial,
	.animation-elementR.slide-right.testimonial:nth-of-type(odd),
	.animation-elementR.slide-right.testimonial:nth-of-type(even) {
		width: 100%;
		margin: 0px 0px 20px 0px;
	}

		.animation-elementR.slide-right.testimonial .right,
		.animation-elementR.slide-right.testimonial .left,
		.animation-elementR.slide-right.testimonial .content,
		.animation-elementR.slide-right.testimonial .rating {
			text-align: center;
			float: none;
		}

		.animation-elementR.slide-right.testimonial img {
			/*		width: 85px;
			height: 85px;*/
			margin-bottom: 5px;
		}
}

.navbar {
	padding: 0px;
	z-index: 10;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
	border-color: var(--Future-Fog);
	padding-inline: 20px;
}

.carousel-control {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 15%;
	font-size: 20px;
	color: #fff;
	text-align: center;
	text-shadow: 0 1px 2px rgba(0,0,0,.6);
	background-color: rgba(0,0,0,0);
	filter: alpha(opacity=50);
	opacity: 0.75;
	vertical-align: middle;
}

#leftNavArrow {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: auto;
	margin-left: auto;
	min-height: 4vw;
	min-width: 4vw;
}

#rightNavArrow {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: auto;
	margin-left: auto;
	min-height: 4vw;
	min-width: 4vw;
}

.carousel-control.right {
	background-image: none !important;
}

a.carousel-control.right.vertical-center {
	vertical-align: middle !important;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: auto;
	margin-left: auto;
	top: 60%;
}

.carousel-control.left {
	background-image: none !important;
}

a.carousel-control.left.vertical-center {
	vertical-align: middle !important;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: auto;
	margin-left: auto;
	top: 60%;
}

#logo {
	margin-left: auto;
	margin-right: auto;
	height: 60px;
	/*padding-left: 100px;*/
}

#testimonialHeader {
	padding-top: 50px;
}

.footerAnchorTag {
	color: #666666 !important;
}

#holder {
	position: absolute;
	width: 100%;
	height: 100%;
}

	#holder img {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}

.fade-in {
	opacity: 0;
	transform: translateY(10vh);
	visibility: hidden;
	transition: opacity 1s ease-out, transform 1.2s ease-out;
	will-change: opacity, visibility;
}

	.fade-in.is-visible {
		opacity: 1;
		transform: none;
		visibility: visible;
	}

.indexImageStripHeader {
	padding-bottom: 25px !important;
	padding-top: 25px !important;
}

.aboutUsImageStripHeader {
	padding-top: 22px !important;
}

.msiTeamIcons {
	text-align: center;
	color: grey;
}

.msiTeamIconsSpecific {
	padding: 5px;
}

.alignTDTop {
	vertical-align: top;
}

.greyColor {
	color: grey !important;
}

.lookingToConnect {
	background-color: #ced4e3;
	margin-bottom: 0px !important;
	border: 0 !important;
}

.darkGreyColor {
	color: darkslategray !important;
}

.valignDiv {
	display: flex;
	text-align: center;
	vertical-align: middle;
	align-items: center;
	justify-content: center;
}

.containerImageWithText {
	position: relative;
	text-align: center;
	color: white;
}

.centeredText {
	position: relative;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.centeredTextMobile {
	position: relative;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 10vw !important;
}

/*.centeredText {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}*/

.pageTitle {
	color: white !important;
	font-weight: 700 !important;
	font-size: 3.75vw;
	text-align: center;
	vertical-align: middle;
}

.titleFadeOnLoad {
	animation: titleFadeInAnimation ease 3s;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
}

@keyframes titleFadeInAnimation {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}


.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
	color: #515e76;
	background-color: transparent;
}

.vertical-center {
	margin: 0;
	position: absolute;
	top: 50%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.vertical-center-container {
	position: relative;
}

.well-colored-background {
	background-color: #F3F3F3 !important;
}

/*.testClass{
	color: red !important;
}*/

html, body {
	margin: 0 !important;
	height: 100% !important;
	width: 100% !important;
}

/** {
	border: 1px solid black;
}*/

.row {
	margin: 0;
	padding: 0;
}

.noBullets {
	list-style: none;
	text-align: left;
	padding-left: 0 !important;
	padding-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
}

.contactUsContainer {
	padding-top: 10px;
}

.embeddedMap {
	width: 100%;
}

.contactUsTable {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

	.contactUsTable td {
		width: 50%;
		color: grey;
		margin-top: 0;
	}

.centerFooter {
	margin-inline: auto;
	width: 100%;
	padding: 10px;
	text-align: center !important;
}
@media (min-width:768px) {
	.centerFooter {
		margin-inline: 390px;
	}
}

.centerFooterMenu {
	margin: auto;
	/*width: 33%;*/
	/*border: 5px solid #FFFF00;*/
	padding: 10px;
}

.footerAnchor {
	color: grey;
	font-weight: 600;
}

.modal-backdrop {
	z-index: 10;
}

.content-desktop {
	display: block;
}

.content-mobile {
	display: none;
}

.text-desktop {
	display: block;
}

.text-mobile {
	text-align: left !important;
}

/*@media screen and (max-width: 768px) {*/
@media screen and (max-width: 960px) {

	.content-desktop {
		display: none;
	}

	.content-mobile {
		display: block;
	}

	/*h3 {
		font-size: 5em;
	}*/
}

@media screen and (max-width: 960px) {

	.text-desktop {
		display: none;
	}

	.text-mobile {
		display: block;
		text-align: center !important;
	}
}

@media screen and (min-width: 768px) {
	.carousel-caption {
		right: 15%;
		left: 15%;
		padding-bottom: 30px;
	}
}


.carousel-caption {
	margin-bottom: 5%
}

.img-wrapper {
	display: inline-block; /* change the default display type to inline-block */
	overflow: hidden; /* hide the overflow */
}

.yellowIcons {
	width: 5em;
}


@keyframes slideInFromRightOnLoad {
	0% {
		transform: translate(100%, -50%);
		opacity: 0;
	}

	100% {
		transform: translate(-50%, -50%);
		opacity: 1;
	}
}

.slideInFromRightOnLoadDiv {
	animation-duration: 1s;
	animation-timing-function: ease-out;
	animation-delay: 0s;
	animation-iteration-count: 1;
	animation-name: slideInFromRightOnLoad;
}

@keyframes slideInFromLeftOnLoad {
	0% {
		transform: translate(-100%, 0%);
		opacity: 0;
	}

	100% {
		transform: translate(-50%, 0%);
		opacity: 1;
	}
}

.slideInFromLeftOnLoadDiv {
	animation-duration: 1s;
	animation-timing-function: ease-out;
	animation-delay: 0s;
	animation-iteration-count: 1;
	animation-name: slideInFromLeftOnLoad;
}

@keyframes slideInFromRightOnLowLoad {
	0% {
		transform: translate(100%, 0%);
		opacity: 0;
	}

	100% {
		transform: translate(0%, 0%);
		opacity: 1;
	}
}

.transitionFromRight {
	animation-duration: 1s;
	animation-timing-function: ease-out;
	animation-delay: 0s;
	animation-iteration-count: 1;
	animation-name: slideInFromRightOnLowLoad;
}

@keyframes fade_in {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

.fade_in_div {
	animation-duration: 3s;
	animation-timing-function: ease-out;
	animation-delay: 0s;
	animation-iteration-count: 1;
	animation-name: fade_in;
}

@keyframes slideInFromLeftOnLoadLow {
	0% {
		transform: translate(-100%, 0%);
		opacity: 0;
	}

	100% {
		transform: translate(0%, 0%);
		opacity: 1;
	}
}

.transitionFromLeft {
	animation-duration: 1s;
	animation-timing-function: ease-out;
	animation-delay: 0s;
	animation-iteration-count: 1;
	animation-name: slideInFromLeftOnLoadLow;
}

.photostripImg {
	width: 100%;
	height: 100%;
	object-fit: contain;
	overflow: hidden;
}

.ourStory {
	padding-left: 50px;
	padding-right: 50px;
}

.indexImageStrip {
	/*min-width: 25vw;*/
}

.ourTechnologyWell {
	padding: 2vw;
}

	.ourTechnologyWell img {
		min-height: 100%;
	}

.sliderGridWrapper {
	position: relative;
}

.topSliderGridContainer {
	position: relative;
	z-index: 2;
}

.bottomSliderGridContainer {
	position: absolute;
	top: 0;
	z-index: 1;
	width: 100%;
}

.sliderGridLevel {
	width: 100%;
	height: 18vw;
	position: static;
}

.sliderGridRow {
	width: 100%;
	height: 18vw;
	border: 0;
	padding: 0% 6% 1% 6%;
	margin: 0;
	font-size: 0;
	position: relative;
}

.sliderGridCell {
	width: 23%;
	height: 100%;
	min-width: 23%;
	min-height: 100%;
	max-width: 23%;
	max-height: 100%;
	position: relative;
	display: inline-block;
	/*border: solid 1px red;*/
	padding: 0;
	margin: 2% 1% 2% 1%;
	font-size: 2vw;
	border-radius: 10px;
}

.sliderGridTitle {
	text-align: left !important;
	color: var(--Future-Fog);
	font-size: 1.25vw;
	font-weight: 700;
}

.sliderGridText {
	text-align: left !important;
	color: #fff;
	font-size: 1.0vw !important;
}

.sliderGridBottomCell {
	padding-top: 1vw;
	padding-left: 1vw;
}

/*body{
	width: 100vw;
}*/
/*----------------------------------------------------------------------------------------------------------------------
*/



section {
	display: flex;
	justify-content: center;
	align-items: center;
}

.parallaxProducts {
	background-image: url('/Content/images/Products.png');
	height: 60vh;
	background-position: center;
	background-size: contain;
	background-attachment: fixed;
	background-repeat: no-repeat;
}

.parallaxProductsMobile {
	background-image: url('/Content/images/Products.png');
	height: 30vh;
	background-position: center;
	background-size: contain;
	/*background-attachment: fixed;*/
	background-repeat: no-repeat;
}

.parallaxAboutUs {
	background-image: url('/Content/images/AboutUs.png');
	height: 60vh;
	background-position: center;
	background-size: contain;
	background-attachment: fixed;
	background-repeat: no-repeat;
	width: 100%
}

.parallaxAboutUsMobile {
	background-image: url('/Content/images/AboutUs.png');
	height: 30vh;
	background-position: center;
	background-size: contain;
	/*background-attachment: fixed;*/
	background-repeat: no-repeat;
}

.parallaxContactUs {
	background-image: url('/Content/images/ContactUs.png');
	height: 60vh;
	background-position: center;
	background-size: contain;
	background-attachment: fixed;
	background-repeat: no-repeat;
}

.parallaxContactUsMobile {
	background-image: url('/Content/images/ContactUs.png');
	height: 30vh;
	background-position: center;
	background-size: contain;
	/*background-attachment: fixed;*/
	background-repeat: no-repeat;
}

.carousel-indicators {
	display: none;
}
/* * {
	 font-family:Arial;
 }*/
/*
.h5, h5 {
	font-size: 1vw;
}*/

.transparentText {
	color: transparent !important;
}

	.transparentText div {
		color: transparent !important;
	}

label {
	font-weight: 500;
}

.carouselBackground {
	width: 100% !important;
}

.carouselTitle {
	color: white !important;
	font-size: 3.75vw !important;
	font-weight: 700 !important;
	text-align: center;
}

.carouselCaption {
	color: white !important;
	font-size: 1.1vw;
	font-weight: 600 !important;
}

.carouselCaptionMobile {
	margin-bottom: 0;
}

.carouselCaptionMobile1 {
	margin-bottom: 0;
}

.carouselCaptionMobile2 {
	color: white !important;
	font-size: 5vw !important;
	font-weight: 700 !important;
}

.indexImageStripWell {
	width: 100%;
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 2vw;
}

.contactUsContainer {
	padding-bottom: 2vw;
}

.testimonialWell {
	margin: 0 !important;
	padding: 0 !important;
}

.testimonialTabContent {
	margin: 0 !important;
	padding: 0 !important;
}

.ourTechnologyImage {
	border: 0 !important;
	margin: 0 !important;
	padding: 1vw 0px 1vw 0px !important;
}

.productsAndFeatures {
	margin-bottom: 0;
	padding-top: 2vw;
}

.aboutUsImages {
	text-align: center;
	padding: 5%;
}

.coveragesWell {
	padding-bottom: 3vw;
}

.ourTechPadding {
	padding-left: 5vw;
}

.indexImageStripSlides {
	display: none;
}

.cursor {
	cursor: pointer;
}

.prevModal,
.nextModal {
	cursor: pointer;
	position: absolute;
	top: 35%;
	width: auto;
	padding: 16px;
	margin-top: -50px;
	color: white;
	font-weight: bold;
	font-size: 20px;
	transition: 0.6s ease;
	border-radius: 0 3px 3px 0;
	user-select: none;
	-webkit-user-select: none;
	margin-left: 25vw;
	margin-right: 25vw;
}

.nextModal {
	right: 0;
	border-radius: 3px 0 0 3px;
}

.caption-container {
	text-align: center;
	background-color: transparent;
	padding: 2px 16px;
	color: white;
}

.thumbnail {
	opacity: 0.6;
	padding: 0 !important;
	border-radius: 0 !important;
	border: none !important;
}

	.active,
	.thumbnail:hover {
		opacity: 1;
	}

#indexPhotostripModal .modal-content {
	background-color: transparent;
}

.form-control {
	height: 44px;
	border-radius: 0px;
	border: 1px solid #6B727C;
}

.logoCol {
	height: 5.5em;
	vertical-align: middle;
	text-align: center;
}

.blueBackground {
	background-color: var(--Future-Fog) !important;
}


.tempWhiteBackground {
	background-color: #fff !important;
}

.tempLightGreyBackground {
	background-color: #fafbfc !important;
}

.tempGreyBackground {
	background-color: #ced4e3 !important;
}

.tempBrightBlueBackground {
	background-color: #1c53e7 !important;
}

.tempBlueText {
	color: var(--Future-Fog) !important;
}

.tempGreyText {
	color: #515e76 !important;
}

.tempBlackText {
	color: #141414 !important;
}

.tempWhiteText {
	color: #ffffff !important;
}

.tempYellowText {
	color: #c2cd23 !important;
}

.blueWell {
	border-radius: 0.75em;
	margin-left: 5vw;
	margin-right: 5vw;
	background-color: var(--Future-Fog) !important;
	color: #ffffff !important;
}

.lightGreyWell {
	/*border-radius: 10px;*/
	/*margin-left: 15px;
	margin-right: 15px;*/
	background-color: #fafbfc !important;
	color: #515e76 !important;
	box-shadow: 5px 5px 5px lightgrey;
}

/* Container holding the image and the text */
.index-image-container {
	position: relative !important;
	text-align: center !important;
	color: white;
}

/* Bottom left text */
.index-image-bottom-left {
	position: absolute;
	bottom: 8px;
	left: 16px;
}

/* Top left text */
/*.top-left {
	position: absolute;
	top: 8px;
	left: 16px;
}*/

/* Top right text */
.index-image-top-right {
	position: absolute !important;
	top: 8px !important;
	right: 16px !important;
}

/* Bottom right text */
.index-image-bottom-right {
	position: absolute;
	bottom: 8px;
	right: 16px;
}

/* Centered text */
.index-image-centered {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.indexCaptionTransition {
	animation-duration: 1s;
	animation-timing-function: ease-out;
	animation-delay: 0s;
	animation-iteration-count: 1;
	animation-name: indexCaptionTransitionAnimation;
}

@keyframes indexCaptionTransitionAnimation {
	0% {
		transform: translate(-100%, 0%);
		opacity: 0;
	}

	100% {
		transform: translate(0%, 0%);
		opacity: 1;
	}
}

@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk&display=swap');

.tempHeader {
	font-family: 'Space Grotesk',sans-serif !important;
}

@import url('https://fonts.googleapis.com/css2?family=Work+Sans&display=swap');

.tempHeader2 {
	font-family: 'Work Sans',sans-serif !important;
}

.level1 {
	color: #515e76 !important;
	font-size: 24px !important;
	font-family: 'Work Sans',sans-serif !important;
	font-weight: 700 !important;
}

.level2 {
	color: #515e76 !important;
	font-size: 18px !important;
	font-family: 'Montserrat',sans-serif !important;
	font-weight: 500 !important;
}

.level3 {
	color: #515e76 !important;
	font-size: 16px !important;
	font-family: 'Montserrat',sans-serif !important;
	font-weight: 500 !important;
}

.productWell {
	background-color: rgba(32, 59, 128, 0.9);
	border-radius: 10px;
	height: auto;
	box-shadow: rgba(0,0,0,0.08) 0px 4px 24px 0px;
	padding: 1vw;
}

.productIcon {
	width: 10%;
	margin: auto;
	padding-top: 1vw;
	padding-bottom: .5vw;
	display: block;
}

@import url('https://fonts.googleapis.com/css2?family=Work+Sans:wght@700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Hammersmith+One&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Anton&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&display=swap');

.white-h1 {
	font-family: 'Hammersmith One',sans-serif;
	font-size: 2.5em;
	line-height: 1.1;
	font-weight: 700;
	color: #ffffff;
	text-align: center;
}

.black-h1 {
	font-family: 'Hammersmith One', sans-serif;
	font-size: 2.5em;
	line-height: 1em;
	font-weight: 900;
	color: #0f2042;
	font-weight: 800 !important;
}

.white-h2 {
	font-family: 'Work Sans',sans-serif;
	font-size: 2em;
	line-height: 1em;
	font-weight: 700;
	color: #ffffff;
	text-align: center;
}

.white-h3 {
	font-family: 'Work Sans',sans-serif;
	font-size: 1.5em;
	line-height: 0.75em;
	font-weight: 700;
	color: #ffffff;
	text-align: center;
}

.white-h4 {
	font-family: 'Work Sans',sans-serif;
	font-size: 24px;
	line-height: 30px;
	font-weight: 700;
	color: #ffffff;
	text-align: center;
}

.blue-h4 {
	font-family: 'Work Sans',sans-serif;
	font-size: 1.5em;
	line-height: 1.25em;
	font-weight: 700;
	color: var(--Future-Fog);
	text-align: center;
}

.white-p {
	font-family: Montserrat,sans-serif;
	font-size: 1em;
	line-height: 1.3em;
	font-weight: 400;
	color: #ffffff;
	text-align: center;
}

.blockquote {
	/*padding: 20px;
	margin-left: 15vw;
	margin-right: 15vw;*/
	padding: 20px;
	margin-top: 3vw !important;
	margin-bottom: 3vw !important;
	/*text-align: center padding-top: 4vw;*/
	/*padding-bottom: 4vw;*/
	padding-top: 4vw;
}

.blockshadow {
	/*box-shadow: inset 0 -0.1em 0.1em rgba(0,0,0,0.1), 0 0 0 1px rgb(255,255,255), 0.3em 0.3em 1em rgba(0,0,0,0.3);*/
	text-align: center;
	margin-top: 4vw;
	margin-bottom: 4vw;
	padding: 2vw;
	border-radius: 0;
	background-color: #ffffff;
}

.black-p {
	font-family: Montserrat,sans-serif;
	font-size: 16px;
	line-height: 24px;
	font-weight: 400;
	color: #0f2042;
}

.bold-black-p {
	font-family: Montserrat,sans-serif;
	font-size: 24px !important;
	line-height: 24px;
	font-weight: 800;
	color: #8792a4;
}

.blockquote-p {
	color: #8792a4;
	text-align: center;
	margin: auto;
}

a:focus, a:hover {
	text-decoration: none;
	background-color: transparent;
	font-weight: bold
}

.containerParallax {
	width: 100%;
	margin: 0 auto;
	background: #f9f9f9;
	font-size: 24px;
}

/*.parallaxNew {
	height: 340vh;
	background-position: center;
	background-repeat: no-repeat;
	background: url('/Content/images/blueGrid.jpg') no-repeat center;
	background-size: cover;
	background-attachment: fixed;
	width:100%
}*/

.parallax-window {
	min-height: 340vh;
	background: transparent;
}

.zIndex {
	z-index: 3;
}

.whiteBackground {
	/*background-color: #f4f7f6;*/
	background-color: #ffffff;
}

.counters {
	/*background: #0f479a;*/
	color: #0f2042;
	padding: 0;
}

	.counters .container {
		text-align: center;
	}



@media (max-width: 700px) {
	.counters .container {
		grid-template-columns: repeat(2, 1fr);
	}

		.counters .container > div:nth-of-type(1),
		.counters .container > div:nth-of-type(2) {
			border-bottom: 1px lightskyblue solid;
			padding-bottom: 20px;
		}
}

.productsLogo {
	width: 50%;
	padding-top: 2vw;
	width: 15%;
	margin: auto;
	display: block;
}

.indexContainer1 {
	margin: 0;
	padding: 0;
}

.indexContainer1 {
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 1vw;
	padding-bottom: 1vw;
}

.responsiveFont1 {
	font-size: 1.5em;
}

.logoContainer {
	padding-top: 0;
	padding-bottom: 3vw;
}

.logoImage {
	width: 25vw;
	/*padding-top: 25px;*/
	margin: auto;
}

.logoImageMobile {
	width: 75vw;
	/*padding-top: 25px;*/
	margin: auto;
}

.indexContainer2 {
	margin-left: 15vw;
	margin-right: 15vw;
}

.indexParagraph1 {
	padding-left: 2em;
	padding-right: 2em;
	text-align: center;
}

.indexButton1 {
	margin-left: 30vw;
	margin-bottom: 1vw;
}

.indexButton2 {
	margin-left: 30vw;
	margin-bottom: 2em;
}

.indexContainer3 {
	width: 95%;
	padding-left: 15vw;
	padding-right: 15vw;
}

.indexIconContainer {
	padding-top: 2em;
}

.indexContainer4 {
	padding-bottom: 2vw !important;
}

.indexCol1 {
	padding-top: 3vw;
}

.msiLogo {
	width: 20vw;
	margin: auto;
	margin-top: 3vw;
}

.indexContainer5 {
	padding-top: 0;
	padding-bottom: 1vw;
	width: 75%;
	margin-top: 0;
}

.testimonialTab {
	background-color: #ffffff;
	margin-top: 0;
	margin-bottom: 0;
}

.indexParagraph2 {
	margin-top: 0;
}

.indexCol2 {
	border-top: 0 !important;
	align-items: normal;
	justify-content: flex-start;
}

.indexButton3 {
	margin-left: 1vw;
}

.productContainer1 {
	width: 100%;
	height: 23vw;
}

.header-h1 {
	margin-top: 0px;
	margin-bottom: 0px;
}

.productsImage {
	float: right;
	bottom: 0px;
	right: 0px;
	width: 25vw;
	height: 25vw;
}

.productContainer2 {
	margin-top: 3vw;
	margin-bottom: 3vw;
}

.productContainer3 {
	margin-left: 22vw;
	margin-right: 22vw;
	text-align: center;
}

.productParagraph1 {
	margin-left: 15vw;
	margin-right: 15vw;
	margin-top: 4vw;
	margin-bottom: 3vw;
}

.productContainer4 {
	margin-left: 15vw;
	margin-right: 15vw;
	padding: 0;
}

.productContainer5 {
	margin-left: 15vw;
	margin-right: 15vw;
	padding: 0;
	padding-bottom: 2vw;
}

.productContainer6 {
	margin: 1.5vw;
	margin-left: 4vw;
}

.productParagraph2 {
	margin-bottom: 0;
	text-align: left;
}

.productContainer7 {
	float: right;
	margin: 1.5vw;
	margin-right: 4vw;
}

.productParagraph3 {
	margin-left: 2vw;
	margin-right: 2vw;
	text-align: center;
}

.productParagraph4 {
	margin-left: 2vw;
	margin-right: 2vw;
	margin-top: 2vw;
}

.productContainer8 {
	margin-left: 2vw;
	margin-right: 2vw;
	padding: 0;
}

.productContainer9 {
	margin-left: 2vw;
	margin-right: 2vw;
	padding: 0;
	padding-bottom: 2vw;
}

.productCol {
	margin: 1.5vw;
	padding: 1em;
}

.productHeader1 {
	padding-bottom: 2vw !important;
}

.productHeader2 {
	padding-top: 2vw;
}

.productHeader3 {
	padding-top: 3vw;
}

.aboutImagePosition {
	bottom: 0px;
	left: 0px;
}

.aboutContainer1 {
	width: 90%;
}

.aboutContainer2 {
	margin-top: 0;
}

.aboutContainer3 {
	width: 100%;
}

.aboutContainer4 {
	margin-left: 15vw;
	margin-right: 15vw;
}

.aboutParagraph1 {
	padding-left: 2em;
	padding-right: 2em;
	text-align: left;
}

.aboutLogo1 {
	width: 50%;
	margin: auto;
	margin-bottom: 3vw;
}

.aboutCol1 {
	padding-top: 2em;
}

.contactContainer1 {
	width: 100%;
	height: 12vw;
}

.contactContainer2 {
	margin: auto;
	width: 100%;
}

.contactHeader1 {
	margin-top: 0px;
	margin-bottom: 0px;
}

.contactContainer4 {
	padding-bottom: 2vw !important;
	display: flex;
}

.contactHeader2 {
	margin-bottom: 3vw;
}

#CancelPolicySection {
	/*border: 1px solid red;*/
	margin-left: 2vw;
}

#ChangeAddressSection {
	/*border: 1px solid red;*/
	margin-left: 2vw;
}


#OtherRequestSection {
	/*border: 1px solid red;*/
	margin-left: 2vw;
}

.eFormNote {
	color: red;
	font-weight: 600;
	margin-bottom: 1vw;
}

.eFormReasonBox {
	min-height: 5vw !important;
}


.navbar-collapse {
	border-top: none;
}

.centerText {
	text-align: center;
}

/** {
	border: 1px solid red;
}*/


/* Claims Modal styling*/
.claims-badge {
	display: inline-block;
	min-width: 10px;
	padding: 3px 7px;
	font-size: 12px;
	font-weight: bold;
	line-height: 1;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	background-color: #777777;
	border-radius: 10px;
	border: none;
}

.danger-button-badge {
	color: #fff;
	background-color: #dc3545;
}

	.danger-button-badge:hover {
		cursor: pointer;
	}

/*Rent Manager calendar widget*/
.bootstrap-datetimepicker-widget {
	inset: auto !important;
	display: block !important;
}

.required {
	color: var(--Error);
}

.billing-clickable-row {
	text-align: start;
}

.font-weight-normal {
	font-weight: normal;
}

}

.panel-collapse {
	color: black;
}

.row-gutters {
	margin-inline: -15px;
}

.font-bold {
	font-weight: 700 !important;
}

.text-black{
	color: black;
}

.agent-info {
	border: none;
	padding: 0px !important;
}

.summary-sm-logo {
	width: 25% !important;
	padding: 0;
	margin-bottom: 16px;
}

.lock-icon {
	margin-right: 10px;
}

.arrow-forward-icon{
	margin-left: 10px;
}

.forgot-modal-header {
	display: flex;
	align-items: center;
}

.make-payment-button{
	margin-top: 60px;
}

@media (max-width: 769px) {
	.pay-header{
		margin-left: 0;
		padding-left: 5px;
	}

	.make-payment-button {
		width: 100% !important;
		margin-top: 40px;
		margin-bottom: 40px;
	}
}

@media (max-width: 760px) {
	.billing-option-button {
		width: 100% !important;
	}
}

@media (max-width: 992px){
	.claim-button{
		width: 100% !important;
	}
	.summary-lg-logo {
		display: none;
	}
	.summary-sm-logo {
		display: block;
	}
	.contact-checkbox{
		padding-top: 0;
	}
	.payment-inputs {
		padding: 0;
	}
	.policy-payment-container {
		padding: 0;
		border: 1px solid #D1E7ED;
		padding: 20px;
		margin-bottom: 40px;
	}
}

@media (min-width: 992px){
	.summary-lg-logo {
		display: block;
	}

	.summary-sm-logo {
		display: none;
	}
	.claim-button{
		width: 100% !important;
	}

	.contact-checkbox {
		padding-top: 12px;
	}

	.payment-inputs {
		padding-left: 0;
		padding-right: 0;
	}

	#CustomerSummary {
		padding-top: 0 !important;
	}
	.policy-payment-container {
		padding: 0;
		border: 1px solid #D1E7ED;
		padding: 40px;
		margin-bottom: 40px;
	}
}

@media (max-width: 1200px) {
	body {
		font-size: 15px;
	}
	.section-title {
		color: var(--Future-Fog);
		font-size: 25px;
		font-family: 'Montserrat';
	}

	.body-text {
		font-size: 14px !important;
		font-family: Montserrat;
	}

	.card-title {
		color: var(--Future-Fog);
		font-size: 23px !important;
		font-weight: 700;
		font-family: 'Montserrat';
	}

	.page-title {
		color: var(--Builder-White);
		font-size: 30px;
		font-family: 'Montserrat';
	}

	.summary-img {
		height: 180px;
	}
}

@media (min-width: 1200px) {
	body {
		font-size: 15px;
	}

	.section-title {
		color:var(--Future-Fog);
		font-size: 30px;
		font-family: 'Montserrat';
	}

	.body-text {
		font-size: 15px !important;
		font-family: Montserrat;
	}

	.card-title {
		color: var(--Future-Fog);
		font-size: 23px;
		font-weight: 700;
		font-family: 'Montserrat';
	}

	.page-title {
		color: var(--Builder-White);
		font-size: 30px;
		font-family: 'Montserrat';
	}
	.summary-img {
		height: 210px;
	}
}

.payment_label {
	font-weight: 700;
	color: var(--Future-Fog);
	font-size: 18px;
}

.payment_radio_label {
	color: var(--Future-Fog);
	font-size: 18px;
	display: flex;
	align-items: center;
}

.payment-button {
	width: 120px
}
.payment-button-primary{
	margin-right:20px
}

@media (max-width: 767px) {
	.payment_label {
		font-size: 14px;
	}
	.payment_radio_label {
		font-size: 14px;
	}
	.payment-button {
		width: 100%
	}
	.payment-button-primary {
		margin-right: 0px
	}

	.term-payment-container {
		margin-left: 0;
		padding-left: 0 !important;
	}
	.changePaymentMethod_x {
		display: none;
	}

	.changePaymentMethod_y {
		border-bottom: 1px solid #A5A5A5;
		margin-top: 40px;
		padding-bottom: 40px;
	}

	.pay_sel_add {
		border-bottom: none;
		margin-top: 15px;
	}

	.renter-container {
		padding: 20px;
		border: 1px solid var(--Costal-Mist);
	}

	.term-container {
		display: flex;
		margin-top: 32px;
		flex-direction: column;
		padding-inline: 24px;
	}

	.current-container {
		width: 100%;
		border-bottom: 1px solid var(--Costal-Mist);
	}

	.renewal-container {
		width: 100%;
		padding-left: 0;
		margin-top: 40px;
	}
}

@media (min-width: 768px){
	.changePaymentMethod_x {
		position: absolute;
		right: 65px;
	}

	.changePaymentMethod_y {
		display: none;
	}

	.pay_sel_add {
		margin-top: 10px;
		padding-bottom: 40px;
		border-bottom: 1px solid #A5A5A5;
	}

	.renter-container {
		border: 1px solid var(--Costal-Mist);
		padding: 44px;
	}

	.term-container {
		display: flex;
		margin-top: 32px;
		padding-inline: 24px;
	}

	.current-container {
		width: 50%;
		border-right: 1px solid var(--Costal-Mist);
	}

	.renewal-container {
		width: 50%;
		padding-left: 40px;
	}
}
.term-payment-container {
	display: block;
	padding-top: 44px;
	padding-bottom: 24px;
	padding-left: 15px;
}

.product-type-sec {
	padding: 0px 24px 32px 24px;
	border-bottom: 1px solid var(--Costal-Mist);
}

.future-endoresement-message {
	background-color: #D2D3F6;
	display: flex;
	height: 85px;
}

.info-banner {
	background-color: #e4e5f6;
	display: flex;
	height: 85px;
}

.info-banner-img {
	background-color: #8B83D0;
	height: 100%;
	width: 52px;
	text-align: center;
	padding: 14px;
}

.alert-img {
	background-color: #A49DB8;
	height: 100%;
	width: 52px;
	text-align: center;
	padding: 14px;
}

.ai-card {
	border: 1px solid #A5A5A5;
	padding: 32px 48px;
}

.left-field {
	padding-left: 0;
}

.vertical-unset {
	vertical-align: unset;
}

.pr-25 {
	padding-right: 25px;
}

.pl-0 {
	padding-left: 25px;
}

@media (max-width: 991px){
	.ai-card {
		margin-right: 0 !important;
		padding: 32px 24px;
	}

	.left-field {
		padding-inline: 0;
	}

}

@media (max-width: 545px){
	.future-endoresement-message, .info-banner{
		height: 130px;
	}
	.alert-img, .info-banner-img{
		width: 78px;
	}
}

@media (max-width: 991px){
	.mailing-address {
		margin-top: 25px;
		padding: 0px;
	}
}

.center-align {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.title-section {
	color: var(--Future-Fog);
	font-size: 30px;
	font-family: 'Montserrat';
	line-height: 36.57px;
}

.sub-page-title {
	color: var(--Future-Fog);
	font-size: 23px;
	font-family: 'Montserrat';
	line-height: normal;
}

.description-section {
	color: var(--Premium-Black);
	font-size: 15px;
	font-family: 'Montserrat';
	margin-top: 20px;
}

.bordered-container {
	padding: 32px 24px;
	border: 1px solid var(--Costal-Mist);
}

.input-label {
	font-size: 15px;
	color: var(--Future-Fog);
	margin-bottom: 10px;
}

.italic-para {
	font-style: italic;
	font-size: 15px;
	letter-spacing: -0.5px;
	color: var(--Premium-Black);
}

.line-height-normal {
	line-height: normal;
}

.text-prem-black {
	color: var(--Premium-Black);
}

.policy-card {
	font-size: 23px;
	font-weight: 700;
	line-height: normal;
	letter-spacing: -0.5px;
}

.radio-button {
	height: 16px;
	width: 16px;
	accent-color: #122F53;
}


/*Heading Classes*/
.heading-2 {
	font-family: Montserrat;
	font-size: 30px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	letter-spacing: -0.5px;
}
.heading-4 {
	font-size: 15px;
	font-weight: bold;
}
.heading-3 {
	font-size: 18px;
	font-weight: bold;
}
.contact-us {
	font-size: 15px;
	font-weight: 400;
}
@media (max-width:480px) {
	.contact-us {
		font-size: 18px;
		font-weight: 700;
	}
}
.para-3 {
	font-size: 15px;
	font-weight: 400;
}
.text-future-fog {
	color: var(--Future-Fog);
}
.text-navy-blue {
	color: var(--In-the-Navy-Blue);
}
.m-0{
	margin: 0;
}
.flex-center{
	display:flex;
	align-items: center;
	justify-content: center;
}
.flex-column{
	flex-direction: column;
}

.footer-vertical-divider-left{
	border-left: 1px solid var(--In-the-Navy-Blue);
	margin-left: 4px;
	padding-left: 4px;
}

.footer-button {
	color: #4367F6 !important;
	font-weight: 700 !important;
}

.bordered-container {
	padding: 32px 24px;
	gap: 32px;
	border: 1px solid var(--Costal-Mist);
}

input[type=checkbox]:checked {
	accent-color: var(--In-the-Navy-Blue) !important;
}
.p-0 {
	padding: 0px;
}
.pb-4 {
	padding-bottom: 4px;
}
.mb-0{
	margin-bottom: 0px !important;
}

.mt-0 {
	margin-top: 0px !important;
}

.mt-40{
	margin-top: 40px !important;
}
.mt-10 {
	margin-top: 10px;
}
.mt-4 {
	margin-top: 4px !important;
}
.mobile-padding {}

@media (max-width:480px) {
	.mobile-padding {
		padding-inline: 20px !important;
	}
	.mobile-gap{
		margin-bottom:16px !important;
	}
}

.modal-body {
	position: relative;
	padding: 20px;
}

.bg-navy {
	background-color: var(--In-the-Navy-Blue);
}

@media (max-width: 768px){
	.small-size-padding{
		padding-inline: 15px !important;	
	}
	#activateAccountLink {
		margin-top: 0 !important;
		margin-left: 10px !important;
	}
	.nav-option {
		width: auto !important;
		text-align: center !important;
	}

	.dropdown-menu-left{
		width: 100% !important;
		box-shadow: none !important;
	}

	.address-checkbox-row{
		margin-top: 0 !important;
	}

	.payment-amount-options-row{
		margin-top: 0 !important;
	}

	.input-col {
		margin-top: 0 !important;
	}

	.customer-info-header{
		width: auto !important;
	}
}

#activateAccountLink {
	margin-bottom: 1px;
	margin-left: 10px;
}

.text-error {
	color: var(--Error)
}

.placeholder-text::placeholder {
	color: #000;
	opacity: 0.6;
}

.dropdown-menu-left{
	position: absolute !important;
}

.address-checkbox-row{
	margin-bottom: 20px;
	margin-top: 15px;
}

.payment-amount-options-row{
	margin-top: 15px;
}

.input-col{
	margin-top: 16px;
}