/* ---------------------------------------------------------
 * Default Content styles
 * ---------------------------------------------------------- */

html, body, table, th, td, input, textarea, select, button, h1, h2, h3, h4, h5, h6 {
	color:#333;
	font-family:'Open Sans', Arial, sans-serif;
	font-size:14px;
}
html {
	background-color:#1f1f1f;
}


/* ---------------------------------------------------------
 * Header
 * ---------------------------------------------------------- */

.header {}
.header > .wrapper {
	position:relative;
}

.logo {
	display:block;
	position:absolute;

	overflow:hidden;
	text-indent:-1000px;
}

.brands {
	position:absolute;
}



@media only screen and (min-width : 768px) {
	.header {
		height:220px;
		background:url('../img/header-bg.png') no-repeat 50%;
		background-size: cover;
	}
	.header > .wrapper {
		height:170px;
	}

	.logo {
		top:23px;
		left:40px;

		width:124px;
		height:126px;
		background:url('../img/logo.png') no-repeat 0 0;
	}
	.brands {
		top:40px;
		right:100px;

		width:600px;
		height:90px;
		background:url('../img/brands.png') no-repeat 0;
	}
}
@media only screen and (max-width : 979px) and (min-width : 768px) {
	.logo {
		top:18px;
	}
	.brands {
		right:25px;
	}
}



@media only screen and (max-width : 767px) {
	.header {
		height:180px;
		background:url('../img/header-bg.png') no-repeat 50% 50%;
	}
	.header > .wrapper {
		height:130px;
	}

	.logo {
		top:18px;
		left:40px;

		width:92px;
		height:94px;
		background:url('../img/logo-s.png') no-repeat 0 0;
	}
	.brands {
		top:20px;
		right:-46px;
		width:500px;
		height:90px;
		background:url('../img/brands.png') no-repeat 0;
		background-size: cover;
	}
}
@media only screen and (max-width : 480px) {
	.header {
		height:230px;
		background-position:50% 0;
	}
	.header > .wrapper {
		height:180px;
	}

	.logo {
		top:10px;
		left:50%;
		margin-left:-47px;
	}
	.brands {
		right:0;
		top:92px;
		width:100%;
		background:url('../img/brands.png') no-repeat 0;
		background-size: cover;
	}
}





/* ---------------------------------------------------------
 * Nav
 * ---------------------------------------------------------- */

.nav {
	position:relative;
	z-index:10;
	background-color:#1f1f1f;
}
.nav.fixed {
	position:fixed;
	top:0;
	left:0;
	width:100%;
}

.nav-toggle {
	height:50px;
	line-height:50px;
	text-align:right;
	padding-right:30px;
	color:#fff;
	cursor:pointer;
}
.nav-toggle:before {
	display:inline-block;

	content: "\f0c9";
	font-family: FontAwesome;
	font-size:28px;
	width:28px;
	height:28px;
}

.nav-mobile-order-btn {
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}
.nav-mobile-order-btn a {
	display:block;
	line-height:48px;
	height:50px;
	padding:0 30px;

	font-size:16px;
	font-weight:bold;
	color:#fff;
	background-color:#ea5353;
}


.nav ul,
.nav li {
	display:inline-block;
	margin:0;
	padding:0;
	list-style-type:none;
}
.nav ul li a {
	display:inline-block;
}


.nav ul > li {
	position:relative;
	overflow:visible;
}
.nav ul > li a {
	color:#ddd;
	font-size:13px;
}
.nav li:hover > a,
.nav ul > li a:hover {
	color:#fff;
}
.nav ul > li a.active {
	background-color:#f6f6f6;
	color:#333;
}



