/*
Template Name: Gregory Graphics
Version:3.0
*/

/* =================================================
--------------- Table of Contents ------------------


--------------------------------------------------
==================== Import =================== */

/* 
Import vertical spacing helper css file (minified) 
To see how it work see vspacing.css file (unminified)
*/
@import url('vspacing.min.css');

/* Import font icons */
@import url('font-awesome.min.css');
@import url('simple-line-icons.css');
@import url('fontello.css');

/* =============================================
-------------------  1.General ---------------
==============================================*/

/* fix outlines on focus */
*:focus {
	outline:none;
}

html {
	height:100%;
}

/* added html to fix masonry unwanted space issue */
.home-masonry {
	overflow-y:scroll;
}

body {
	font: 400 14px/1.6 'Lato', Verdana, sans-serif;
	color: #505050;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-color: #fff;
    min-height: 100%;
}

#wrapper {
	width: 100%;
	background-color: #fff;
}

#wrapper.boxed,
#wrapper.boxed-long {
	width:100%;
	margin:0;
}.internalpage.container {
    margin-top: 152px;
}
div#internalpage-container {
	height: 325px;    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;}
@media (min-width: 992px) {

	#wrapper.boxed {
		margin: 40px auto;
		box-shadow: 0 0 15px rgba(0,0,0, 0.1);
	}

	#wrapper.boxed-long {
		margin:0 auto;
		box-shadow: 3px 0 10px rgba(0,0,0, 0.15), -3px 0 10px rgba(0,0,0, 0.1);
	}
	
	#wrapper.boxed,
	#wrapper.boxed-long,
	.boxed .sticky-menu.fixed .container,
	.boxed-long .sticky-menu.fixed .container,
	.boxed .sticky-menu.fixed .container-fluid,
	.boxed-long .sticky-menu.fixed .container-fluid,
	.boxed #header.sticky-menu.fixed .navbar-transparent,
	.boxed-long #header.sticky-menu.fixed .navbar-transparent {
		width:970px;
	}

	.boxed .sticky-menu.fixed .container,
	.boxed-long .sticky-menu.fixed .container,
	.boxed .sticky-menu.fixed .container-fluid,
	.boxed-long .sticky-menu.fixed .container-fluid,
	.boxed #header.sticky-menu.fixed .navbar-transparent,
	.boxed-long #header.sticky-menu.fixed .navbar-transparent {
		margin:0 auto;
	}

	.custom-wrapper {
		padding-top:22px;
	}

	/* fix for header2 style */
	.boxed #header.sticky-menu.fixed,
	.boxed-long #header.sticky-menu.fixed {
		border-top:none;
	}
}


@media (min-width: 1200px) {

	#wrapper.boxed {
		width:1170px;
		margin: 50px auto;
	}
	
	#wrapper.boxed,
	#wrapper.boxed-long,
	.boxed .sticky-menu.fixed .container,
	.boxed-long .sticky-menu.fixed .container, 
	.boxed .sticky-menu.fixed .container-fluid,
	.boxed-long .sticky-menu.fixed .container-fluid,
	.boxed #header.sticky-menu.fixed .navbar-transparent,
	.boxed-long #header.sticky-menu.fixed .navbar-transparent {
		width:1170px;
	}
}

@media (min-width: 1280px) {

	.container {
		width: 1200px;
	}

	#wrapper.boxed,
	#wrapper.boxed-long,
	.boxed .sticky-menu.fixed .container,
	.boxed-long .sticky-menu.fixed .container,
	.boxed .sticky-menu.fixed .container-fluid,
	.boxed-long .sticky-menu.fixed .container-fluid,
	.boxed #header.sticky-menu.fixed .navbar-transparent,
	.boxed-long #header.sticky-menu.fixed .navbar-transparent {
		width:1200px;
	}
	
}

.gregory-loader-overlay {
	width:100%;
	height:100%;
	position: fixed;
	background: rgba(255, 255, 255, 0.98);
	z-index:2000;
	top:0;
	left:0;
}

.materialdesc h3 {
    color: #fff;
    padding: 17px;
}
/* Loader Style Css Overwrite - queryloader plugin */
#qLoverlay {
	font-family: Verdana;
	font-weight:600;
	font-size:12px;
	line-height: 1;
}

#qLpercentage {
	margin-top:-50px !important;
	color:#4a4a4a !important;
}

.queryloader__overlay__bar {
	background-color: #4a4a4a !important;
}

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

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


h1,.h1,
h2,.h2,
h3,.h3,
h4,.h4,
h5,.h5,
h6,.h6 {
	font-family: 'Poppins', sans-serif;
	font-weight: 700;
	line-height:1;
	color:#303030;
	margin-top:0;
}

.header h1 {font-size: 54px;}
h1,
.h1 {
	font-size:28px;
	margin-bottom:20px;
}

h2,
.h2{
	font-size:24px;
	margin-bottom:20px;
}

h3,
.h3 { color: #303030;
	font-size:20px; line-height: 1.3;
	margin-bottom:15px;
}
h3 a {
    color: #fff;
    display: block;
    margin-bottom: 17px;
}
.materialdesc2 h3 a {
    color: #343434;
}
h4,
.h4 {
	font-size:18px;
	margin-bottom:15px;
}

h5,
.h5 {
	font-size:15px;
	margin-bottom:15px;
}

h6,
.h6 {
	font-size:13px;
	margin-bottom:10px;
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small,
.h1 .small,
.h2 .small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small {
	color:inherit;
}
.options.right {
    font-family: 'Lato', Arial, sans-serif;
    font-size: 15px;
}
ul,ol {
	list-style-type:none;
	padding:0;
	margin:0;
}
.modal-content ul, ol {
    list-style: disc;
    margin: 10px 24px;
}
.modal-content img {
    max-width: 100%;
}
p {
	margin: 0 0 20px;
}

.lead {
	font-size: 16px;
	line-height: 1.5;
	font-weight: 400;
}

.lead.small {
	font-size:15px;
}

@media (min-width: 768px) {
	.lead {
		font-size: 16px;
	}
}

h5.lead {
	font-weight: 600;
}

a { cursor: pointer;
	-webkit-transition:color .35s;
	transition:color .35s;
}

a:active,
a:hover,
a:focus {
	text-decoration:none;
}

a:active,
a:focus,
input,
select,
textarea {
	outline:none;
}

iframe {
	border:none;
}

img.pull-right {
	margin-left:20px;
	margin-bottom:20px;
}

img.pull-left {
	margin-right:20px;
	margin-bottom:20px;
}

hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #7a7a7a;
}

hr.gray {
	border-color:#eaeaea;
}

blockquote {
	position: relative;
	padding:8px 0 8px 25px;
	margin: 30px 0;
	font-size:16px;
	border-left:2px solid transparent;
}

blockquote.blockquote-reverse {
	padding:8px 25px 8px 0;
	margin:30px 0;
	border-left:none;
	border-right:2px solid transparent;
}

blockquote p {
	margin-bottom:15px;
}

blockquote cite {
	font-size:16px;
	font-weight: 700;
}

blockquote:after {
	content:'';
	display:block;
	position: absolute;
	left:1px;
	top:0;
	width:2px;
	height:100%;
}

blockquote.blockquote-reverse:after {
	left:auto;
	right:1px;	
}

.blockquote-icon {
	padding-left:50px;
	padding-top:25px;
	border-left:none;
}

.blockquote-icon:after,
.blockquote-reverse.blockquote-icon:after {
	display:none;
}

.blockquote-icon.blockquote-reverse {
	padding-left:0;
	padding-right:50px;
	border-right:none;
}

.blockquote-icon:before {
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transform: translate(0, 0);
	content:'\f10d';
	position: absolute;
	left:5px;
	top:5px;
	font-size:3rem;
	z-index:0;
}

.blockquote-icon.blockquote-reverse:before {
	left:auto;
	right:5px;
	content:'\f10e';
}	

.highlight {
	padding:0 0.3em;
	background: #eaeaea;
}

.highlight.reverse {
	color:#fff;
	background: #505050;
}

.highlight.first-color,
.highlight.second-color,
.highlight.third-color,
.text-white,
a.text-white {
	color:#fff;
}

a.text-white:hover,
a.text-white:focus {
	color:#eaeaea;
}

.bg-transparent {
	background-color: transparent !important;
}

.bg-dark {
	background-color: #2a2a2a;
	color:#9a9a9a;
}

.bg-custom {
	color:#e1e1e1;
}

.graphics h2 {
    font-size: 44px;
}

.bg-gray,
#wrapper.bg-gray {
	background-color: #e1e1e1;
}

.bg-lightgray {
	background-color: #f2f2f2;
}

.bg-lightgrayv2 {
	background-color: #f8f8f8;
}

.bg-lightergray {
	background-color: #fafafa;
}

.bg-darkgray {
	background-color: #1c5fa8!important;

    padding: 66px 0px;
    position: relative;
}

.text-white {
	color:#fff;
}

.text-lightgray {
	color:#f1f1f1;
}

.text-gray {
	color:#e1e1e1;
}

.text-darkgray {
	color:#aeaeae;
}

.text-muted {
	color:#7a7a7a;
}

.text-darkmuted {
	color:#5e5e5e;
}

.text-dark {
	color:#2a2a2a;
}

.dropcap,
.dropcap-bg {
	font-size:3.8em;
	line-height:1;
	padding-right:0.2em;
	float:left;
	text-transform: uppercase;
	color: #505050;
}

.dropcap-bg {
	padding:0.02em 0.07em 0.03em;
	color:#fff !important;
	margin-right:0.15em;
	background-color: #505050;
}


/* =============================================
-----  2. Elements / Bootstrap Overwrite   -----
==============================================*/
	
/* --------------------------------------
2.1 Dropdown menu ------------------------ */

.dropdown-menu {
	z-index: 999999;
}

.angle {
	margin:0 0 0 3px;
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transform: translate(0, 0);
}

.angle:before,
.side-menu .navbar-nav .angle:before {
	content: "\f107";
}

/* --------------------------------------
2.2 Buttons ------------------------ */

.btn.min-width {
	min-width: 140px;
	text-align: center !important;
}

.btn.min-width-md {
	min-width: 160px;
	text-align: center !important;
}

.btn.min-width-lg {
	min-width: 180px;
	text-align: center !important;
}

.btn.min-width-xlg {
	min-width: 200px;
	text-align: center !important;
}

.btn {
	padding: 9px 16px;
	font-size: 14px;
	transition:color 0.2s ease, background 0.45s ease, border 0.4s ease-in-out;
	-webkit-transition:color 0.2s ease, background 0.45s ease, border 0.4s ease-in-out;
}.btn-primary {
    color: #fff;
    background-color: #aa2333;
    border-color: #aa2333;
    border-radius: unset !important;
    font-size: 16px !important;
}
.btn-primary:hover {
    color: #fff;
    background-color: #c73648;
    border-color: #c7394c;
}
.btn.btn-lg,
.btn-group-lg > .btn {
	padding: 10px 16px;
	font-size: 16px;
	line-height: 1.5;
}

.btn.btn-sm,
.btn-group-sm > .btn {
	padding: 7px 10px;
	font-size: 12px;
}

.btn.btn-xs,
.btn-group-xs > .btn {
	padding: 2px 5px;
	font-size: 12px;
	line-height: 1.5;
	border-radius: 3px;
}

.btn.btn-border {
	border-width:2px;
	padding: 3px 11px;
	background-color: transparent;
}

.btn.btn-border.btn-sm {
	padding: 6px 9px;
}

.btn.btn-border.btn-lg {
	padding: 9px 15px;
}

.btn.btn-border.btn-xs {
	padding: 1px 4px;
}

.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
	outline: none;
}

.btn-custom,
.btn-custom:hover,
.btn-custom:focus,
.btn-custom.focus,
.btn-custom:active,
.btn-custom.active,
.open > .dropdown-toggle.btn-custom,
.btn-custom2,
.btn-custom2:hover,
.btn-custom2:focus,
.btn-custom2.focus,
.btn-custom2:active,
.btn-custom2.active,
.open > .dropdown-toggle.btn-custom2,
.btn-custom3,
.btn-custom3:hover,
.btn-custom3:focus,
.btn-custom3.focus,
.btn-custom3:active,
.btn-custom3.active,
.open > .dropdown-toggle.btn-custom3 {
	color: #fff;
}
.btn-graphic {
    background-color: #e3102a !important;
    border-radius: 0px;
    border: none;
    color: #fff !important; text-align: left;
    white-space: unset !important;
    font-weight: bold;
}

.btn-dark {width: 100%;
    color: #eaeaea;
    background-color: #3e3e3e;
    border-color: #3e3e3e;
}
.portfolio-item .btn-dark {width: 87%;
    position: absolute;
    color: #eaeaea;
    background-color: #3e3e3e;
    border-color: #3e3e3e;
    bottom: 17px;
}
.btn-dark.cartupdate.wow {
    background-color: #02525c;
    border-color: #02525c;
}.col-md-2.price-col {
    font-size: 17px;
}.col-md-2.price-total-col {
    font-size: 17px;
    font-weight: bold;
}
.col-md-12.productlist.cart-table {
    border-top: solid 1px #ccc;
    padding: 26px 10px;
}
.col-md-12.productheader {
    background-color: #f5f5f5;
    color: #3a3a3a;
    padding: 25px 20px;
    text-transform: uppercase;
    font: 700 16px/1.6 'Raleway', Verdana;
    letter-spacing: -0.3px;
    border-top: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
}
.btn-dark:hover,
.btn-dark:focus,
.btn-dark.focus,
.btn-dark:active,
.btn-dark.active,
.open > .dropdown-toggle.btn-dark {
	color: #f0f0f0;
	background-color: #2a2a2a;
	border-color: #2a2a2a;
}

.btn-gray {
	color: #505050;
	background-color: #eaeaea;
	border-color: #eaeaea;
}

.btn-gray:hover,
.btn-gray:focus,
.btn-gray.focus,
.btn-gray:active,
.btn-gray.active,
.open > .dropdown-toggle.btn-gray {
	color: #4a4a4a;
	background-color: #e1e1e1;
	border-color: #e1e1e1;
}

.btn-white {
	color: #4a4a4a;
	background-color: #fff;
	border-color: #fff;
}

.btn-white:hover,
.btn-white:focus,
.btn-white.focus,
.btn-white:active,
.btn-white.active,
.open > .dropdown-toggle.btn-white {
	color: #000;
	background-color: #f1f1f1;
	border-color: #f1f1f1;
}


.btn.btn-border.btn-default {
	color:#aeaeae;
	border-color:#aeaeae;
}

.btn.btn-border.btn-default:hover,
.btn.btn-border.btn-default:focus {
	color:#505050;
	border-color:#adadad;
	background-color: #e6e6e6;
}

.btn.btn-border.btn-primary {
	color:#337ab7;
}

.btn.btn-border.btn-primary:hover,
.btn.btn-border.btn-primary:focus {
	color:#fff;
	border-color:#204d74;
	background-color: #286090;
}

.btn.btn-border.btn-success {
	color:#4caf50;
}

.btn.btn-border.btn-success:hover,
.btn.btn-border.btn-success:focus {
	color:#fff;
	border-color:#327334;
	background-color: #3d8b40;
}

.btn.btn-border.btn-warning {
	color:#ffc107;
}

.btn.btn-border.btn-warning:hover,
.btn.btn-border.btn-warning:focus {
	color:#fff;
	border-color:#af8300;
	background-color: #d39e00;
}

.btn.btn-border.btn-danger {
	color:#ea1c0d;
}

.btn.btn-border.btn-danger:hover,
.btn.btn-border.btn-danger:focus {
	color:#fff;
	border-color:#c8180b;
	background-color: #ea1c0d;
}

.btn.btn-border.btn-info {
	color:#2196f3;
}

.btn.btn-border.btn-info:hover,
.btn.btn-border.btn-info:focus {
	color:#fff;
	border-color:#0a68b4;
	background-color: #0c7cd5;
}

.btn.btn-border.btn-custom:hover,
.btn.btn-border.btn-custom:focus,
.btn.btn-border.btn-custom2:hover,
.btn.btn-border.btn-custom2:focus,
.btn.btn-border.btn-custom3:hover,
.btn.btn-border.btn-custom3:focus {
	color:#fff;
}

.btn.btn-border.btn-dark {
	color:#2a2a2a;
}

.btn.btn-border.btn-dark:hover,
.btn.btn-border.btn-dark:focus {
	color:#f1f1f1;
	border-color:#1a1a1a;
	background-color:#2a2a2a;
}

.btn.btn-border.btn-gray {
	color:#505050;
	border-color:#eaeaea;
}

.btn.btn-border.btn-gray:hover,
.btn.btn-border.btn-gray:focus {
	color:#505050;
	border-color:#eaeaea;
	background-color:#eaeaea;
}

.btn.btn-border.btn-white {
	color:#fff;
	background: transparent;
	border-color:white;
}

.btn.btn-border.btn-white:hover,
.btn.btn-border.btn-white:focus,
.btn.btn-border.btn-white.v2:hover,
.btn.btn-border.btn-white.v2:focus {
	color:#fff;
}

.btn.no-radius {
	border-radius:0 !important;
}

.btn.radius-lg {
	border-radius:12px !important;
}

.btn.radius-lger {
	border-radius:24px !important;
}

.btn-group > .btn + .btn {
	border-left: 1px solid rgba(0, 0, 0, .07);
}

/* --------------------------------------
2.3 Forms ------------------------ */

textarea.form-control {
	height:auto !important;
}

.form-control {
	height: 40px;
	padding: 9px 16px;
	box-shadow:none;
	-webkit-box-shadow:none;
	transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	border: 1px solid #eaeaea;
	color:inherit;
	font-size:16px;
}

.form-control.border-bottom {
	border-radius:0 !important;
	border-left:none;
	border-right:none;
	border-top:none;
}

.form-control:focus {
	border-color: #dadada;
	-webkit-box-shadow: 0 0 8px rgba(0,0,0, 0.22);
	box-shadow: 0 0 8px rgba(0,0,0, 0.22);
}

.form-control.border-bottom:focus {
	box-shadow:none;
	-webkit-box-shadow:none;
}

.form-control::-moz-placeholder {
	color: #6a6a6a;
}
.form-control:-ms-input-placeholder {
	color: #6a6a6a;
}
.form-control::-webkit-input-placeholder {
	color: #6a6a6a;
}

.form-group,
.form-control,
.input-group,
.normal-selectbox,
.large-selectbox{
	margin-bottom: 25px;
}

.form-group .input-group {
	margin-bottom:0;
}.product-meta {
    margin-top: 25px;
}

.form-group .form-control {
	margin-bottom:0;
}

.helper-group a {
	color:#e53935;
	font-size:12px;
	line-height: 1;
}

.helper-group a:hover {
	color:#c62828;
}

label.input-desc {
	font-size:14px;
	font-weight: 700;
	font-family: 'Open Sans', Verdana;
	text-transform: uppercase;
	margin-bottom:7px;
}

.input-sm {
	font-size: 12px;
}

.input-sm,
.form-group-sm .form-control,
.form-group-sm .form-control-static {
	height: 34px;
	padding: 7px 12px;
}

select.input-sm,
select.form-group-sm .form-control {
	height: 34px;
	line-height: 34px;
}
.addressitem {
    border-bottom: solid 1px #7f7f7f;
    float: left;
}
.input-lg,
.form-group-lg .form-control,
.form-group-lg .form-control-static {
	height: 46px;
	padding: 10px 18px;
}

.input-lg {
	font-size: 16px;
	line-height: 1.5;
}

select.input-lg,
select.form-group-lg .form-control {
	height: 46px;
	line-height: 46px;
}
#addnewaddress .fa {
    margin-right: 10px;
}

a#addnewaddress {
    font-size: 15px;
    font-weight: bold;
}
.form-control-feedback {
	width: 40px;
	height: 40px;
	line-height: 40px;
}

.input-lg + .form-control-feedback {
	width: 46px;
	height: 46px;
	line-height: 46px;
}

.input-sm + .form-control-feedback {
	width: 34px;
	height: 34px;
	line-height: 34px;
}

.input-group-btn > .btn + .btn {
	border-left:1px solid rgba(0, 0, 0, .05);
}

.input-group-btn:last-child > .btn, 
.input-group-btn:last-child > .btn-group {
	margin-left:0;
}

.bootstrap-touchspin .input-group-btn:last-child > .btn, 
.bootstrap-touchspin .input-group-btn:last-child > .btn-group {
	margin-left:-1px;
}

/* input groups*/
.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
	height: 46px;
	padding: 10px 18px;
	font-size:16px;
	line-height: 1.5;
}

select.input-group-lg > .form-control,
select.input-group-lg > .input-group-addon,
select.input-group-lg > .input-group-btn > .btn {
	height: 46px;
	line-height: 46px;
	font-size:16px;
	line-height: 1.5;
}


.input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
	height: 34px;
	padding: 7px 12px;
}

select.input-group-sm > .form-control,
select.input-group-sm > .input-group-addon,
select.input-group-sm > .input-group-btn > .btn {
	height: 34px;
	line-height: 34px;
}

/* input group addons */
.input-group-addon {
	padding: 8px 16px;
	font-size: 14px;
	color: #6a6a6a;
	background-color: transparent;
	border: 1px solid #eaeaea;
	font-weight: 400;
}

.input-group-addon.input-sm {
	padding: 7px 12px;
}

.input-group-addon.input-lg {
	padding: 9.5px 18px;
	font-size:16px;
}

