.ct-section {
width:100%;
background-size:cover;
background-repeat:repeat;
}
.ct-section>.ct-section-inner-wrap {
display:flex;
flex-direction:column;
align-items:flex-start;
}
.ct-div-block {
display:flex;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.ct-new-columns {
display:flex;
width:100%;
flex-direction:row;
align-items:stretch;
justify-content:center;
flex-wrap:wrap;
}
.ct-link-text {
display:inline-block;
}
.ct-link {
display:flex;
flex-wrap:wrap;
text-align:center;
text-decoration:none;
flex-direction:column;
align-items:center;
justify-content:center;
}
.ct-link-button {
display:inline-block;
text-align:center;
text-decoration:none;
}
.ct-link-button {
background-color: #1e73be;
border: 1px solid #1e73be;
color: #ffffff;
padding: 10px 16px;
}
.ct-image {
max-width:100%;
}
.ct-fancy-icon>svg {
width:55px;height:55px;}
.ct-inner-content {
width:100%;
}
.ct-slide {
display:flex;
flex-wrap:wrap;
text-align:center;
flex-direction:column;
align-items:center;
justify-content:center;
}
.ct-nestable-shortcode {
display:flex;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.oxy-comments {
width:100%;
text-align:left;
}
.oxy-comment-form {
width:100%;
}
.oxy-login-form {
width:100%;
}
.oxy-search-form {
width:100%;
}
.oxy-tabs-contents {
display:flex;
width:100%;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.oxy-tab {
display:flex;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.oxy-tab-content {
display:flex;
width:100%;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.oxy-testimonial {
width:100%;
}
.oxy-icon-box {
width:100%;
}
.oxy-pricing-box {
width:100%;
}
.oxy-posts-grid {
width:100%;
}
.oxy-gallery {
width:100%;
}
.ct-slider {
width:100%;
}
.oxy-tabs {
display:flex;
flex-wrap:nowrap;
flex-direction:row;
align-items:stretch;
}
.ct-modal {
flex-direction:column;
align-items:flex-start;
}
.ct-span {
display:inline-block;
text-decoration:inherit;
}
.ct-widget {
width:100%;
}
.ct-columns {
position:relative;
}
.ct-ul {
margin-top:0px;
margin-bottom:0px;
padding-left:0px;
}
.oxy-dynamic-list {
width:100%;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
			.ct-div-block,
			.oxy-post-content,
			.ct-text-block,
			.ct-headline,
			.oxy-rich-text,
			.ct-link-text { max-width: 100%; }
			img { flex-shrink: 0; }
			body * { min-height: 1px; }
		}            .oxy-testimonial {
                flex-direction: row;
                align-items: center;
            }
                        .oxy-testimonial .oxy-testimonial-photo-wrap {
                order: 1;
            }
            
                        .oxy-testimonial .oxy-testimonial-photo {
                width: 125px;                height: 125px;                margin-right: 20px;
            }
            
                        .oxy-testimonial .oxy-testimonial-photo-wrap, 
            .oxy-testimonial .oxy-testimonial-author-wrap, 
            .oxy-testimonial .oxy-testimonial-content-wrap {
                align-items: flex-start;                text-align: left;            }
            
                                                            .oxy-testimonial .oxy-testimonial-text {
                margin-bottom:8px;font-size: 21px;
line-height: 1.4;
-webkit-font-smoothing: subpixel-antialiased;
            }
            
                                    .oxy-testimonial .oxy-testimonial-author {
                font-size: 18px;
-webkit-font-smoothing: subpixel-antialiased;
            }
                            

                                                .oxy-testimonial .oxy-testimonial-author-info {
                font-size: 12px;
-webkit-font-smoothing: subpixel-antialiased;
            }
            
             
            
                        .oxy-icon-box {
                text-align: left;                flex-direction: column;            }
            
                        .oxy-icon-box .oxy-icon-box-icon {
                margin-bottom: 12px;
                align-self: flex-start;            }
            
                                                                        .oxy-icon-box .oxy-icon-box-heading {
                font-size: 21px;
margin-bottom: 12px;            }
            
                                                                                    .oxy-icon-box .oxy-icon-box-text {
                font-size: 16px;
margin-bottom: 12px;align-self: flex-start;            }
            
                        .oxy-icon-box .oxy-icon-box-link {
                margin-top: 20px;                            }
            
            
            /* GLOBALS */

                                                            .oxy-pricing-box .oxy-pricing-box-section {
                padding-top: 20px;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 20px;
alignment: center;
text-align: center;            }
                        
                        .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-price {
                justify-content: center;            }
            
            /* IMAGE */
                                                                                    .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-graphic {
                justify-content: center;            }
            
            /* TITLE */
                                                            
                                    .oxy-pricing-box .oxy-pricing-box-title-title {
                font-size: 48px;
            }
            
                                    .oxy-pricing-box .oxy-pricing-box-title-subtitle {
                font-size: 24px;
            }
            

            /* PRICE */
                                                .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-price {
                                                flex-direction: row;                                            }
            
                                    .oxy-pricing-box .oxy-pricing-box-currency {
                font-size: 28px;
            }
            
                                    .oxy-pricing-box .oxy-pricing-box-amount-main {
                font-size: 80px;
line-height: 0.7;
            }
            
                                    .oxy-pricing-box .oxy-pricing-box-amount-decimal {
                font-size: 13px;
            }
                        
                                    .oxy-pricing-box .oxy-pricing-box-term {
                font-size: 16px;
            }
            
                                    .oxy-pricing-box .oxy-pricing-box-sale-price {
                font-size: 12px;
color: rgba(0,0,0,0.5);
                margin-bottom: 20px;            }
            
            /* CONTENT */

                                                                        .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-content {
                font-size: 16px;
color: rgba(0,0,0,0.5);
            }
            
            /* CTA */

                                                                        .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-cta {
                justify-content: center;            }
            
        
                        .oxy-progress-bar .oxy-progress-bar-background {
            background-color: #000000;            background-image: linear-gradient(-45deg,rgba(255,255,255,.12) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.12) 50%,rgba(255,255,255,.12) 75%,transparent 75%,transparent);            animation: none 0s paused;        }
        
                .oxy-progress-bar .oxy-progress-bar-progress-wrap {
            width: 85%;        }
        
                                                .oxy-progress-bar .oxy-progress-bar-progress {
            background-color: #66aaff;padding: 40px;animation: none 0s paused, none 0s paused;            background-image: linear-gradient(-45deg,rgba(255,255,255,.12) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.12) 50%,rgba(255,255,255,.12) 75%,transparent 75%,transparent);        
        }
        
                        .oxy-progress-bar .oxy-progress-bar-overlay-text {
            font-size: 30px;
font-weight: 900;
-webkit-font-smoothing: subpixel-antialiased;
        }
        
                        .oxy-progress-bar .oxy-progress-bar-overlay-percent {
            font-size: 12px;
        }
        
        .ct-slider .unslider-nav ol li {border-color: #ffffff; }.ct-slider .unslider-nav ol li.unslider-active {background-color: #ffffff; }.ct-slider .ct-slide {
				padding: 0px;			}
		
                        .oxy-superbox .oxy-superbox-secondary, 
            .oxy-superbox .oxy-superbox-primary {
                transition-duration: 0.5s;            }
            
            
            
            
            
        
        
        
        .ct-section-inner-wrap, .oxy-header-container{
  max-width: 1600px;
}
body {font-family: 'Open Sans';}body {line-height: 1.6;font-size: 16px;font-weight: 300;color: #000000;}.oxy-nav-menu-hamburger-line {background-color: #000000;}h1, h2, h3, h4, h5, h6 {font-family: 'Montserrat';font-size: 36px;font-weight: 700;color: #000000;}h2, h3, h4, h5, h6{font-size: 30px;color: #000000;}h3, h4, h5, h6{font-size: 24px;color: #000000;}h4, h5, h6{font-size: 20px;color: #000000;}h5, h6{font-size: 18px;color: #000000;}h6{font-size: 16px;color: #000000;}a {color: #1866db;text-decoration: none;}a:hover {text-decoration: none;}.ct-link-text {text-decoration: ;}.ct-link {text-decoration: ;}.ct-link-button {border-radius: 3px;}.ct-section-inner-wrap {
padding-top: 80px;
padding-right: 20px;
padding-bottom: 80px;
padding-left: 20px;
}.oxy-header-container {
padding-right: 20px;
padding-left: 20px;
}@media (max-width: 992px) {
				.ct-columns-inner-wrap {
					display: block !important;
				}
				.ct-columns-inner-wrap:after {
					display: table;
					clear: both;
					content: "";
				}
				.ct-column {
					width: 100% !important;
					margin: 0 !important;
				}
				.ct-columns-inner-wrap {
					margin: 0 !important;
				}
			}
.footer-top-menu-item {
 color:#ffffff;
 font-size:16px;
 text-transform:uppercase;
 letter-spacing:1px;
 margin-right:20px;
}
.footer-bottom-menu-item {
 color:#ffffff;
 margin-right:20px;
}
@media (max-width: 479px) {
.footer-bottom-menu-item {
 font-size:12px;
}
}

.home-banner-link {
 margin-left:17px;
 margin-right:17px;
}
.oxy-stock-content-styles {
}
.product-enquiry {
}
.contact-form {
}
.button {
 font-family:'Montserrat';
 background-color:#000000;
 padding-left:25px;
 padding-right:25px;
 text-transform:uppercase;
 letter-spacing:0.5px;
 font-size:14px;
 border-radius:0px;
 border-top-style:none;
 border-right-style:none;
 border-bottom-style:none;
 border-left-style:none;
}
.product-archive-list {
}
.product-category-link {
 font-size:14px;
 color:#000000;
 text-transform:uppercase;
 font-weight:600;
 margin-right:10px;
 padding-right:10px;
 border-top-color:#1866db;
 border-right-color:#1866db;
 border-bottom-color:#1866db;
 border-left-color:#1866db;
 border-top-width:1px;
 border-right-width:1px;
 border-bottom-width:1px;
 border-left-width:1px;
 border-right-style:solid;
 padding-top:2px;
 padding-bottom:2px;
}
.product-archive-item {
 width:376px;
 height:376px;
 position:relative;
 border-top-width:1px;
 border-right-width:1px;
 border-bottom-width:1px;
 border-left-width:1px;
 border-top-style:solid;
 border-right-style:solid;
 border-bottom-style:solid;
 border-left-style:solid;
 border-top-color:#e3e3e3;
 border-right-color:#e3e3e3;
 border-bottom-color:#e3e3e3;
 border-left-color:#e3e3e3;
}
.product-archive-item:not(.ct-section),
.product-archive-item.ct-section .ct-section-inner-wrap{
flex-direction:unset;
}
.product-archive-item-title {
 text-align:left;
 background-color:rgba(0,0,0,0.85);
 color:#ffffff;
 padding-top:5px;
 padding-bottom:5px;
 padding-left:20px;
 padding-right:20px;
 position:absolute;
 bottom:30px;
 left:0px;
 z-index:9;
}
.product-sidebar {
 padding-bottom:30px;
}
@media (max-width: 991px) {
}

.project-cat-link {
 color:#000000;
 padding-top:10px;
 padding-left:25px;
 padding-right:25px;
 padding-bottom:10px;
 text-transform:uppercase;
 border-top-color:#000000;
 border-right-color:#000000;
 border-bottom-color:#000000;
 border-left-color:#000000;
 border-top-width:2px;
 border-right-width:2px;
 border-bottom-width:2px;
 border-left-width:2px;
 border-top-style:solid;
 border-right-style:solid;
 border-bottom-style:solid;
 border-left-style:solid;
 margin-right:10px;
 font-weight:400;
}
.project-video-holder {
 width:100%;
 position:relative;
}
.project-video-play-button {
transform:translate(-50%,-50%); position:absolute;
 top:50%;
 left:50%;
 width:65px;
 height:65px;
 border-radius:100px;
 border-top-color:#ffffff;
 border-right-color:#ffffff;
 border-bottom-color:#ffffff;
 border-left-color:#ffffff;
 border-top-width:2px;
 border-right-width:2px;
 border-bottom-width:2px;
 border-left-width:2px;
 border-top-style:solid;
 border-right-style:solid;
 border-bottom-style:solid;
 border-left-style:solid;
 text-align:center;
}
.project-video-play-button:not(.ct-section),
.project-video-play-button.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
}
.project-product-content-holder {
}
.project-featured-image {
 width:100%;
}
.oxy-superbox-primary {
}
.oxy-superbox-secondary {
}
.banner-column:hover{
 width:80%;
}
.banner-column {
 width:50%;
 transition-duration:0.5s;
 transition-timing-function:ease;
 transition-property:all;
 transition-delay:0.5s;
 overflow:hidden;
}
.banner-column:not(.ct-section),
.banner-column.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
}
@media (max-width: 991px) {
.banner-column {
 width:100%;
}
.banner-column:hover{
 width:100%;
}
}

.banner-column-holder:hover{
 transition-duration:0.5s;
 transition-timing-function:ease;
 transition-property:all;
 transition-delay:0.5s;
}
.banner-column-holder {
 text-align:center;
 width:100%;
 padding-top:80px;
 padding-bottom:80px;
 padding-left:50px;
 padding-right:50px;
 background-color:rgba(0,0,0,0.3);
 margin-bottom:0px;
 position:relative;
 transition-duration:0.5s;
 transition-timing-function:ease;
 transition-property:all;
 transition-delay:0.5s;
min-height: calc(100vh - 230px);
}
.banner-column-holder:not(.ct-section),
.banner-column-holder.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
}
*:focus {
	outline: none;
}

.row {
 	display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.col-12, .col-6, .col-4 {
	padding-left: 15px;
  	padding-right: 15px;
}

.col-12, .col-6, .col-4 {
	max-wifth: 100%;
  	flex: 100%;
}

@media (min-width: 992px) {
	.col-6 {
    	max-width: 50%;
      	flex: 50%;
  	}
  	.col-4 {
    	max-width: 33.3333%;
      	flex: 0 0 33.3333%;
  	}
}

/*--------------------------------------------------------------
## Forms
--------------------------------------------------------------*/
input[type="text"]:not(#s),
input[type="email"],
input[type="tel"],
input[type="number"],
select,
textarea {
	width: 100%;
  	background: #fff;
  	border: 2px solid #000!important;
  	border-radius: 0!important;
  	height: 38px;
  	line-height: 38px;
  	padding: 0 15px;
  	display: inline-block;
}

textarea {
	min-height: 150px;
}

input[type="submit"]:not(.remove-quote-list-item),
button {
	background: #000!important;
  	border: 0!important;
  	border-radius: 0!important;
  	color: #fff!important;
  	height: 38px;
  	line-height: 38px;
  	text-align: center;
  	padding: 0 25px;
  	text-transform: uppercase;
  	cursor: pointer;
}

.caldera-grid {
	width: 100%;  
}


/*--------------------------------------------------------------
## Header
--------------------------------------------------------------*/
.search-form-holder {
	background: rgba(190,190,190,0.45);
  	display: inline-block;
  	height: 34px;
}

.search-form-holder * {
	margin: 0;  
}

.search-form-holder #s {
	background: none;
  	border: 0;
  	height: 34px;
  	line-height: 34px;
  	padding: 0 15px;
  	color: #fff;
  	text-transform: uppercase;
  	font-family: 'Montserrat';
  	font-weight: 600;
  	letter-spacing: 1px;
  	font-size: 14px;
  	width: calc(100% - 50px);
}

.search-form-holder #searchsubmit {	
	background: transparent url(https://www.fdbcommercial.com.au/wp-content/uploads/2019/09/search-icon.png) no-repeat center center!important;
  	background-size: 20px;	
  	height: 34px;
  	width: 40px;
  	line-height: 40px;
  	float: left;
}


.oxy-nav-menu .menu-item .sub-menu {
	padding: 15px;  
}

/*--------------------------------------------------------------
## Contact
--------------------------------------------------------------*/
.contact-form .form-group {
	margin-bottom: 10px;  
}


/*--------------------------------------------------------------
## Product Archive
--------------------------------------------------------------*/
.product-archive-list {
	
}

.product-archive-list {
  	display: flex;
  	flex-wrap: wrap;
  	width: 100%;
}

.product-archive-list .product-item {
 	max-width: 20%;
  	flex: 0 0 20%;
  	float: left;
  	padding: 0 25px;
  	margin-bottom: 30px
}

.product-archive-list .product-item img {
	width: 100%;
  	height: auto;
  	display: block;
}

.isotope-filters {
	list-style: none;
  	margin: 0 0 40px 0;
  	padding: 0;
}

.isotope-filters li {
	display: inline-block;
  	width: 40%;
  	padding: 0 5px;
}

.isotope-filters li a {
	padding: 10px 20px;
  	border: 2px solid black;
  	margin: 0 10px;
  	text-transform: uppercase;
  	font-weight: bold;
  	width: 100%;
  	display: inline-block;
  	margin-bottom: 10px;
}

.isotope-filters li a.selected,
.isotope-filters li a.active {
	background: #fff8bb;
  	color: #000;
}

#isotope-list {
	width: 100%;
  	display: inline-block;
}

#isotope-list .item img {
	width: 100%;
  	height: auto;
  	display: block;
}

#isotope-list .project-title {
	font-size: 20px;  
}

#isotope-list .grid-sizer,
#isotope-list .item{
	width: 100%;
}

