/* -------------------------- Base Styles -------------------------- */
body,
form,
html {
	width : 100%;
	height: 100%;
}

body {
	font-weight   : normal;
	font-size     : 16px;
	/* font-family: 'Caslon', 'Times New Roman', serif; */
	font-family   : 'Oswald', Helvetica, Arial, freesans, sans-serif;
	line-height   : 1.2em;
}




h1,
h2 {
	font-family: 'Oswald', Helvetica, Arial, freesans, sans-serif;
}

p {
	/* font-family: 'Caslon', 'Times New Roman', serif; */
}

.font-primary {
	font-family: Oswald;
}

.disclaimer {
	font-style: italic;
	font-size : 13px;
}

.contentWrapper {
	/*margin-top: 20px;*/
}

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

.has-error .checkbox,
.has-error .checkbox-inline,
.has-error .control-label,
.has-error .help-block,
.has-error .radio,
produc .has-error .radio-inline,
.has-error.checkbox label,
.has-error.checkbox-inline label,
.has-error.radio label,
.has-error.radio-inline label {
	color: #F44336;
}

#veneerSelector label {
	position    : relative;
	display     : inline-block;
	padding-left: 10px;
	color       : #000;
	cursor      : pointer;
}

#veneerSelector label span.ricon {
	position                : relative;
	display                 : inline-block;
	margin-right            : 10px;
	width                   : 25px;
	height                  : 25px;
	border                  : 2px solid #000;
	border-radius           : 50%;
	background-color        : transparent;
	vertical-align          : -6px;
	-webkit-transition      : background-color 150ms 200ms, -webkit-transform 350ms cubic-bezier(0.78, -1.22, 0.17, 1.89);
	transition              : background-color 150ms 200ms, -webkit-transform 350ms cubic-bezier(0.78, -1.22, 0.17, 1.89);
	transition              : background-color 150ms 200ms, transform 350ms cubic-bezier(0.78, -1.22, 0.17, 1.89);
	transition              : background-color 150ms 200ms, transform 350ms cubic-bezier(0.78, -1.22, 0.17, 1.89), -webkit-transform 350ms cubic-bezier(0.78, -1.22, 0.17, 1.89);
	-webkit-transform-origin: center;
	transform-origin        : center;
}

#veneerSelector label span.ricon:before {
	position                : absolute;
	top                     : 11px;
	left                    : 7px;
	width                   : 0;
	height                  : 2px;
	border-radius           : 2px;
	background              : #000;
	content                 : "";
	-webkit-transition      : width 50ms ease 50ms;
	transition              : width 50ms ease 50ms;
	-webkit-transform       : rotate(45deg);
	transform               : rotate(45deg);
	-webkit-transform-origin: 0 0;
	transform-origin        : 0 0;
}

#veneerSelector label span.ricon:after {
	position                : absolute;
	top                     : 14px;
	left                    : 9px;
	width                   : 0;
	height                  : 2px;
	border-radius           : 2px;
	background              : #000;
	content                 : "";
	-webkit-transition      : width 50ms ease;
	transition              : width 50ms ease;
	-webkit-transform       : rotate(305deg);
	transform               : rotate(305deg);
	-webkit-transform-origin: 0 0;
	transform-origin        : 0 0;
}

#veneerSelector label:hover span.ricon:before {
	width             : 5px;
	-webkit-transition: width 100ms ease;
	transition        : width 100ms ease;
}

#veneerSelector label:hover span.ricon:after {
	width             : 10px;
	-webkit-transition: width 150ms ease 100ms;
	transition        : width 150ms ease 100ms;
}

#veneerSelector input[type="checkbox"] {
	display: none;
}

#veneerSelector input[type="checkbox"]:checked+label span.ricon {
	background-color : #000;
	-webkit-transform: scale(1);
	transform        : scale(1);
}

#veneerSelector input[type="checkbox"]:checked+label span.ricon:after {
	width             : 10px;
	background        : #fff;
	-webkit-transition: width 150ms ease 100ms;
	transition        : width 150ms ease 100ms;
}

#veneerSelector input[type="checkbox"]:checked+label span.ricon:before {
	width             : 5px;
	background        : #fff;
	-webkit-transition: width 150ms ease 100ms;
	transition        : width 150ms ease 100ms;
}

#veneerSelector input[type="checkbox"]:checked+label:hover span.ricon {
	background-color : #000;
	-webkit-transform: scale(1);
	transform        : scale(1);
}

#veneerSelector input[type="checkbox"]:checked+label:hover span.ricon:after {
	width             : 10px;
	background        : #fff;
	-webkit-transition: width 150ms ease 100ms;
	transition        : width 150ms ease 100ms;
}

#veneerSelector input[type="checkbox"]:checked+label:hover span.ricon:before {
	width             : 5px;
	background        : #fff;
	-webkit-transition: width 150ms ease 100ms;
	transition        : width 150ms ease 100ms;
}

#samplerequest .control-label,
#samplerequest h3 {
	font-family: 'Oswald', Helvetica, Arial, freesans, sans-serif;
	font-weight: normal;
}

#samplerequest .checkbox,
#samplerequest .form-control,
#samplerequest .radio,
#samplerequest .radio-inline {
	font-family: Helvetica, Arial, freesans, sans-serif;
	font-size  : small;
}

#samplerequest .form-control {
	margin          : 0;
	height          : 34px;
	border          : 1px solid #9e9e9e;
	border-radius   : 0;
	background-color: #fff;
	color           : #333;
	text-transform  : none;
	font-weight     : inherit;
}

#samplerequest .radio-inline {
	font-size: 12px;
}

#samplerequest .samplesSelections img {
	margin-bottom: 10px;
}

/* -------------------------- BS OVerrides -------------------------- */
.img-rounded {
	border-radius: 3px;
}

.well-sm {
	padding           : 9px;
	border            : none;
	border-radius     : 0;
	background-color  : #F5F5F5;
	-webkit-box-shadow: none;
	box-shadow        : none;
}

.well-padding {
	margin-top   : 20px;
	margin-bottom: 20px;
}

mark {
	padding         : 0;
	border          : 1px solid #b7ac4b;
	border-radius   : 2px;
	background-color: #FFEB3B;
}

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

.btn {
	border-color    : #333;
	border-radius   : 0;
	background-color: transparent;
	color           : #333;
	text-transform  : uppercase;
	font-family     : 'Oswald';
}

.btn-primary[disabled]:hover,
.btn:active,
.btn:focus,
.btn:hover {
	border-color    : #333;
	background-color: #333;
	color           : #fff;
}

