@font-face {
  font-family:'FontAwesome';
  src:url("https://www.harmony-beton.com/themes/harmony/font/fontawesome-webfont.eot?v=3.2.1");
  src:url("https://www.harmony-beton.com/themes/harmony/font/fontawesome-webfont.eot?#iefix&v=3.2.1") format("embedded-opentype"), url("https://www.harmony-beton.com/themes/harmony/font/fontawesome-webfont.woff?v=3.2.1") format("woff"), url("https://www.harmony-beton.com/themes/harmony/font/fontawesome-webfont.ttf?v=3.2.1") format("truetype"), url("https://www.harmony-beton.com/themes/harmony/font/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1") format("svg");
  font-weight:normal;
  font-style:normal; }

/********* Maj 2017 **********/
@font-face {
	font-family:'harmonybeton';
	src:url('/themes/harmony/font/harmonybeton.eot?49sh72');
	src:url('/themes/harmony/font/harmonybeton.eot?49sh72#iefix') format('embedded-opentype'), url('/themes/harmony/font/harmonybeton.ttf?49sh72') format('truetype'), url('/themes/harmony/font/harmonybeton.woff?49sh72') format('woff'), url('/themes/harmony/font/harmonybeton.svg?49sh72#harmonybeton') format('svg');
	font-weight:normal;
	font-style:normal;
}

[class^="ico-hb-"], [class*=" ico-hb-"] {
	font-family:'harmonybeton' !important;
	speak:none;
	font-style:normal;
	font-weight:normal;
	font-variant:normal;
	text-transform:none;
	line-height:1;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
}
.ico-hb-adresse:before { content:"\e900"; }
.ico-hb-caddie:before { content:"\e901"; }
.ico-hb-cadenas:before { content:"\e902"; }
.ico-hb-camion:before { content:"\e903"; }
.ico-hb-camionexped:before { content:"\e904"; }
.ico-hb-enveloppe:before { content:"\e905"; }
.ico-hb-etoilepro:before { content:"\e906"; }
.ico-hb-fiche:before { content:"\e907"; }
.ico-hb-formation:before { content:"\e908"; }
.ico-hb-france:before { content:"\e909"; }
.ico-hb-galerie:before { content:"\e90a"; }
.ico-hb-monde:before { content:"\e90b"; }
.ico-hb-negocier:before { content:"\e90c"; }
.ico-hb-nuancier:before { content:"\e90d"; }
.ico-hb-particulier:before { content:"\e90e"; }
.ico-hb-pouce:before { content:"\e90f"; }
.ico-hb-poucefidelite:before { content:"\e910"; }
.ico-hb-tel:before { content:"\e911"; }
.ico-hb-video:before { content:"\e912"; }

@media (min-width: 1200px) { .container { max-width: 1170px; } }

#topbar {
	height:32px;
	line-height:32px;
	background-color:#45484e;
}
	#topbar ul { margin:0; }
	#topbar li {
		float:left;
		padding-right:38px;
	}
		@media (max-width:768px) {
			#topbar li { padding-right:22px; }
			#countries { top:-1px; }
		}

		#topbar span, #topbar i {
			display:inline-block;
			float:left;
		}
			#topbar span {
				font-size:12px;
				font-weight:600;
				color:#fff;
			}
				#topbar-infos a {
					display:inline-block;
					text-decoration:underline;
					color:#fff;
				}

			#topbar i {
				margin-right:15px;
				padding-top:5px;
				color:#f07f00;
				font-size:22px;
			}
#header .nav {
	padding-top:20px;
	border:0;
	background:#fff url(../img/background-nav.jpg) repeat-x left bottom;
}
	#header_logo {
		padding:0 20px;
		height:auto;
		border:0;
	}

#header.scrolling {
	position:fixed;
	top:-50px; right:0; left:0;
}
	#header.scrolling #search_block_top { margin-top:12px; }
	#header.scrolling .user-infos { padding-top:12px; }
	#header.scrolling #blockcart_top { margin-top:2px; }
	#header.scrolling #header_logo img { max-width:70%; }
	#header.scrolling #block_top_menu { margin-top:5px; }

#columns.container-fluid { padding:0 0 50px !important; }
#center_column.home {
	position:relative;
	float:left;
	width:100%;
	z-index:1;
}