@media ( min-width: 768px ) {
	#isotope-list .grid-sizer,
    #isotope-list .item{
        width: 50%;
    }
}

@media ( min-width: 992px ) {
	#isotope-list .grid-sizer,
    #isotope-list .item{
        width: 33.3333%;
    }
  	.isotope-filters li,
  	.isotope-filters li a {
  		width: auto;    
  	}
}

#isotope-list .item {
	padding: 0 15px;
  	margin-bottom: 30px;
}

/*--------------------------------------------------------------
## Single Product
--------------------------------------------------------------*/
.product-enquiry .form-group {
	margin-bottom: 5px;  
}

.product-enquiry input[type="submit"] {
	width: 100%;  
}

.product-sidebar h5 {
	margin: 30px 0 5px 0;  
}

.single-product-banner {
 	width: 100%;
  	heihgt: auto;
  	display: block;
}

.product-dimensions {
	 
}

.product-colour-options {
	margin-top: 50px;  
}

.product-colour-swatch-item {
	display: inline-block;
  	margin: 10px 10px 0 0;
  	position: relative;
}

.product-colour-swatch {
 	width: 65px;
  	height: 65px;
  	diplay: block;
  	border-radius: 100%;
}

.product-colour-swatch-name {
	position: absolute;
    width: 100px;
    background: rgba(0,0,0,0.8);
    color: #fff;
    font-size: 13px;
    text-align: center;
    padding: 5px 10px;
    border-radius: 5px;
    bottom: -23px;
    left: 50%;
    z-index: 1;
    transform: translate(-53px, 0);
  	display: none;
}