@media only screen and (min-width : 768px) {
	.nav {
		height:50px;
	}
	.nav-toggle,
	.nav-mobile-order-btn { display:none; }

	.nav ul > li {
		float:left;
	}
	.nav ul > li + li { margin-left:5px; }
	.nav ul > li a {
		line-height:48px;
		height:50px;
		padding:0 14px;
	}

	.nav ul > li a .fa {
		vertical-align: middle;
		margin-top:-2px;
	}

	.nav ul ul {
		display:none;
		position:absolute;
		top:100%;
		left:0;
		z-index:20;

		background-color:#ea5353;
		padding-bottom:10px;
	}
	.nav ul ul > li {
		display:block;
		float:none;
		margin-left:0;
	}
	.nav ul ul > li a {
		display:block;
		white-space:nowrap;
		height:auto;
		line-height:normal;
		padding:8px 0;
		color:#fefce8;
	}
	.nav ul ul > li a.active {
		background-color:#e14b4b;
		color:#fff;
	}

	.nav ul > li:hover ul,
	.nav ul > li ul:hover { display:block; }




	/* primary / order now */

	.nav-primary {
		float:left;
	}

	.nav-primary > li > a.active { padding:0 25px; }


	.nav li.order-now {
		padding-right:20px;
	}
	.nav li.order-now > a {
		padding:0 !important;

		font-size:16px;
		font-weight:bold;
		color:#fff;
		background-color:#ea5353;
	}
	.nav li.order-now > a .fa {
		margin-right:10px;
	}
	.nav li.order-now:hover > a {
		background-color:#ea5353;
	}
	.nav li.order-now:hover > a.active,
	.nav li.order-now > a.active:hover {
		color:#fff;
	}
	.nav li.order-now ul {
	}
	.nav li.order-now ul > li {
	}
	.nav li.order-now ul > li a {
	}

	.nav li.order-now > a,
	.nav li.order-now ul > li a {
		padding-left:30px !important;
		width:150px;
	}


	/* user */

	.nav-user {
		float:right;
	}

	.nav-user > li > a .fa {
		margin-left:8px;
	}
	.nav-user > li:hover > a {
		background-color:#ea5353;
	}

	.nav-user > li > a {
		min-width:160px;
	}
	.nav-user > li ul {
		min-width:100%;
	}
	.nav-user > li ul > li a {
		padding-left:14px;
	}


	/* not logged nav */

	.nav-login {
		float:right;
	}
	.nav-login > li > a .fa {
		margin-right:8px;
	}
}
@media only screen and (max-width : 979px) and (min-width : 768px) {

	.nav ul > li + li { margin-left:0; }
	.nav ul > li a {
		padding:0 10px;
		font-size:12px;
	}

	.nav-primary > li > a.active { padding:0 10px; }


	.nav li.order-now {
		padding-right:15px;
	}
	.nav li.order-now > a {
		font-size:14px;
	}
	.nav li.order-now > a .fa {
		margin-right:5px;
	}
	.nav li.order-now > a,
	.nav li.order-now ul > li a {
		padding-left:15px !important;
		width:115px;
	}


	.nav-user > li > a .fa {
		margin-left:5px;
	}
	.nav-user > li > a {
		min-width:140px;
	}
	.nav-user > li ul > li a {
		padding-left:10px;
	}


	.nav-login > li > a .fa {
		margin-right:5px;
	}
}



@media only screen and (max-width : 767px) {
	.nav {
		height:auto;
	}
	.nav-toggle,
	.nav-mobile-order-btn { display:block; }

	.nav > .wrapper {
		display:none;
		position:absolute;
		top:50px;
		left:0;

		-ms-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		width:100%;

		background-color:#1a1a1a;
		padding-top:10px;
	}


	.nav ul {
		display:block;
		padding-bottom:15px;
	}
	.nav > .wrapper > ul {
		float:left;
		width:50%;
		-ms-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		padding-right:5px;
	}
	.nav > .wrapper > ul + ul {
		padding-left:5px;
	}

	.nav ul li {
		display:block;
		padding:2px 0;
	}
	.nav ul li a {
		display:block;
		padding:8px 10px;
	}
	.nav ul li a .fa { display:none; }


	.nav li.order-now > a { display:none; }
	.nav-user > li > a {
		border-bottom:1px solid #333;
	}
	.nav-user > li > a .fa {}

	.nav-login > li > a .fa {}
}





/* ---------------------------------------------------------
 * Footer
 * ---------------------------------------------------------- */