.btn[disabled]:hover {
	color: #ccc;
}

.btn-inverse {
	border-color    : #FFF;
	background-color: #333;
	color           : #fff;
}

.btn.favourite {
	position: relative;
	overflow: hidden;
}

.btn.favourite.favourited,
.btn.favourite:focus,
.btn.favourite:hover,
.btn.favourite[disabled] {
	border-color    : #F44336;
	background-color: #F44336;
	color           : #fff;
}

.btn.favourite:after {
	position         : absolute;
	top              : -110%;
	left             : -210%;
	width            : 200%;
	height           : 400%;
	background       : -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.13)), color-stop(77%, rgba(255, 255, 255, 0.13)), color-stop(92%, rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0.0)));
	background       : linear-gradient(to right, rgba(255, 255, 255, 0.13) 0%, rgba(255, 255, 255, 0.13) 77%, rgba(255, 255, 255, 0.5) 92%, rgba(255, 255, 255, 0.0) 100%);
	content          : '';
	opacity          : 0;
	-webkit-transform: rotate3d(1, 1, 1, 30deg);
	transform        : rotate3d(1, 1, 1, 30deg);
}

.btn.favourite[disabled]:hover:after {
	-webkit-transition: none !important;
	transition        : none !important;
}

.btn.favourite:focus:after,
.btn.favourite:hover:after {
	top                               : -90%;
	left                              : -30%;
	opacity                           : 1;
	-webkit-transition-timing-function: ease;
	transition-timing-function        : ease;
	-webkit-transition-duration       : 0.7s, 0.7s, 0.15s;
	transition-duration               : 0.7s, 0.7s, 0.15s;
	-webkit-transition-property       : left, top, opacity;
	transition-property               : left, top, opacity;
}

.btn.btn-float-remove {
	position: absolute;
	top     : 30px;
	right   : 20px;
	width   : 30px;
	height  : 30px;
	padding : 3px;
	opacity : 0.5;
}

.btn.btn-float-remove:hover {
	opacity: 1;
}

/* -------------------------- Modal Boxe -------------------------- */
.modal-content {
	border       : 3px solid #000;
	border-radius: 3px;
}

/* -------------------------- CCS Effects -------------------------- */
.mofade,
a {
	-webkit-transition: 0.3s;
	transition        : 0.3s;
}

.tint {
	position: relative;
	z-index : 2;
	float   : left;
}

.tint:before {
	position          : absolute;
	top               : 0;
	right             : 0;
	bottom            : 0;
	left              : 0;
	z-index           : 3;
	display           : block;
	background        : rgba(0, 0, 0, 0.5);
	content           : "";
	-webkit-transition: all 0.3s linear;
	-webkit-transition: all 0.2s linear;
	transition        : all 0.2s linear;
}

/*
.tint:hover:before {
	background: none;
}
*/
.tint .captionText {
	position: relative;
	z-index : 4;
}

/* .Checkbox Style */
.tickbox {
	position    : relative;
	padding-left: 10px;
}

.tickbox label {
	position     : absolute;
	top          : 0;
	left         : 0;
	width        : 20px;
	height       : 20px;
	border       : 1px solid #ccc;
	border-radius: 2px;
	background   : #fff;
	cursor       : pointer;
}

.tickbox label:after {
	position         : absolute;
	top              : 6px;
	left             : 5px;
	width            : 9px;
	height           : 5px;
	border           : 3px solid #fff;
	border-top       : none;
	border-right     : none;
	background       : transparent;
	content          : '';
	opacity          : 0;
	-webkit-transform: rotate(-45deg);
	transform        : rotate(-45deg);
}

.tickbox label:hover::after {
	opacity: 0.5;
}

.tickbox input[type=checkbox] {
	visibility: hidden;
}

.tickbox input[type=checkbox]:checked+label {
	border          : 1px solid #000;
	background-color: #000;
}

.tickbox input[type=checkbox]:checked+label:after {
	opacity: 1;
}

/* -------------------------- Veneer Selector -------------------------- */
#veneerSelector h3 {
	margin-bottom: 30px;
	text-align   : center;
	font-family  : 'Oswald';
}

#myWizard h4 {
	font-weight: bold;
}

#veneerSelector .nav-pills li a {
	margin-right    : 10px;
	padding         : 5px 15px;
	border          : 1px solid #333333;
	border-radius   : 0;
	background-color: #ffffff;
	color           : #333333;
	text-transform  : uppercase;
	font-size       : 13px;
	font-family     : 'Oswald';
}

#veneerSelector .nav-pills li a:hover,
#veneerSelector .nav-pills li.active a {
	background-color: #333;
	color           : #fff;
}

#veneerSelector select {
	font-size: 14px;
}

#veneerSelector select option {
	height: 200px;
}

/* -------------------------- Progress Bars -------------------------- */
.progress {
	overflow          : hidden;
	margin-bottom     : 20px;
	padding           : 1px;
	height            : 25px;
	border            : 1px solid #000;
	border-radius     : 0;
	background-color  : #ffffff;
	-webkit-box-shadow: none;
	box-shadow        : none;
}

.progress-bar-black {
	background-color: #000;
}

/* -------------------------- Banners -------------------------- */
.bannerLarge,
.bannerProduct,
.bannerRange,
.bannerSmall {
	position           : relative;
	overflow           : hidden;
	background-position: center;
	background-size    : cover;
}

.bannerLarge .container,
.bannerSmall .container {
	position: relative;
	height  : inherit;
}

.bannerLarge .bannerText,
.bannerProduct .bannerText,
.bannerRange .bannerText,
.bannerSmall .bannerText {
	position        : absolute;
	left            : 0;
	padding         : 10px;
	width           : 100%;
	background-color: rgba(0, 0, 0, 0.3);
	color           : #fff;
}

.bannerLarge,
.bannerProduct {
	height: 700px;
}

.bannerRange .hd {
	position   : absolute;
	right      : 10px;
	bottom     : 10px;
	color      : white;
	text-shadow: 1px 1px 1px #666;
	font-size  : 24px;
}

.bannerRange {
	height: 700px;
}

.bannerSmall {
	height: 300px;
}

.bannerLarge .bannerText,
.bannerProduct .bannerText {
	bottom: 80px;
}

.bannerRange .bannerText {
	bottom: 80px;
}

.bannerSmall .bannerText {
	bottom: 40px;
}

.bannerLarge .bannerText h1 {
	font-size: 4em;
}