.product-colour-swatch-item:hover .product-colour-swatch-name {
	display: block;
}

.product-colour-swatch-name::before {
	content: '';
  	width: 0; 
  	height: 0; 
  	border-left: 5px solid transparent;
  	border-right: 5px solid transparent;
  	border-bottom: 5px solid rgba(0,0,0,0.8);
  	position: absolute;
  	top: -5px;
    left: 50%;
  	margin-left: -2px;
}

.product-see-all-colours {
	font-size: 14px;
  	margin-top: 10px;
}

.product-details h4 {
	margin-bottom: 15px;  
}


/*--------------------------------------------------------------
## Single Project
--------------------------------------------------------------*/
.project-colour-swatch {
	height: 50px;
  	width: 50px;
  	display: inline-block;
  	border-radius: 100%;
  	margin-left: 10px;
}

.grid-sizer,
.grid-item {
	width: 33.3333%;
  	margin-bottom: 30px;
}

.grid-item {
	padding-left: 15px;
  	padding-right: 15px;  
}

.grid-item img {
	width: 100%;
}

.grid-item a {
	display: inline-block;
  	background: #6c757d;
  	color: #fff;
  	padding: 8px 15px;
  	border-radius: 3px;
  	margin-top: 15px;
}


/*--------------------------------------------------------------
## Responsive Slides
--------------------------------------------------------------*/
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
}

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
}

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
}

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
}