/* Textarea Input Group */
textarea.form-control {
	padding-top:12px;
}

.textarea-container {
	position: relative;
	width:100%;
	padding-top:39px;
}

.textarea-container .input-group-addon {
	position: absolute;
	top:0;
	left:0;
	width:100%;
	padding:12px 16px;
	z-index:90;
	border-radius: 4px 4px 0 0;
	text-align: left;
}

.textarea-container .input-group-addon:first-child {
	border-right:1px solid #e4e2e2;
}

.textarea-container textarea.form-control {
	border-radius: 0 0 4px 4px !important;
}

/* Checkboxed and Radios */
input[type="radio"], input[type="checkbox"] {
    float: left;
    margin-top: 6px;
    margin-right: 9px;
}
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
	margin-left:-22px;
}

.radio label,
.checkbox label,
.radio-inline, 
.checkbox-inline {
	padding-left:22px;
}
label span {
    display: block;
    font-weight: normal;
}
.modal-body span.requiredred {
    display: inline;
    color: red;
    padding-left: 4px;
}
span.nameoftitle { line-height: 23px;
    font-weight: bold;
    font-size: 20px; margin-top: 14px;
}
.bottomof span.nameoftitle {
    font-size: 20px;
}
.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
	margin-left:15px;
}

/* Custom checkbox and radio */
.radio label.custom-radio-wrapper, 
.checkbox label.custom-checkbox-wrapper {
	padding-left:0;
}

.radio-inline.custom-radio-wrapper, 
.checkbox-inline.custom-checkbox-wrapper {
	padding-left:0;
}

.radio-inline.custom-radio-wrapper+.radio-inline.custom-radio-wrapper, 
.checkbox-inline.custom-checkbox-wrapper+.checkbox-inline.custom-checkbox-wrapper {
	margin-left:30px;
}

.input-group-addon.custom-checkbox-wrapper,
.input-group-addon.custom-radio-wrapper {
	line-height: 0;
}


.newradio{
  -webkit-appearance:button;
  -moz-appearance:button;
  appearance:button;
  border:4px solid #ccc;
  border-top-color:#bbb;
  border-left-color:#bbb;
  background:#fff;
  width: 29px;
    height: 29px;
 margin-left: 2px !important;
    margin-top: 2px !important;
    margin-bottom: 12px !important;
    margin-right: 3px !important;
  border-radius:50%;
}
.newradio:checked{
  border: 14px solid #4099ff;
}
span#widthnotice {
    float: left;
    padding: 2px 7px;
    background-color: #fffbf4;
    width: 100%;
    color: orange;
    font-size: 13px;
    display: block;
    border: solid 1px;
    margin: 11px 0px;
}
span#costholder {
    width: 100%;
    color: orange;
    font-size: 22px;
    display: block;
    text-align: center;
    border: solid 1px;
    margin: 11px 0px;
    -webkit-animation-name: customZoom;
    animation-name: customZoom;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    float: left;
}
.newcheckbox {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    border: 4px solid #ccc;
    border-top-color: #bbb;
    border-left-color: #bbb;
    background: #fff;
    width: 29px;
    height: 29px;
    margin-left: 2px !important;
    margin-top: 10px !important;
    margin-bottom: 12px !important;
    margin-right: 3px !important;
    border-radius: 50%;
}
.newcheckbox:checked{
 border: 10px solid #4099ff;
}
#overlaminates label, .theoptions label, #masking label  {
    display: block; font-size: 17px;
    float: none;
}

#masking label span {
    font-size: 16px;
}
.shortdesc a {
    display: block;
    color: red;
}
.productsselect2 .shortdesc a, .productsselect .shortdesc a {
    display: inline;
    color: #337ab7;
}
.theoptions {
    margin-top: 35px;
}
.roundedOne { margin-top: 8px;
  position: relative;
    display: block;
    overflow: hidden;
    padding: 0px 15px;
}
.roundedTwo { margin-top: 8px;
  position: relative;
    display: block;
    overflow: hidden;
    padding: 0px 15px;
    min-height: 349px;
}
.roundedTwo:nth-child(2n+1), .roundedOne:nth-child(2n+1){
    clear:left
}
.overlam:nth-child(2n+2){
    clear:left
}
.overlam {
    margin-bottom: 22px;
}

.roundedTwo.materialselect {

}
.roundedTwo.materialselect:hover, .roundedTwo.materialselect:focus, .roundedTwo.materialselect:active {
    transition: filter .5s ease-in-out;
    -webkit-filter: grayscale(2%);
    filter: grayscale(2%);
}
.roundedTwo.materialselect:focus-within {
    transition: filter .5s ease-in-out;
    -webkit-filter: grayscale(2%);
    filter: grayscale(2%);
}
.productsselect img, .productsselect2 img {
      width: 100%;
}
span.shortdesc {
   display: block;
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
}
.bottomof {
 padding: 5px 11px;
    position: absolute;
    display: block;
    bottom: 0px;
    background-color: #fff;
    color: #000;
    left: -15px;
	min-height: 99px;
width: 100%;
}.colorcc img {
    height: 27px !important;
    margin-top: 2px !important;
    margin-bottom: 12px !important;
}
span.nameof {
    padding: 10px 0px;
    line-height: 19px;
}
.numberCircle {
   border-radius: 50%;
    width: 33px;
    height: 33px;
    padding: 0px;
    background: #0084c8;
    border: 5px solid #0084c8;
    color: #ffffff;
    text-align: center;
    font: 21px Arial, sans-serif;
    float: left;
    margin-right: 15px;
    margin-top: -4px;
}
#options span {
    font-weight: normal;
    display: block; font-size: 16px;
}
#startbuildingformnew h3 {
    color: #505457;
}

#startbuildingformnew fieldset {
    margin-bottom: 47px;
}
.fieldgroup {
    border: solid 1px #ccc;
}
.roundedTwo label {
  float: left;
    margin: 0px;
    font-size: 17px;
    font-family: 'Lato';
    width: 100%;
    position: absolute;
    height: 100% !important;
}
.roundedTwo label:hover {
    cursor: pointer;
}

.custom-checkbox-container,
.custom-radio-container {
	display:inline-block;
	width:14px;
	height:14px;
	border:1px solid #505050;
	position: relative;
	margin-right:10px;
	border-radius: 2px;
}

.white .custom-checkbox-container,
.white .custom-radio-container {
	border-color: #fff;
}

.input-group-addon .custom-checkbox-container,
.input-group-addon .custom-radio-container {
	margin-right:0;
}

.custom-radio-container { 
	border-radius: 50px;
}

.custom-checkbox-container input[type="checkbox"],
.custom-radio-container input[type="radio"] {
	display:block;
	opacity:0;
	filter:alpha(opacity=0);
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	position: absolute;
	left:0;
	top:0;
	z-index:10;
}

.custom-checkbox-container .custom-checkbox-icon {
	position:absolute;
	z-index:9;
	width:10px;
	height: 10px;
	left:50%;
	top:50%;
	margin-top:-5px;
	margin-left:-5px;
	color:#505050;
	opacity:0;
	filter:alpha(opacity=0);
	border-radius: 0;
	font: 15px/1 FontAwesome;
}

.white .custom-checkbox-container .custom-checkbox-icon {
	color:#fff;
}

.custom-checkbox-container .custom-checkbox-icon:before {
	content:"\f00c";
	position: absolute;
	top:-3px;
	left:0;
}

.disabled .custom-checkbox-container .custom-checkbox-icon  {
	background-image: none;
}

.custom-radio-container .custom-radio-icon {
	position:absolute;
	z-index:9;
	display: block;
	opacity:0;
	filter:alpha(opacity=0);
	width:10px;
	height:10px;
	left:50%;
	top:50%;
	margin-top:-5px;
	margin-left:-5px;
	background-color: #505050;
	border-radius: 50%;
}

.disabled .custom-radio-container .custom-radio-icon {
	background-color: transparent;
}

.custom-checkbox-container input[type="checkbox"]:checked + .custom-checkbox-icon,
.custom-radio-container input[type="radio"]:checked + .custom-radio-icon {
	opacity:1;
	filter:alpha(opacity=100);
}

.disabled .custom-checkbox-container input[type="checkbox"]:checked + .custom-checkbox-icon {
	background-color: transparent;
}

.custom-checkbox-wrapper *,
.custom-radio-wrapper * {
	vertical-align: middle;
}


.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
	background-color: #f1f1f1;
}

.form-control.no-radius,
.input-group.no-radius .form-control,
.input-group.no-radius .input-group-addon,
.input-border-bottom.form-control,
.input-group.input-border-bottom .form-control,
.input-group.input-border-bottom .input-group-addon {
	border-radius:0 !important;
}

.input-border-bottom.form-control,
.input-group.input-border-bottom .form-control {
	border-left:none !important;
	border-right:none !important;
	border-top:none !important;
	transition:border 0.45s ease;
	-webkit-transition:border 0.45s ease;
	background-color: transparent;
}

.input-group.input-border-bottom .input-group-addon:first-child {
	border-right: 1px solid #eaeaea;
	border-top:none !important;
	border-left:none !important;
}

.input-group.input-border-bottom .input-group-addon:last-child {
	border-left:1px solid #eaeaea;
	border-top:none !important;
	border-right:none !important;
}

.input-border-bottom.form-control:focus,
.input-group.input-border-bottom .form-control:focus {
	box-shadow: none !important;
	-webkit-box-shadow:none !important;
}

.input-border-bottom.form-control {
	transition: padding 0.45s;
	-webkit-transition: padding 0.45s;
}
.input-border-bottom.form-control:focus {
	padding-left:0;
}

.form-control.dark.input-border-bottom {
	background-color: transparent;
	color:#505050;
}

.form-control.dark.input-border-bottom::-moz-placeholder {
	color:#505050;
}

.form-control.dark.input-border-bottom:-ms-input-placeholder {
	color:#505050;
}

.form-control.dark.input-border-bottom::-webkit-input-placeholder {
	color:#505050;
}

.form-control.dark.input-border-bottom::placeholder {
	color:#505050;
}

/* Dark input */
.form-control.dark {
	border-color:#1a1a1a;
	background-color: #505050;
	color:#c7c7c7;
}

.form-control.dark::-moz-placeholder {
	color:#c7c7c7;
}

.form-control.dark:-ms-input-placeholder {
	color:#c7c7c7;
}

.form-control.dark::-webkit-input-placeholder {
	color:#c7c7c7;
}

.form-control.dark::placeholder {
	color:#c7c7c7;
}

.form-control.dark:focus {
	border-color: #000;
	-webkit-box-shadow: 0 0 8px rgba(0,0,0, 0.52);
	box-shadow: 0 0 8px rgba(0,0,0, 0.52);
}

/* White input - perfect with background images */
.form-control.white {
	border-color:#fff;
	background-color: transparent;
	color:#fff;
}

.form-control.white::-moz-placeholder {
	color:#fff;
}

.form-control.white:-ms-input-placeholder {
	color:#fff;
}

.form-control.white::-webkit-input-placeholder {
	color:#fff;
}

.form-control.dark::placeholder {
	color:#fff;
}

.form-control.white:focus {
	border-color: #e0e0e0;
	-webkit-box-shadow: 0 0 8px rgba(255,255,255, 0.8);
	box-shadow: 0 0 8px rgba(255,255,255, 0.8);
}

/*
 *  Bootstrap TouchSpin - v3.0.1
 *  A mobile and touch friendly input spinner component for Bootstrap 3.
 *  http://www.virtuosoft.eu/code/bootstrap-touchspin/
 *
 *  Made by István Ujj-Mészáros
 *  Under Apache License v2.0 License
 */

.bootstrap-touchspin .form-control.vertical-spinner {
	border-radius: 4px 0 0 4px !important;
}

.bootstrap-touchspin .input-group-btn-vertical {
	position: relative;
	white-space: nowrap;
	width: 1%;
	vertical-align: middle;
	display: table-cell;
}

.bootstrap-touchspin .input-group-btn-vertical > .btn {
	display: block;
	float: none;
	width: 100%;
	max-width: 100%;
	padding:9.5px 12px;
	margin-left: -1px;
	position: relative;
}

.bootstrap-touchspin .btn.btn-default {
	border-color:#eaeaea;
}

.bootstrap-touchspin .input-group-btn-vertical > .btn.btn-default:hover,
.bootstrap-touchspin .input-group-btn-vertical > .btn.btn-default:focus {
	border-color:#dadada;
}

.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up {
	border-radius: 0;
	border-top-right-radius: 4px;
}

.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {
	margin-top: -2px;
	border-radius: 0;
	border-bottom-right-radius: 4px;
}

.bootstrap-touchspin-up.btn,
.bootstrap-touchspin-down.btn {
	padding:9px 12px;
	border-radius:0 4px 4px 0;
	min-width: 36px;
	text-align: center;
}

.bootstrap-touchspin-down.btn {
	margin-right: -1px !important ;
	border-radius: 4px 0 0 4px;
}


.bootstrap-touchspin .input-group-btn-vertical i {
	position: absolute;
	top: 5px;
	left: 50%;
	margin-left:-4.5px;
	font-size: 9px;
	font-weight: normal;
}


.form-datetime .input-group-addon,
.form-date .input-group-addon,
.form-time .input-group-addon {
	cursor: pointer;
}

.has-feedback label~.form-control-feedback {
	top:26px;
}

/* -------------------------------------------
2.4 Tabs ( see: elements-tabs.html ) --------- */

.nav-tabs,
.nav-pills{
	margin-bottom:20px;
}

.nav-tabs {
	border-bottom: 1px solid #eaeaea;
}

.nav-tabs.nav-tabs-inverse {
	border-bottom:none;
	border-top:1px solid #eaeaea;
}

.nav-tabs.nav-tabs-inverse > li {
  margin-bottom: 0;
  margin-top:-1px;
}

.nav-tabs > li > a,
.nav-pills > li > a {
	color:#606060;
	transition: background 0.35s ease, color 0.04s;
	-webkit-transition: background 0.35s ease, color 0.04s;
}

.nav-tabs.no-radius > li > a,
.nav-pills.no-radius > li > a {
	border-radius: 0 !important;
}


.nav-tabs > li > a {
	margin-right: -1px;
}

.nav-tabs.nav-tabs-inverse > li > a {
  border-radius: 0 0 4px 4px;
}

.nav-pills > li > a > i,
.nav-tabs > li > a > i {
	margin-right:10px;
}

.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus,
.nav-pills > li > a:hover,
.nav-pills > li > a:focus {
	border-color: transparent;
	background-color: #f3f3f3;
}

.nav-tabs > li > a:hover {
	border-color:#eaeaea;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
	color: #505050;
	background-color: #fff;
	border: 1px solid #eaeaea;
	border-top-width:4px;
	margin-top:-3px;
	border-bottom-color: transparent;
}

.nav-tabs.nav-tabs-inverse > li.active > a,
.nav-tabs.nav-tabs-inverse > li.active > a:hover,
.nav-tabs.nav-tabs-inverse > li.active > a:focus {
	border-top-width:0;
	margin-top:0;
	border-bottom-width:4px;
	margin-bottom:-3px;
	border-top-color:transparent;
	border-bottom-color: #eaeaea;
}

@media (max-width: 767px){
	.needhelp {
    float: left;
    font-size: 22px;
    color: #000;
    padding-top: 6px;
    padding-right: 8px !important;
    font-family: 'Raleway';
    font-weight: bold;
    border-right: 1px #111 solid;
    margin-right: 5px !important;
    padding-bottom: 10px;
    margin-top: 12px;
}

	.nav-tabs > li > a > i,
	.nav-pills > li > a > i{
		display:none;
	}
	
	/* Prevent text Overflow for nav-tabs */
	.nav-tabs > li > a,
	.nav-pills > li > a  {
		max-width:80px;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
	}
}

@media (min-width: 768px){
	
	.vertical-tab  {
		display:table;
	}

	.vertical-tab .nav-tabs,
	.vertical-tab .nav-pils,
	.vertical-tab .tab-content {
		display:table-cell;
	}

	.vertical-tab .nav-tabs > li,
	.vertical-tab .nav-pills > li {
		float:none;
		white-space: nowrap;

	}

	.vertical-tab.left .tab-content {
		padding-left:25px;
	}

	.vertical-tab.right .tab-content {
		padding-right:25px;
	}

	.vertical-tab .nav-tabs {
		margin-bottom:0;
		border:none;
	}

	.vertical-tab.left .nav-tabs {
		border-right:1px solid #eaeaea;
	}

	.vertical-tab.right .nav-tabs.nav-tabs-inverse {
		border-left:1px solid #eaeaea;
	}

	.vertical-tab.left .nav-tabs > li {
		margin:0;
		margin-right:-1px;
	}

	.vertical-tab.right .nav-tabs.nav-tabs-inverse > li {
		margin:0;
		margin-left:-1px;
	}

	.vertical-tab .nav-tabs > li > a,
	.vertical-tab .nav-tabs.nav-tabs-inverse > li > a  {
		margin: 0;
	}

	.vertical-tab.left .nav-tabs > li > a {
		border-radius: 4px 0 0 4px;
	}

	.vertical-tab.right .nav-tabs.nav-tabs-inverse > li > a {
		border-radius: 0 4px 4px 0;
	}

	.vertical-tab.left .nav-tabs > li.active > a,
	.vertical-tab.left .nav-tabs > li.active > a:hover,
	.vertical-tab.left .nav-tabs > li.active > a:focus {
		border: 1px solid #eaeaea;
		border-left-width:4px;
		margin-left:-3px;
		margin-top:0;
		border-right-color: transparent;
	}

	.vertical-tab.right .nav-tabs.nav-tabs-inverse > li.active > a,
	.vertical-tab.right .nav-tabs.nav-tabs-inverse > li.active > a:hover,
	.vertical-tab.right .nav-tabs.nav-tabs-inverse > li.active > a:focus {
		border: 1px solid #eaeaea;
		border-right-width:4px;
		margin-right:-3px;
		margin-bottom:0;
		margin-top:0;
		border-left-color: transparent;
	}

	/* Nav Pills*/
	.vertical-tab .nav-pills > li {
		margin-bottom:3px;
	}

	.vertical-tab .nav-pills > li + li {
		margin-left: 0;
	}
}

/* Nav pills - pills tab */
.nav-pills > li + li {
	margin-left: 3px;
}

.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
	color: #fff;
}

.nav-pills.nav-tabs-lava > li + li {
	margin-left: 0;
}

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

.nav-pills.nav-tabs-lava > li.active > a,
.nav-pills.nav-tabs-lava > li.active > a:hover,
.nav-pills.nav-tabs-lava > li.active > a:focus {
	color: inherit;
	background-color: transparent;
}

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

.nav-pills.nav-tabs-lava .lavalamp-object {
	background-color: #eaeaea;
	border-radius:4px;
}

.nav-pills.nav-tabs-border .lavalamp-object {
	height:2px !important;
	top:auto !important;
	bottom:0 !important;
	border-radius:4px;
}

.nav-pills.nav-tabs-lava.no-radius .lavalamp-object {
	border-radius:0 !important;
}

/* -------------------------------------------------
2.5 Progress Bars ( see: elements-progressbars.html ) */

.progress {
	margin-bottom: 20px;
	background-color: #eaeaea;
	border-radius: 0;
	box-shadow:none;
	-webkit-box-shadow:none;
	overflow:visible;
}

.progress-bar { 
	text-align: right;
	padding-right:15px;
	box-shadow:none;
	-webkit-box-shadow:none;
	position: relative;
}

.progress.progress-sm {
	height: 10px;
}

.progress.progress-sm .progress-bar {
	font-size:7px;
	line-height: 10px;
	padding-right:8px;
}

.progress.progress-xs {
	height: 4px;
}

.progress.progress-xs .progress-bar {
	font-size:0;
	line-height: 5px;
}

.progress.progress-lg {
	height: 30px;
}

.progress.progress-lg .progress-bar {
	font-size:15px;
	line-height: 30px;
	padding-right:20px;
}

.progress-bar-dark,
.progress-bar-dark .progress-tooltip {
	background-color: #505050;
}

.progress-bar-gray,
.progress-bar-gray .progress-tooltip {
	color:#505050;
	background-color: #d7d7d7;
}

.progress-text,
.progress-tooltip {
	display:none;
	font-weight: 700;
}

.progress-tooltip {
	position: absolute;
	right:-5px;
	bottom:100%;
	padding:2px 8px;
	color: #fff;
	font-size:12px;
	line-height: 1.4;
	margin-bottom:7px;
	border-radius: 4px;
}

.progress-tooltip:after {
	content:'';
	width: 0;
	height: 0;
	position: absolute;
	left:50%;
	margin-left:-6px;
	top:100%;
	border-style: solid;
	border-width: 6px 6px 0 6px;
	border-color: #505050 transparent transparent transparent;
}

.progress-bar-dark .progress-tooltip:after {
	border-top-color: #505050;
}

.progress-bar-gray .progress-tooltip:after {
	border-top-color: #d7d7d7;
}

.progress-title {
	margin-bottom:10px;
	font:700 14px/1 'Open Sans', Verdana, sans-serif;
}

.circle-progress-container  {
	text-align: center;
	margin-bottom: 50px;
}

.circle-progress-container .progress-title {
	margin-bottom:20px;
}

.circle-progress-container .circle-progress + .progress-title {
	margin-top:20px;
}

.circle-progress {
	margin-bottom:15px;
}


/* --------------------------------------------
2.6 Lists ( see: elements-lists.html ) */

/* Predefined List style types */
.list-style {
	padding-left:20px;
}