.bannerLarge .bannerText h4 {
	font-size: 1.8em;
}

.bannerLarge .bannerText h1,
.bannerLarge .bannerText h4 {
	margin-top : 0;
	text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.5);
}

.bannerRange img.imgLoupe {
	display   : block;
	min-height: 200px;
	max-width : 100%;
	width     : 100%;
	height    : auto;
}

/* -------------------------- HP Swatch Slider -------------------------- */
.swiper-container {
	padding-top   : 20px;
	padding-bottom: 10px;
	width         : 100%;
	height        : 180px;
}

.swiper-container .swiper-slide {
	overflow: hidden;
	width   : 130px;
	height  : 130px;
	border  : 1px solid #fff;
}

.swiper-slide .swatchName {
	position             : absolute;
	bottom               : 0;
	display              : -webkit-box;
	display              : -ms-flexbox;
	display              : flex;
	-webkit-box-orient   : vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction   : column;
	flex-direction       : column;
	-ms-flex-line-pack   : center;
	align-content        : center;
	-webkit-box-pack     : center;
	-ms-flex-pack        : center;
	justify-content      : center;
	min-height           : 50px;
	width                : 100%;
	background-color     : #000;
	color                : #fff;
	text-align           : center;
	font-size            : 11px;
	font-family          : sans-serif;
	line-height          : normal;
	-webkit-transition   : -webkit-transform 0.15s;
	transition           : -webkit-transform 0.15s;
	transition           : transform 0.15s;
	transition           : transform 0.15s, -webkit-transform 0.15s;
	-webkit-transform    : translate3d(0, 100%, 0);
	transform            : translate3d(0, 100%, 0);
}

.swiper-container .swiper-slide:hover .swatchName {
	-webkit-transition: 300ms -webkit-transform cubic-bezier(0.22, 0.61, 0.36, 1);
	transition        : 300ms -webkit-transform cubic-bezier(0.22, 0.61, 0.36, 1);
	transition        : 300ms transform cubic-bezier(0.22, 0.61, 0.36, 1);
	transition        : 300ms transform cubic-bezier(0.22, 0.61, 0.36, 1), 300ms -webkit-transform cubic-bezier(0.22, 0.61, 0.36, 1);
	-webkit-transform : scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
	transform         : scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
}

.swiper-container .swiper-slide.swiper-slide-active {
	border            : 2px solid #000;
	-webkit-box-shadow: 0 0 20px 4px black;
	box-shadow        : 0 0 20px 4px black;
}

.swiper-container .swiper-slide.swiper-slide-active .swatchName {
	-webkit-transition: 300ms -webkit-transform cubic-bezier(0.22, 0.61, 0.36, 1);
	transition        : 300ms -webkit-transform cubic-bezier(0.22, 0.61, 0.36, 1);
	transition        : 300ms transform cubic-bezier(0.22, 0.61, 0.36, 1);
	transition        : 300ms transform cubic-bezier(0.22, 0.61, 0.36, 1), 300ms -webkit-transform cubic-bezier(0.22, 0.61, 0.36, 1);
	-webkit-transform : scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
	transform         : scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
}

/* -------------------------- HP Carousel Slider -------------------------- */
#BriggsSlider {
	padding-right: 0;
	padding-left : 0;
}

#BriggsSlider,
#BriggsSlider .carousel-inner .item {
	width : 100%;
	height: 700px;
}

#BriggsSlider .carousel-inner .carousel-caption {
	right        : initial;
	bottom       : inherit;
	left         : initial;
	display      : grid;
	padding      : initial;
	width        : 100%;
	height       : inherit;
	text-shadow  : none;
	grid-template: repeat(3, 1fr)/repeat(3, 1fr);
}

#BriggsSlider .carousel-inner .carousel-caption h1 {
	padding-bottom: 15px;
	border-bottom : 1px solid #ffffff;
	font-size     : 54px;
}

#BriggsSlider .carousel-inner .carousel-caption p {
	font-size  : 16px;
	font-family: 'Oswald';
	line-height: 1.6em;
}

#BriggsSlider .carousel-caption .btn {
	border-radius : 2;
	text-transform: uppercase;
	font-family   : 'Oswald';
}

#BriggsSlider .carousel-caption .captionText {
	padding         : 20px;
	background-color: rgba(0, 0, 0, 0.6);
}

#BriggsSlider .carousel-caption .caption-white h1,
#BriggsSlider .carousel-caption .caption-white p {
	color: #fff;
}

#BriggsSlider .carousel-caption .caption-black h1,
#BriggsSlider .carousel-caption .caption-black p {
	color: #000;
}

#BriggsSlider .carousel-caption .caption-black a.btn-white {
	border-color    : #fff;
	background-color: transparent;
	color           : #fff;
}

#BriggsSlider .carousel-caption .caption-black a.btn-white:active,
#BriggsSlider .carousel-caption .caption-black a.btn-white:hover {
	background-color: #fff;
	color           : #333;
}

#BriggsSlider .carousel-caption .caption-black a.btn-black {
	border-color    : #000;
	background-color: transparent;
	color           : #000;
}

#BriggsSlider .carousel-caption .caption-black a.btn-black:active,
#BriggsSlider .carousel-caption .caption-black a.btn-black:hover {
	background-color: #000;
	color           : #fff;
}

#BriggsSlider .caption-top-left {
	margin     : 40px 10px 10px 40px;
	text-align : left;
	grid-column: 1;
	grid-row   : 1;
}

#BriggsSlider .caption-top {
	margin     : 40px 10px 10px;
	text-align : center;
	grid-column: 2;
	grid-row   : 1;
}

#BriggsSlider .caption-top-right {
	margin     : 40px 40px 10px 10px;
	text-align : right;
	grid-column: 3;
	grid-row   : 1;
}

#BriggsSlider .caption-right {
	margin     : 10px 40px 10px 10px;
	text-align : right;
	grid-column: 3;
	grid-row   : 2;
}

#BriggsSlider .caption-bottom-right {
	margin     : 10px 40px 40px 10px;
	text-align : right;
	grid-column: 3;
	grid-row   : 3;
}

#BriggsSlider .caption-bottom {
	margin     : 10px 10px 40px;
	text-align : center;
	grid-column: 2;
	grid-row   : 3;
}

#BriggsSlider .caption-bottom-left {
	margin     : 10px 10px 40px 40px;
	text-align : left;
	grid-column: 1;
	grid-row   : 3;
}