.product-thumbs{
	position: relative;
}

.product-thumbs ul{
	margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    width: 100%;
    height: auto;
    overflow: hidden;
    overflow-x: auto;
}

.product-thumbs ul li{
	list-style: none;
    margin-bottom: 0px;
    cursor: pointer;
    flex: 0 0 25%;
    max-width: 25%;
}

.product-thumbs ul li img{
	width:102px;
	border:2px solid #fff;
}

.thumb-next{
	position: absolute;
	right:-15px!important;
	top: 50%;
	font-size:26px;
	margin-top: -20px;
	cursor:pointer;
	width:30px;
	height:30px;
	text-align: right;
	border-radius: 100%;
}

.thumb-prev{
	position: absolute;
	left:-15px;
	top: 50%;
	font-size:26px;
	margin-top: -20px;
	cursor:pointer;
	width:30px;
	height:30px;
	border-radius: 100%;
}


/*--------------------------------------------------------------
## Pagination
--------------------------------------------------------------*/
.oxy-easy-posts-pages {
	margin: 40px 0; 
}

.oxy-easy-posts-pages .page-numbers:not(.next):not(.prev) {
	background: #e3e3e3;
    color: #000;
    border-radius: 25px;
    width: 30px;
    height: 30px;
    font-size: 14px;
    line-height: 30px;
    padding: 0;
    text-align: center;
    display: inline-block;
  	font-weight: 600;
}