.lk-rea {
	padding:30px 0 0;
	border-top:2px solid #efefef;
}
	.home .lk-rea {
		margin:30px 0;
		padding:0;
		border:0;
	}

	.lk-rea-items { padding-top:25px; }
	.lk-rea-items a {
		float:left;
		width:100%;
		text-align:center;
	}
		.lk-rea-items i { font-size:36px; }
		.lk-rea-items span {
			display:block;
			margin-top:10px;
			font-size:12px;
			font-weight:bold;
			text-transform:uppercase;
			text-align:center;
		}

        .lk-rea .widget-av { padding-top: 20px; }

		#netreviewsWidgetNum5675widget23av {
			position:relative !important;
			margin:-10px 0 0 20px;
		}
			@media (max-width:768px) { #netreviewsWidgetNum5675widget23av { margin:0 0 0 -20px; } }

#home-title-area {
	margin-top:-1px;
	background-color:#45484e;
}
	#home-title-area h1 {
		padding-bottom:0.5em;
		color:#fff;
		font-size:1.4em;
		font-weight:300;
		text-align:center;
		text-transform:uppercase;
	}

#votre-projet-17 {
	padding:30px 0;
	background-color:#f8f8f8;
}
	.projet-17-title {
		margin-top:0;
		margin-bottom:16px;
		font-weight:300;
		font-size:36px;
		text-align:center;
	}
		.projet-17-title:after {
			content:'';
			display:block;
			margin:13px auto 0;
			width:80px;
			height:2px;
			background-color:#f07d00;
		}

	#votre-projet-17 p {
		font-size:16px;
		text-align:center;
		line-height:1.4;
	}

	#categories-grid .projet-cat {
		position:relative;
		float:left;
		margin:30px 0 0;
		width:100%;
	}
		#categories-grid .projet-cat img { width:100%; }
		#categories-grid .projet-cat span {
			position:absolute;
			right:0; bottom:0; left:0;
			height:44px;
			line-height:44px;
			font-size:18px;
			font-weight:600;
			text-align:center;
			text-transform:uppercase;
			background-color:#f8f8f8;
			white-space:nowrap;
			background-color:rgba(248, 248, 248, 0.9);
			-webkit-transition:all 0.2s linear;
			-o-transition:all 0.2s linear;
			transition:all 0.2s linear;
			z-index:1;
		}
			@media (max-width:320px) { #categories-grid .projet-cat span { font-size:12px; height:36px; line-height:36px; } }
			#categories-grid .projet-cat:hover span {
				top:0;
				height:auto;
				line-height:3;
			}

			#categories-grid .projet-cat ul {
				display:none;
				position:absolute;
				top:60px; right:15px; bottom:0; left:15px;
				z-index:3;
			}
                /*@media (max-width:380px) { #categories-grid .projet-cat ul { top: 0; right: 15px; bottom: -10px; left: 15px; background: #fff; padding:10px 0; } }*/
                #categories-grid .projet-cat:hover ul { display:block; }
				#categories-grid .projet-cat li {
					margin-bottom:5px;
					font-size:14px;
					font-weight:600;
				}
                    /*@media (max-width:380px) { #categories-grid .projet-cat li { font-size:11px; line-height:11px; } }
					@media (min-width:379px) {*/
                        #categories-grid .projet-cat li:before {
    						content:'+';
    						display:inline-block;
    						margin:-1px 2px 0 0;
    						color:#f07d00;
    						font-size:16px;
    						font-weight:bold;
    					}
                    /*}*/

					#categories-grid .projet-cat li a:hover { color:#f07d00; }
					#categories-grid .projet-cat li:hover:before { color:#575656; }

	#votre-projet-17-sidebar { margin-top:30px; }
	#votre-projet-17-sidebar .side-box {
		position:relative;
		float:left;
		width:100%;
		margin-bottom:25px;
		padding:20px 15px;
		text-align:center;
		border:2px solid #f07d00;
	}
		#votre-projet-17-sidebar .side-box .projet-17-title {
			padding:0 20px;
			color:#45484e;
			font-size:28px;
			font-weight:600;
		}

		#votre-projet-17-sidebar .side-box p {
			margin:0;
			font-style:italic;
			font-size:19px;
		}
			#votre-projet-17-sidebar .side-box:first-child p { margin:0 -10px; }

		#votre-projet-17 #votre-projet-17-sidebar .btn {
			margin-top:35px;
			margin-bottom:0;
			width:100%;
		}