#BriggsSlider .caption-left {
	margin     : 10px 10px 10px 40px;
	text-align : left;
	grid-column: 1;
	grid-row   : 2;
}

#BriggsSlider .caption-center {
	margin     : 10px;
	text-align : center;
	grid-column: 2;
	grid-row   : 2;
}

#BriggsSlider .carousel-control {
	width      : 10%;
	text-shadow: none;
}

#BriggsSlider .carousel-control.left,
#BriggsSlider .carousel-control.right {
	background-image: none;
}

#BriggsSlider .carousel-control .fa {
	position: absolute;
	top     : 50%;
}

/* -------------------------- Carousel Slider Fade -------------------------- */
.carousel-fade .carousel-inner .item {
	-webkit-transition-property: opacity;
	transition-property        : opacity;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right,
.carousel-fade .carousel-inner .item {
	opacity: 0;
}

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

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

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

/* -------------------------- Swatch Slider -------------------------- */
#swatchSlider,
.projectsAboutRow {
	padding-right: 0;
	padding-left : 0;
}

#swatchSlider,
.projectsAboutRow>.row {
	margin-right: 0;
	margin-left : 0;
}

#palettesRow {
	margin-bottom: 30px;
}

#palettesRow h2 {
	text-align    : center;
	text-transform: uppercase;
}

/* -------------------------- HP Colour Palettes -------------------------- */
.colourPalettesTabs {
	margin: 40px 0;
}

.colourPalettesTabs h2 {
	margin-bottom : 30px;
	text-align    : center;
	text-transform: uppercase;
	font-size     : 48px;
}

.colourPalettesTabs .tab-pane {
	height         : 600px;
	background-size: cover;
}

.colourPalettesTabs .nav-tabs.nav-tabs-bottom {
	margin-top: 4px;
}

.colourPalettesTabs .nav-tabs.nav-tabs-bottom>li {
	position          : relative;
	border-top        : 3px solid #fff;
	border-right      : 3px solid #fff;
	border-bottom     : 3px solid #fff;
	border-left       : 3px solid #fff;
	background-size   : cover;
	opacity           : 1;
	-webkit-transition: opacity 0.25s ease-in-out;
	transition        : opacity 0.25s ease-in-out;
}

.colourPalettesTabs .nav-tabs.nav-tabs-bottom>li.active a,
.colourPalettesTabs .nav-tabs.nav-tabs-bottom>li:hover a {
	background : none;
	color      : black;
	text-shadow: white 1px 1px 9px;
}

.colourPalettesTabs .nav-tabs.nav-tabs-bottom>li div {
	position          : absolute;
	top               : 0;
	display           : inline-block;
	width             : 100%;
	height            : 100%;
	background-size   : cover;
	background-repeat : no-repeat;
	-webkit-transition: opacity 0.25s ease-in-out;
	transition        : opacity 0.25s ease-in-out;
}

.colourPalettesTabs .nav-tabs.nav-tabs-bottom>li:hover div {
	opacity: 0.7;
}

.colourPalettesTabs .nav-tabs.nav-tabs-bottom>li.active div {
	opacity: 0.8;
}

.colourPalettesTabs .nav-tabs.nav-tabs-bottom>li:first-child {
	border-left: 0;
}

.colourPalettesTabs .nav-tabs.nav-tabs-bottom>li:last-child {
	border-right: 0;
}

.colourPalettesTabs .nav-tabs.nav-tabs-bottom>li>a {
	z-index        : 1;
	padding        : 30px 15px;
	border         : none;
	border-radius  : 0;
	background-size: cover;
	color          : #fff;
	text-align     : center;
	text-shadow    : black 0 0 8px;
	font-family    : 'Oswald';
}

.colourPalettesTabs .nav-tabs.nav-tabs-bottom>a:focus,
.colourPalettesTabs .nav-tabs.nav-tabs-bottom>a:hover {
	border          : none;
	background-image: inherit;
	color           : #fff;
}

.colourPalettesTabs .nav-tabs.nav-tabs-bottom>.active>a:focus,
.colourPalettesTabs .nav-tabs.nav-tabs-bottom>.active>a:hover,
.colourPalettesTabs .nav-tabs.nav-tabs-bottom>.active a {
	border: none;
	color : #000;
}

.colourPalettesTabs .tab-pane .tabText {
	position        : relative;
	top             : 450px;
	padding         : 20px 60px;
	background-color: rgba(0, 0, 0, 0.6);
	color           : #ffffff;
}

.colourPalettesTabs .tab-pane .tabText h4 {
	margin-bottom: 34px;
	font-size    : 36px;
	font-family  : 'Oswald';
}

.colourPalettesTabs .tab-pane .tabText a {
	padding        : 5px 10px;
	border         : 2px solid #ffffff;
	color          : #ffffff;
	text-decoration: none;
	font-size      : 20px;
	font-family    : 'Oswald';
}

.colourPalettesTabs .tab-pane .tabText a:hover {
	background-color: #fff;
	color           : #333;
}

/* -------------------------- CTA : Projects -------------------------- */
.projectsAboutRow .aboutPane,
.projectsAboutRow .projectsPane {
	height         : 645px;
	background-size: cover;
}

.projectsAboutRow .projectsPane .captionText {
	position   : relative;
	top        : 10%;
	margin-left: 30%;
	width      : 50%;
}

.projectsAboutRow .aboutPane .captionText {
	position   : relative;
	top        : 10%;
	margin-left: 10%;
	width      : 90%;
}

.projectsAboutRow .aboutPane h2,
.projectsAboutRow .projectsPane h2 {
	margin-bottom : 15px;
	padding-bottom: 10px;
	border-bottom : 1px solid #fff;
	text-transform: uppercase;
	font-size     : 48px;
}

.projectsAboutRow .aboutPane h2,
.projectsAboutRow .aboutPane p,
.projectsAboutRow .projectsPane h2,
.projectsAboutRow .projectsPane p {
	color: #ffffff;
}

.projectsAboutRow .aboutPane p,
.projectsAboutRow .projectsPane p {
	margin-bottom: 30px;
	width        : 65%;
	font-size    : 16px;
	line-height  : 1.6em;
}

.projectsAboutRow .aboutPane .btn,
.projectsAboutRow .projectsPane .btn {
	border-color    : #ffffff;
	border-radius   : 0;
	background-color: #ffffff;
	color           : #333333;
	text-transform  : uppercase;
	font-size       : 18px;
	font-family     : 'Oswald';
}