.oxy-easy-posts-pages .current,
.oxy-easy-posts-pages .page-numbers:not(.next):not(.prev):hover{
	 background: #000!important;
  	 color: #fff!important;
}

.oxy-easy-posts-pages .next,
.oxy-easy-posts-pages .prev {
	color: #000;
  	text-transform: uppercase;
  	font-weight: 600;
  	margin: 0 10px;
  	font-size: 14px;
}


/*--------------------------------------------------------------
## Quote
--------------------------------------------------------------*/
.view-quote-button {
	border: 2px solid #fff;
  	color: #1866db;
  	padding: 5px 15px;
  	font-weight: bold;
  	margin-left: 30px;
}

.view-quote-button:hover {
	background: #1866db;
  	color: #fff;
}

.add-quote-button {
	margin-bottom: 25px;
    padding-bottom: 0!important;
    padding-top: 0!important;
  	height: 50px!important;
  	line-height: 50px!important;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: 0px;
    font-weight: 500;
    font-size: 16px;
  	background-color: #c9c9c9;
    border: 1px solid #c9c9c9;
    color: #000000;
  	cursor: pointer;
  	text-transform: uppercase;
  	border-radius: 3px;
  	width: 100%;
}

.quote-product-added {
	color: #155724;
  	background-color: #d4edda;
  	border-color: #c3e6cb;
  	padding: 10px 25px;
  	border-radius: 3px;
  	text-align: center;
}