.list-style.list-disc {
	list-style-type: disc;
}

.list-style.list-circle {
	list-style-type: circle;
}

.list-style.list-square {
	list-style-type: square;
}

.list-style.list-decimal {
	list-style-type: decimal;
}

.list-style.list-lower-alpha {
	list-style-type: lower-alpha;
}

.list-style.list-upper-alpha {
	list-style-type: upper-alpha;
}

.list-style.list-lower-roman {
	list-style-type: lower-roman;
}

.list-style.list-upper-roman {
	list-style-type: upper-roman;
}

.fa-ul > li {
	margin-bottom:10px;
}

.fa-ul {
	margin-left:20px;
}

.fa-li {
	top:.2785714em;
}

.list-group {
	margin-bottom: 20px;
}

.list-group-item {
	padding: 10px 15px;
}

a.list-group-item {
	color: #505050;
}

a.list-group-item .list-group-item-heading {
	color: #303030;
	margin-bottom:10px;
}

a.list-group-item:hover,
a.list-group-item:focus {
	background-color: #f4f4f4;
}

.list-group-item.active .list-group-item-text,
.list-group-item.active:hover .list-group-item-text,
.list-group-item.active:focus .list-group-item-text {
  color: #fff;
}


/* --------------------------------------------
2.7 Icons ( see: elements-icons.html ) */

.icon-show-container {
	padding:10px;
	background-color: #f1f1f1;
	text-align: center;
	margin-bottom:20px;
	transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.icon-show-container:hover {
	background-color: #e1e1e1;
}


/* --------------------------------------------
2.8 Collapses ( see: elements-collapses.html ) */

.panel {
	margin-bottom: 20px;
	background-color: transparent;
}

.panel-body {
	padding:15px 20px;
}

.panel-heading {
	padding:0;
	position: relative;
	transition:background 0.45s ease;
	-webkit-transition:background 0.45s ease;
}

.panel-group.no-radius .panel,
.panel-group.no-radius .panel-heading {
	border-radius: 0 !important
}

.panel-heading a {
	display: block;
	padding: 15px 20px;
}

.panel-title {
	font-size: 15px;
}

.panel-icon {
	position: absolute;
	right:20px;
	top:50%;
	display: inline-block;
	font-family:FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transform: translate(0, 0);
	font-size:18px;
	margin-top: -9px;
	color:#303030 !important;
}

.panel-icon:before {
	content:'\f106';
}

.collapsed .panel-icon:before {
	content:'\f107';
}

/* Default Color */
.panel-default {
	border-color: #eaeaea;
}

.panel-default > .panel-heading {
	color: #505050;
	background-color: #f9f9f9;
	border-color: #d7d7d7;
}

.panel-default > .panel-heading:hover {
	background-color: #f2f2f2;
}

.panel-default > .panel-heading + .panel-collapse > .panel-body {
	border-top-color: #eaeaea;
}

.panel-group .panel-heading + .panel-collapse > .panel-body, 
.panel-group .panel-heading + .panel-collapse > .list-group {
	border-top-color: #eaeaea;
}

/* Custom Color */
.panel-custom > .panel-heading {
	color: #f1f1f1;
}

/* Primary (Blue) add hover state */
.panel-primary > .panel-heading:hover {
	background-color: #286090;
}

/* Inverse (Dark)*/
.panel-inverse {
	border-color: #1a1a1a;
}

.panel-inverse > .panel-heading {
	color: #bebebe;
	background-color: #2a2a2a;
	border-color: #1a1a1a;
}

.panel-inverse > .panel-heading:hover {
	background-color: #1a1a1a;
}

.panel-inverse > .panel-heading + .panel-collapse > .panel-body {
	border-top-color: #1a1a1a;
}

.panel-inverse .panel-icon {
	color:#eaeaea !important;
}


.panel-primary .panel-title a,
.panel-custom .panel-title a {
	color:#f5f5f5;
}

.panel-primary .panel-icon,
.panel-custom .panel-icon {
	color:#f1f1f1 !important;
}

.panel-custom .panel-title a:hover,
.panel-primary .panel-title a:hover,
.panel-custom .panel-title a:focus,
.panel-primary .panel-title a:focus {
	color:#fff;
}

.panel-inverse .panel-title a {
	color:#eaeaea;
}

.panel-inverse .panel-title a:hover,
.panel-inverse .panel-title a:focus {
	color:#f1f1f1;
}


/* Panel Bordered */
.panel-bordered,
.panel-border-tb {
	border-color: #eaeaea;
}

.panel-bordered > .panel-heading,
.panel-border-tb > .panel-heading {
	border-color: #eaeaea;
}

.panel-bordered > .panel-heading + .panel-collapse > .panel-body,
.panel-der-tb > .panel-heading + .panel-collapse > .panel-body {
	border-top-color: #eaeaea;
}

.panel-border-tb > .panel-heading {
	border-radius: 0;
}

.panel-border-tb.panel {
	border-radius: 0;
	box-shadow:none;
	-webkit-box-shadow:none;
	border-left:none;
	border-right:none;
}

/* --------------------------------------------
2.9 Grid ( see: elements-grids.html ) */

.row-showcase div[class^="col"],
.row-showcase div[class*=' col'] {
	background-color: #f1f1f1;
	padding-top:30px;
	padding-bottom:30px;
	border:1px solid #fff;
	text-align: center;

	transition:background 0.5s ease;
	-webkit-transition:background 0.5s ease;
}

.row-showcase div[class^="col"]:hover,
.row-showcase div[class*=' col']:hover {
	background-color: #eaeaea;
}


/* --------------------------------------------
2.10 Tooltips (see: elements-more.html) ----- */

.tooltip {
	z-index:900;
	font: 13px/1.4 'Open Sans', Verdana, sans-serif;
}

.tooltip.in {
	filter: alpha(opacity=94);
	opacity: .94;
}

.tooltip.top {
	padding: 8px 0;
}

.tooltip.right {
	padding: 0 8px;
}

.tooltip.bottom {
	padding: 8px 0;
}

.tooltip.left {
	padding: 0 8px;
}

.tooltip-inner {
	padding: 3px 10px;
	color: #fff;
	border-radius:0;
	white-space: nowrap;
}

.tooltip.top .tooltip-arrow {
	margin-left: -5px;
	border-width: 0 10px 10px 0;
}

.tooltip.right .tooltip-arrow {
	margin-top: -7.5px;
	border-width: 0 0 10px 10px;
}

.tooltip.left .tooltip-arrow {
	margin-top: -7.5px;
	border-width: 10px 0 0 10px;
}

.tooltip.bottom .tooltip-arrow {
	margin-left: -5px;
	border-width: 0 0 10px 10px;
}


/* --------------------------------------------
2.11 Popover (see: elements-more.html) ----- */

.popover {
	box-shadow:none;
	-webkit-box-shadow:none;
	z-index: 900;
	border: 1px solid transparent;
	background-color: #f6f6f6;
	border-radius:0;
	padding:0;
	font-family: inherit;
	min-width: 270px;
}

.popover-title {
	padding: 10px 14px 9px;
	margin: 0;
	font:700 14px/1 'Raleway', Verdana;
	color:#f1f1f1;
	border-bottom: 1px solid transparent;
	border-radius: 0;
	box-shadow:none;
	-webkit-box-shadow:none;
}

.popover-content {
	padding: 9px 14px;
}

.popover.top > .arrow:after {
	border-top-color: #f6f6f6;
}

.popover.right > .arrow:after {
	border-right-color: #f6f6f6;
}

.popover.left > .arrow:after {
	border-left-color: #f6f6f6;
}


/* ----------------------------------------------
2.12 Bootstrap slider (3M Landing Page) */

.carousel-inner > .item {
	padding:0;
	margin:0;
}

.carousel-inner > .item > a {
	display: block;
}

.carousel-control {
	position: absolute;
	top: 50%;
	left: 0;
	margin-top:-20px;
	width: 36px;
	height:40px;
	font-size: 20px;
	line-height: 38px;
	color: #fff;
	text-align: center;
	text-shadow: none;
	filter: alpha(opacity=100);
	opacity: 1;
	border:1px solid #fff;
	transition: background 0.35s ease, border 0.35s ease;
	-webkit-transition: background 0.35s ease, border 0.35s ease;
}

.carousel-control.left {
	left:20px;
	background-image:none;
}

.carousel-control.right {
	right: 20px;
	left: auto;
	background-image:none;
}

.carousel-control:hover,
.carousel-control:focus {
	filter: alpha(opacity=100);
	opacity: 1;
}
.threem span {
    display: block; font-size: 16px;
    font-weight: normal;
}
.carousel-caption {
	right: 0%;
    width: 100%; bottom: 0px;
    padding: 12px 5px 11px 5px;
    font-size: 16px;
    background-color: #ffffffc9;
    text-shadow: none;
    left: 0%;
}
.carousel-caption a {
    color: #000; font-size: 22px;
    font-weight: bold; line-height: 20px;
}
.carousel-indicators li {
	margin:0 4px;
}


/* --------------------------------------------
2.13 Maps (see: elements-maps.html) -------- */

.map-show {
	width:100%;
	height:300px;
}

@media (min-width: 768px) {
	.map-show {
		height:500px;
	}

}

.map-show.small {
	height:400px;
}

/* You can Delete this code if you don't use vector world map see (elements-maps.hmtl) */
/*!
 * jQVMap Version 1.0 
 *
 * http://jqvmap.com
 *
 * Copyright 2012, Peter Schmalfeldt <manifestinteractive@gmail.com>
 * Licensed under the MIT license.
 *
 * Fork Me @ https://github.com/manifestinteractive/jqvmap
 */ 

.jqvmap-label {
	position: absolute;
	display: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: #292929;
	color: white;
	font-family: 'Open Sans', sans-serif, Verdana;
	font-size: smaller;
	padding: 2px 6px;
}

.jqvmap-zoomin, .jqvmap-zoomout {
	position: absolute;
	left: 10px;

	border-radius:3px;
	background: #000000;
	padding: 0;
	color: white;
	width: 16px;
	height: 16px;
	cursor: pointer;
	font-size:14px;
	line-height: 16px;
	text-align: center;
}

.jqvmap-zoomin {
	top: 10px;
}

.jqvmap-zoomout{
	top: 30px;
}

.jqvmap-region {
  cursor: pointer;
}

.jqvmap-ajax_response{
  width: 100%;
  height: 500px;
}


/* ----------------------------------------------
2.14 Counters (see: elements-counters.html) --- */

.count-container {
	margin-bottom:50px;
}

.count-container.smallest {
	margin-bottom: 40px;
}

.count {
	display:inline-block;
	font:700 36px/1 'Raleway', Verdana, sans-serif;
	margin-bottom:30px;
}

.count-container.smaller .count {
	font-size:32px;
	margin-bottom:20px;
}

.count-container.smallest .count {
	font-size:24px;
	margin-bottom:16px;
}

.count,
.count-container h3 {
	position: relative;
	z-index:5;
}


.count-container.smallest h3:last-child {
	margin-bottom: 0;
}

.count-container h3 > span {
	font-weight: 500;
}

@media (max-width: 480px) {
	
#costholder {
  position: fixed !important;
  bottom: 0px !important;
  background-color: #aa1f2e !important;
  z-index: 9999999 !important;
  left: 0px !important;
  color: white !important;
}
	.count-container.col-xs-6,
	.col-xss-12 {
		float:none;
		width:100%;
	}

	.hidden-xss {
		display:none !important;
	}
}

.count-icon-bg {
	font-size:42px;
	line-height: 1;
	display:block;
	position: absolute;
	left:30%;
	top:-20px;
	color: #f1f1f1;
	z-index:1;
}

.count-container.smaller .count-icon-bg{
	font-size:32px;
	top:0;
}

@media (min-width: 768px) {
	.count-icon-bg {
		font-size:48px;
		left:45%;
		top:-10px;
	}

	.count-container.smaller .count-icon-bg {
		font-size:38px;
	}
}

.count-icon {
	font-size:36px;
	line-height: 1;
	display:block;
	margin-bottom:20px;
	color:#4a4a4a;
}

.count-container.smallest .count-icon {
	font-size:32px;
	margin-bottom:18px;
}

.count-box {
	position: relative;
	border:2px solid #eaeaea;
	padding-top:25px;
	padding-bottom:25px;
}

.count-box .count-icon {
	margin-bottom:15px;
}

.count-box .count {
	margin-bottom:20px;
}

.count-box h3 {
	margin-bottom:0;
}

.count-box-icon {
	padding-top:60px;
	padding-bottom:30px;
}

.count-box-icon .count-icon {
	display:inline-block;
	position: absolute;
	top:-36px;
	left:50%;
	width:90px;
	height: 72px;
	line-height: 72px;
	margin-left:-45px;
	border:2px solid #eaeaea;
	background-color: #fff;
}


.counter-group {
	position: relative;
	padding:15px 0;
	overflow: hidden;
}

.counter-group:before,
.counter-group:after {
	content:'';
	display:block;
	background-color: #eaeaea;
	position: absolute;
}

.counter-group:before {
	width:2px;
	left:50%;
	margin-left:-1px;
	top:0;
	bottom:0;
}

.counter-group:after {
	height:2px;
	left:15px;
	right:15px;
	top:50%;
	margin-top:-1px;
}

.counter-group > .row:last-child .count-container {
	margin-top:50px;
	margin-bottom:0;
}


@media (max-width: 480px) {

	.counter-group:before,
	.counter-group:after {
		display:none;
	}

	.counter-group > .row:last-child .count-container {
		margin-top:0;
		margin-bottom:50px;
	}

}


/* ----------------------------------------------
2.15 Services (see: elements-services.html) --- */

.service {
	margin-bottom:40px;
	position: relative;
}

@media (min-width: 768px) {
	.service {
		margin-bottom:50px;
	}

	.service.service-hover-bg {
		margin-bottom: 30px;
	}
}

.service.reverse {
	text-align: right;
}

.service-icon {
	min-width:60px;
	display: block;
	float:left;
	font-size:32px;
	line-height: 1;
}

.service.reverse .service-icon {
	float:right;
}

.service-content {
	margin-left:60px;
}

.service.reverse .service-content {
	margin-left:0;
	margin-right:60px;
}

.service-title {
	font-size:15px;
	line-height: 1.4;
	margin-bottom:10px;
}

.service.vertical .service-icon {
	float:none;
	margin-bottom:25px;
}

.service.vertical .service-content {
	margin-left:0;
}

.service.vertical.reverse .service-content{
	margin-right:0;
}

.service.vertical .service-title.title-underblock {
	margin-bottom:18px;
}

.service-box {
	padding:25px 15px;
	border:2px solid #eaeaea;
}

.bg-gray .service-box {
	border-color:#d6d6d6;
}

.service-box p {
	margin-bottom: 0;
}

.service-hover {
	overflow: hidden;
}

.service-hover-bg {
	transition: background 0.4s cubic-bezier(.17,.83,.29,.04), border 0.4s cubic-bezier(.17,.83,.29,.04);
	-webkit-transition: background 0.4s cubic-bezier(.17,.83,.29,.04), border 0.4s cubic-bezier(.17,.83,.29,.04);
}

.service-hover-bg:hover,
.service-hover-bg:hover .first-color,
.service-hover-bg:hover .second-color,
.service-hover-bg:hover .third-color,
.service-hover-bg:hover .service-title,
.service-hover-bg.custom2:hover {
	color:#fff;
}

.service-hover-bg.dark:hover {
	background-color: #2a2a2a;
	border-color:#1a1a1a;
	color:#fff;
}

.service-hover-bg.dark:hover .title-underblock.custom:after,
.service-hover-bg.dark:hover .title-underblock.gray:after,
.service-hover-bg.dark:hover .title-underblock.dark:after  {
	background-color: #1a1a1a;
}


.service-group .service-hover-bg {
	padding:25px 15px;
}

.service-group .service-hover-bg p {
	margin-bottom: 5px;
}

@media (min-width: 768px) {

	.service-group .service {
		margin-bottom:80px;
	}

	.service-group .service:before,
	.service-group .service:after {
		content:'';
		display:block;
		position: absolute;
		background-color: #eaeaea;
	}

	.service-group .service:before {
		height:2px;
		left:0;
		right:0;
		bottom:-40px;
	}

	.service-group .service:after {
		width:2px;
		top:0;
		bottom:0;
		right:-16px;
	}

	.service-group .row:last-child .service:before {
		display: none;
	}

	.service-group .col-sm-4:last-child .service:after {
		display: none;
	}

	.service-group .service-hover {
		overflow: visible;
	}

}


/* --------------------------------------------------
2.16 Pagination (Bootstrap Pagination Overwrite)--- */

.pagination-container {
	padding-top:30px;
	border-top:1px solid #eaeaea;
}


.pagination {
	margin: 0 ;
	border-radius: 0;
}

.pagination > li > a,
.pagination > li > span {
	padding: 6px 11px;
	color: #777;
	background-color: #ffffff;
	border: 1px solid #eaeaea;
	margin-left: 4px;
	border-radius:0;
	transition: all 0.45s ease;
	-webkit-transition: all 0.45s ease;
	min-width: 34px;
	text-align: center;
}

.pagination > li:first-child > a,
.pagination > li:first-child > span {
	margin-left: 0;
	border-radius:0;
}

.pagination > li:last-child > a,
.pagination > li:last-child > span {
	border-radius:0;
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
	color: #505050;
	background-color: #f1f1f1;
	border-color: #d7d7d7;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
	color: #ffffff;
}

.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
	color: #777777;
	background-color: #fff;
	border-color: #eaeaea;
	cursor: not-allowed;
}


/* -------------------------------------
2.17 Bootstrap Modal ----------------- */

.modal {
	z-index:9999999;
}

.modal-header {
	padding:22px 20px;
	position: relative;
	border-bottom: none;
}

.modal-header .close {
	font-family: 'Open Sans', Verdana;
	position: absolute;
	right:-1px;
	top:0;
	height:100%;
	font-size:24px;
	width:42px;
	background: rgba(0,0,0, 0.2);
	color:#fff;
	text-align: center;
	transition:all 0.3s;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	opacity:0.4;
}

.modal-header .close:hover,
.modal-header .close:focus {
	opacity: 0.9;
}

.modal-header,
.modal-footer {
	background-color: #2a2a2a;
	color:#eaeaea;
}

.modal-header h2,
.modal-header h3,
.modal-header h4 {
	color:#eaeaea;
}

.modal.light .modal-header {
	border-bottom:1px solid #eaeaea;
}

.modal.light .modal-header,
.modal.light .modal-footer {
	background-color: transparent;
	color:#303030;
}

.modal.light .modal-header h2,
.modal.light .modal-header h3,
.modal.light .modal-header h4 {
	color:#303030;
}

.modal.light .modal-header .close {
	background-color: transparent;
	color:#303030;
}

.modal-body {
	padding: 30px 20px;
}



.modal-footer {
	padding:15px 20px;
}

.modal-footer.text-center {
	text-align: center;
}

.modal-footer.text-left {
	text-align: left;
}

.modal-content {
	background-color: #fafafa;
	border: 1px solid #2a2a2a;
	border-radius: 0;
	box-shadow: none;
	-webkit-box-shadow: none;
}

.modal .input-group:last-child {
	margin-bottom: 0;
}

/* -----------------------------------------
2.18 Dividers (elements-dividers.html) -- */

.divider {
	width:100%;
	margin:40px 0;
	position: relative;
}

.divider > span {
	background-color: #fff;
	display:block;
	display:inline-block;
	position: absolute;
	left:50%;
	top:50%;
	transform:translateX(-50%) translateY(-50%);
	-webkit-transform:translateX(-50%) translateY(-50%);
	-ms-transform:translateX(-50%) translateY(-50%);
	font-size:1.2em;
	width: 48px;
	height:48px;
	line-height: 46px;
	border:1px solid #eaeaea;
	text-align: center;
	border-radius: 50%;
}

.bg-dark .divider > span {
	background-color: #2a2a2a;
}

.bg-lightgray .divider > span {
	background-color: #f2f2f2;
}

.bg-lightergray .divider > span {
	background-color: #fafafa;
}

.bg-gray .divider > span  {
	background-color: #e5e5e5;
	border-color:#d0d0d0;
}

.divider.line {
	border-bottom:1px solid #eaeaea;
}

.divider.line.double {
	border-top:1px solid #eaeaea;
	padding:4px 0;
	border-bottom:1px solid #eaeaea;
}

.divider.bg-divider {
	padding:5px 0;
	background-color: #eaeaea;
}

.bg-gray .divider.bg-divider  {
	background-color: #d3d3d3;
}

.divider.pattern-square {
	padding:5px 0;
	background-color:#eaeaea;
	background-image: linear-gradient(white 2px, transparent 2px),
	linear-gradient(90deg, white 2px, transparent 2px),
	linear-gradient(rgba(255,255,255,.7) 1px, transparent 1px),
	linear-gradient(90deg, rgba(255,255,255,.7) 1px, transparent 1px);
	background-size:100px 100px, 100px 100px, 20px 20px, 20px 20px;
	background-position:-2px -2px, -2px -2px, -1px -1px, -1px -1px
}


/*clear error messages */

.message.sqfoot {
  display: none !important;
}
.message.sqfoot.error {
  display: block !important;
  color: #bd0202;
  border: solid 1px;
  padding: 3px;
  border-radius: 4px;
}