.productRange .projectsAboutRow .projectsPane .btn:active,
.projectsAboutRow .aboutPane .btn:active,
.projectsAboutRow .aboutPane .btn:focus,
.projectsAboutRow .projectsPane .btn:focus {
	border-color    : #333333;
	background-color: #333333;
	color           : #ffffff;
}

/* -------------------------- Product range -------------------------- */
.productRange .bannerText h1 {
	font-size: 3em;
}

.productRange .productRangePageNav {
	border-bottom: 1px solid #b9b9b9;
	font-family  : 'Oswald';
}

.productRange .productRangePageNav ul li a {
	padding      : 10px 25px;
	border-bottom: 2px solid transparent;
	color        : #333333;
}

.productRange .productRangePageNav .nav>li>a:focus,
.productRange .productRangePageNav .nav>li>a:hover {
	border-bottom   : 2px solid #b9b9b9;
	border-radius   : 0;
	background-color: transparent;
	color           : #b9b9b9;
}

.productRange #about {
	margin-bottom: 50px;
}

.productRange #about h2 {
	margin-top: 40px;
}

.productRange .btn {
	border-color  : #333333;
	border-radius : 0;
	text-transform: uppercase;
	font-family   : 'Oswald';
}

.productRange .greyBG {
	padding         : 50px 0;
	background-color: #f4f4f4;
}

.productRange #overview {
	margin: 50px 0;
}

.productRange .intro {
	margin        : 15px 0;
	font-style    : italic;
	font-size     : 1.4em;
	/* font-family: 'Caslon', 'Times New Roman', serif; */
	font-family   : 'Oswald', Helvetica, Arial, freesans, sans-serif;
	line-height   : 1.5em;
}

.productRange #overview .btn {
	margin-top: 30px;
	color     : #333333;
}

.productRange #overview .btn:active,
.productRange #overview .btn:focus {
	border-color    : #333333;
	background-color: #333333;
	color           : #ffffff;
}

.productRange #range h2 {
	text-align: center;
}

.productRange #range .filters {
	margin           : 30px auto;
	/* padding-bottom: 20px; */
	/* width         : 55%; */
}

.productRange #range .filters .dropdown-MegaMenu>li>a {
	font-family: 'Oswald';
}

.productRange #range .filters .dropdown-menu>li>a input {
	margin-left: 10px;
}

.productRange #range .filters .btn-group .btn,
.productRange #range .filters .form-control,
.productRange #range .filters>label {
	margin          : 0;
	height          : inherit;
	border          : 1px solid #333;
	border-radius   : 0;
	background-color: transparent;
	color           : #333;
	text-transform  : none;
	font-weight     : inherit;
	font-family     : 'Oswald', Helvetica, Arial, freesans, sans-serif;
}

.productRange #range .filters .form-control {
	padding: 5px 10px;
}

.productRange #range .filters .btn-group .btn,
.productRange #range .filters>label {
	padding: 5px 30px;
}

.productRange #range .filters .btn-group .btn:hover,
.productRange #range .filters .btn-group.open .btn {
	border          : 1px solid #000;
	background-color: #000;
	color           : #fff;
}

.productRange #range .filters .btn-group.open .dropdown-toggle,
.productRange #range .filters .btn.active,
.productRange #range .filters .btn:active {
	-webkit-box-shadow: none;
	box-shadow        : none;
}

.productRange #range .filters .dropdown-menu {
	margin       : 0;
	min-width    : 200px;
	border       : 1px solid #000;
	border-radius: 0;
}

.productRange #range .filters .dropdown-menu li {
	border-bottom: 1px dotted #ccc;
}

.productRange #range .filters li a {
	padding: 10px;
}

.productRange #range .filters a {
	display        : block;
	padding        : 5px;
	color          : #616161;
	text-align     : left;
	text-decoration: none;
	font-size      : 14px;
	font-family    : 'Oswald', Helvetica, Arial, freesans, sans-serif;
}

.rangeThumb-enter-active,
.rangeThumb-leave-active {
	-webkit-transition: opacity 600ms;
	transition        : opacity 600ms;
}

.rangeThumb-enter,
.rangeThumb-leave-to {
	opacity: 0;
}

.rangeThumb-move {
	-webkit-transition: -webkit-transform 1s;
	transition        : -webkit-transform 1s;
	transition        : transform 1s;
	transition        : transform 1s, -webkit-transform 1s;
}

.productRange #range .rangeThumb a {
	position       : relative;
	display        : inline-block;
	text-decoration: none;
}

.productRange #range .rangeThumb img {
	display           : inline-block;
	min-width         : 165px;
	min-height        : 165px;
	max-width         : 165px;
	max-height        : 165px;
	border            : 4px solid transparent;
	border-radius     : 3px;
	background        : url("../image/bv.png") no-repeat center center;
	-webkit-transition: 0.3s;
	transition        : 0.3s;
}

@media (max-width: 992px) {
	.productRange #range .rangeThumb img {
		min-width : 190px;
		min-height: 190px;
		max-width : 190px;
		max-height: 190px;
	}
}

@media (max-width: 676px) {
	.productRange #range .rangeThumb img {
		min-width : 130px;
		min-height: 130px;
		max-width : 130px;
		max-height: 130px;
	}
}

.productRange #range .rangeThumb i.fa-heart.favourited {
	opacity: 0.75;
}

.productRange #range .rangeThumb:hover i.fa-heart,
.productRange #range a:focus i.fa-heart {
	opacity: 1;
}

.productRange #range .rangeThumb i.fa-heart {
	position          : absolute;
	top               : 10px;
	right             : 10px;
	color             : #fff;
	font-size         : 28px;
	opacity           : 0;
	-webkit-transition: 200ms all ease-in-out;
	transition        : 200ms all ease-in-out;
}

.productRange #range .rangeThumb i.fa-heart.favourited,
.productRange #range .rangeThumb i.fa-heart:hover {
	color: #f25268;
}

.productRange #range .rangeThumb i.fa-plus-square-o {
	position        : absolute;
	top             : 4px;
	right           : 4px;
	padding         : 10px;
	background-color: rgba(0, 0, 0, 0.1);
	color           : #fff;
	font-size       : 14px;
	transition      : 200ms background-color ease-in-out;
}

.productRange #range .rangeThumb i.fa.fa-plus-square-o.favourited:after {
	content: 'Sample Added!';
}

.productRange #range .rangeThumb i.fa.fa-plus-square-o:after {
	display     : inline-block;
	content     : "Request sample";
	padding-left: 5px;
	opacity     : 0;
	margin-left : -90px;
	transition  : 100ms opacity ease-in-out, 200ms margin-left ease-in-out 100ms;

}