.quote-product-added a {
	text-transform: uppercase;
  	font-size: 12px;
  	color: #fff;
  	background: #155724;
  	height: 38px;
  	padding: 0 15px;
  	line-height: 38px;
  	width: 100%;
  	margin-top: 5px;
  	display: inline-block;
  	border-radius: 3px;
}

.quote-product-notice {
	background: #f3f3f3;
  	padding: 10px 15px;
  	border-radius: 3px;
  	text-align: center;
}

.quote-product-notice form {
	display: inline; 
}

.quote-product-notice .remove-quote-button {
	text-transform: uppercase;
  	width: 100%;
  	font-size: 14px;
  	border-radius: 3px;
  	margin-top: 5px;
}

.quote-list {
	margin: 30px 0 80px;  
}

.quote-list .quote-list-row {
	display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
 	padding: 20px 0;
  	border-bottom: 1px solid #e3e3e3;
}

.quote-list .quote-list-row .quote-list-col-1 {
  	display: flex;
	max-width: 100%;
  	flex: 0 0 100%;
  	justify-content: center;
  	align-items: center;
  	padding-left: 15px;
  	padding-right: 15px;
}

.quote-list .quote-list-row .quote-list-col-2 {
  	display: flex;
	max-width: 100%;
  	flex: 0 0 100%;
  	justify-content: center;
  	align-items: center;
  	padding-left: 15px;
  	padding-right: 15px;
}

.quote-list .quote-list-row .quote-list-col-2 .title {
	margin-bottom: 20px;  
  	display: block;
  	color: #000;
}