/* -----------------------------------------
2.20 Labels ----------------------------- */
.label {
	display: inline-block;
	padding: 0 10px;
	font:600 10px/1.6 'Open Sans', Verdana;
	color: #fff;
	text-align: center;
	border-radius: 0;
	text-transform: uppercase;
	vertical-align: middle;
}

.label-popular {
  background-color: #e02a40;
}

.label-new {
  background-color: #28a1e0;
}

.label-category {
	background-color: #e53935;
}


/* --------------------------------------------------
2.21 Callouts (see:elements-callouts.html) ------- */

.callout {
	position: relative;
	margin-bottom: 60px;
	padding:30px 25px;
	background-color: #f1f1f1;
	overflow: hidden;
}

.boxed .callout .container,
.boxed-long .callout .container {
	width:100% !important;
}

.callout.lighter {
	background-color: #f8f8f8;
}

.callout.no-margin {
	margin:0 !important;
}

.callout.large {
	padding:40px 30px;
}

.callout.larger {
	padding:50px 30px;
}

.callout.largest {
	padding:70px 30px;
}

.callout.radius4x {
	border-radius:4px;
}

.callout.radius8x {
	border-radius:8px;
}

.callout.radius12x {
	border-radius:12px;
}

.callout.no-padding-bt {
	padding-bottom: 0 !important
}

.callout.bordered {
	background-color: transparent !important;
	border:3px solid #f1f1f1;
}

.callout.no-bg {
	background-color: transparent !important;
}

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

.callout.no-border-top {
	border-top:none !important;
}

.callout.bordered.fullwidth {
	border-left:none;
	border-right:none;
}

.callout.callout-vertical {
	text-align: center;
	padding:35px 25px;
}

.callout.callout-vertical.larger {
	padding:50px 30px;
}

.callout.callout-vertical.largest {
	padding:70px 30px;
}

.callout:after {
	content:'';
	position: absolute;
	left:0;
	top:0;
	bottom:0;
	display: block;
	width:3px;
}

.callout.no-border:after,
.callout.bordered:after,
.callout.callout-vertical.no-border:after {
	display: none;
}

.callout.callout-vertical:after {
	width:auto;
	bottom:auto;
	left:0;
	top:0;
	right:0;
	height:3px;
}

.callout-icon {
	position: absolute;
	left:30px;
	top:50%;
	z-index: 0;
	line-height: 1;
	font-size: 6em;
	color:#fff;
	/* vertical center and rotate little */
	transform:rotate(10deg) translateY(-50%);
	-webkit-transform:rotate(10deg) translateY(-50%);
	-ms-transform:rotate(10deg) translateY(-50%);
}

.callout-icon.reverse {
	left:auto;
	right:30px;
	transform:rotate(-10deg) translateY(-50%);
	-webkit-transform:rotate(-10deg) translateY(-50%);
	-ms-transform:rotate(-10deg) translateY(-50%);
}

.bordered .callout-icon  {
	color:#eaeaea;
}

.callout-wrapper {
	display: table;
	width:100%;
	position: relative;
	z-index: 1;
}

.callout-left,
.callout-right {
	display: table-cell;
	vertical-align: middle;
}

.callout-title {
	margin-bottom:8px;
	font-size: 20px;
	line-height: 1.4;
}

.callout-vertical .callout-title {
	margin-bottom: 13px;
}

.callout-desc {
	font-size: 16px;
	line-height: 1.5;
}

.callout-vertical .callout-desc {
	max-width: 800px;
	margin:0 auto 25px;
}

/* fix for auto inline-block margin */
.callout-action {
	font-size: 0;
}

.callout-action .btn + .btn {
	margin-left:10px;
}

.callout-action form {
	max-width:420px;
	margin:0 auto;
}

/* Color Schemes - Dark */
.callout.dark {
	background-color: #2a2a2a;
	border-color:#2a2a2a;
}

.callout.dark:not(.bordered) {
	color:#9a9a9a;
}

.callout.dark:not(.bordered) .callout-title {
	color:#bebebe;
}

.callout.dark .callout-icon {
	color:#4e4e4e;
}

/* Color Schemes - Custom*/
.callout.custom:not(.bordered) {
	color:#e1e1e1;
}

.callout.custom:not(.bordered) .callout-title {
	color:#eaeaea;
}

@media (min-width: 768px) {
	
	.callout-left {
		padding-right: 25px;
	}

	.callout-left *:last-child,
	.callout-right *:last-child {
		margin-bottom: 0;
	}

	.callout-right {
		text-align: right;
	}

	.callout-right.text-left {
		text-align: left;
	}
}

@media (max-width: 767px) {
	.callout {
		text-align: center;
	}

	.callout-wrapper,
	.callout-left,
	.callout-right {
		display: block;
	}

	.callout-desc {
		font-size: 15px;
	}

	.callout-left + .callout-right .callout-title {
		margin-top:20px;
	}

	.callout-left + .callout-right .callout-desc {
		margin-bottom: 0;
	}

	.callout-action .min-width.btn {
		min-width: 0;
	}
}


/* =============================================
---------------  3.Header / Navbar  -------------
==============================================*/

#header {
	position: relative;
}

#header.no-border {
	border:none;
}

.navbar {
	position: relative;
	min-height: 50px;
	margin-bottom: 0;
	border-top:none;
	border-right:none;
	border-left:none;
}

@media (min-width: 768px) {
	.navbar {
		border-radius: 0;
	}
}

.navbar-top {
	background-color: rgba(0,0,0, 0.04);
	border-bottom:1px solid transparent;
}

.navbar-top.no-bg {
	background-color: transparent;
}
.navbar-top .pull-left {
    color: #fff;
}

.navbar-top.navbar-color {
	border-bottom:none;
}

@media (min-width: 992px) {
	.navbar-top {
		padding:0 15px;
	}

	.boxed .navbar-top,
	.boxed-long .navbar-top {
		padding:0;
	}
}

.navbar-top {
	font:600 13px/38px 'Open Sans', Verdana;
}

.navbar-top.navbar-color .social-icon,
.navbar-top.navbar-color .navbar-top-nav > li > a,
.navbar-top.navbar-color .dropdown-toggle {
    background-color: #393a3c; float: left;
    color: #eee !important;
    padding: 10px 18px;
}
.navbar-top.navbar-color .dropdown-toggle.thejump {
    background-color: #254364;
}
.navbar-top.navbar-color .social-icon:hover,
.navbar-top.navbar-color .navbar-top-nav > li > a:hover,
.navbar-top.navbar-color .dropdown-toggle:hover,
.navbar-top.navbar-color .open > .dropdown-toggle  {
	color:#fff !important;
}

.navbar-top-nav li {
	float:left; margin-right: 5px;
}

.navbar-top-nav li i,
.navbar-top .account-dropdown i {
	margin-right:8px;
}



.navbar-top-nav li:last-child:after,
.navbar-top .social-icon:last-child:after {
	content:'';
	padding-left:0;
}

.navbar-top .social-icon {
	margin-bottom:0;
	font-size:14px;
	line-height: 38px;
	padding-right:0;
	margin-left:0;
}

.navbar-top .pull-right .social-icon:last-child {
	margin-right:0;
}

.navbar-top .dropdowns-container.pull-right {
	padding-right:15px;
	border-right:1px solid transparent;
}
.navbar-top.navbar-color {
    background-color: #161616 !important;
}
.navbar-top .dropdowns-container.pull-right.last {
	padding-right:0;
	margin-right:0;
	border-right:none;
}

.navbar-top.navbar-color .dropdowns-container.pull-right {
	border-right:none;
	padding-right:0;
}

@media (max-width: 767px) {
	.navbar-top .dropdowns-container.pull-right {
		padding-right:0;
		margin-right:0;
		border-right:none;
	}

	.navbar-top .account-dropdown.pull-right  {
		margin-left:15px;
	}

	.boxed-container {
		padding:0;
		min-height: 0;
	}
}

.navbar-top .dropdown-toggle {
	line-height: 38px;
	display:block;
}

.navbar-top .dropdown-toggle {
	padding:0;
}

@media (max-width: 992px) {
	.navbar-top .pull-right .dropdown+.dropdown {
		margin-right:15px;
	}
}

@media (min-width: 992px) {
	.navbar-top .dropdown-toggle {
		padding:0 15px;
	}
	.navbar-toggle {
    display: block;
}
	.navbar-top .dropdowns-container.pull-right.last .myaccount-dropdown .dropdown-toggle {
		padding-right:0;
	}

	.navbar-top .account-dropdown.pull-right > .dropdown-toggle {
		padding:0;
	}
}


.navbar-top .dropdown-menu {
	margin-top:0;
	border:1px solid transparent;
	border-radius: 0;
	min-width:100%;
	width: 320px;
	
}

.navbar-top .dropdown-menu > li > a {
	padding: 10px 15px;
	font-size:13px;
	font-weight: 600;
}


.navbar-collapse {
	box-shadow:none;
	-webkit-box-shadow:none;
}

.navbar-header.fullwidth {
	float:none;
}

.navbar-header .social-icons {
	margin-top:28px;
	margin-bottom: 28px;
}

.navbar-header .social-icon {
	margin-bottom:0;
	font-size:18px;
	line-height: 34px;
	padding-right:0;
	margin-left:0;
	margin-right:12px;
}

.navbar-brand {
	position: relative;
	float: left;
	height: 80px;
	padding: 23px 15px 25px 15px;
	font:700 32px/1 'Raleway', Verdana, sans-serif;
	border-right:1px solid transparent;
	transition: color 0.3s ease;
	-webkit-transition: color 0.3s ease;
}
.sticky-menu.fixed  img.fulllogo {
    display: none;
}


.sticky-menu img.fixedlogo {
    display: none;
}
.navbar-brand>img {
  width: 409px;
    display: block;
    height: auto;
}
.sticky-menu.fixed .navbar-brand>img.fixedlogo {
    display: block;
    width: 284px;
    margin-top: 0px;
}
.navbar > .container .navbar-brand {
	margin-left:0;
}

.navbar-brand.pull-right {
	border-right:none;
	border-left:1px solid transparent;
}

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

@media (min-width: 768px) {

	.navbar-brand {
		height:123px;
		padding: 26px 15px 28px;
		font-size:36px;
	}

	.container .navbar-brand {
		padding-left:0;
		margin-left:-2px;
	}

	.container .navbar-brand.pull-right {
		padding-left:15px;
		margin-left:0;
	}

	.navbar .navbar-inner > .container-fluid .navbar-brand {
		margin-left:-15px;
	}

	.navbar-inner.sticky-menu {
    background-color: #fff;
}
	.navbar-inner .dropdown.cart-dropdown.navbar-right {
    display: none;
}
.navbar-inner.fixed .dropdown.cart-dropdown.navbar-right {
    margin-top: 9px;
    display: block;
}
	i.fa.fa-shopping-cart {
    color: #fff; 
}a.btn.btn-custom.btn-thecart {
    background-color: #df2a3c;  color: #fff;
}
	.navbar-smaller .navbar-brand {
		height:60px;
		font-size:32px;
		padding:14px 15px;
	}

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

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

	.navbar-brand-center {
		float:none;
		border:none;
		display:block;
		text-align: center;
	}

	.navbar-brand-center.bordered {
		border-left:1px solid transparent;
		border-right:1px solid transparent;
	}
}

@media (min-width: 992px) {
	.navbar-brand {
		height:86px;
		padding: 11px 12px 10px;
		font-size:42px;
	}

	.navbar-smaller .navbar-brand {
		height:80px;
		padding: 19px 30px 21px;
		font-size:40px;
	}

	.container .navbar-brand.pull-right {
		padding-left:30px;
		margin-left:0;
	}

	.boxed-container .navbar-brand {
		padding-right:15px;
		padding-left:15px;
	}

	.boxed .container-fluid .navbar-brand,
	.boxed-long .container-fluid .navbar-brand {
		padding-left:15px;
	}

	.navbar-header .social-icons {
		margin-top:33px;
		margin-bottom: 33px;
	}

	.boxed-container .navbar-header .social-icons {
		padding-left:15px;
	}
}

.navbar-toggle,
.btn-toggle {
	position: relative;
	float: left;
	padding: 14px 14px;
	margin: 24px 15px 24px 15px;
	line-height: 0;
	background-image: none;
	border:none;
	border-radius: 0;
	-webkit-user-select: none;
	-ms-user-select: none;
	-moz-user-select: none;
	transition: all 0.35s ease;
	-webkit-transition: all 0.35s ease;
}

.btn-toggle.pull-right {
	margin-left:0;
}

.navbar-toggle.pull-right {
	margin-left:-5px;
}

.navbar-toggle .icon-bar,
.btn-toggle .icon-bar {
	display: block;
	width: 14px;
	height: 2px;
	margin:7px 0;
	border-radius: 0;
	position: relative;
}

.navbar-toggle .icon-bar,
.btn-toggle .icon-bar,
.navbar-toggle .icon-bar:before,
.btn-toggle .icon-bar:before, 
.navbar-toggle .icon-bar:after,
.btn-toggle .icon-bar:after {
	display: inline-block;
	width: 14px;
	height: 2px;
	border-radius: 4px;
	transition: all 0.35s ease;
	-webkit-transition: all 0.35s ease;
}

.navbar-toggle .icon-bar:before, 
.navbar-toggle .icon-bar:after,
.btn-toggle .icon-bar:before,
.btn-toggle .icon-bar:after {
	content: '';
    position: absolute;
    left: 0;
}

.navbar-toggle .icon-bar:before,
.btn-toggle .icon-bar:before {
    top: 4px;
}

.navbar-toggle .icon-bar:after,
.btn-toggle .icon-bar:after {
    top: -4px;
}

.navbar-toggle.opened .icon-bar,
.btn-toggle.opened .icon-bar {
    background: transparent !important;
}

.navbar-toggle.opened  .icon-bar:before,
.navbar-toggle.opened .icon-bar:after,
.btn-toggle.opened  .icon-bar:before,
.btn-toggle.opened .icon-bar:after {
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    top: 0;
}

.navbar-toggle.opened .icon-bar:before,
.btn-toggle.opened .icon-bar:before {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
}

.navbar-toggle.opened .icon-bar:after,
.btn-toggle.opened .icon-bar:after {
	-webkit-transform: rotate3d(0, 0, 1, -45deg);
	transform: rotate3d(0, 0, 1, -45deg);
}

/* Navbar Nav - Menu Style */
.navbar-nav > li > a,
.navbar-nav li a {
	display:block;
	padding-top: 10px;
	padding-bottom: 10px;
	font:700 14px/20px 'Open Sans', Verdana, sans-serif;
	text-transform: uppercase;
}

.navbar-nav .megamenu-title {
	font-size:15px;
	margin:10px 0 6px;
}

.navbar-nav li li a {
	font-size:14px;
	white-space: normal;
}

.navbar-nav li .dropdown-menu a > i{
	margin-right:10px;
}

.navbar-nav .angle {
	margin:0 0 0 4px;
}

.open > .dropdown-toggle > .angle:before,
.side-menu .navbar-nav li.open > a > .angle:before,
.side-menu .navbar-nav ul .open > a > .angle:before {
	content:'\f106';
}

.navbar-nav ul .angle {
	float:right;
	margin:3px 0 0;
}

.navbar-btn {
	padding:0;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left:10px;
}

.navbar-btn.navbar-right, 
.navbar-btn.pull-right {
	margin-left:0;
	margin-right:10px;
}

.navbar-btn.navbar-left {
	margin-left:0;
	margin-right:10px;
}

.navbar-btn.navbar-right.last,
.navbar-btn.pull-right.last {
	margin-right:0;
}

.navbar-left .navbar-btn.last,
.pull-left .navbar-btn.last {
	margin-left:0;
}

.graphics.navbar-nav li a {
    border-left: solid 1px #ccc;
    padding: 17px 9px;
}

ul.nav.navbar-nav.graphics {
    background-color: #f7f7f7;
    margin-top: 15px;
    float: left !important;
    clear: left;
}

.graphics.navbar-nav li a:hover {
    background-color: #dfdfdf;
}

.fixed ul.nav.navbar-nav.graphics {
    margin-top: 0px; clear: none !important;
}

.sticky-menu a.navbar-brand.text-uppercase .fixedlogo {
    width: 44px;
}

.boxed-container .navbar-btn.navbar-right.last,
.boxed-container .navbar-btn.pull-right.last {
	margin-right:15px;
}
i.fa.fa-shopping-cart, i.fa.fa-save {
margin: 9px;
}
.navbar-btn.btn-icon {
	font-size:14px;
	background-color: transparent;
	border:none;
	text-align: center;
	transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
}

.btn-transparent {
	background-color: transparent !important;
}

.btn-circle {
	border-radius:50%;
}

@media (max-width: 767px) {
	.navbar-nav .open .dropdown-menu > li > a,
	.navbar-nav .open .dropdown-menu li a,
	.navbar-nav .open .dropdown-menu .dropdown-header,
	.navbar-nav .megamenu a {
		padding: 5px 15px 5px 25px;
	}

	.navbar-nav .open .dropdown-menu .dropdown-menu {
		padding-left:10px;
	}

	.navbar-nav .dropdown-menu.pull-right {
		float:none !important;
	}

	.navbar-nav .dropdown-menu {
		border-radius: 0;
	}

	.navbar-nav .open .dropdown-menu > li > a,
	.navbar-nav .open .dropdown-menu li a  {
		line-height: 20px;
	}

	.navbar-nav div[class^="col"],
	.navbar-nav div[class*=' col'] {
		padding:0 0 10px;
		margin-bottom:10px;
		border-bottom:1px solid transparent;
	}

	.navbar-nav div[class^="col"]:last-child,
	.navbar-nav div[class*=' col']:last-child {
		margin-bottom: 0;
		border-bottom:none;
	}

	.navbar-nav.pull-right {
		float:none !important;
	}

	.navbar-header .row {
		margin-left:0;
		margin-right:0;
	}

	.navbar-header .col-sm-4 {
		padding:0;
	}

	.navbar-nav .angle {
		float:right;
		font-size:16px;
		margin:2px 0 0;
	}
	
	/* FADE ANIMATION FOR MOBILE MENU */
	.navbar-nav .open> .dropdown-menu {
		-webkit-animation-duration: 0.4s;
		animation-duration: 0.4s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		-webkit-animation-name: fadeIn;
		animation-name: fadeIn;
	}

	.navbar-header .navbar-btn.pull-right.last {
		margin-right:15px;
	}
}

@media (min-width: 768px) {
	.navbar-header {
    float: left;
}.navbar-brand>img {
	width: 306px }
	.strategicpartner img {
    width: 200px;
    height: auto;
    float: left;
}

.navbar-nav.strategicpartner {
    text-align: right;
    float: right;
    margin-top: 25px;
}

a.navbar-brand.text-uppercase {
    float: left;
}

.navbar-header {
    float: left;
}
	.container > .navbar-collapse, 
	.container-fluid > .navbar-collapse {
		margin-right:-15px;
		margin-left:-15px;
	}
	
	.navbar-collapse.collapse-row {
		border-top:1px solid transparent;
	}

	.navbar-header {
		float:none;
	}

	.container > .navbar-header,
	.container-fluid > .navbar-header {
		margin-right:0;
}
	.navbar-collapse {
		border-top:1px solid transparent;
	}

	.navbar-nav {
		float: none;
	}

	.navbar-nav > li {
		float: none;
	}
	ul.nav.navbar-nav.graphics { float: none !important}
	.navbar-right.last {
		margin-right: 0;
	}

	.navbar-nav > li > a {
		padding:15px;
	}
	
	.navbar-nav-border > li > a {
		border-right:1px solid transparent;
	}

	.collapse-row .navbar-nav > li > a {
		padding:17.5px 15px;
	}

	.navbar-nav > li:first-child  > a {
		
	}

	.navbar-nav-border > li:first-child > a {
		border-left:1px solid transparent;
		padding-left:15px;
	}

	.navbar-nav .dropdown-menu.megamenu li a,
	.navbar-nav .megamenu-title {
		padding:6px 0;
		white-space:normal;
	}

	.navbar-nav .megamenu-title {
		padding-bottom:15px;
		margin:0 0 10px;
		border-bottom:1px solid transparent;
	}

	.boxed-container  .megamenu {
		left:15px;
		right:15px;
	}
  	
	.navbar-nav li > .dropdown-menu {
		border:none;
		border-top:1px solid transparent;
		margin:0;
		border-radius: 0;
		min-width: 255px;
		padding:7px 0;
	}

  
	.navbar-nav li > .dropdown-menu.megamenu {
		float:none;
		padding-top:20px;
		padding-bottom:20px;
	}

	.navbar-nav .sub-dropdown .dropdown-menu {
		right:auto;
		left:100%;
		top:0;
		border-top:none;
	}

	.navbar-nav li.reverse > .dropdown-menu {
		left:auto;
		right:0;
	}

	.navbar-nav .sub-dropdown .dropdown-menu.pull-right,
	.navbar-nav .reverse .sub-dropdown .dropdown-menu {
		left:auto;
		right:100%;
	}

	.navbar li li a {
		padding-top: 7px;
		padding-bottom: 7px;
	}

	.navbar-nav ul .angle:before,
	.navbar-nav ul .open > .dropdown-toggle > .angle:before {
		content:'\f105';
	}

	.row .navbar-collapse.collapse-row {
		padding:0;
	}

	.navbar-btn {
	/*	margin-top: 27px;
		margin-bottom: 27px; */
	}

	.navbar-btn.btn-icon {

		font-size:14px;
	}

	.navbar-smaller .navbar-btn,
	.navbar-smaller .navbar-btn.btn-icon {
		height:32px;
		width:32px;
		line-height: 32px;
		font-size:14px;
	}
	
	.navbar-smaller .navbar-btn {
		margin:14px 0;
	}

	.btn-toggle {
		padding: 10px;
		margin: 27px 0 27px;
	}
}