.productRange #range .rangeThumb i.fa.fa-plus-square-o:hover:after {
	margin-left: 0;
	opacity    : 1;
	transition : 200ms margin-left ease-in-out, 200ms opacity ease-in-out 200ms;
}

.productRange #range .rangeThumb i.fa-plus-square-o:hover {
	background-color: #000;
	color           : #fff;
	border-radius   : 0 0 0 3px;
}

.productRange #range .rangeThumb i.fa-plus-square-o.favourited {
	background-color: #F44336;
	border-radius   : 0 0 0 3px;
	padding         : 8px 8px 10px 10px;
}

.productRange #range .rangeThumb a img.favourited,
.productRange #range .rangeThumb a:hover img.favourited {
	/*border: 4px solid #F44336;*/
}

.productRange #range .rangeThumb a:hover img {
	border: 4px solid #000;
}

.productRange #range .rangeThumb img.favourited {
	/*border: 4px solid #F44336;*/
}

.productRange #range .rangeThumb h5 {
	min-height    : 60px;
	color         : #333;
	text-align    : center;
	font-size     : 15px;
	/* font-family: 'Caslon', 'Times New Roman', serif; */
	font-family   : 'Oswald', Helvetica, Arial, freesans, sans-serif;
}

.productRange #range .loadmoreSwatches {
	padding         : 8px 25px;
	background-color: transparent;
	color           : #333333;
	font-size       : 1.2em;
}

.productRange #range .loadmoreSwatches:hover {
	border-color    : #000000;
	background-color: #000;
	color           : #fffbfb;
}

.productRange #range .loadmoreSwatches:active,
.productRange #range .loadmoreSwatches:focus {
	border-color    : #333333;
	background-color: #333333;
	color           : #ffffff;
}

.productRange #range .loadmoreSwatches[disabled] {
	display: none;
}

.productRange #downloads {
	margin: 50px 0;
}

.productRange #downloads h2 {
	text-align: center;
}

.productRange #downloads table {
	margin        : 15px auto 0;
	width         : 65%;
	/* font-family: 'Caslon', 'Times New Roman', serif; */
	font-family   : 'Oswald', Helvetica, Arial, freesans, sans-serif;
}

.productRange #downloads table h5 {
	position : relative;
	font-size: 1.4em;
}

.productRange #downloads table h5 i {
	position: absolute;
	right   : 0;
	color   : #ccc;
}

.productRange #downloads table a:focus i,
.productRange #downloads table a:hover i {
	color: inherit;
}

.productRange #downloads table a:hover {
	text-decoration: none;
}

.productRange #downloads table a {
	display: inline-block;
	width  : 100%;
	color  : #333333;
}

.productRange #downloads table td {
	padding: 0 10px;
}

/* -------   Product Details - Projects   ------- */
.productDetail #projects h2,
.productRange #projects h2 {
	margin-bottom: 30px;
	text-align   : center;
}

/*
.productDetail #projects #projectsSliderD,
.productRange #projects #projectsSliderD {
	margin: 30px 0;
}*/
.productDetail #projects #projectsSliderD .carousel-control,
.productDetail #projects #projectsSliderM .carousel-control,
.productRange #projects #projectsSliderD .carousel-control,
.productRange #projects #projectsSliderM .carousel-control {
	width           : 100px;
	background-image: none;
	color           : #333333;
	text-shadow     : none;
	opacity         : 1;
}

.productDetail #projects #projectsSliderD .thumbnail,
.productDetail #projects #projectsSliderM .thumbnail,
.productRange #projects #projectsSliderD .thumbnail,
.productRange #projects #projectsSliderM .thumbnail {
	padding      : 0;
	border       : none;
	border-radius: 0;
}

.productDetail #projects .carousel-control .glyphicon-chevron-left,
.productDetail #projects .carousel-control .glyphicon-chevron-right,
.productDetail #projects .carousel-control .icon-next,
.productDetail #projects .carousel-control .icon-prev {
	padding         : 10px;
	width           : 50px;
	height          : 50px;
	background-color: transparent;
	color           : #fff;
}

.productDetail #projects .carousel-control:hover .glyphicon {
	background-color: rgba(0, 0, 0, 0.4);
}

@media (max-width:991px) {
	.productRange #range .filters {
		width: 100%;
	}
}

/* --- PROJECTS LIST PAGE --- */
.projects .projectThumb {
	position     : relative;
	display      : block;
	margin-bottom: 20px;
}

.projects .projectThumb .captionText {
	position      : absolute;
	top           : 0;
	left          : 0;
	padding       : 40px;
	width         : 100%;
	height        : 100%;
	background    : rgba(0, 0, 0, 0.4);
	color         : #ffffff;
	/* font-family: 'Caslon', 'Times New Roman', serif; */
	font-family   : 'Oswald', Helvetica, Arial, freesans, sans-serif;
}

.projects .projectThumb .captionText h2,
.projects .projectThumb .captionText p {
	position: relative;
	top     : 130px;
}

.projects .projectsFilter {
	list-style-type: none;
}

.projects .projectsFilter li {
	padding: 10px 0;
}

.projects .projectsFilter li a {
	color         : #333333;
	/* font-family: 'Caslon', 'Times New Roman', serif; */
	font-family   : 'Oswald', Helvetica, Arial, freesans, sans-serif;
}

/* -------------------------- Product Details -------------------------- */

.loading-mask {
	position   : absolute;
	top        : 100px;
	right      : 0;
	left       : 0;
	display    : block;
	margin     : auto;
	width      : 200px;
	/*animation: blink ease-in-out 2s infinite;
	transform  : scale3d(1.05,1.05,1.05);*/
}

.loading-mask image {
	-webkit-clip-path: url("#clip");
	clip-path        : url("#clip");
}

.scaleout {
	-webkit-animation: scaleout 1.5s infinite ease-in-out;
	animation        : scaleout 1.5s infinite ease-in-out;
}

@-webkit-keyframes scaleout {
	0% {
		opacity          : 0.75;
		-webkit-transform: scale3d(1, 1, 1);
		transform        : scale3d(1, 1, 1);
	}

	100% {
		opacity          : 0;
		-webkit-transform: scale3d(1.1, 1.1, 1.1) translate3d(-5px, -5px, 0);
		transform        : scale3d(1.1, 1.1, 1.1) translate3d(-5px, -5px, 0);
	}
}