#votre-projet-17-kits, #votre-projet-17-fidelite { padding:30px 15px; }
#votre-projet-17-kits .tz-carousel { margin-top:0; }
#votre-projet-17-kits .owl-carousel .owl-wrapper-outer, #votre-projet-17-kits .owl-item li { padding:0; }
#votre-projet-17-kits .owl-item li .product-container { border:0; }
#votre-projet-17-kits .owl-item li .product-image-container {
	margin:0;
	padding:0;
}
#votre-projet-17-kits .product_list .product-name {
	font-size:18px;
	font-weight:bold;
	color:#575656;
}
#votre-projet-17-kits .product_list .owl-item li .product-container .price {
	margin-top:5px;
	font-size:28px;
	color:#ea580d;
	font-weight:400;
}

#votre-projet-17-kits .owl-controls {
	position:absolute;
	width:100%;
}
	@media (min-width:992px) { #votre-projet-17-kits .owl-controls { width:90%; left:2.5%; } }
	@media (max-width:768px) { #votre-projet-17-kits .owl-controls { display:none !important; } }
	#votre-projet-17-kits .owl-buttons { top:0; right:0; left:0; }
	#votre-projet-17-kits .owl-buttons .owl-prev, #votre-projet-17-kits .owl-buttons .owl-next {
		position:absolute;
		bottom:180px;
	}
		#votre-projet-17-kits .owl-buttons .owl-prev { left:-60px; }
		/*#votre-projet-17-kits .owl-buttons .owl-next { right:-75px; }*/
		#votre-projet-17-kits .owl-buttons .owl-next { right:-130px; }
		#votre-projet-17-kits .owl-buttons .owl-next:before, #votre-projet-17-kits .owl-buttons .owl-prev:before {
			color:#7a7b7b;
			font-size:40px;
		}
			#votre-projet-17-kits .owl-buttons div:hover { background:none; }

#votre-projet-17-about {
	height:450px;
	background:#45484e url(../img/background-about.jpg) no-repeat center top;
}
	@media (max-width:425px) {
		#votre-projet-17-about { height:auto; background-image:none; }
	}

	#votre-projet-17-about .projet-17-title { font-size:28px; }
	#votre-projet-17-about .row > div {
		padding:70px 55px 0;
		color:#fff;
		background-color:#45484e;
	}
		@media (max-width:768px) { #votre-projet-17-about .row > div { padding-top:15px; } }

	#votre-projet-17-about p {
		font-size:20px;
		text-align:center;
		line-height:1.4;
	}
		#votre-projet-17-about p em { font-style:italic; }

#votre-projet-17 .btn, #votre-projet-17-about .btn {
	margin:20px auto;
	padding:15px 20px;
	color:#fff;
	font-size:14px;
	font-weight:600;
	border-radius:0;
	text-transform:uppercase;
	background-color:#f07f00;
    white-space: normal;
}
	#votre-projet-17-about .btn {
		display:block;
		width:220px;
	}