@media (min-width: 992px) {
	
	.navbar-header {
			border-bottom:none;
	}

	.navbar-nav {
		float: right; margin-right: 17px;
	}

	.container > .navbar-header,
	.container-fluid > .navbar-header {
		margin-right:6px; float: left;
	}

	.container > .navbar-header.fullwidth,
	.container-fluid > .navbar-header.fullwidth {
		margin-right:0;
	}

	.megamenu-container .container-fluid {
		padding: 0 30px;
	}
	
	.container .megamenu-container .container-fluid,
	.container .megamenu-container .container-fluid,
	.boxed .container-fluid .megamenu-container .container-fluid,
	.boxed-long .container-fluid .megamenu-container .container-fluid {
		padding: 0 15px;
	}

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

	.navbar-collapse.collapse-row {
		padding:0 30px;
	}
	
	.boxed .navbar-collapse.collapse-row,
	.boxed-long .navbar-collapse.collapse-row {
		padding:0;
	}

	.boxed-container .collapse-row ,
	.boxed-container .navbar-header.fullwidth {
		border-left:1px solid transparent;
		border-right:1px solid transparent;
	}

	.boxed-container .navbar-collapse.collapse-row {
		padding:0 15px;
	}
	
	.navbar-nav > li > a {
		padding:36px 15px;
	}

	.navbar-smaller .navbar-nav > li > a {
		padding:30px 15px;
	}

	.navbar-btn {
		margin-top: 0px;
    margin-bottom: 0px;
	}

	.navbar-smaller .navbar-btn {
		margin-top: 24px;
		margin-bottom: 24px;
	}

	.btn-toggle {
		padding: 10px 11px;
		margin: 32px 0 32px;
	}

	.container-fluid .navbar-btn.navbar-right.last,
	.container-fluid .navbar-btn.pull-right.last {
		margin-right:15px;
	}

	.boxed .navbar-btn.navbar-right.last,
	.boxed .navbar-btn.pull-right.last,
	.boxed-long .navbar-btn.navbar-right.last,
	.boxed-long .navbar-btn.pull-right.last {
		margin-right:0;
	}
	
}

@media (min-width: 992px) and (max-width:1199px) { 
	.navbar-nav > li > a {
		padding:40px 12px;
	}
}

/* Menu */
.megamenu-container {
	position: static !important;
}

.megamenu {
	left:0;
	right:0;
}


/* Navbar Search */
#header-search-form {
	padding:0 15px;
	position: relative;
	border-bottom:1px solid transparent;
	overflow:hidden;
}
.graphicsfix { 
	background-color: #fff; bottom: 0px; z-index: 999; padding: 45px 19px
}

@media (max-width: 767px) {
		.navbar-brand>img {
  width: 253px;
}
	.col-md-3.graphicsfix { margin-top: 0px;}
	
	/* special-for-mobile class is important if you are using transparent header
	Important for the mobile view */
	#header-search-form.special-for-mobile {
		position: absolute;
		top:0;
		left:0;
		right:0;
		z-index:300;
	}
}

.navbar-form {
	padding:0;
	margin:0;
	border:none;
	box-shadow:none;
	-webkit-box-shadow:none;
}

#header-search-form .form-control {
	width:100%;
	display:block;
	background-color: transparent;
	border:none;
	height:auto;
	padding:12px 0 12px 40px;
	font:500 16px/1.5 'Raleway', Verdana;
	box-shadow:none;
	-webkit-box-shadow:none;
	text-align: right;
	border-radius: 0;
	margin-bottom: 0;
}

#header-search-form .form-control::-moz-placeholder {
	text-transform: capitalize;
}

#header-search-form .form-control:-ms-input-placeholder {
	text-transform: capitalize;
}

#header-search-form .form-control::-webkit-input-placeholder {
	text-transform: capitalize;
}

#header-search-form .form-control::placeholder {
	text-transform: capitalize;
}

#header-search-form .form-control:focus {
	box-shadow:none;
	-webkit-box-shadow:none;
}

#header-search-form button[type="submit"],
#header-search-form input[type="submit"] {
	position: absolute;
	top:50%;
	left:0;
	font-size:14px;
	padding:0;
	margin:0;
	display: block;
	border:none;
	width:32px;
	height:32px;
	line-height: 32px;
	right:15px;
	margin-top:-16px;
	background-color: transparent;
	transition:all 0.4s ease-in;
	-webkit-transition:all 0.4s ease-in;
}

@media (min-width: 768px) {
	
	#header-search-form {
		position: absolute;
		left:0;
		right:0;
		top:100%;
		z-index: 300;
		padding:0 15px;
	}

	#header-search-form .form-control {
		padding:20px 0 20px 42px;
		font-size:18px;
	}


	#header-search-form button[type="submit"],
	#header-search-form input[type="submit"] {
		right:30px;
		font-size:14px;
		line-height: 36px;
		width:36px;
		height:36px;
		left:0;
		margin-top:-18px;
	}

	.ie9 #header-search-form button[type="submit"],
	.ie9 #header-search-form input[type="submit"] {
		left:30px;
	}

}

@media (min-width: 992px) {

	#header-search-form {
		padding:0 30px;
	}

	.boxed #header-search-form,
	.boxed-long #header-search-form {
		padding:0;
	}
}

@media (max-width: 767px) {


	#header-search-form .container {
		padding:0;
	}

	.navbar-form .form-group {
		margin-bottom: 5px;
	}
	.navbar-form .form-group:last-child {
		margin-bottom: 0;
	}

	.cart-dropdown.pull-left > .navbar-btn {
		margin-left:-5px;
	}
}

button.navbar-btn.btn-icon.btn-circle.dropdown-toggle {
    padding: 0px;
    margin: 0px;
}
.cart-dropdown .navbar-btn {
	position: relative;
}
ul.navbar-top-nav {
    float: right; 
}
.cart-dropdown .navbar-btn .badge {
	position: absolute;
	bottom: -6px;
    right: -4px;
	font-size:10px;
	line-height: 1;
	padding:4px 6.1px;
	font-weight: 400;
}

.cart-dropdown.navbar-left,
.cart-dropdown.pull-left {
	margin-left:0;
}

.cart-dropdown.navbar-right,
.cart-dropdown.pull-right {
	margin: 0 !important;
}

.cart-dropdown-menu {
	width:320px;
	padding:20px 15px;
	margin:0;
	border-radius:0;
	border:none;
	border-top:1px solid transparent;
}

.cart-dropdown-desc {
	font-size:13px;
	font-weight: 600;
	margin:0; color: #fff;
}

.cart-dropdown-desc i {
	font-size:18px;
	margin-right:10px;
}
/*.navbar-inner.sticky-menu {
    background-color: #011019;
}*/
/* CHECK AFTER PRODUCT STYLING */
.cart-dropdown .product {
	position: relative;
	margin-bottom:20px;
}

.cart-dropdown .product figure {
	float:left;
	width:90px;
}

.cart-dropdown .product figure a {
	display:block;
}

.cart-dropdown .product-meta {
	
	padding-right:10px;
}

.cart-dropdown .product-name {
	text-transform: uppercase;
	font:700 13px/1.5 'Open Sans', Verdana;
	margin-bottom:7px;
}

.cart-dropdown .remove-btn {
	position: absolute;
	right:0;
	top:50%;
	display:block;
	width:20px;
	height:20px;
	margin-top:-10px;
	font-size:11px;
	line-height: 20px;
	text-align: center;
	border-radius: 50%;
	transition: all 0.4s ease-in;
	-webkit-transition: all 0.4s ease-in;
}

@media (min-width:768px) {
	.navbar-collapse.collapse { display: none !important; }
	.navbar-collapse.collapse.in { display: block !important; }
	.cart-dropdown .remove-btn {
		opacity:0;
		visibility: hidden;
	}

	.cart-dropdown .product:hover .remove-btn,
	.cart-dropdown .product:focus .remove-btn {
		opacity:1;
		visibility: visible;
	}
}

.cart-dropdown .product-quantity {
	margin-bottom:4px;
	font-size:13px;
}

.cart-dropdown .product-price-container {
	font-size:15px;
	font-weight: 700;
}

.cart-dropdown .product-old-price {
	margin-left:4px;
	font-size:14px;
}

.cart-dropdown .cart-action-total {
	line-height: 34px;
	font-weight: 700;
	font-size:15px;
}

.cart-dropdown .cart-action-total  > span {
	text-transform: uppercase;
	margin-right:4px;
	font-size:14px;
}

@media (max-width: 480px) {
	.cart-dropdown.dropdown {
		position: static;
	}

	.cart-dropdown-menu {
		width:100%;
	}
}

.cart-dropdown .btn {
	padding:6.5px 14px;
}

/* Side Menu Style */
.side-menu {
	position: fixed;
	top:0;
	bottom:0;
	transition:all 0.5s ease-in-out;
	-webkit-transition:all 0.5s ease-in-out;
	z-index:999;
	width:300px;
	background-color: #fff;
}

.side-menu.left {
	left:-300px;
}

.side-menu.right {
	right:-300px;
}

.side-menu.header-side-menu .logo {
	margin-top:10px;
}

.side-menu.header-side-menu .side-menu-btn {
	position: absolute;
	top:0;
	z-index: 999;
	margin:0;
}

.side-menu.header-side-menu .side-menu-btn,
.side-menu.header-side-menu.left .side-menu-btn {
	left:100%;
}

.side-menu.header-side-menu.right .side-menu-btn {
	left:auto;
	right:100%;
}

.side-menu.left.opened {
	left:0;
}

.side-menu.right.opened {
	right:0;
}

.side-menu-wrapper {
	height:100%;
	padding:25px 15px 25px 25px;
}

.boss-menu-overlay {
	position: fixed;
	left:0;
	right:0;
	top:0;
	bottom:0;
	z-index:990;
	background-color: rgba(0,0,0, 0.42);
	visibility: hidden;
	opacity:0;
	transition: 0.6s ease-in-out;
	-webkit-transition: 0.6s ease-in-out;
	cursor:pointer;
}

.side-menu.opened + #main-content + .boss-menu-overlay  {
	opacity:1;
	visibility: visible;
}

.side-menu #header-search-form {
	position: relative;
	left:auto;
	right:auto;
	top:auto;
	padding:0 15px 0 0;
	margin-bottom:25px;
	margin-top:-6px;
}

.header-side-menu .social-icons {
	margin-top:30px;
	text-align: center;
	padding-right: 10px;
}

.header-side-menu .social-icons.text-left {
	text-align: left;
}

.header-side-menu .social-icons.text-right {
	text-align: right;
}

.header-side-menu .social-icons.text-left .social-icon:first-child {
	margin-left:0;
}

.header-side-menu .social-icons.text-right .social-icon:last-child {
	margin-right:0;
}


@media (min-width: 767px) {
	.side-menu #header-search-form {
		margin-top:-1px;
	}
}

@media (min-width: 992px) {

	.side-menu #header-search-form {
		margin-top:3px;
	}

	.side-menu.header-side-menu.left {
		left:0;
	}

	.side-menu.header-side-menu.right {
		right:0;
	}

	.boxed-long .side-menu.header-side-menu.left {
		left:auto;
	}

	.boxed-long .side-menu.header-side-menu.right {
		right:auto;
	}
	
	.side-menu.header-side-menu .side-menu-btn,
	.header-side-menu.opened + #main-content + .boss-menu-overlay {
		display: none;
	}
}

.side-menu #header-search-form .form-control {
	padding:10px 5px 10px 40px;
	border-bottom: 1px solid transparent;
	font-size:14px;
}

.side-menu .navbar-nav {
	padding-right:15px;
	margin:0;
}

.side-menu .navbar-nav,
.side-menu .navbar-nav li {
	float:none;
}

.side-menu .navbar-nav ul {
	display:none;
}

.side-menu .navbar-nav > li > a {
	padding:10px 0;
}

.side-menu .navbar-nav > li > a > i {
	margin-right:7px;
	font-size:1.2em;
	width:25px;
}

.side-menu.small-icons .navbar-nav > li > a > i {
	font-size:1em;
	margin-right: 15px;
}

.side-menu .navbar-nav ul {
	padding:0 0 0 32px;
}

.side-menu .navbar-nav ul ul {
	padding: 0 15px;
	border-left:1px solid transparent;
}

.side-menu .navbar-nav li li a {
	padding:5px 0;
}

.side-menu .navbar-nav ul ul li:first-child > a {
	padding-top:8px;
}

.side-menu .navbar-nav ul ul li:last-child > a {
	padding-bottom:8px;
}

.side-menu .navbar-nav .angle {
	float:right;
	margin-top:2px;
	font-size:1.1em;
}

/* MOVE TO MAIN CONTENT AREA */
#main-content {
	transition:all 0.5s ease-in-out;
	-webkit-transition:all 0.5s ease-in-out;
}

.side-menu.left.push.opened + #main-content {
	transform:translateX(300px);
	-webkit-transform:translateX(300px);
	-ms-transform:translateX(300px);
}

.side-menu.right.push.opened + #main-content {
	transform:translateX(-300px);
	-webkit-transform:translateX(-300px);
	-ms-transform:translateX(-300px);
}

@media (max-width: 992px) {
	.col-md-3.graphicsfix.slideInRight.fixed {
    bottom: 0px;
}
	.custom-svg-background-1 {
    width: unset !important;
    left: 55%;
}
	
}

@media (min-width: 992px) {
	
	.boxed-long .side-menu.header-side-menu + #main-content .container,
	.boxed .side-menu.header-side-menu + #main-content .container {
		width:100%;
	}

	.header-side-menu.left + #main-content  {
		padding-left:300px;
	}

	.header-side-menu.right + #main-content  {
		padding-right:300px;
	}

	.header-side-menu + #main-content .container,
	.header-side-menu + #main-content .container-fluid {
		padding-left:30px;
		padding-right:30px;
	}

	.header-side-menu + #main-content .container.container-masonry,
	.header-side-menu + #main-content .container-fluid.container-masonry {
		padding-left:15px;
		padding-right:15px;
	}

	.header-side-menu.opened + #main-content,
	.header-side-menu.left.opened + #main-content,
	.header-side-menu.right.opened + #main-content  {
		transform:translateX(0);
		-webkit-transform:translateX(0);
		-ms-transform:translateX(0);
	}
}

@media (min-width: 992px) and (max-width: 1600px) {
	.side-menu.header-side-menu + #main-content .container {
		width:100%;
	}
}


/* 
----  DROPDOWN / MENU ANIMATIONS BY CLASS 

Animations - add these clases to the parent element - Navbar Or dropdown
1.fade - add navbar "fade-dropdown" class
2.Left To Right - add navbar "ltr-dropdown" class
3.Right To Left - add navbar "rtl-dropdown" class
4.Top To Bottom - add navbar "ttb-dropdown" class
5.Bottom To Top  - add navbar "btt-dropdown" class

*/

/* Animation properties via "animated-dropdown" class change duration of animations and etc.. */
.animated-dropdown .dropdown > .dropdown-menu{
	animation-fill-mode: both;
	animation-delay: 0s;
	animation-duration: 0.5s;
	-webkit-animation-fill-mode: both;
	-webkit-animation-delay: 0s;
	-webkit-animation-duration: 0.5s;
}

@-webkit-keyframes fadeDropdown {
    0% {
    	opacity:0;
    }
    100% {
    	opacity:1;
    }
}

@keyframes fadeDropdown {
    0% {
    	opacity:0;
    }
    100% {
    	opacity:1;
    }
}

/* Left to right */
@-webkit-keyframes leftToRight {
    0% {
    	opacity:0;
    	transform:translateX(-20px);
    	-webkit-transform:translateX(-20px);
    }
    100% {
    	opacity:1;
    	transform:translateX(0);
    	-webkit-transform:translateX(0);
    }
}

@keyframes leftToRight {
    0% {
    	opacity:0;
    	transform:translateX(-20px);
    	-webkit-transform:translateX(-20px);
    }
    100% {
    	opacity:1;
    	transform:translateX(0);
    	-webkit-transform:translateX(0);
    }
}

 /* Right to left */
 @-webkit-keyframes rightToLeft {
    0% {
    	opacity:0;
    	transform:translateX(20px);
    	-webkit-transform:translateX(20px);
    }
    100% {
    	opacity:1;
    	transform:translateX(0);
    	-webkit-transform:translateX(0);
    }
}

@keyframes rightToLeft {
    0% {
    	opacity:0;
    	transform:translateX(20px);
    	-webkit-transform:translateX(20px);
    }
    100% {
    	opacity:1;
    	transform:translateX(0);
    	-webkit-transform:translateX(0);
    }
}

/*Top to bottom  */
@-webkit-keyframes topToBottom {
    0% {
    	opacity:0;
    	-webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }

    100% {
    	opacity:1;
    	-webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes topToBottom {
    0% {
    	opacity:0;
    	-webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }

    100% {
    	opacity:1;
    	-webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

 /* Bottom to top */
 @-webkit-keyframes bottomToTop {
     0% {
    	opacity:0;
    	-webkit-transform: translateY(20px);
        transform: translateY(20px);
    }

    100% {
    	opacity:1;
    	-webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes bottomToTop {
    0% {
    	opacity:0;
    	-webkit-transform: translateY(20px);
        transform: translateY(20px);
    }

    100% {
    	opacity:1;
    	-webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

/* fade Animation */
.fade-dropdown .dropdown.open > .dropdown-menu {
	animation-name: fadeDropdown;
	-webkit-animation-name: fadeDropdown;
	animation-duration: 0.85s;
	-webkit-animation-duration: 0.85s;
}

/* Left To Right animation */
.ltr-dropdown .dropdown.open > .dropdown-menu {
	animation-name: leftToRight;
	-webkit-animation-name: leftToRight;
}

/* Right To Left animation */
.rtl-dropdown .dropdown.open > .dropdown-menu {
	animation-name: rightToLeft;
	-webkit-animation-name: rightToLeft;
}

/* Top To Bottom animation */
.ttb-dropdown .dropdown.open > .dropdown-menu {
	animation-name: topToBottom;
	-webkit-animation-name: topToBottom;
}

/* Bottom To Top animation */
.btt-dropdown .dropdown.open > .dropdown-menu {
	animation-name: bottomToTop;
	-webkit-animation-name: bottomToTop;
}

@media (max-width: 767px) {
	/* Dsable Animation for mobile/collapsed menu*/
	.navbar-collapse .dropdown > .dropdown-menu,
	.navbar-collapse .dropdown.open > .dropdown-menu {
		animation:none !important;
		-webkit-animation: none !important;
	}

}

/* Navbar styling - via classes - 5 navbar color predefined classes 
	1.navbar-default
	2.navbar-white
	3.navbar-inverse
	4.navbar-transparent (absolute position with color navbar-white or navbar inverse)
*/

/* 1. Navbar Default */
.navbar-default {
	background-color: #eaeaea;
	border-color: #d7d7d7;
}

.navbar-default .navbar-top {
	border-bottom-color: #d7d7d7;
}

.navbar-default .navbar-top a {
	color:#8a8a8a;
}

.navbar-default .navbar-top-nav li:after,
.navbar-default .navbar-top .social-icon:after {
	color:#bababa;
}

.navbar-default .navbar-top .dropdowns-container.pull-right {
	border-right-color:#d7d7d7;
}

.navbar-default .navbar-top .dropdown-menu {
	border-color:#c2c2c2;
	background-color: #d7d7d7;
	box-shadow:0 4px 9px rgba(0,0,0, 0.2);
	-webkit-box-shadow:0 4px 9px rgba(0,0,0, 0.2);
}

.navbar-default .navbar-brand {
	color: #7a7a7a;
	border-color:#d7d7d7;
}

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
	color: #5e5e5e;
	background-color: transparent;
}

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
	border-color: #d7d7d7;
}

.navbar-default .navbar-text {
	color: #7a7a7a;
}

.navbar-default .navbar-nav li > a,
.navbar-default .dropdown-menu li a,
.navbar-default .navbar-nav .megamenu-title  {
	color: #7a7a7a;
}

.navbar-default .navbar-nav .open > a,
.navbar-default .navbar-nav .open > a:hover,
.navbar-default .navbar-nav .open > a:focus,
.navbar-default .navbar-nav .active > a,
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default li a:hover,
.navbar-default .navbar-nav .megamenu-title:hover,
.navbar-default .dropdown-menu > li > a:hover,
.navbar-default .dropdown-menu > li > a:focus,
.navbar-default .navbar-nav > li > a:hover, 
.navbar-default .navbar-nav > li > a:focus {
	background-color: transparent;
}

.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {
	color: #ccc;
	background-color: transparent;
}

.navbar-default .navbar-toggle,
.navbar-default .btn-toggle {
	background-color:#ddd;
}

.navbar-default .navbar-toggle .icon-bar,
.navbar-default .btn-toggle .icon-bar,
.navbar-default .navbar-toggle .icon-bar:after,
.navbar-default .navbar-toggle .icon-bar:before,
.navbar-default .btn-toggle .icon-bar:after,
.navbar-default .btn-toggle .icon-bar:before {
  background-color: #7a7a7a;
}

.navbar-default .navbar-toggle:hover .icon-bar,
.navbar-default .navbar-toggle:hover .icon-bar:before,
.navbar-default .navbar-toggle:hover .icon-bar:after,
.navbar-default .navbar-toggle:focus .icon-bar,
.navbar-default .navbar-toggle:focus .icon-bar:before,
.navbar-default .navbar-toggle:focus .icon-bar:after
.navbar-default .btn-toggle:hover .icon-bar,
.navbar-default .btn-toggle:hover .icon-bar:before,
.navbar-default .btn-toggle:hover .icon-bar:after,
.navbar-default .btn-toggle:focus .icon-bar,
.navbar-default .btn-toggle:focus .icon-bar:before,
.navbar-default .btn-toggle:focus .icon-bar:after {
    background: #5a5a5a;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle.opened,
.navbar-default .btn-toggle:hover,
.navbar-default .btn-toggle:focus,
.navbar-default .btn-toggle.opened {
	background-color: #cacaca;
}

.navbar-default.sticky-menu.fixed .navbar-nav li > .dropdown-menu,
.navbar-default .sticky-menu.fixed .navbar-nav li > .dropdown-menu {
	border-top-color:#d7d7d7;
}

.navbar-default .navbar-btn.btn-icon  {
	color:#7a7a7a;
	background-color: #ddd;
}

.navbar-default .navbar-btn.btn-icon:hover,
.navbar-default .navbar-btn.btn-icon:focus,
.navbar-default .open > .navbar-btn.btn-icon {
	background-color: #cacaca;
}


.navbar-default.side-menu .navbar-nav ul ul {
	border-left-color: #c7c7c7;
}

.navbar-default.side-menu.header-side-menu.left {
	box-shadow: 2px 0 5px rgba(0,0,0, 0.06);
	-webkit-box-shadow: 2px 0 5px rgba(0,0,0, 0.06);
}

.navbar-default.side-menu.header-side-menu.right {
	box-shadow: -2px 0 5px rgba(0,0,0, 0.06);
	-webkit-box-shadow: -2px 0 5px rgba(0,0,0, 0.06);
}

/* Navbar Default Search Form*/
#header-search-form.navbar-default {
	background-color: #e0e0e0;
	border-bottom-color: #d7d7d7;
}

.navbar-default .form-control,
.navbar-default button[type="submit"],
.navbar-default input[type="submit"]
#header-search-form.navbar-default .form-control,
#header-search-form.navbar-default button[type="submit"],
#header-search-form.navbar-default input[type="submit"] {
	color:#7a7a7a;
}

#header-search-form.navbar-default .form-control::-moz-placeholder {
	color:#7a7a7a;
}

#header-search-form.navbar-default .form-control:-ms-input-placeholder {
	color:#7a7a7a;
}

#header-search-form.navbar-default .form-control::-webkit-input-placeholder {
	color:#7a7a7a;
}

#header-search-form.navbar-default .form-control::placeholder {
	color:#7a7a7a;
}

.navbar-default #header-search-form button[type="submit"]:hover,
.navbar-default #header-search-form input[type="submit"]:hover,
.navbar-default #header-search-form button[type="submit"]:focus,
.navbar-default #header-search-form input[type="submit"]:focus,
#header-search-form.navbar-default button[type="submit"]:hover,
#header-search-form.navbar-default input[type="submit"]:hover,
#header-search-form.navbar-default button[type="submit"]:focus,
#header-search-form.navbar-default input[type="submit"]:focus {
	background-color: #cacaca;
}