@keyframes scaleout {
	0% {
		opacity          : 0.75;
		-webkit-transform: scale3d(1, 1, 1);
		transform        : scale3d(1, 1, 1);
	}

	100% {
		opacity          : 0;
		-webkit-transform: scale3d(1.1, 1.1, 1.1) translate3d(-5px, -5px, 0);
		transform        : scale3d(1.1, 1.1, 1.1) translate3d(-5px, -5px, 0);
	}
}

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

	50% {
		opacity          : 0.5;
		-webkit-transform: scale3d(1, 1, 1);
		transform        : scale3d(1, 1, 1);
	}

	100% {
		opacity: 1;
	}
}

@keyframes blink {
	0% {
		opacity: 1;
	}

	50% {
		opacity          : 0.5;
		-webkit-transform: scale3d(1, 1, 1);
		transform        : scale3d(1, 1, 1);
	}

	100% {
		opacity: 1;
	}
}

svg#bv {
	position         : absolute;
	top              : 100px;
	right            : 0;
	left             : 0;
	z-index          : 1;
	display          : inherit;
	margin           : auto;
	-webkit-animation: fillin ease-in 10s infinite;
	animation        : fillin ease-in 10s infinite;
	fill             : white;
	stroke           : #444;
	fill-opacity     : 0.2;
}

svg#bv path,
svg#bv rect {
	-webkit-animation: fillin cubic-bezier(0.59, 0.01, 0.01, 0.86) 7s infinite;
	animation        : fillin cubic-bezier(0.59, 0.01, 0.01, 0.86) 7s infinite;
}

svg#bv g:nth-child(1) rect {
	stroke-dasharray : 154;
	stroke-dashoffset: -154;
}

svg#bv g:nth-child(1) path:nth-child(2) {
	stroke-dasharray : 268;
	stroke-dashoffset: -268;
}

svg#bv g:nth-child(1) path:nth-child(1) {
	stroke-dasharray : 322;
	stroke-dashoffset: -322;
}

svg#bv g:nth-child(2) path:nth-child(2) {
	stroke-dasharray : 235;
	stroke-dashoffset: -235;
}

svg#bv g:nth-child(2) path:nth-child(1) {
	stroke-dasharray : 233;
	stroke-dashoffset: -233;
}

svg#bv g:nth-child(2) rect {
	stroke-dasharray : 192;
	stroke-dashoffset: -192;
}

@-webkit-keyframes fillin {
	0% {
		fill-opacity: 0;
	}

	10% {
		fill-opacity: 0;
	}

	45% {
		stroke-dashoffset: 0;
	}

	55% {
		stroke-dashoffset: 0;
		fill-opacity     : 0.4;
	}

	100% {
		fill-opacity: 0;
	}
}

@keyframes fillin {
	0% {
		fill-opacity: 0;
	}

	10% {
		fill-opacity: 0;
	}

	45% {
		stroke-dashoffset: 0;
	}

	55% {
		stroke-dashoffset: 0;
		fill-opacity     : 0.4;
	}

	100% {
		fill-opacity: 0;
	}
}

.productDetail .btn {
	border-color  : #333333;
	border-radius : 0;
	text-transform: uppercase;
	font-family   : 'Oswald';
}

.productDetail .btn:active,
.productRange .productDetail .btn:focus {
	border-color    : #333333;
	background-color: #333333;
	color           : #ffffff;
}

.productDetail .productDetailsLeft .btn {
	margin-top: 5px;
}

.productDetail .swatchDisclaimer {
	margin-top: 10px;
}

.productDetail h1 {
	margin-top: 0;
}

.productDetail h1,
.productDetail h4 {
	/* font-family: 'Caslon', 'Times New Roman', serif; */
	font-family: 'Oswald', Helvetica, Arial, freesans, sans-serif;
}

.productDetail h4 {
	font-style: italic;
}

.productDetail h3 {
	margin-top : 0;
	font-weight: 700;
}

.productDetail .heading {
	margin-bottom: 50px;
}

.productDetail .topInfo {
	margin-bottom: 50px;
}

.productDetail table tr td.cellTitle {
	width      : 30%;
	font-weight: bold;
}

.productInfoTabs table tr:first-child td,
.productInfoTabs table tr:first-child td:nth-child(2) {
	border-top: none;
}

.productDetail table tr td.FirecellTitle {
	width      : 70%;
	font-weight: bold;
}

.productDetail .productInfoTabs ul {
	margin-left: 0;
}

.productDetail .productInfoTabs ul a {
	color         : #333333;
	text-transform: uppercase;
	font-family   : 'Oswald';
}

.productDetail .productInfoTabs .tab-pane {
	padding: 20px 0;
}

.productDetail .productInfoTabs .disclaimer {
	font-style: italic;
	font-size : 13px;
}

.productRange .shopItem h4 {
	font-size  : 18px;
	font-family: 'Oswald';
}

.productRange .shopItem .topInfo {
	min-height: 80px;
}

@media (max-width:767px) {

	.productDetail .table-responsive>.table>tbody>tr>td,
	.productDetail .table-responsive>.table>tbody>tr>th,
	.productDetail .table-responsive>.table>tfoot>tr>th,
	.productDetail .table-responsive>.table>thead>tr>td,
	.productDetail .table-responsive>.table>thead>tr>th,
	.productDetail.table-responsive>.table>tfoot>tr>td {
		white-space: normal;
		font-size  : 13px;
	}

	.productDetail table {
		width: 100%;
	}
}

@media only screen and (max-width: 959px) {
	.bannerRange {
		height: auto;
	}
}

@media (max-width:480px) {
	.productDetail table tr td.cellTitle {
		width: 40%;
	}

	.productDetail table tr td.FirecellTitle {
		width: 60%;
	}

	.productDetail .btn {
		font-size: 12px;
	}

	.productDetail .productInfoTabs ul a {
		font-size: 14px;
	}

	.productDetail .productInfoTabs .tab-pane {
		padding: 30px 0;
	}
}

/* -------------------------- Downloads -------------------------- */
.tabs-downloads {
	margin-top: 50px;
}

.tabs-downloads .list-group-item {
	border: none;
}

.tabs-downloads ul.nav.nav-tabs li>a {
	color         : #333333;
	text-transform: uppercase;
	font-family   : 'Oswald';
}