#votre-projet-17-fidelite .fidelite-element {
	position:relative;
	float:left;
	padding:40px 0 40px 130px;
	width:50%;
	border-top:2px solid #efefef;
	border-bottom:2px solid #efefef;
}
	#votre-projet-17-fidelite .fidelite-element:first-child { padding-left:70px; }

	@media (min-width:992px) {
		#votre-projet-17-fidelite .fidelite-element { padding-left:70px; }
		#votre-projet-17-fidelite .fidelite-element:first-child { padding-left:30px; }
	}
	@media (max-width:768px) {
		#votre-projet-17-fidelite .fidelite-element {
			width:100%;
			padding-left:30px !important;
			border-top:0;
		}
	}
	@media (max-width:320px) {
		#votre-projet-17-fidelite .fidelite-element { padding:15px !important; }
		#votre-projet-17-fidelite .fidelite-element i { display:none; }
	}

	#votre-projet-17-fidelite .fidelite-element:first-child:after {
		content:'';
		position:absolute;
		top:15px; right:0; bottom:15px;
		display:block;
		width:2px;
		background-color:#efefef;
	}
		@media (max-width:768px) {
			#votre-projet-17-fidelite .fidelite-element:first-child:after { display:none; }
		}

	#votre-projet-17-fidelite .fidelite-element i {
		float:left;
		margin-top:8px;
		margin-right:15px;
		font-size:60px;
		color:#58575a;
	}

	#votre-projet-17-fidelite .projet-17-title, #votre-projet-17-blocs .projet-17-title {
		font-size:28px;
		font-weight:400;
	}
		@media (max-width:425px) {
			#votre-projet-17-fidelite .projet-17-title, #votre-projet-17-blocs .projet-17-title { font-size:24px; }
		}

		#votre-projet-17-fidelite .projet-17-title {
			float:left;
			margin-bottom:4px;
			text-align:left;
		}

		#votre-projet-17-fidelite .projet-17-title:after { display:none; }
		#votre-projet-17-fidelite ul {
			float:left;
			min-width:70%;
			list-style:none;
		}
			@media (max-width:768px) {
				#votre-projet-17-fidelite ul {
					clear:both;
					margin-left:70px;
					margin-top:-20px;
				}
			}
				@media (max-width:320px) { #votre-projet-17-fidelite ul { margin:0; } }

			#votre-projet-17-fidelite li { margin-bottom:5px; }
			#votre-projet-17-fidelite li:before {
				content:'';
				display:block;
				float:left;
				margin:7px 5px 0 5px;
				width:4px;
				height:6px;
				background-color:#f07d00;
				border-top:1px solid #f9d1b8;
				border-bottom:1px solid #f9d1b8;
			}
				#votre-projet-17-fidelite li a {
					position:relative;
					font-weight:400;
					font-size:16px;
				}
					#votre-projet-17-fidelite li a:after {
						content:'';
						position:absolute;
						right:0; bottom:0; left:0;
						height:1px;
						background-color:#c1c1c1;
						z-index:1;
					}

#votre-projet-17-blocs .projet-17-title { color:#fff; }
#votre-projet-17-blocs .projet-17-title:after { background-color:#fff; }
#votre-projet-17-blocs .bloc1, #votre-projet-17-blocs .bloc2, #votre-projet-17-blocs .bloc3 {
	padding-top:25px;
	height:260px;
}
	#votre-projet-17-blocs .bloc1 { background-color:#005578; }
	#votre-projet-17-blocs .bloc2 { background-color:#45484e; }
	#votre-projet-17-blocs .bloc3 { background-color:#f07d00; }
	@media (max-width:768px) { #votre-projet-17-blocs .bloc3 { margin-top:30px; } }
	@media (max-width:425px) {
        #votre-projet-17-blocs .bloc2 { margin-top:30px; }
        #votre-projet-17-blocs .bloc3 { height:290px; }
    }

	#votre-projet-17-blocs p {
		padding:0 25px;
		line-height:1.4;
		color:#fff;
		font-size:16px;
		font-weight:400;
		text-align:center;
	}
		#votre-projet-17-blocs .bloc3 p span { font-weight:600; }

	#votre-projet-17-blocs a.lnk {
		display:block;
		position:absolute;
		right:0; bottom:25px; left:0;
		text-align:center;
		color:#fff;
		font-size:14px;
		font-weight:600;
		text-transform:uppercase;
	}
		#votre-projet-17-blocs a.lnk:after {
			content:'+';
			display:inline-block;
			margin-left:7px;
			width:17px;
			height:16px;
			font-size:18px;
			line-height:12px;
			color:#005578;
			background-color:#fff;
			border-radius:100%;
		}
			#votre-projet-17-blocs .bloc2 a.lnk:after {
				color:#fff;
				background-color:#f07d00;
			}

	#votre-projet-17-blocs .bloc3 form {
		margin: 20px 60px;
	}
        #votre-projet-17-blocs .bloc3 .form-group > label {
            float: left;
            margin: -15px -20px 7px;
            color: #fff;
            font-size: 12px;
            font-weight: 400;
        }
            #votre-projet-17-blocs .bloc3 .form-group > label .checker { float: left; }

		#newsletter-input, #votre-projet-17-blocs button {
			float:left;
			height:40px;
			line-height:40px;
		}
			#newsletter-input {
				width:198px;
				background-color:#fff;
				border-top-left-radius:10px;
				border-bottom-left-radius:10px;
			}
				@media (max-width:1024px) { #newsletter-input { width:133px; } }
				@media (max-width:320px) { #newsletter-input { width:128px; } }

			#votre-projet-17-blocs button {
				position:relative;
				padding:0;
				width:40px;
				font-size:0;
				background:#45484e;
				border-top-right-radius:10px;
				border-bottom-right-radius:10px;
				border:0;
			}
    			#votre-projet-17-blocs button span {
					position:absolute;
					top:16px; left:13px;
					width:10px;
					height:10px;
					border-top:2px solid #fff;
					border-right:2px solid #fff;
					-webkit-transform:rotate(45deg);
					-ms-transform:rotate(45deg);
					-o-transform:rotate(45deg);
					transform:rotate(45deg);
				}