.navbar-default.side-menu #header-search-form .form-control {
	border-bottom-color: #d7d7d7;
}

@media (max-width: 767px) {
	.navbar-default .navbar-nav .open .dropdown-menu > li > a {
		color: #7a7a7a;
	}

	.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
	.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
		background-color: transparent;
	}

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

	.navbar-default .navbar-nav .open .dropdown-menu {
		background-color: #d7d7d7;
	}

	.navbar-default .navbar-nav .open > .dropdown-toggle,
	.navbar-default .navbar-nav .open > .dropdown-toggle:hover,
	.navbar-default .navbar-nav .open > .dropdown-toggle:focus {
		background-color: #c9c9c9;
	}

	.navbar-default .navbar-nav .dropdown-menu .open .dropdown-menu {
		background-color: #c9c9c9;
	}

	.navbar-default .navbar-nav .dropdown-menu .open > .dropdown-toggle,
	.navbar-default .navbar-nav .dropdown-menu .open > .dropdown-toggle:hover,
	.navbar-default .navbar-nav .dropdown-menu .open > .dropdown-toggle:focus {
		background-color: #c0c0c0;
	}

	.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
	.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
	.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
		color: #ccc;
		background-color: transparent;
	}

	.navbar-default .navbar-nav div[class^="col"],
	.navbar-default .navbar-nav div[class*=' col'] {
		border-bottom-color:#c7c7c7;
	}

	.navbar-default .navbar-nav .megamenu-title {
		color:#9a9a9a;
	}
}


@media (min-width: 768px) {

	.navbar-default .navbar-collapse.collapse-row {
		border-top-color: #d7d7d7;
	}

	.navbar-default .navbar-nav-border > li > a {
		border-right-color: #d7d7d7 !important;
	}

	.navbar-default .navbar-nav-border > li:first-child > a {
		border-left-color: #d7d7d7 !important;
	}

	.navbar-default .dropdown-menu {
		background-color: #ddd;
	}

	.navbar-default .navbar-nav .megamenu-title {
		border-bottom-color: #cacaca;
	}
	
	.navbar-default .navbar-nav li > .dropdown-menu {
		box-shadow:0 4px 9px rgba(0,0,0, 0.2);
		-webkit-box-shadow:0 4px 9px rgba(0,0,0, 0.2);
	}

	.navbar-default .navbar-nav .sub-dropdown .dropdown-menu {
		box-shadow:2px 4px 10px rgba(0,0,0, 0.2);
		-webkit-box-shadow:2px 4px 10px rgba(0,0,0, 0.2);
	}

	.navbar-default .navbar-nav .sub-dropdown .dropdown-menu.pull-right,
	.navbar-default .navbar-nav .reverse .sub-dropdown .dropdown-menu {
		box-shadow:-2px 4px 10px rgba(0,0,0, 0.2);
		-webkit-box-shadow:-2px 4px 10px rgba(0,0,0, 0.2);
	}
}

@media (min-width: 992px) {
	.navbar-default .boxed-container .collapse-row ,
	.navbar-default .boxed-container .navbar-header.fullwidth {
		border-left-color: #d7d7d7;
		border-right-color: #d7d7d7;
	}
}

.navbar-default .navbar-link {
	color: #7a7a7a;
}

.navbar-default .btn-link {
	color: #7a7a7a;
}

/* Navbar Shopping Cart - Dropdown Menu */
.navbar-default .cart-dropdown-menu {
	box-shadow:0 4px 9px rgba(0,0,0, 0.2);
	-webkit-box-shadow:0 4px 9px rgba(0,0,0, 0.2);
	background-color: #ddd;
}

.navbar-default .cart-dropdown-menu hr {
	border-top-color:#cacaca;
}

.navbar-default .cart-dropdown-desc {
	color:#8a8a8a;
}

.navbar-default .cart-dropdown .product-old-price,
.navbar-default .cart-dropdown .product-name a,
.cart-dropdown .cart-action-total  > span {
	color:#7a7a7a;
}

.navbar-default .cart-dropdown .remove-btn {
	color:#7a7a7a;
	background-color: #cacaca;
}

.navbar-default .cart-dropdown .remove-btn:hover,
.navbar-default .cart-dropdown .remove-btn:focus {
	color:#5a5a5a;
	background-color: #b7b7b7;
}

.navbar-default .sticky-menu.fixed .cart-dropdown-menu {
	border-top-color:#d7d7d7;
}

/* 2. Navbar White */
.navbar-white {
	background-color: #fff;
}

.navbar-white .navbar-top {
	border-bottom: solid 1px #ffffff87;
}

.navbar-white .navbar-top a {
	color:#505050;
}

.navbar-white .navbar-top-nav li:after,
.navbar-white .navbar-top .social-icon:after {
	color:#6e6e6e;
}

.navbar-white .navbar-top .dropdowns-container.pull-right {
	border-right-color: #eaeaea;
    border-left-color: #eaeaea;
    border-left: 1px solid;
    padding-left: 23px;
    background-color: #000;
}

.navbar-white .navbar-top .dropdown-menu {
	background-color: #393a3c;
	box-shadow:0 5px 9px rgba(0,0,0, 0.1);
	-webkit-box-shadow:0 5px 9px rgba(0,0,0, 0.1);
}

.navbar-white .navbar-brand {
	color: #505050;
}

.navbar-white.sticky-menu.fixed .navbar-nav li > .dropdown-menu,
.navbar-white .sticky-menu.fixed .navbar-nav li > .dropdown-menu {
	border-top-color:#eaeaea;
}

.navbar-white .navbar-brand:hover,
.navbar-white .navbar-brand:focus {
	color: #3a3a3a;
	background-color: transparent;
}

.navbar-white .navbar-collapse,
.navbar-white .navbar-form {
	border-color: #eaeaea;
}

.navbar-white .navbar-text,
.navbar-white .navbar-nav li > a,
.navbar-white .navbar-nav .megamenu-title  {
	color: #333333;
}
.navbar-white .dropdown-menu li a  { color: #fff}
.navbar-white .dropdown-menu li a.sub-menu {
    color: #333;
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
background-color: #17429b !important;
    color: #fff !important;
}
.navbar-white .navbar-nav .open > a,
.navbar-white .navbar-nav .open > a:hover,
.navbar-white .navbar-nav .open > a:focus,
.navbar-white .navbar-nav .active > a,
.navbar-white .navbar-nav > .active > a,
.navbar-white .navbar-nav > .active > a:hover,
.navbar-white .navbar-nav > .active > a:focus,
.navbar-white .navbar-nav .megamenu-title:hover,
.navbar-white .dropdown-menu > li > a:hover,
.navbar-white .dropdown-menu > li > a:focus,
.navbar-white .navbar-nav > li > a:focus {
	background-color: transparent;
}

.navbar-white .navbar-nav > .disabled > a,
.navbar-white .navbar-nav > .disabled > a:hover,
.navbar-white .navbar-nav > .disabled > a:focus {
	color: #bbb;
	background-color: #eee;
}

.navbar-white .navbar-toggle,
.navbar-white .btn-toggle {
	background-color:#f0f0f0;
}

.navbar-white .navbar-toggle .icon-bar,
.navbar-white .btn-toggle .icon-bar,
.navbar-white .navbar-toggle .icon-bar:after,
.navbar-white .navbar-toggle .icon-bar:before,
.navbar-white .btn-toggle .icon-bar:after,
.navbar-white .btn-toggle .icon-bar:before {
  background-color: #505050;
}

.navbar-white .navbar-toggle:hover .icon-bar,
.navbar-white .navbar-toggle:hover .icon-bar:before,
.navbar-white .navbar-toggle:hover .icon-bar:after,
.navbar-white .navbar-toggle:focus .icon-bar,
.navbar-white .navbar-toggle:focus .icon-bar:before,
.navbar-white .navbar-toggle:focus .icon-bar:after
.navbar-white .btn-toggle:hover .icon-bar,
.navbar-white .btn-toggle:hover .icon-bar:before,
.navbar-white .btn-toggle:hover .icon-bar:after,
.navbar-white .btn-toggle:focus .icon-bar,
.navbar-white .btn-toggle:focus .icon-bar:before,
.navbar-white .btn-toggle:focus .icon-bar:after {
    background: #505050;
}

.navbar-white .navbar-toggle:hover,
.navbar-white .navbar-toggle:focus,
.navbar-white .navbar-toggle.opened,
.navbar-white .btn-toggle:hover,
.navbar-white .btn-toggle:focus,
.navbar-white .btn-toggle.opened {
	background-color: #a67b46 ;    position: relative;
}

.navbar-white .navbar-btn.btn-icon  {
	background-color: #ff3142;
}

li.welcomethem {
    color: #000;
    line-height: 17px;
    padding: 6px;
}
.navbar-white .navbar-btn.btn-icon:hover,
.navbar-white .navbar-btn.btn-icon:focus,
.navbar-white .open > .navbar-btn.btn-icon {
	background-color: #df2434; 
}

.badge { background-color: #2061a5 }
.navbar-white.side-menu .navbar-nav ul ul {
	border-left-color: #aaa;
}

.navbar-white.side-menu.header-side-menu.left {
	box-shadow: 3px 0 7px rgba(0,0,0, 0.05);
	-webkit-box-shadow: 3px 0 7px rgba(0,0,0, 0.05);
}

.navbar-white.side-menu.header-side-menu.right {
	box-shadow: -3px 0 7px rgba(0,0,0, 0.05);
	-webkit-box-shadow: -3px 0 7px rgba(0,0,0, 0.05);
}
.btncta {
    background-color: #ff2a38;
    color: #fff !important;
    font-family: 'open sans';
}
.btn {
    border-radius: 0px;
}
/* Navbar White Search Form*/
#header-search-form.navbar-white {
	background-color: #fff;
	border-bottom-color: #eaeaea;
}

.navbar-white .form-control,
.navbar-white button[type="submit"],
.navbar-white input[type="submit"]
#header-search-form.navbar-white .form-control,
#header-search-form.navbar-white button[type="submit"],
#header-search-form.navbar-white input[type="submit"] {
	color:#505050;
}

#header-search-form.navbar-white .form-control::-moz-placeholder {
	color:#505050;
}

#header-search-form.navbar-white .form-control:-ms-input-placeholder {
	color:#505050;
}

#header-search-form.navbar-white .form-control::-webkit-input-placeholder {
	color:#505050;
}

#header-search-form.navbar-white .form-control::placeholder {
	color:#505050;
}

.navbar-white #header-search-form button[type="submit"]:hover,
.navbar-white #header-search-form input[type="submit"]:hover,
.navbar-white #header-search-form button[type="submit"]:focus,
.navbar-white #header-search-form input[type="submit"]:focus,
#header-search-form.navbar-white button[type="submit"]:hover,
#header-search-form.navbar-white input[type="submit"]:hover,
#header-search-form.navbar-white button[type="submit"]:focus,
#header-search-form.navbar-white input[type="submit"]:focus {
	background-color: #eaeaea;
}

.navbar-white.side-menu #header-search-form .form-control {
	border-bottom-color: #eaeaea;
}

@media (max-width: 767px) {
	.navbar-white .navbar-nav .open .dropdown-menu > li > a {
		color: #505050;
	}

	.navbar-white .navbar-nav .open .dropdown-menu > li > a:hover,
	.navbar-white .navbar-nav .open .dropdown-menu > li > a:focus {
		background-color: transparent;
	}

	.navbar-white .navbar-nav .open .dropdown-menu > .active > a,
	.navbar-white .navbar-nav .open .dropdown-menu > .active > a:hover,
	.navbar-white .navbar-nav .open .dropdown-menu > .active > a:focus {
		background-color: #eaeaea;
	}

	.navbar-white .navbar-nav .open .dropdown-menu {
		background-color: #f8f8f8;
	}

	.navbar-white .navbar-nav .open > .dropdown-toggle,
	.navbar-white .navbar-nav .open > .dropdown-toggle:hover,
	.navbar-white .navbar-nav .open > .dropdown-toggle:focus {
		background-color: #f0f0f0;
	}

	.navbar-white .navbar-nav .dropdown-menu .open .dropdown-menu {
		background-color: #eee;
	}

	.navbar-white .navbar-nav .dropdown-menu .open > .dropdown-toggle,
	.navbar-white .navbar-nav .dropdown-menu .open > .dropdown-toggle:hover,
	.navbar-white .navbar-nav .dropdown-menu .open > .dropdown-toggle:focus {
		background-color: #e5e5e5;
	}

	.navbar-white .navbar-nav .open .dropdown-menu > .disabled > a,
	.navbar-white .navbar-nav .open .dropdown-menu > .disabled > a:hover,
	.navbar-white .navbar-nav .open .dropdown-menu > .disabled > a:focus {
		color: #bbb;
		background-color: transparent;
	}

	.navbar-white .navbar-nav div[class^="col"],
	.navbar-white .navbar-nav div[class*=' col'] {
		border-bottom-color:#eaeaea;
	}

	.navbar-white .navbar-nav .megamenu-title {
		color:#666;
	}
}


@media (min-width: 768px) {

	.navbar-white .navbar-collapse.collapse-row {
		border-top-color: #eaeaea;
	}

	.navbar-white .navbar-nav-border > li > a {
		border-right-color: #eaeaea !important;
	}

	.navbar-white .navbar-nav-border > li:first-child > a {
		border-left-color: #eaeaea !important;
	}

	.navbar-white .dropdown-menu {
		background-color: #fff;
	}

	.navbar-white .navbar-nav .megamenu-title {
		border-bottom-color: #eaeaea;
	}
	
	.navbar-white .navbar-nav li > .dropdown-menu {
		box-shadow:0 5px 9px rgba(0,0,0, 0.18);
		-webkit-box-shadow:0 5px 9px rgba(0,0,0, 0.18);
	}

	.navbar-white .navbar-nav .sub-dropdown .dropdown-menu {
		box-shadow:2px 5px 10px rgba(0,0,0, 0.18);
		-webkit-box-shadow:2px 5px 10px rgba(0,0,0, 0.18);
	}

	.navbar-white .navbar-nav .sub-dropdown .dropdown-menu.pull-right,
	.navbar-white .navbar-nav .reverse .sub-dropdown .dropdown-menu {
		box-shadow:-2px 5px 10px rgba(0,0,0, 0.18);
		-webkit-box-shadow:-2px 5px 10px rgba(0,0,0, 0.18);
	}
}

@media (min-width: 992px) {
	.navbar-white .boxed-container .collapse-row ,
	.navbar-white .boxed-container .navbar-header.fullwidth {
		border-left-color: #eaeaea;
		border-right-color: #eaeaea;
	}
}

.navbar-white .navbar-link {
	color: #505050;
}

.navbar-white .btn-link {
	color: #505050;
}

/* Navbar Shopping Cart - Dropdown Menu */
.navbar-white .cart-dropdown-menu {
	box-shadow:0 5px 9px rgba(0,0,0, 0.18);
	-webkit-box-shadow:0 5px 9px rgba(0,0,0, 0.18);
	background-color: #fff;
}

.navbar-white .cart-dropdown-menu hr {
	border-top-color:#eaeaea;
}


.navbar-white .cart-dropdown .product-old-price,
.navbar-white .cart-dropdown .product-name a,
.cart-dropdown .cart-action-total  > span {
	color:#505050;
}

.navbar-white .cart-dropdown .remove-btn {
	color:#505050;
	background-color: #eaeaea;
}

.navbar-white .cart-dropdown .remove-btn:hover,
.navbar-white .cart-dropdown .remove-btn:focus {
	color:#303030;
	background-color: #dadada;
}

.navbar-white .sticky-menu.fixed .cart-dropdown-menu {
	border-top-color:#eaeaea;
}

/* 3. Navbar Inverse */
.navbar-inverse {
	background-color: #2a2a2a;
	border-color: #3e3e3e;
}

.navbar-inverse .navbar-top {
	border-bottom-color: #3e3e3e;
}

.navbar-inverse .navbar-top a {
	color:#9a9a9a;
}

.navbar-inverse .navbar-top a:hover,
.navbar-inverse .navbar-top a:focus,
.navbar-inverse .navbar-top .open > .dropdown-toggle {
	color:#e1e1e1;
}

.navbar-inverse .navbar-top-nav li:after,
.navbar-inverse .navbar-top .social-icon:after {
	color:#9a9a9a;
}

.navbar-inverse .navbar-top .dropdowns-container.pull-right {
	border-right-color:#3e3e3e;
}

.navbar-inverse .navbar-top .dropdown-menu {
	border-color:#3e3e3e;
	background-color: #2e2e2e;
	box-shadow:0 4px 9px rgba(0,0,0, 0.2);
	-webkit-box-shadow:0 4px 9px rgba(0,0,0, 0.2);
}

.navbar-inverse .navbar-brand {
	color: #9a9a9a;
	border-color:#3e3e3e;
}

.navbar-inverse.sticky-menu.fixed .navbar-nav li > .dropdown-menu,
.navbar-inverse .sticky-menu.fixed .navbar-nav li > .dropdown-menu {
	border-top-color:#3e3e3e;
}

.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
	color: #bebebe;
	background-color: transparent;
}

.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
	border-color: #505050;
}

.navbar-inverse .navbar-text {
	color: #9a9a9a;
}

.navbar-inverse .navbar-nav li > a,
.navbar-inverse .dropdown-menu li a,
.navbar-inverse .navbar-nav .megamenu-title  {
	color: #9a9a9a;
}

.navbar-inverse .navbar-nav .open > a,
.navbar-inverse .navbar-nav .open > a:hover,
.navbar-inverse .navbar-nav .open > a:focus,
.navbar-inverse .navbar-nav .active > a,
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus,
.navbar-inverse li a:hover,
.navbar-inverse .navbar-nav .megamenu-title:hover,
.navbar-inverse .dropdown-menu > li > a:hover,
.navbar-inverse .dropdown-menu > li > a:focus,
.navbar-inverse .navbar-nav > li > a:hover, 
.navbar-inverse .navbar-nav > li > a:focus {
	color:#bebebe;
	background-color: transparent;
}

.navbar-inverse .navbar-nav > .disabled > a,
.navbar-inverse .navbar-nav > .disabled > a:hover,
.navbar-inverse .navbar-nav > .disabled > a:focus {
	color: #ccc;
	background-color: transparent;
}