.footer {
	background-color:#1f1f1f;
}

.footer .nav {
	background-color:#333;
}
.main.index + .footer .nav,
.main.index + * .footer .nav {
	background-color:#1f1f1f;
	border-bottom:1px solid #333;
}

.footer .social {
	float:right;
	padding:30px 0 0 40px;
}
.footer .copy {
	padding-top:35px;
	font-size:13px;
	color:#fff;
}
.footer .address {
	padding:15px 0 40px;
}
.footer .address,
.footer .address a {
	color:#d6d6cf;
}

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

	.footer .social {
		padding-top:15px;
	}
	.footer .copy {
		padding-top:20px;
		font-size:12px;
	}
	.footer .address {
		font-size:13px;
		padding-bottom:20px;
	}
}




/* ---------------------------------------------------------
 * Layout
 * ---------------------------------------------------------- */

.main {
	padding:60px 0 100px;
	background:#f6f6f6 url('../img/content-bg.jpg') no-repeat 100% 0;
}

.colpane.two-cols {}
.colpane.two-cols > [class*="col"] {
	padding-right:4%;
}
.colpane.two-cols > [class*="col"] + [class*="col"] {
	padding-right:0;
	padding-left:4%;
}

.p-left,
.p-right {
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.p-left { padding-left:5%; }
.p-right { padding-right:5%; }



a.ancor {
	position:relative;
	top:-60px;

	display:block;
	clear:both;
	width:0;
	height:0;
	overflow:hidden;
	line-height:1px;
}

.no-data {
}


.error-code {
	font-family:Courier New, Courier, monospace;
}



.sidebar {
	float:left;
	width:200px;
	min-height:10px;
}
.sidebar-nav {}
.sidebar-nav.fixed {
	position:fixed;
	top:60px;
	left:0;
	z-index:1;
}

.sidebar-link {}
.sidebar-link a.link {}
.sidebar-link a.link.active {
	border:none;
	font-weight:bold;
	color:#333;
}

.sidebar-link + .sidebar-link {
	margin-top:10px;
}





@media only screen and (max-width : 767px) {
	.main {
		padding:25px 0 50px;
		background:#f6f6f6;
	}

	.sidebar {
		float:none;
		width:auto;
		padding:20px 30px 23px;
		margin-bottom:30px;
		border:1px solid #d7d8d9;
	}
	.sidebar-nav.fixed {
		position:static;
	}


	.colpane.responsive > [class*="col"],
	.colpane.two-cols > [class*="col"] {
		padding-right:0;

		float: none;
		display:block;
		width:auto !important;
		clear:both;
	}
	.colpane.responsive > [class*="col"] + [class*="col"],
	.colpane.two-cols > [class*="col"] + [class*="col"] {
		padding-left:0;
		padding-top:40px;
	}


	/* forms */

	.form-group.colpane.responsive > [class*="col"] + [class*="col"],
	.form-group.colpane.two-cols > [class*="col"] + [class*="col"],
	.form-group.colpane.two-cols .colpane.two-cols > [class*="col"] + [class*="col"] {
		padding-top:15px;
	}
	.form-group + .form-group {
		margin-top:20px;
	}
}

.small-note
{
  font-style: italic;
  font-size: 10pt;
}



/* ---------------------------------------------------------
 * Tables
 * ---------------------------------------------------------- */

.data-table {
	width:100%;
	table-layout:fixed;
	margin-bottom:10px;
}
.data-table thead th {
	padding:0 10px 4px 30px;
	font-size:13px;
	color:#666;
	border-bottom:1px solid #d7d8d9;
}
.data-table tbody td {
	vertical-align:middle;
	font-size:13px;
	padding:8px 10px 8px 30px;
	border-bottom:1px solid #d7d8d9;
}
.data-table th + th,
.data-table td + td {
	padding-left:10px;
}


.data-table tbody td input[type="text"],
.data-table tbody td select {
	height:30px;
}
.data-table tbody td a {
/*	color:#09659a;*/
	color:#333;
	border-bottom:1px dashed #999;
}
.data-table tbody td a.fa {
	color:#ef2a33;
	border:none;
}
.data-table tbody td.title,
.data-table tbody td .title {
	font-weight:bold;
}
.data-table tbody td.description,
.data-table tbody td .description {
	font-size:85%;
	font-weight:normal;
	color:#666;
}
.data-table tbody td.faded {
	color:#888;
}

.data-table tbody tr.total td,
.data-table tfoot td {
	background:none;
	border:none;
	font-weight:bold;
	padding-top:10px;
}

.data-table-scroll {
	width:100%;
	overflow-x:auto;
}



@media only screen and (max-width : 979px) {
	.data-table thead th,
	.data-table tbody td {
		padding-left:10px;
		padding-right:8px;
	}
	.data-table th + th,
	.data-table td + td {
		padding-left:8px;
	}
}




/* ---------------------------------------------------------
 * Content
 * ---------------------------------------------------------- */

.content {
	line-height:20px;
}

/* headings */

h1,
h2,
h3,
h4,
h5 {
	color:#11171d;
}
h1.h-gray,
h2.h-gray,
h3.h-gray,
h4.h-gray,
h5.h-gray {
	color:#999996;
}
h1.h-alt,
h2.h-alt {
	color:#fff;
}
h3.h-alt,
h4.h-alt,
h5.h-alt {
	color:#e6e7e8;
}

h1 { font-size:34px; font-family:'Raleway', Arial, sans-serif; font-weight:800; padding-bottom:40px; }
h2 { font-size:30px; font-family:'Raleway', Arial, sans-serif; font-weight:700; padding-bottom:35px; }
h3 { font-size:20px; font-family:'Raleway', Arial, sans-serif; font-weight:400; padding-bottom:20px; }
h4 { font-size:16px; font-weight:bold; padding-bottom:15px; }
h5 { font-weight:bold; padding-bottom:10px; }
h6 {  }


/* simple links */

a.link,
a.link:focus,
a.link:active,
.content a,
.content a:focus,
.content a:active {
	cursor:pointer;
	color:#09659a;
	border-bottom:1px dashed #75a9c6;
}
.content a:hover {
	color:#007ac1;
	border:none;
}


/* HR */

.content hr {
	clear:both;
	background-color:#d3d5d7;
	color:#d3d5d7;
	border:0;
	height:1px;
	margin:30px 0;
}


/* pargraph */

.content p {}
.content p + p {
	margin-top:20px;
}
.content p.p-secondary {
	font-size:13px;
	color:#666;
}

.content ul,
.content ol {
	padding-left:30px;
}
.content ul {
	list-style-type:disc;
}
.content ol {
	list-style-type:decimal;
}
.content ul li,
.content ol li {
	padding-left: 5px;
}
.content ul li + li,
.content ol li + li {
	padding-top:3px;
}
.content ul.splitted > li + li,
.content ol.splitted > li + li {
	padding-top:12px;
}

@media only screen and (max-width : 480px) {
	h1 { font-size:28px; padding-bottom:20px; }
	h2 { font-size:22px; padding-bottom:20px; }
	h3 { font-size:18px; padding-bottom:15px; }
}


/* table */

.content-table { /* extend .data-table */
	width:auto;
	max-width:100%;
}
.content-table thead th,
.content-table tbody td {
	padding-left:10px;
}





/* ---------------------------------------------------------
 * Index - Landing Page
 * ---------------------------------------------------------- */

.index {
	padding:0;
}

.index-wrapper {
	max-width:1000px;
	margin:0 auto;
}
.index-wrapper .col12 {
	padding:0 6%;
}

.index-headline {
	font-size:18px;
	color:#fff;
	background-color:#ea5353;
}
.index-headline .index-wrapper {
	padding:45px 12%;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.index-headline .fa {
	float:left;
	margin-right:30px;
	margin-top:-20px;

	font-size:100px;
	width:100px;
	height:100px;
/*	color:#f44343;*/
}


.index-steps {
	padding:50px 5% 30px;
/*	background-color:#fff;*/
}
.index-step {
	width:23%;
}
.step-number {
	width:72px;
	height:72px;
	margin:0 auto;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	border:4px solid #f44e4e;

	color:#f44e4e;
	font-size:48px;
	font-weight:bold;
	line-height:66px;
	text-align:center;
}
.step-title {
	margin-top:15px;
	min-height:65px;
	font-size:18px;
	text-align:center;
}
.step-subtitle {
	color:#666;
	font-size:12px;
	padding-top:3px;
}
.step-image {
	width:100%;
	max-width:260px;
	height:180px;
	margin:0 auto;

	background:no-repeat 50% 50%;
	background-size:100% auto;
}
.step1 .step-image { background-image:url('../img/step1.png'); }
.step2 .step-image { background-image:url('../img/step2.png'); }
.step3 .step-image { background-image:url('../img/step3.png'); }
.step4 .step-image { background-image:url('../img/step4.png'); }

.step-divider {
	display:none;
	width:100%;
	height:0px;
	visibility:hidden;
	overflow:hidden;
	margin-bottom:70px;
}



.index-map-bg {
	padding:60px 0;
	background:#303030 url('../img/map-bg.jpg') no-repeat 50% 0;
}
.index-map-bg,
.index-map-bg h3 {
	color:#f2f2f2;
}
.index-map-bg h1 {
	color:#fff;
}


.index-map-bg ul {
}
.index-map-bg ul li + li {
	margin-top:20px;
}
.index-map-bg ul li i {
	font-size:18px;
	font-weight:bold;
	font-style:normal;
	color:#ea5353;

	float:left;
	margin:-4px 0 0 -27px;
}


.index-map-bg ul a {
	color:#f2f2f2;
	border-bottom:1px dashed #f2f2f2;
}
.index-map-bg ul a:hover {
	color:#fff;
	border:none;
}



@media only screen and (max-width : 979px) {
	.step-divider {
		display:inline-block;
	}
	.index-step {
		width:46%;
	}

	.index-map-bg {
		padding:40px 0;
	}
}


@media only screen and (max-width : 767px) {
/*	.index-headline .fa {
		margin-right:20px;
		margin-top:-5px;

		font-size:60px;
		width:60px;
		height:60px;
	}
*/
	.step-number {
		width:60px;
		height:60px;
		font-size:36px;
		line-height:56px;
	}
	.step-divider {
		margin-bottom:40px;
	}

	.index-map-bg {
		background-image:none;
	}
}

@media only screen and (max-width : 640px) {
	.index-headline .fa {
		display:none;
	}

	.index-wrapper .col12 {
		float:none;
		width:auto;
		padding:0 12%;
	}
	.index-wrapper .col12 + .col12 {
		padding-top:50px;
	}
	.index-wrapper .col12 .btn { margin-top:-20px; }
}

@media only screen and (max-width : 480px) {
	.index-headline {
		font-size:16px;
	}

	.index-steps {
		padding-top:40px;
		padding-bottom:30px;
	}
	.index-step {
		display:block;
		width:100%;
	}
	.index-step + .index-step { margin-top:40px; }
	.step-title {
		margin-top:10px;
		min-height:0;
	}
}




/* ---------------------------------------------------------
 * Static Pages
 * ---------------------------------------------------------- */

/* FAQ */

.faq {}

.faq-group {}
.faq-group + .faq-group {
	margin-top:60px;
}

.faq-item {}
.faq-item + .faq-item {
	margin-top:30px;
}


/* Employment */

.employment {}

.employment-item {}
.employment-item + .employment-item {
	margin-top:50px;
}



/* About Us */

.about {}

.team-item {
}
.team-item + .team-item {
	margin-top:80px;
}

.team-image {
	float:left;
	margin-right:50px;
}
.team-image,
.team-image img {
	width:250px;
	height:350px;
	border:none;
}
.team-title {
	padding-bottom:10px;
}
.team-role {
	color:#666;
}
.team-description {
	padding-top:30px;
}


@media only screen and (max-width : 767px) {
	.about .col23 {
		width:auto;
	}
	.team-image {
		float:none;
		margin-right:0;
		padding-bottom:30px;
	}

	.contact .col12 {
		width:auto;
	}
}


/* Self-Registration */

.marketing-opt-out {
}
.marketing-opt-out .form-helper {
	padding-top:0;
	padding-bottom:10px;
	font-size:12px;
}
.marketing-opt-out .form-label {
	font-size:13px;
}

@media only screen and (max-width : 767px) {
	.col12 + .marketing-opt-out {
		margin-top:20px;
	}
}


/* Srvices */

.services-scenarios {
	padding:60px 0 40px;
	background-color:#fff;
}
.services-scenarios .justify-layout {
	padding:0 6%;
}

.services-scenarios .justify-layout-item {
	width:29%;
}
.services-scenarios .title {
	padding-top:30px;
}
.services-scenarios .image {
}
.services-scenarios .image img {
	display:block;
	margin:0 auto;
	max-width:100%;
	height:auto;
}


@media only screen and (max-width : 1300px) {
	.services-scenarios .justify-layout {
		max-width:1140px;
		padding:0 30px;
		margin:0 auto;
	}
}
@media only screen and (max-width : 979px) {
	.services-scenarios .justify-layout-item {
		display:block;
		width:100%;
	}
	.services-scenarios .justify-layout-item + .justify-layout-item {
		padding-top:30px;
	}
	.services-scenarios .title {
		padding-top:20px;
		max-width:620px;
		margin:0 auto;
	}
}
@media only screen and (max-width : 767px) {
	.services-scenarios .justify-layout {
		padding:0 15px;
	}
}




/* ---------------------------------------------------------
 * Orders Wizards
 * ---------------------------------------------------------- */

/* sections */

.order-section {
	display:block;
	margin-bottom:10px;
}
.order-section-title {
	display:block;
	position:relative;
	font-size:16px;
/*	font-family:'Raleway', Arial, sans-serif; font-weight:400;*/
	font-weight:bold;
	color:#11171d;
	
	padding:15px 50px;
}
.order-section-title span.n {
	float:left;
	margin-left:-25px;
}
.order-section-title span.c {
	float:right;

	width:24px;
	height:24px;
	font-size:24px;
}

.order-section-body {
	display:block;
	padding:25px 50px;
}


.order-section.expanded {
	border:1px solid #b3b4b5;
}
.order-section.expanded .order-section-title {
	background-color:#e3e5e6;
}
.order-section.expanded .order-section-body {
	background-color:#fafafa;
}

.order-section.collapsed {
	background-color:#ea5353;

    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.order-section.collapsed:hover {
	background-color:#d9010b;
}
.order-section.collapsed,
.order-section.collapsed .order-section-title,
.order-section.collapsed a {
	color:#fff;
}
.order-section.collapsed .order-section-body {
	font-size:13px;
	padding-top:0;
	padding-bottom:15px;
	color:#fefce8;
}



@media only screen and (max-width : 979px) {
	.order-section-title,
	.order-section-body {
		padding-left:30px;
		padding-right:30px;
	}
	.order-section-title span.n {
		margin-left:-16px;
		font-size:14px;
		margin-top:3px;
	}
}

@media only screen and (max-width : 480px) {
	.order-section {
		margin-left:-15px;
		margin-right:-15px;
		margin-bottom:5px;
	}
	.order-section.expanded {
		border-left:none;
		border-right:none;
	}
	.order-section.expanded .order-section-body {
		background-color:#fff;
	}


	.order-section-title {
		padding:15px 10px 15px 30px;
	}
	.order-section-body {
		padding:20px 15px;
	}

	.order-section.collapsed {
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
	}
}




/* order summary */

.order-summary {
	position:relative;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding:0 0 10px 50px;
	z-index:1;
}
.order-summary .btn {
	width:100%;
	margin-bottom:40px;
}
.order-summary h3 {
}
.order-summary table {
	width:100%;
	border-top:1px solid #d7d8d9;
}
.order-summary table td {
	padding:3px 0 4px;
	border-bottom:1px solid #d7d8d9;
}
.order-summary table td.title {}
.order-summary table td.price {
	text-align:right;
}

.order-summary table .total td {
	padding-top:10px;
	font-size:16px;
	font-weight:bold;
}
.order-summary table .helper td {
	padding-bottom:40px;
	border:none;
	font-size:12px;
	color:#666;
}
.order-summary table .helper + tr td { border-top:1px solid #d7d8d9; }

.order-summary table .no-border td {
	border:none;
}


@media only screen and (max-width : 979px) {
	.order-summary {
		padding-left:20px;
	}
}
@media only screen and (max-width : 767px) {
	.order-summary {
		padding-left:0;
		padding-bottom:70px;
	}
	.order-summary .btn {
		position:absolute;
		left:0;
		bottom:0;
		margin-bottom:0;
	}
}



/* extend .data-table style: Supplies */

.supplies-table {}
.supplies-table tbody td {
	font-size:14px;
	background-color:#edeff0;
	padding-top:6px;
	padding-bottom:6px;
	border-bottom:none;
}
.supplies-table tbody tr + tr td {
	border-top:3px solid #f6f6f6;
}




/* other order styles */

.hours-price {
	display:inline-block;
	padding-bottom:6px;
/*	float:left;*/
}
.hours-price span {
	display:inline-block;
	padding-top:8px;
	margin-right:20px;
	margin-left:10px;
}

.prearrival input[type="checkbox"] {
	vertical-align:top;
	top:10px;
}
.prearrival .form-label {
	width:85%;
}


.estimator-table {
}
.estimator-table table {
}
.estimator-table table + .form-helper {
	float:right;
}

.estimator-table .btn + .btn { margin-left:0; }
.estimator-table .btn-secondary {
	margin-bottom:7px;
	margin-right:10px;
}

.estimator-table .form-stretchmax.left {}
.estimator-table .form-stretchmax.left + .form-helper {
	font-size:12px;
}


.storage-term-helper {
	margin-top:30px;
	width:auto;
}
.storage-term-helper th,
.storage-term-helper td {
}


.payment-terms {
}
.payment-scroll {
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	overflow-y:auto;
	margin:0 10px;

	padding:10px;
	border:1px solid #d7d8d9;
}
@media only screen and (max-width : 480px) {
	.payment-scroll {
		margin:0;
		border-left:none;
		border-right:none;
	}
}



@media only screen and (max-width : 767px) {
	.hours-price + .btn {
		clear:both;
	}

	.estimator-table select,
	.estimator-table input[type="text"] {
		font-size:13px;
	}
	.estimator-table select {
		padding-left: 3px;
		padding-right: 3px;
	}
	.estimator-table input[type="text"] {
		padding-left: 4px;
		padding-right: 4px;
	}
}

@media only screen and (max-width : 480px) {
	.hours-price {
		display:block;
	}

	.estimator-table table { margin-bottom:0; }
	.estimator-table table td { vertical-align:top; }
	.estimator-table table tbody tr td:first-child { padding-top:12px; }
	.estimator-table table td a.fa { margin-top:5px; }

	.estimator-table table + .form-helper {
		float:none;
		padding-top:3px;
		padding-bottom:10px;
	}
	.estimator-table .form-stretchmax.left {
		float:none !important;
	}
	.estimator-table .form-stretchmax.left + .form-helper {
		padding:0;
	}
}


/* ---------------------------------------------------------
 * Orders Management
 * ---------------------------------------------------------- */

/* extend .data-table style: Items */

.items-table {}
.items-table {}
.items-table tbody td {
	background-color:#edeff0;
	border-bottom:none;
}
.items-table tbody tr + tr td {
	border-top:2px solid #f6f6f6;
}


/* appointment */

.appointment {
	position:relative;
	border:1px solid #a9f8f8;
	margin-bottom:8px;
}

.appointment .date {
	padding:8px 10px 8px 30px;
	background-color:#d2f1fb;

	font-size:14px;
	font-weight:bold;
}
.appointment .date .fa {
	color:#14b1e4;
	margin-right:8px;
}
.appointment .date .fa-clock-o {
	margin-right:5px;
	margin-left:20px;
}


.appointment .details {
	padding:8px 10px 10px 30px;
	background-color:#e9f7f7;

	font-size:13px;
}
.appointment .details span {
	display:inline-block;
	width:45px;
	font-weight:bold;
	font-size:90%;
}
.appointment .details .col12 + .col12 {
	padding-left:15px;
}
.appointment .details .col12 > div {
	padding-bottom:3px;
}
.appointment .details .address {
	padding-top:8px;
}
.appointment .details a {
	color:#09659a;
/*	color:#333;
	border-bottom:1px dashed #999;*/
}


/* dashboard */

.orders-dashboard {}

.orders-dashboard .orders-dashboard-info {
	float:left;
/*	padding-bottom:15px;*/
}


/* toggle */

.orders-toggle-container {
	float:right;
	margin-top:-5px;
}
.orders-toggle-label {
	padding-right:18px;
}

.orders-toggle {
	display:inline-block;
	width:50px;
	height:26px;
	padding:3px;
	vertical-align:middle;

	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
}
.orders-toggle:after {
	content:"";
	display:inline-block;
	width:26px;
	height:26px;

	background-color:#fff;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
}

.orders-toggle.on {
	text-align:right;
	background-color:#54d854;
}
.orders-toggle.off {
	text-align:left;
	background-color:#d0d4d6;
}


@media only screen and (max-width : 979px) {
	.appointment .date,
	.appointment .details {
		padding-left:15px;
		padding-right:5px;
	}

	.orders-dashboard .orders-dashboard-info {
		float:none;
		padding-bottom:20px;
	}
	.orders-toggle-container {
		float:none;
		margin:0 0 40px;
	}
}
@media only screen and (max-width : 480px) {
	.orders-dashboard .data-table thead th,
	.orders-dashboard .data-table tbody td,
	.order-details .data-table thead th,
	.order-details .data-table tbody td {
		font-size:12px;
	}
	.order-details .data-table tbody tr.total td,
	.order-details .data-table tfoot td {
		font-size:13px;
	}

}



/* order details */

.order-details {}

.order-details h1 {
	padding-bottom:20px;
}
.order-details h1 .btn {
	margin:-6px 20px 0 0;
}


.order-info,
.order-actions {
	padding-left:62px;
}

.order-info {
	padding-bottom:20px;
}
.order-info b {
	display:inline-block;
	width:65px;
}

.order-actions {
	border-bottom:1px solid #d7d8d9;
	margin-bottom:20px;
	padding-bottom:10px;
}
.order-actions .btn {
	margin-bottom:10px;
	margin-right:10px;
}
.order-actions .btn + .btn {
	margin-left:0;
}

.order-action-title {
	padding:30px 0 20px;
	border-top:1px solid #d7d8d9;
}
.order-action-title h3 {
	float:left;
}
.order-action-title .btn {
	float:right;
	margin-top:-5px;
}
/*.order-action-title .btn span { display:none; }*/




@media only screen and (max-width : 480px) {
	.order-details h1 {
		font-size:22px;
	}
	.order-details h1 .btn {
		margin-right:8px;
	}

	.order-info,
	.order-actions {
		padding-left:0;
	}
	.order-action-title h3 {
		float:none;
	}
	.order-action-title .btn {
		float:none;
		margin-top:0;
	}


	.order-details .data-table-scroll .data-table {
		min-width:500px;
	}
}








/* ---------------------------------------------------------
 *
 * Global  R E S P O N S I V E   Styles
 * Some Respnsive style for concrete sections (header, footer, nav) see in their sections
 *
 * ---------------------------------------------------------- */


@media only screen and (max-width : 979px) {
}
@media only screen and (max-width : 979px) and (min-width : 768px) {
}




@media only screen and (max-width : 767px) {
	.wrapper {
		padding:0 15px;
	}
}
@media only screen and (max-width : 767px) and (min-width : 481px) {
}




@media only screen and (max-width : 480px) {
	.form-label.chbx {
		font-size:12px;
	}


	.alert,
	.message {
		padding:10px 15px;
	}
	.alert:before,
	.message:before {
		display:none;
	}
}