#footer {
	position:relative;
	float:left;
	margin-top:30px;
	width:100%;
	background-color:#f8f8f8;
	z-index:1;
}
	#footer-first-line {
		border-top:1px solid #e9e9e9;
		border-bottom:1px solid #e9e9e9;
		background-color:#fff;
	}
		#social_block { padding-bottom:0; }
		@media (max-width:425px) { .footer-container #social_block p { display:none; } }
		.footer-container .footer-block { margin:30px 0; }
		.footer-container .footer-block.contact { text-align:left; }
		.footer-container .footer-block.contact img { margin-bottom:15px; }
		.footer-container .footer-block.contact > ul { margin-top:10px; }
		.footer-container .footer-block.contact > ul li i {
			float:left;
			width:15%;
			font-size:18px;
		}
		.footer-container .footer-block.contact > ul li p {
			float:left;
			width:85%;
		}

		#footer .right-blocks { padding-left:100px; }
		@media (max-width:425px) { #footer .right-blocks { float: left; padding:0 30px 0; } }
		@media (max-width:767px) { #footer .footer-block-title { cursor: pointer; } }



@media (max-width:320px) {
	#header_logo, #search_block_top { width:100%; margin-bottom:15px; }
}

.produit-formation-bulles { margin:1em 0; }
#produit-formation-prixtotal { font-size:0.5em; }
#category .ajax_block_product { height:410px; }
/*#category.category-90 .ajax_block_product { height:550px; }*/
#owl-slider-formations { margin: 30px 15px; }
#owl-slider-formations .owl-wrapper-outer { margin: 0 -15px; padding: 0; }
#owl-slider-formations .owl-item div { padding: 0 15px; }
#owl-slider-formations .owl-buttons { top: 50px; right: 0; left: 0; }
#owl-slider-formations .owl-buttons .owl-prev { float: left; margin-left: -25px; }
#owl-slider-formations .owl-buttons .owl-next { float: right; margin-right: 0 !important; }
#owl-slider-formations .owl-buttons div, #owl-slider-formations .owl-buttons div:hover { background-color: #f07f00; }

#offres-accueil-17 {
    padding-top:28px;
    padding-bottom:32px;
    border-top:1px solid #ddd;
}
    #offres-accueil-17 .offres-accueil-item a {
        position: relative;
        float: left;
        margin-top: 15px;
        width: 100%;
        min-height: 197px;
        border-bottom: 2px solid #f07f00;
    }
        #offres-accueil-17 .offres-accueil-item img { width:100%; }
        #offres-accueil-17 .offres-accueil-item .title {
            display: block;
            padding: 15px;
            width: 160px;
            font-size: 20px;
            color: #45484e;
            font-weight: bold;
            text-transform: uppercase;
            transition: color 0.2s linear;
        }
            #offres-accueil-17 .offres-accueil-item:nth-child(3) .title { margin-top:-6px; }
            #offres-accueil-17 .offres-accueil-item a:hover .title { color:#f07f00; }

        #offres-accueil-17 .offres-accueil-item .from_price {
            position: absolute;
            right:5px; bottom: 10px;
            display:block;
            padding-top:22px;
            width: 110px;
            height: 110px;
            line-height:1.1;
            font-size: 12px;
            color: #fff;
            text-align: center;
            background-color: #182a34;
            text-transform: uppercase;
            border-radius: 100%;
            transform: rotate(3deg);
        }
            #offres-accueil-17 .offres-accueil-item .from_price .tax {
                display:block;
                font-weight:bold;
            }

            #offres-accueil-17 .offres-accueil-item .from_price .price {
                display: block;
                color:#ea580d;
                font-size:28px;
                font-weight:bold;
            }
                #offres-accueil-17 .offres-accueil-item .from_price sup {
                    top: -0.3em;
                    font-size: 60%;
                }