.navbar-inverse .navbar-toggle,
.navbar-inverse .btn-toggle {
	background-color:#4a4a4a;
}

.navbar-inverse .navbar-toggle .icon-bar,
.navbar-inverse .btn-toggle .icon-bar,
.navbar-inverse .navbar-toggle .icon-bar:after,
.navbar-inverse .navbar-toggle .icon-bar:before,
.navbar-inverse .btn-toggle .icon-bar:after,
.navbar-inverse .btn-toggle .icon-bar:before {
	background-color: #b7b7b7;
}

.navbar-inverse .navbar-toggle:hover .icon-bar,
.navbar-inverse .navbar-toggle:hover .icon-bar:before,
.navbar-inverse .navbar-toggle:hover .icon-bar:after,
.navbar-inverse .navbar-toggle:focus .icon-bar,
.navbar-inverse .navbar-toggle:focus .icon-bar:before,
.navbar-inverse .navbar-toggle:focus .icon-bar:after
.navbar-inverse .btn-toggle:hover .icon-bar,
.navbar-inverse .btn-toggle:hover .icon-bar:before,
.navbar-inverse .btn-toggle:hover .icon-bar:after,
.navbar-inverse .btn-toggle:focus .icon-bar,
.navbar-inverse .btn-toggle:focus .icon-bar:before,
.navbar-inverse .btn-toggle:focus .icon-bar:after {
    background: #b7b7b7;
}

.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus,
.navbar-inverse .navbar-toggle.opened,
.navbar-inverse .btn-toggle:hover,
.navbar-inverse .btn-toggle:focus,
.navbar-inverse .btn-toggle.opened {
	background-color: #3a3a3a;
}

.navbar-inverse .navbar-btn.btn-icon  {
	color:#b7b7b7;
	background-color: #4a4a4a;
}

.navbar-inverse .navbar-btn.btn-icon:hover,
.navbar-inverse .navbar-btn.btn-icon:focus,
.navbar-inverse .open > .navbar-btn.btn-icon {
	color:#cacaca;
	background-color: #3a3a3a;
}


.navbar-inverse.side-menu .navbar-nav ul ul {
	border-left-color: #505050;
}

/* Navbar Default Search Form*/
#header-search-form.navbar-inverse {
	background-color: #333;
	border-bottom-color: #3e3e3e;
}

.navbar-inverse .form-control,
.navbar-inverse button[type="submit"],
.navbar-inverse input[type="submit"]
#header-search-form.navbar-inverse .form-control,
#header-search-form.navbar-inverse button[type="submit"],
#header-search-form.navbar-inverse input[type="submit"] {
	color:#9a9a9a;
}

#header-search-form.navbar-inverse .form-control::-moz-placeholder {
	color:#9a9a9a;
}

#header-search-form.navbar-inverse .form-control:-ms-input-placeholder {
	color:#9a9a9a;
}

#header-search-form.navbar-inverse .form-control::-webkit-input-placeholder {
	color:#9a9a9a;
}

#header-search-form.navbar-inverse .form-control::placeholder {
	color:#9a9a9a;
}

.navbar-inverse #header-search-form button[type="submit"]:hover,
.navbar-inverse #header-search-form input[type="submit"]:hover,
.navbar-inverse #header-search-form button[type="submit"]:focus,
.navbar-inverse #header-search-form input[type="submit"]:focus,
#header-search-form.navbar-inverse button[type="submit"]:hover,
#header-search-form.navbar-inverse input[type="submit"]:hover,
#header-search-form.navbar-inverse button[type="submit"]:focus,
#header-search-form.navbar-inverse input[type="submit"]:focus {
	background-color: #2a2a2a;
}

.navbar-inverse.side-menu #header-search-form .form-control {
	border-bottom-color: #4e4e4e;
}

@media (max-width: 767px) {
	.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
		color: #9a9a9a;
	}

	.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
	.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
		color: #cacaca;
		background-color: transparent;
	}

	.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
	.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
	.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
		color: #b7b7b7;
		background-color: #3e3e3e;
	}

	.navbar-inverse .navbar-nav .open .dropdown-menu {
		background-color: #333;
	}

	.navbar-inverse .navbar-nav .open > .dropdown-toggle,
	.navbar-inverse .navbar-nav .open > .dropdown-toggle:hover,
	.navbar-inverse .navbar-nav .open > .dropdown-toggle:focus {
		background-color: #222;
	}

	.navbar-inverse .navbar-nav .dropdown-menu .open .dropdown-menu {
		background-color: #222;
	}

	.navbar-inverse .navbar-nav .dropdown-menu .open > .dropdown-toggle,
	.navbar-inverse .navbar-nav .dropdown-menu .open > .dropdown-toggle:hover,
	.navbar-inverse .navbar-nav .dropdown-menu .open > .dropdown-toggle:focus {
		background-color: #1e1e1e;
	}

	.navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
	.navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
	.navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
		color: #ccc;
		background-color: transparent;
	}

	.navbar-inverse .navbar-nav div[class^="col"],
	.navbar-inverse .navbar-nav div[class*=' col'] {
		border-bottom-color:#4a4a4a;
	}

	.navbar-inverse .navbar-nav .megamenu-title {
		color:#c1c1c1;
	}
}


@media (min-width: 768px) {

	.navbar-inverse .navbar-collapse.collapse-row {
		border-top-color: #4e4e4e;
	}

	.navbar-inverse .navbar-nav-border > li > a {
		border-right-color: #4e4e4e !important;
	}

	.navbar-inverse .navbar-nav-border > li:first-child > a {
		border-left-color: #4e4e4e !important;
	}

	.navbar-inverse .dropdown-menu {
		background-color: #2e2e2e;
	}

	.navbar-inverse .navbar-nav .megamenu-title {
		border-bottom-color: #4e4e4e;
	}
	
	.navbar-inverse .navbar-nav li > .dropdown-menu {
		box-shadow:0 4px 9px rgba(0,0,0, 0.2);
		-webkit-box-shadow:0 4px 9px rgba(0,0,0, 0.2);
	}

	.navbar-inverse .navbar-nav .sub-dropdown .dropdown-menu {
		box-shadow:2px 4px 10px rgba(0,0,0, 0.2);
		-webkit-box-shadow:2px 4px 10px rgba(0,0,0, 0.2);
	}

	.navbar-inverse .navbar-nav .sub-dropdown .dropdown-menu.pull-right,
	.navbar-inverse .navbar-nav .reverse .sub-dropdown .dropdown-menu {
		box-shadow:-2px 4px 10px rgba(0,0,0, 0.2);
		-webkit-box-shadow:-2px 4px 10px rgba(0,0,0, 0.2);
	}
}

@media (min-width: 992px) {
	.navbar-inverse .boxed-container .collapse-row ,
	.navbar-inverse .boxed-container .navbar-header.fullwidth {
		border-left-color: #4e4e4e;
		border-right-color: #4e4e4e;
	}
}

.navbar-inverse .navbar-link {
	color: #b7b7b7;
}

.navbar-inverse .navbar-link:hover {
	color: #e1e1e1;
}

.navbar-inverse .btn-link {
	color: #b7b7b7;
}

.navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link:focus {
	color: #e1e1e1;
}

/* Navbar Shopping Cart - Dropdown Menu */
.navbar-inverse .cart-dropdown-menu {
	box-shadow:0 4px 9px rgba(0,0,0, 0.2);
	-webkit-box-shadow:0 4px 9px rgba(0,0,0, 0.2);
	background-color: #2e2e2e;
}

.navbar-inverse .cart-dropdown-menu hr {
	border-top-color:#4e4e4e;
}

.navbar-inverse .product-quantity,
.navbar-inverse .cart-dropdown-desc {
	color:#9a9a9a;
}

.navbar-inverse .cart-dropdown .product-old-price,
.navbar-inverse .cart-dropdown .product-name a,
.cart-dropdown .cart-action-total  > span {
	color:#9a9a9a;
}

.navbar-inverse .cart-dropdown .remove-btn {
	color:#9a9a9a;
	background-color: #4e4e4e;
}

.navbar-inverse .cart-dropdown .remove-btn:hover,
.navbar-inverse .cart-dropdown .remove-btn:focus {
	color:#b7b7b7;
	background-color: #3e3e3e;
}

.navbar-inverse .sticky-menu.fixed .cart-dropdown-menu {
	border-top-color:#3e3e3e;
}

/* 4. Navbar Transparent */
/* You shuld use this page header largest 
or the section with padding top more than header's height */
.navbar-transparent {
	background-color: #252525 !important;
	position: absolute;
	top:0;
	left:0;
	right:0;
	z-index:299;
	transition: all 0.25s;
	-webkit-transition: all 0.25s;
}

.navbar-transparent .navbar-top {
	background-color:transparent;
}

@media (max-width: 767px) {
	ul.nav.navbar-nav.graphics { float: none !important; }
	.navbar-transparent.navbar-inverse .navbar-collapse {
		background-color: #2e2e2e;
	}

	.navbar-transparent.navbar-white .navbar-collapse {
		background-color: #fff;
	}
}


/* White Color */ 

.navbar-white.navbar-transparent .navbar-top a {
	color:#f1f1f1;
}

.navbar-white.navbar-transparent .navbar-top .dropdown-menu a {
	color:#505050;
}

.navbar-white.navbar-transparent .navbar-top a:hover,
.navbar-white.navbar-transparent .navbar-top a:focus,
.navbar-white.navbar-transparent .navbar-top .open > .dropdown-toggle {
	color:#fff;
}

.navbar-white.navbar-transparent .navbar-top-nav li:after,
.navbar-white.navbar-transparent .navbar-top .social-icon:after {
	color:#fff;
}



.navbar-white.navbar-transparent .navbar-top .dropdown-menu {
	border-color:#e1e1e1;
	background-color: #fff;
}

.navbar-white.navbar-transparent .navbar-brand {
	color: #f1f1f1; padding: 4px; padding-top: 14px;
	
}

.navbar-white.navbar-transparent .navbar-brand:hover,
.navbar-white.navbar-transparent .navbar-brand:focus {
	color: #fafafa;

	background-color: transparent;
}

.navbar-white.navbar-transparent .social-icon {
	color:#f1f1f1;
}


/* Transparent inverse */
.navbar-inverse.navbar-transparent {
	border-color: #505050;
}

.navbar-inverse.navbar-transparent .navbar-top {
	border-bottom-color: #505050;
}

.navbar-inverse.navbar-transparent .navbar-top a {
	color:#3e3e3e;
}

.navbar-inverse.navbar-transparent .navbar-top .dropdown-menu a {
	color:#9a9a9a;
}

.navbar-inverse.navbar-transparent .navbar-top-nav li:after,
.navbar-inverse.navbar-transparent .navbar-top .social-icon:after {
	color:#666;
}

.navbar-inverse.navbar-transparent .navbar-top .dropdowns-container.pull-right {
	border-right-color:#505050;
}

.navbar-inverse.navbar-transparent .navbar-top .dropdown-menu {
	border-color:#2e2e2e;
	background-color: #3e3e3e;
}

.navbar-inverse.navbar-transparent .navbar-brand {
	color: #3e3e3e;
	border-color:#505050;
}

.navbar-inverse.navbar-transparent .navbar-brand:hover,
.navbar-inverse.navbar-transparent .navbar-brand:focus {
	color: #2e2e2e;
	background-color: transparent;
}

.navbar-inverse.navbar-transparent .social-icon {
	color:#3e3e3e;
}

@media (min-width: 1025) {
	.navbar-toggle { display: block !important;}
	/* Transparent + white menu link color*/ 
	.navbar-white.navbar-transparent .navbar-text,
	.navbar-white.navbar-transparent .navbar-nav > li > a {
		color: #f1f1f1;
	}

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

	/* Transparent + dark menu link color*/ 
	.navbar-inverse.navbar-transparent .navbar-text,
	.navbar-inverse.navbar-transparent .navbar-nav > li > a {
		color: #3e3e3e;
	}

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

/* Sticky Menu ----------*/
@-webkit-keyframes stickyMenu {
	0% {
		opacity:0;
		top:-100px;
	}

	100% {
		opacity: 1;
		top:0;
	}
}

@keyframes stickyMenu {
  	0% {
		opacity:0;
		top:-100px;
	}

	100% {
		opacity: 1;
		top:0;
	}
}

.boxed #header.sticky-menu.fixed,
.boxed .sticky-menu.fixed,
.boxed-long #header.sticky-menu.fixed,
.boxed-long .sticky-menu.fixed,
.boxed #header-search-form.fixed,
.boxed-long #header-search-form.fixed {
	left:auto;
	right:auto;
}

#header.sticky-menu.fixed,
.sticky-menu.fixed {
	position: fixed;
	top:0;
	left:0;
	right:0;
	z-index:1000;
	-webkit-perspective: 1000;
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: stickyMenu;
	animation-name: stickyMenu;
}


.navbar-inverse .sticky-menu.fixed {
	background-color: #2a2a2a;
}

.navbar-default .sticky-menu.fixed {
	background-color: #eaeaea;
}

#header.sticky-menu.fixed .navbar-inverse.navbar-transparent,
.navbar-inverse.navbar-transparent .sticky-menu.fixed,
.navbar-inverse.navbar-transparent .sticky-menu.fixed .boxed-container .collapse-row, 
.navbar-inverse.navbar-transparent .sticky-menu.fixed .boxed-container .navbar-header.fullwidth,
.navbar-white .sticky-menu.fixed .navbar-collapse.collapse-row {
	background-color: #fff !important;
	border-color:#eaeaea;
}

.sticky-menu.fixed .navbar-inverse.navbar-transparent .navbar-collapse.collapse-row,
.navbar-inverse.navbar-transparent .sticky-menu.fixed .navbar-collapse.collapse-row {
	border-top-color:transparent;
}

.sticky-menu.fixed .navbar-inverse.navbar-transparent .navbar-brand,
.navbar-inverse.navbar-transparent .sticky-menu.fixed .navbar-brand {
	border-color:#eaeaea;
}

.sticky-menu.fixed .navbar-inverse.navbar-transparent .navbar-nav > li > a,
.navbar-inverse.navbar-transparent .sticky-menu.fixed .navbar-nav > li > a {
	border-right-color:#eaeaea !important;
}

.sticky-menu.fixed .navbar-inverse.navbar-transparent .navbar-nav-border > li:first-child > a,
.navbar-inverse.navbar-transparent .sticky-menu.fixed .navbar-nav-border > li:first-child > a {
	border-left-color:#eaeaea !important;
}

.sticky-menu.fixed .navbar-white.navbar-transparent,
.navbar-white.navbar-transparent .sticky-menu.fixed,
.sticky-menu.fixed .navbar-white.navbar-transparent .navbar-collapse.collapse-row,
.navbar-white.navbar-transparent .sticky-menu.fixed .navbar-collapse.collapse-row {
	background-color: #404040 !important;
	border-color:#3e3e3e;
}

.sticky-menu.fixed .navbar-white.navbar-transparent .navbar-nav > li > a,
.navbar-white.navbar-transparent .sticky-menu.fixed .navbar-nav > li > a {
	border-right-color:#5e5e5e !important;
}

.sticky-menu.fixed .navbar-white.navbar-transparent .navbar-nav-border > li:first-child > a,
.navbar-white.navbar-transparent .sticky-menu.fixed .navbar-nav-border > li:first-child > a {
	border-left-color:#5e5e5e !important;
}

.sticky-menu.fixed .navbar-white.navbar-transparent .navbar-brand,
.navbar-white.navbar-transparent .sticky-menu.fixed .navbar-brand {
	border-color:#3e3e3e;
}

.sticky-menu.fixed > .row > .container {
	position: relative;
}

.sticky-menu.fixed,
 .navbar-transparent .sticky-menu.fixed {
	box-shadow:0 3px 7px rgba(0,0,0, 0.08);
	-webkit-box-shadow:0 3px 7px rgba(0,0,0, 0.08);
}

@media (min-width: 1025px) {
	.sticky-menu.fixed .navbar-nav > li > a {
		padding-top:17.5px;
		padding-bottom:17.5px;
	}
	.navbar-toggle {
    display: block !important;
}
	.navbar-collapse.collapse {
    display: block !important;
}
	ul.nav.navbar-nav.graphics {
    float: left!important;
}
	.navbar-nav > li {
    float: left;
}
}
@media (min-device-width: 1200px)  { 
      .navbar-toggle {
    display: none  !important;
}
      
}

.sticky-menu.fixed .navbar-brand {
	padding-top:9px;
	padding-bottom:6px;
	height:auto;
	font-size:32px;
}

.sticky-menu.fixed .navbar-btn ,
.sticky-menu.fixed .navbar-toggle,
.sticky-menu.fixed .btn-toggle {
	margin-top:12.5px;
	margin-bottom: 12.5px;
	width:30px;
	height:30px;
	line-height: 30px;
	font-size:13px;
}

.sticky-menu.fixed .navbar-toggle{
	padding:3px;
}

.sticky-menu.fixed .navbar-toggle .icon-bar, 
.sticky-menu.fixed .btn-toggle .icon-bar, 
.sticky-menu.fixed .navbar-toggle .icon-bar:before, 
.sticky-menu.fixed .btn-toggle .icon-bar:before, 
.sticky-menu.fixed .navbar-toggle .icon-bar:after, 
.sticky-menu.fixed .btn-toggle .icon-bar:after {
	width:12px;
}

.sticky-menu.fixed .navbar-toggle .icon-bar:before, 
.sticky-menu.fixed .btn-toggle .icon-bar:before {
	top:4px;
}

.sticky-menu.fixed .navbar-toggle .icon-bar:after, 
.sticky-menu.fixed .btn-toggle .icon-bar:after {
	top:-4px;
}

#header-search-form.fixed {
	position: fixed;
	top:0;
	z-index: 1010;
	border-bottom: none;
}

#header-search-form.fixed  .form-control {
	font-size:16px;
	padding-top:15.5px;
	padding-bottom:15.5px;
	height:55px;
}

#header.fixed #header-search-form.fixed  .form-control {
	padding-top:16px;
	padding-top:16px;
	height:56px;
}


/* =============================================
------------------- 4.Content -----------------
==============================================*/

#content {
	display: block;
    position: relative;
    background-color: #fbfbfb;
    width: 100%;
}

.no-padding {
	padding:0 !important;
}

.no-margin {
	margin:0 !important;
}

.no-overflow {
	overflow: hidden !important;
}

.no-padding-bt {
	padding-bottom:0 !important;
}

@media (min-width: 992px) {
	/* container-fulid give a larger padding */
	#content .container-fluid.no-padding {
		padding:0;
	}
	
}

@media (min-width: 992px) {
	/* container-fulid give a larger padding */
	#content .container-fluid {
		padding-left:30px;
		padding-right:30px;
	}

}

.bg-image {
	position: relative;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center;
}

.parallax,
.parallax-fixed {
  position: relative;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center;
  /* to prevent empy bg area*/
  background-repeat: repeat-y;
}

.parallax {
	background-attachment: scroll;
}

.parallax-fixed {
	background-attachment: fixed;
}

.parallax-container {
	overflow:hidden;
	position: relative;
}

.parallax-container .parallax {
	position: absolute;
	top:-25%;
	height:150%;
	left:0;
	right:0;
	z-index: 1;
}

.parallax-container .container,
.parallax-container .container-fluid {
	position: relative;
	z-index: 2;
}
.tp-dottedoverlay {
    background-color: #3835314d !important;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
.page-header.parallax.dark h1 span{ 
	background-color: #011018;
}
.overlay-container .overlay {
	position: absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	z-index: 1;
	display: block;
	background: #fff;
	opacity:0.4;
}

.overlay-container .overlay.dark {
	background-color: #2a2a2a;
	opacity: 0.15;
}

.overlay-container .overlay.darker {
	background-color: #2b2b2b;
    opacity: 0.5;
}

.overlay-container .overlay.custom {
	opacity: 0.15;
}

.overlay-container .container,
.overlay-container .container-fluid {
	position: relative;
	z-index: 2;
}
.col-md-3.graphicsfix.slideInRight.fixed {
    position: fixed; visibility: visible !important;
    right: 0px;
    border: solid 1px #ccc;
  -webkit-box-shadow: -1px 0px 5px -1px rgb(153 153 153 / 75%);
    -moz-box-shadow: -1px 0px 5px -1px rgba(163,163,163,0.75);
    box-shadow: -1px 0px 5px -1px rgb(163 162 162 / 75%);
}
/* =============================================
-------------  29. Scroll Top Button  ----------
==============================================*/
#scroll-top {
	position:fixed;
	bottom:0;
	right:25px;
	display:block;
	visibility:hidden;
	cursor:pointer;
	z-index:999;
	width:46px;
	height:46px;
	line-height:43px;
	font-size:24px;
	border-radius:50%;
	opacity:0;
	background: #3a3a3a;
	transition: all 0.35s ease-in-out;
	-webkit-transition: all 0.35s ease-in-out;
	text-align:center;
	color:#fff;
}

#scroll-top.smaller {
	width:38px;
	height:38px;
	line-height: 38px;
}

#scroll-top.no-radius {
	border-radius: 0;
}

#scroll-top:hover {
	color:#fff;
}

#scroll-top.gray {
	background-color: #e1e1e1;
	color:#505050;
}

#scroll-top.gray:hover {
	background-color: #c7c7c7;
	color:#3a3a3a;
}

#scroll-top.dark {
	background-color: #3a3a3a;
	color:#b7b7b7;
}

#scroll-top.dark:hover {
	background-color: #1a1a1a;
	color:#fafafa;
}