.quote-list .quote-list-row .quote-list-col-3 {
  	display: flex;
	max-width: 50%;
  	flex: 0 0 50%;
  	justify-content: center;
  	align-items: center;
  	padding-left: 15px;
  	padding-right: 15px;
}

.quote-list .quote-list-row .quote-list-col-4 {
  	display: flex;
	max-width: 50%;
  	flex: 0 0 50%;
  	justify-content: center;
  	align-items: center;
  	padding-left: 15px;
  	padding-right: 15px;
}

@media (min-width: 764px) {
	.quote-list .quote-list-row .quote-list-col-1 {
    	max-width: 15%;
  		flex: 0 0 15%;
  	}
  	.quote-list .quote-list-row .quote-list-col-2 {
    	max-width: 50%;
  		flex: 0 0 50%;
      	justify-content: flex-start;
  	}
  	.quote-list .quote-list-row .quote-list-col-2 .title {
		margin-bottom: 0px;  
	}
  	.quote-list .quote-list-row .quote-list-col-3 {
    	max-width: 25%;
  		flex: 0 0 25%;
      	justify-content: center;
  	}
  	.quote-list .quote-list-row .quote-list-col-4 {
    	max-width: 10%;
  		flex: 0 0 10%;
      	justify-content: center;
  	}
}

.quote-list .quote-list-row .quote-list-col-1 img {
	width: 100px;
  	height: auto;
  	display: block;
}

.remove-quote-list-item {
	width: 32px;
  	height: 32px;
  	border-radius: 100%;
  	display: inline-block;
  	line-height: 29px;
  	padding: 0;
  	text-align: center;
  	border: 2px solid red;
  	background: #fff;
  	color: red;
  	font-weight: bold;
  	font-size: 13px;
  	cursor: pointer;
}

.quote-quanity {
	display: flex;
  	flex-wrap: nowrap;
  	align-items: center;
}

.quote-quantity .quantity {
	width: 50px;
  	text-align: center;
  	margin: 0 10px;
  	padding: 0;
  	-moz-appearance:textfield;
  	-webkit-user-select: none;  /* Chrome all / Safari all */
  	-moz-user-select: none;     /* Firefox all */
  	-ms-user-select: none;      /* IE 10+ */
  	user-select: none;
}

.quantity::-webkit-inner-spin-button, 
.quantity::-webkit-outer-spin-button { 
    -webkit-appearance: none; 
    margin: 0; 
}

.quote-quantity .minus,
.quote-quantity .plus {
	width: 32px;
  	height: 32px;
  	text-align: center;
  	line-height: 32px;
  	display: inline-block;
  	cursor: pointer;
  	font-size: 18px;
  	-webkit-user-select: none;  /* Chrome all / Safari all */
  	-moz-user-select: none;     /* Firefox all */
  	-ms-user-select: none;      /* IE 10+ */
  	user-select: none;
}

#update-quote {
	display: none;
  	float: right;
  	margin-top: 20px;
}

#quote-updated-message {
  	display: none;
	color: #155724;
    background-color: #d4edda;
  	position: relative;
    padding: 10px 15px;
    margin: 20px 0;
    border: 1px solid #c3e6cb;
    border-radius: 3px;
}

.remove-quote-list-item:hover {
	background: red;
  	color: #fff;
}

.send-quote-title {
	margin-bottom: 15px;  
}

.send-quote-form {
	background: #f3f3f3;
  	padding: 50px;
}

.send-quote-form label {
	display: block;
  	font-size: 14px;
  	text-transform: uppercase;
  	font-weight: bold;
}

.send-quote-form label .required {
	color: red;  
}

.send-quote-form .row {
	margin-bottom: 30px;  
}

.send-quote-form #submit-quote {
	height: 50px;
  	line-height: 50px;
  	display: block;
  	margin: 0 auto;
}

.sending-icon-holder {
	display: block;
    text-align: center;
}

#quote-sending {
	display: none;
  	margin: 0 auto;
}

.send-quote-form #form-messages.error {
 	color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
 	position: relative;
    padding: 10px 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 3px;
}

.banner-column:hover > .banner-column-holder {
  	background-color: rgba(0,0,0,0);
}