/* modifs adrien 04/10 */
/*home*/
@media (min-width: 426px) and (max-width: 767px) {
    #votre-projet-17-fidelite .projet-17-title, #votre-projet-17-blocs .projet-17-title { font-size: 24px; }
}
@media (max-width: 425px) {
    #votre-projet-17-fidelite .projet-17-title, #votre-projet-17-blocs .projet-17-title {
        font-size: 17px;
        font-weight: bold;
    }
}

/* cat */
ul.product_list.grid > li .product-container .button-container { display: none; }
ul.product_list.grid > li .product-container .functional-buttons { display: none; }

/*produit*/
@media (max-width: 991px) {
    #category .ajax_block_product {
        height: auto;
    }
}
@media (max-width: 767px) {
    #idTab5 .row .col-sm-6:first-child, #idTab5 .row .col-sm-6 { padding: 0px; }
    #idTab4 .row > div { width: 100%; }
}
#idTab5 table { width: 100%; }
#idTab7 div div p img { max-width: 100%; }
/* formations */
@media (max-width: 991px) {
    .formation-date { display: none; }
    .formation-book p { font-size: 16px; }
}

#idTabavisverifies #under-headerAV { height: inherit !important; }


/* produit color chooser 2018 */
.attribute_list .btn  {
    margin-bottom: 10px;
    width: 150px;
    text-transform: uppercase;
    white-space: inherit;
    transition: all 0.2s;
}
    .attribute_list .btn:hover {
        color: #fff;
        background-color: #000;
    }

.lk18-color-name-preview {
    position: relative;
    float: right;
    width: 70px;
    text-align: center;
    cursor: pointer;
}
    .lk18-color-name-preview .name {
        display: none;
    }

    .lk18-color-name-preview .preview {
        display: inline-block;
        margin-top: 8px;
        width: 40px;
        height: 40px;
        border-radius: 3px;
        border: 1px solid #000;
    }
        .lk18-color-name-preview .preview img { width: 100%; }

#popin-color-chooser.open {
    display: block;
    z-index: 999999;
}
    #popin-color-chooser-content {
        position: absolute;
        top: 50%; left: 50%;
        padding: 0 25px 25px;
        width: 100%;
        height: 100%;
        opacity: 1;
        background: #fff;
        transform: translate(-50%, -50%);
        overflow: auto;
    }
        #popin-color-chooser-content .buttons {
            text-align: center;
            background: #fff;
        }

        #popin-color-chooser-preview {
            margin-top: 23px;
            text-align: center;
        }
            #popin-color-chooser-preview .preview {
                display: inline-block;
                width: 100%;
            }
                #popin-color-chooser-preview .preview img { width: 100%; }

            #popin-color-chooser-preview .name {
                display: inline-block;
                margin-top: 25px;
                font-size: 24px;
                font-weight: 600;
                text-transform: uppercase;
            }

        #popin-color-chooser-list {
            max-height: 70vh;
            overflow: auto;
        }
            #popin-color-chooser-content li {
                display: inline-block;
                float: left;
                margin: 1%;
                width: 12%;
                min-width: 75px;
                min-height: 150px;
                /*height: 12%;*/
                text-align: center;
                cursor: pointer;
            }
                #popin-color-chooser-content li img {
                    width: 100%;
                    height: auto;
                    border-radius: 10px;
                }

                #popin-color-chooser-content li .preview {
                    display: inline-block;
                    padding: 3px;
                    border: 2px solid transparent;
                    border-radius: 10px;
                }
                    #popin-color-chooser-content li.selected .preview { border-color: #ea5a0b; }

                #popin-color-chooser-content li .name {
                    display: inline-block;
                    color: #575656;
                    font-weight: 600;
                    font-size: 16px;
                }

        #popin-color-chooser-content .btn {
            margin: 40px 30px 20px;
            min-width: 200px;
            font-size: 14px;
            font-weight: 600;
            text-transform: uppercase;
            border-radius: 10px;
            transition: all 0.2s;
        }
            #popin-color-chooser-cancel {
                color: #575656;
                background-color: #efefef;
            }

            #popin-color-chooser-content .btn:hover {
                color: #fff;
                background-color: #000;
            }

@media (min-width: 769px) {

    #popin-color-chooser-content {
        width: 75%;
        height: 80vh;
        border-radius: 15px;
        overflow: hidden;
    }

    #popin-color-chooser-content .buttons {
        text-align: center;
        background: #fff;
    }
}