#scroll-top.white {
	background-color: #fff;
	color:#505050;
}

#scroll-top.white:hover {
	color:#fff;
}

#scroll-top.fixed {
	opacity:1;
	bottom:56px;
	visibility:visible;
}

/* vertical center with display table */
.vcenter-container {
	padding: 10px;
  display:table;
  width:100%;
 height: 385px !important;
}

.vcenter {

}

/* Page Header Styles */
.page-header {
	padding:30px 0 10px;
	margin: 0 0 40px;
	border-bottom: none;
	background-color: #fff;
	border-bottom:1px solid #eaeaea;
}
.page-header .container {
    z-index: 9999;
    position: relative;
}
.page-header.fullscreen {
	padding:0;
}

.page-header.parallax {
	border-bottom:none;
}

.page-header.homepage-page-header {
	position: relative;
	padding:0;
}

.page-header.no-margin {
	margin:0 !important;
}

.page-header.no-border {
	border:none;
}

.page-header.larger,
.page-header.larger2x {
	padding:32px 0;
}

.page-header h1 {
	margin-bottom:12px;
}

.thewhisper {
    margin-top: 28px;
    font-size: 24px;
    color: #f1f1f1;
}

.thewhisper span {
    background-color: #1ca3b1;
    padding: 8px 5px;
}

.louderwhisper {
    font-size: 71px;
    font-weight: bold;
    color: #fff;
    margin-top: -21px;
}
.imageholder {height: 361px;}
.promotext {
    color: #2a2a2a;
    font-size: 19px;
    padding-right: 67px;
}
.promotext a {
background-color: #aa2333;
    color: #fff;
    display: inline-block;
    font-size: 15px;
    margin-top: 34px;
    padding: 11px 14px;
}.promotext a:hover {
    background-color: #bf1428;
    color: #fff;
}
.page-header-desc {
	margin-bottom:10px;
	color:#7a7a7a;
	font-size:15px;
}

.page-header.largest {
	padding-top:180px;
	padding-bottom:20px;
}

.page-header.half-largest {
	padding-top:130px;
	padding-bottom:20px;
}
.materialdesc{
    margin: 15px;
    overflow: hidden; background-color: #3b3b3b;
}
.materialdesc2 h2 {
    padding: 8px 8px;
    margin-bottom: 2px;
}
.materialdesc2 {
    border: solid 1px #f1f1f1; margin-top: 15px;
}
.materialdesc2 .shortdesc { font-size: 14px;
    line-height: 23px;
    padding: 0px 8px;
    margin-bottom: 10px; }
.materialdesc2 h3 {
    padding: 4px 9px;
    margin-bottom: 4px;
}
@media (min-width:768px) {
	.page-header {
		padding:35px 0 20px;
		margin-bottom:0px;
	}

	.page-header-desc {
		margin-bottom:20px;
		font-size:16px;
	}

	.page-header.largest {
		padding-top:102px;
		padding-bottom:30px;
	}

	.page-header.half-largest {
		padding-top:170px;
		padding-bottom:30px;
	}
	
	.page-header.larger2x {
		padding:50px 0;
	}
}

@media (min-width:992px) {

	.larger-desc .page-header-desc {
		margin-bottom:0;
	}

	.page-header .col-md-6 h1 {
		margin-bottom:0;
	}

	.page-header.larger-desc .col-md-6 h1 {
		margin-bottom:10px;
	}

	.page-header .col-md-6 .breadcrumb {
		margin-bottom:0;
	}

	.page-header .col-md-push-6{
		text-align: right;
	}

	.page-header .col-md-6 .breadcrumb {
		margin:2px 0;
		text-align: right;
	}

	.page-header.larger-desc .col-md-6 .breadcrumb {
		margin:20.5px 0;
	}

	.page-header .col-md-6.col-md-pull-6 .breadcrumb {
		text-align: left;
	}
}

.breadcrumb {
	padding: 0;
	margin-bottom: 0;
	background-color: transparent;
	border-radius: 0;
}

.breadcrumb > li {
	font-size:14px;
	font-weight: 600;
}

.breadcrumb > li + li:before {
	padding: 0 8px;
	color: #aaa;
}

.breadcrumb > li > a {
	color:#898989;
}

.breadcrumb > .active {
	color: #6a6a6a;
}


/* Image bg  + dark page headers */
.page-header.parallax h1,
.page-header.parallax h2,
.page-header.parallax h3 {
	color:#f1f1f1;
}

.page-header.parallax .page-header-desc {
	color:#e1e1e1;
}

.page-header.parallax .breadcrumb > li > a {
	color:#f1f1f1;
}

.page-header.parallax .breadcrumb > li > a:hover,
.page-header.parallax .breadcrumb > li > a:focus {
	color:#fff;
}

.page-header.parallax .breadcrumb > li + li:before,
.page-header.parallax .breadcrumb > .active {
	color: #e1e1e1;
}

/* Page Header Dark (Same color scheme with footer-inverse class and navbar-inverse class)*/
.page-header.dark {
	background-color: #2a2a2a;
	border-bottom-color:#1e1e1e;
}

.page-header.dark h1,
.page-header.dark h2,
.page-header.dark h3 {
	color:#bebebe;
}

.page-header.dark .page-header-desc {
	color:#8a8a8a;
}

.page-header.dark .breadcrumb > li + li:before {
	color: #8a8a8a;
}

.page-header.dark .breadcrumb > li > a {
	color:#9a9a9a;
}

.page-header.dark .breadcrumb > li > a:hover,
.page-header.dark .breadcrumb > li > a:focus {
	color:#fafafa;
}

.page-header.dark .breadcrumb > .active {
	color: #bababa;
}

/* Image bg  + dark page headers */
.page-header.parallax.dark h1,
.page-header.parallax.dark h2,
.page-header.parallax.dark h3 {
	color:#fff; line-height: 1.2;
}

.page-header.parallax.dark .page-header-desc {
	color:#fff;
}

.page-header.parallax.dark .breadcrumb > li > a {
	color:#fff;
}

.page-header.parallax.dark .breadcrumb > li > a:hover,
.page-header.parallax.dark .breadcrumb > li > a:focus {
	color:#b8b8b8;
}

.page-header.parallax.dark .breadcrumb > .active {
	color: #b8b8b8;
}

/* Page Header Gray (Same color scheme with footer-default class and navbar-default class)*/

.page-header.gray {
	background-color: #eaeaea;
	border-bottom-color:#d7d7d7;
}

.page-header.gray h1,
.page-header.gray h2,
.page-header.gray h3 {
	color:#8a8a8a;
}

.page-header.gray .page-header-desc,
.page-header.gray .breadcrumb > .active,
.page-header.gray .breadcrumb > li + li:before{
	color:#6a6a6a;
}

.page-header.gray .breadcrumb > li > a {
	color:#8a8a8a;
}


/* Page Header Gray (Same color scheme with footer-custom class and navbar-custom class)
	- Changes duo to color scheme
*/
.page-header.custom h1,
.page-header.custom h2,
.page-header.custom h3 {
	color:#eaeaea;
}

.page-header.custom .page-header-desc,
.page-header.custom .breadcrumb > .active,
.page-header.custom .breadcrumb > li + li:before{
	color:#eaeaea;
}


.page-header.custom .breadcrumb > li > a {
	color:#cacaca;
}

.page-header.custom .breadcrumb > li > a:hover,
.page-header.custom .breadcrumb > li > a:focus {
	color:#fafafa;
}


/* Title Styles - elements-titles.html */
.title-border {
	padding:0 0 0 0.8em;
	border-left:4px solid transparent;
}

.title-border.text-right,
.text-right > .title-border {
	padding:0 0.8em 0 0;
	border-left:none;
	border-right:4px solid transparent;
}

.title-border.text-center,
.text-center > .title-border{
	padding:0;
	border:none;
}

.title-block .title-border {
	margin-bottom:10px;
}

.title-border > span {
	display:inline-block;
	background-color: #fff;
	position: relative;
	z-index:1;
}

.bg-dark .title-border > span {
	background-color: #2a2a2a;
}

.bg-gray .title-border > span {
	background-color: #e1e1e1;
}

.bg-lightgray .title-border > span {
	background-color: #f2f2f2;
}

.bg-lightergray .title-border > span {
	background-color: #fafafa;
}

.bg-darkgray .title-border > span {
	background-color: #b7b7b7;
}

.title-border.text-center > span,
.text-center > .title-border > span  {
	padding:0 0.8em;
	border-left:4px solid transparent;
	border-right:4px solid transparent;
}

.title-bg-line,
.title-underline {
	position: relative;
}

.title-border.title-bg-line,
.title-border.text-center.title-bg-line,
.title-border.title-bg,
.title-border.text-center.title-bg {
	padding:0;
}

.title-bg-line > span,
.title-bg > span {
	padding:0 0.8em;
}

.title-bg-line:after {
	content:'';
	display:block;
	height:1px;
	background-color: transparent;
	position: absolute;
	top:50%;
	left:0;
	right:0;
	z-index:0;
}

.title-block .title {
	margin-bottom:10px;
}

.title > .light,
.title-block .light,
.title-underblock > .light {
	font-weight: normal;
}

.title-underblock {
	position: relative;
	padding-bottom:0.6em;
}

.title-block .title-underblock {
	margin-bottom: 10px;
	padding-bottom:0.4em;
}

.title-bottom-border {
	border-bottom:1px dashed transparent;
}

.title-bottom-border.dashed {
	border-bottom-style: dashed;
}

.title-bottom-border.dotted {
	border-bottom-style: dotted;
}

.title-underblock:after {
	content:'';
	display:block;
	width:50px;
	height:3px;
	background-color: transparent;
	position: absolute;
	bottom:-2px;
	left:0;
}

.title-underblock.title-bottom-border:after {
	height:5px;
	bottom:-3px;
}

.title-underblock.text-center:after,
.text-center > .title-underblock:after  {
	left:50%;
	margin-left:-25px;
}

.title-underblock.text-right:after,
.text-right > .title-underblock:after{
	left:auto;
	right:0;
}

.title-block {
	margin-bottom:30px;
}

.title-block > p {
	font-size:1.1em;
}

/* Dark - Black Colored border*/
.title-border.dark,
.title-border.text-right.dark,
.title-border.text-center.dark > span,
.title-bottom-border.dark {
	border-color: #505050;
}

.title-border.title-bg.dark,
.title-bg-line.dark:after,
.title-underblock.dark:after {
	background-color: #505050;
}

/* Gray  Colored border*/
.title-border.gray,
.title-border.text-right.gray,
.title-border.text-center.gray > span,
.title-bottom-border.gray  {
	border-color: #eaeaea;
}

.title-border.title-bg.gray,
.title-bg-line.gray:after,
.title-underblock.gray:after {
	background-color: #eaeaea;
}

/* White Colored border*/
.title-border.white,
.title-border.text-right.white,
.title-border.text-center.white > span,
.title-bottom-border.white  {
	border-color: #fff;
}

.title-border.title-bg.white,
.title-bg-line.white:after,
.title-underblock.white:after {
	background-color: #fff;
}


/* =============================================
------------------ 5.Homepages ---------------
==============================================*/

/* ----------  index4 -----------
----------- --------------------*/

.container.no-padding,
.container-fluid.no-padding {
	padding:0 !important;
}

.row.no-margin {
	margin:0 !important;
}

.colored-box {
	padding:45px 15px 40px;
	color:#fff;
}

.bg-green {
	background-color: #81c784 !important;
}

.bg-blue {
	background-color: #64b5f6 !important;
}

.bg-purple {
	background-color: #ba68c8 !important;
}

.bg-pink {
	background-color: #f06292 !important;
}

.carousel-tab {
	margin-bottom: 40px;
}

.carousel-tab .carousel-indicators {
	display: table;
	position: static;
	bottom: auto;
	left: auto;
	z-index: 15;
	width: 100%;
	padding-left: 0;
	margin:0 0 60px;
}

.carousel-tab .carousel-indicators li {
	display: table-cell;
	width: 25%;
	height: auto;
	margin: 0;
	text-indent: 0;
	cursor: pointer;
	background-color: inherit;
	border:none;
	border-radius: 0;
	font-size: 24px;
	padding:35px 20px;
	background-color: #2a2a2a;
	color:#fff;
	position: relative;
}

.carousel-tab.gray .carousel-indicators li {
	background-color: #eaeaea;
	color:#505050;
}

.carousel-tab.smaller .carousel-indicators li {
	padding:25px 15px;
}

.carousel-tab .carousel-indicators li:last-child {
	border-right:none;
}

.carousel-tab .carousel-indicators li i {
	transition:all 0.4s;
	-webkit-transition:all 0.4s;
}

.carousel-tab .carousel-indicators li:hover i {
	transform:rotate(360deg); 
	-wekbit-transform:rotate(360deg);
	-ms-transform:rotate(360deg);
}

.carousel-tab .carousel-indicators li span {
	display: block;
	font-size: 18px;
	font-weight: 700;
	margin-top: 3px;
	font-family: 'Open Sans', Verdana;
}

.carousel-tab .carousel-indicators li.active,
.carousel-tab.gray .carousel-indicators li.active {
	width: 25%;
	height: auto;
	margin: 0;
	border:none;
	color:#fff;
}

.carousel-tab .carousel-indicators .active:after {
	content:'';
	position: absolute;
	bottom:0;
	left:50%;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 14px 14px 14px;
	border-color: transparent transparent #ffffff transparent;
	margin-left:-14px;
}

.carousel-tab .carousel-inner > .item .social-icon {
	display: inline-block;
}

@media (min-width: 992px) {
	.container-fluid .carousel-inner .item {
		padding-left:15px;
		padding-right:15px;
	}
}

@media (max-width: 992px) {
	.colored-box {
		padding:35px 10px;
	}
}

@media (max-width: 767px) {
	.colored-box {
		padding:30px 0;
	}

	.carousel-tab .carousel-indicators li {
		font-size: 18px;
		padding:20px 10px;
	}

	.carousel-tab .carousel-indicators li span {
		font-size: 14px;
		font-weight: 500;
	}

	.carousel-tab .carousel-indicators .active:after {
		border-width: 0 8px 8px 8px;
		margin-left:-8px;
	}

}

@media screen and (min-width: 1400px) {
  .container {
    width: 100%;
  }
}
@media screen and (min-width: 1600px) {
  .container {
    width: 1500px;
  }
}
@media screen and (min-width: 1900px) {
  .container {
    width: 1500px;
  }
}

@media screen and (min-width: 2500px) {
    img.iloveheros {
    height: 136% !important;
}
}

#footer {
	font-size:16px;
	font-family: 'Lato', Verdana, sans-serif;
	background-color: #fff;
	color:#505050;
	border-top:1px solid #eaeaea;
}
#footer h2 {font-weight: bold;
    color: #fff !important;
}

#footer.no-border-top {
	border-top:none;
}

#footer-inner {

}

#footer-inner.smaller {
	padding:40px 0 0;
}

#footer a {
	color:#505050;
	font-weight: 700;
}
.corporate-widget {
    padding: 43px 44px;
    background-color: #272727;
}
#footer .widget {
	margin-bottom:40px;
}

@media (min-width: 992px) {

	#footer-inner {
		
	}

	#footer-inner.smaller {
		padding:50px 0 30px;
	}

	#footer-inner.no-padding-bt-lg {
		padding: 70px 0 0;
	}

	#footer .widget {
		margin-bottom:50px;
	}
}

#footer .widget h4 {
	font:700 15px/1.5 'Open Sans', Verdana, sans-serif;
	text-transform: uppercase;
	margin-bottom: 30px;
	color:#4a4a4a;
}

#footer .widget h4:after {
	content:'';
	display:block;
	width:25px;
	height:3px;
	position: relative;
	top:8px;
	left:0;
}

/* Footer Inverse */
#footer.footer-inverse { text-transform: uppercase;
	background-color: #2a2a2a;
	color:#fff;
	border-top-color:rgba(0,0,0, 0.1);
}

#footer.footer-inverse a {
	color:#9a9a9a;
	font-weight: 700;
	font-size: 14px;
}
#footer .social-icons a {
    font-size: 25px;
    margin-right: 14px;
    color: #fff;
}

#footer.footer-inverse a:hover,
#footer.footer-inverse a:focus,
#footer.footer-inverse .widget .tweet_time a:hover,
#footer.footer-inverse .widget .tweet_time a:focus {
	color:#fafafa;
}

#footer.footer-inverse .widget h4 {
	color:#bebebe;
}

#footer.footer-inverse .footer-logo {
	border-color: #aeaeae;
	color:#aeaeae;
}

#footer.footer-inverse .tagcloud a {
	background-color: #b1b1b1;
	color:#505050;
}

#footer.footer-inverse .tagcloud a:hover {
	color:#f2f2f2;
}

#footer.footer-inverse .widget .twitter-icon {
	color:#8a8a8a;
}

#footer.footer-inverse .widget .tweet_time a {
	color:#6e6e6e;
}



.footer-inverse #footer-bottom {
	background-color: rgba(0,0,0, 0.1);
}

.footer-inverse #footer-bottom.no-bg {
	background-color: transparent;
	border-top-color: rgba(0,0,0, 0.18);
}

#footer.footer-inverse .newsletter-widget .btn-custom {
	color:#e5e5e5;
}

#footer.footer-inverse .widget .form-control,
#footer.footer-inverse .widget textarea  {
	background-color: rgba(0,0,0, 0.12);
	color:#7a7a7a;
}

#footer.footer-inverse .widget .form-control:focus,
#footer.footer-inverse .widget textarea:focus {
	background-color: rgba(0,0,0, 0.26);
}

#footer.footer-inverse .widget .form-control::-moz-placeholder,
#footer.footer-inverse .widget textarea::-moz-placeholder {
	color: #7a7a7a;
}

#footer.footer-inverse .widget .form-control:-ms-input-placeholder,
#footer.footer-inverse .widget textarea:-ms-input-placeholder {
	color: #7a7a7a;
}

#footer.footer-inverse .widget .form-control::-webkit-input-placeholder,
#footer.footer-inverse .widget textarea::-webkit-input-placeholder {
	color: #7a7a7a;
}

#footer.footer-inverse .product-old-price:after {
	background-color: #7a7a7a;
}
.iloveheros {     right: 0; bottom: 0px;
    z-index: 0;
    position: absolute;
    height: 100%; animation: move 10s ease;   
  -ms-animation: move 10s ease;
  -webkit-animation: move 10s ease;
  -moz-animation: move 10s ease; }
#gheader {  background-color: #08294a;
       width: 100%; 
    padding: 30px;
    height: 324px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}
@-webkit-keyframes move {
  0% {
    -webkit-transform-origin:  0 50%;
    -moz-transform-origin:  0 50%;
    -ms-transform-origin:  0 50%;
    -o-transform-origin:  0 50%;
    transform-origin: 0 50%;
    transform: scale(1.1);
    -ms-transform: scale(1.1);
    /* IE 9 */
    
    -webkit-transform: scale(1.1);
    /* Safari and Chrome */
    
    -o-transform: scale(1.1);
    /* Opera */
    
    -moz-transform: scale(1.1);
    /* Firefox */
  }
  100% {
    transform: scale(1.0);
    -ms-transform: scale(1.0);
    /* IE 9 */
    
    -webkit-transform: scale(1.0);
    /* Safari and Chrome */
    
    -o-transform: scale(1.0);
    /* Opera */
    
    -moz-transform: scale(1.0);
    /* Firefox */
  }
}
.custom-svg-background-1 {
    position: absolute;
    width: 84%;
    top: 0;
    filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4));
    left: 56%;
    height: 100%;
    transform: translate3d(-50%, 0, 0);
}

.position-relative {
    position: relative !important;
}
.buildercontent {
    font-family: 'Poppins', sans-serif;
    font-size: 17px;
    color: #fff;
    width: 95%;
}
h1.loggedinwelcome {
  font-family: 'Poppins', sans-serif;
    font-size: 50px;
    line-height: 1.1;
    margin-top: 1px !important;
    color: #fff;
    width: 95%;
}
h1.loggedinwelcome span {
    display: block;
    font-size: 31px;
}
img#blah, img#blah2 {
    margin: 25px 0px;
    max-width: unset !important;
    width: auto !important;
    height: 165px;
}
.rigid {
    display: none;
}
span#quantitynumholder {
    display: block;
}
label.error {
    font-weight: 400;
    color: #ca1515;
    margin-top: 5px;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
}
.form-control.error {
    border-color: #ca1515;
}

@media (min-width: 992px) {
	.footer-inverse .main-widget {
		background-color: rgba(0,0,0, 0.1);
	}
	.custom-svg-background-1 { width: unset !important; left: 42%;}
}
@media (min-width: 1400px) {
	.custom-svg-background-1 { width: unset !important; left: 57%;}
}
@media (max-width: 767px){
	.custom-svg-background-1 {
    display: none;
}
	.minorder {
    display: none !important;
}
    
}
@media (max-width: 480px) {
.custom-svg-background-1 {
    display: none;
}
	.iloveheros {
    display: none;
}
	#gheader { height: unset;}
	.graphicsfix {padding: 3px}
	span.shortdesc { height: 1px;
    display: none;
}
}
.modal-body .container {
    max-width: 100% !important;
}
.ctabutton {
    margin-top: 25px;
}
.col-md-12.grouptitle {
    font-weight: bold;
    font-size: 16px;
}

.fieldgroup label {
    font-size: 14px;
    font-weight: normal;
}

.grouptitle p {
    font-size: 14px;
}