.tabs-downloads .input-group .form-control,
.tabs-downloads .list-group-item {
	font-size  : 12px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.tabs-downloads .list-group-item.list-folderName {
	color      : #333333;
	font-family: 'Oswald';
}

.tabs-downloads a.list-fileName {
	margin-bottom  : 0;
	border-bottom  : 1px dotted #ccc;
	color          : #333333;
	text-decoration: none;
}

.tabs-downloads a.list-folderName:hover {
	background-color: #fff;
}

.tabs-downloads a.list-fileName:hover {
	background-color: #F5F5F5;
}

.tabs-downloads .list-fileName p {
	margin: 0;
}

.tabs-downloads .list-group-item>.badge {
	border          : 1px solid #333;
	border-radius   : 2px;
	background-color: #fff;
	color           : #333;
	font-weight     : normal;
}

.tabs-downloads .fa {
	margin-right: 5px;
}

.tabs-downloads .fa-pdf:before {
	color  : #ff0000;
	content: "\f1c1";
}

/* -------------------------- Sample -------------------------- */
#sample {
	position: relative;
}

#sample .label.cartItems-0 {
	display: none;
}

#sample .label {
	position          : absolute;
	padding           : 4px;
	width             : 20px;
	height            : 20px;
	border-radius     : 2px;
	background-color  : #F44336;
	font-size         : 12px;
	font-family       : "Helvetica Neue", Helvetica, Arial, sans-serif;
	-webkit-transition: 0.3s;
	transition        : 0.3s;
}

@media (max-width:991px) {
	#sample .label {
		right: 135px;
	}
}

#sample:hover .label {
	opacity: 0.75;
}

/*#sample:hover .dropdown-menu {
	display:block;
}*/
#sample ul {
	padding-left: 0;
	min-width   : 350px;
}

#sample li {
	position          : relative;
	margin-top        : 0;
	padding           : 5px 0 0 10px;
	width             : 100%;
	list-style        : none;
	-webkit-transition: 0.2s all ease-in-out;
	transition        : 0.2s all ease-in-out;
}

/*#sample li.media:hover{
	background-color:#eee;
}*/
#sample li.media:hover .empty .thumb {
	border-color: #000;
}

#sample .empty .thumb {
	border     : 1px solid #ccc;
	font-size  : 25px;
	line-height: 73px;
}

#sample li.media:hover .empty .help-block {
	display: inline-block;
}

#sample .empty .help-block {
	display: inline-block;
	margin : 0;
}

#sample p {
	padding-left: 14px;
}

#sample .empty .media-body>* {
	position          : absolute;
	color             : #909090;
	-webkit-transition: 200ms all ease-in-out;
	transition        : 200ms all ease-in-out;
}

#sample .empty .help-block-hover {
	display   : inline-block;
	margin    : 0;
	text-align: right;
	opacity   : 0;
}

#sample li.media:hover .empty .help-block-hover {
	color  : #525252;
	opacity: 1;
}

#sample li.media:hover .empty .help-block {
	opacity: 0;
}

#sample .empty .media-body {
	line-height: 75px;
}

#sample .empty a {
	color: #9E9E9E;
}

#sample li.media:hover img {
	border-color: #000;
}

/*#sample li.media:hover .fa-trash {
	color:#000;
}*/

#sample li.media img {
	border            : 3px solid transparent;
	-webkit-transition: 0.3s;
	transition        : 0.3s;
}

#sample .thumb {
	display      : inline-block;
	width        : 75px;
	height       : 75px;
	/*padding    :3px;*/
	/*border     : 1px solid #ccc;*/
	/*border     : 2px solid transparent;*/
	border-radius: 3px;
}

#sample>a.dropdown-toggle {
	margin-left: 25px;
}

#sample .close {
	position   : absolute;
	top        : 0;
	right      : 5px;
	font-weight: bold;
	font-size  : 19px;
	font-family: arial;
	opacity    : 0.1;
}

#sample li:hover .close {
	opacity: 0.5;
}

#sample .close:active,
#sample .close:hover,
#sample .fa-trash:hover {
	opacity: 1 !important;
}

#sample .btn-sm {
	margin-right : 6px;
	margin-bottom: 10px;
}

#sample .btn {
	padding       : 6px 12px;
	text-transform: uppercase;
}

#sample .btn-lg {
	padding  : 10px 16px;
	font-size: 18px;
}

#sample .btn.btn-inverse {
	color: #FFF;
}

#sample.open .dropdown-menu {
	max-height: 550px;
	opacity   : 1;
}

#sample .dropdown-menu {
	left              : -100%;
	display           : block;
	overflow          : hidden;
	padding           : 10px 0 0;
	max-height        : 0;
	border-radius     : 2px;
	opacity           : 0;
	-webkit-transition: 200ms all ease-in-out;
	transition        : 200ms all ease-in-out;
}

#sample .loading {
	width     : 100%;
	float     : left;
	padding   : 30px 0;
	text-align: center;
}

/* -------------------------- Contacts -------------------------- */
.contactDetails {
	margin-top : 30px;
	font-size  : 16px;
	line-height: 2em;
}

.contactDetails i {
	margin-right: 5px;
}

.contact-page-btns {
	margin-top: 30px;
}

.contact-map iframe {
	width: 600px;
}

@media (max-width:480px) {
	.contact-map iframe {
		width: 480px;
	}
}

.contact-page-btns .btn-block {
	margin-top: 15px;
}


/* Grid Layouts */
.grid-container {
	display : grid;
	grid-gap: 40px;
}

.grid-container-sm {
	display : grid;
	grid-gap: 10px;
}

.grid-col-2 {
	grid-template-columns: repeat(2, 1fr);
}

.grid-col-3 {
	grid-template-columns: repeat(3, 1fr);
}

.grid-col-4 {
	grid-template-columns: repeat(4, 1fr);
}

.grid-col-5 {
	grid-template-columns: repeat(5, 1fr);
}

.grid-col-6 {
	grid-template-columns: repeat(6, 1fr);
}

@media only screen and (max-width: 600px) {
	.grid-container {
		grid-gap: 20px;
	}

	.grid-col-2,
	.grid-col-3 {
		grid-template-columns: repeat(1, 1fr);
	}

	.grid-col-4 {
		grid-template-columns: repeat(2, 1fr);
	}

	.grid-col-5,
	.grid-col-6 {
		grid-template-columns: repeat(1, 1fr);
	}

}


.d-flex {
	display: -webkit-box !important;
	display: flex !important;
}

.align-items-center {
	-webkit-box-align: center !important;
	align-items      : center !important;
}

.bg-white {
	background-color: #fff;
}

.mt-1,
.my-1 {
	margin-top: .25rem !important;
}

.p-4 {
	padding: 40px;
}