/*** HELPERS & GENERAL ***/

* {font-family: 'Poppins', sans-serif;}

body {overflow-x: hidden;}

body.b-block {overflow: hidden !important;}

:root {
	--blue-lt: #53b6f4;
	--blue: #3b9bda;
	--blue-dk: #2e7fb2;
	--green-lt: #d4ed1a;
	--green: #b0c802;
	--green-dk: #8ea001;
	--pink-lt: #ed9fc7;
	--pink: #ce2d7e;
	--pink-dk: #b2276c;
	--white-blue: #cde7f7;
	--white-green: #ecf2bc;
	--white-pink: #efe6eb;
	--white: #ffffff;
	--white-dk: #fafafa;
	--grey-blue: #7f95a3;
	--grey-green: #a2a58b;
	--grey-lt: #a4a3a3;
	--grey: #676767;
	--black: #2e2c2d;

	--white-a: rgba(255,255,255,.1);
	--white-a-lt: rgba(255,255,255,.05);
	--black-a: rgba(0,0,0,.1);
	--black-a-lt: rgba(0,0,0,.05);

	--un-xs: 5px;
	--un-xs-n: -5px;
	--un-sm: 10px;
	--un-sm-n: -10px;
	--un: 20px;
	--un-n: -20px;
	--un-lg: 40px;
	--un-lg-n: -40px;
	--un-xl: 80px;
	--un-xl-n: -80px;
	--un-xxl: 120px;
	--un-xxl-n: -120px;

	--shadow: 0 5px 20px rgba(0,0,0,.05);
	--shadow-lg: 0 5px 20px rgba(0,0,0,.1);
	--shadow-blue: 0 5px 20px rgba(59,155,218,.3);
	--shadow-blue-lg: 0 5px 20px rgba(59,155,218,.6);
	--shadow-green: 0 5px 20px rgba(176,200,2,.3);
	--shadow-green-lg: 0 5px 20px rgba(176,200,2,.6);
	--shadow-pink: 0 5px 20px rgba(206,45,126,.3);
	--shadow-pink-lg: 0 5px 20px rgba(206,45,126,.6);
}

main, .container {position: relative;}

img, iframe, video {vertical-align: middle; width: 100%;}

.margin-un {margin: var(--un) 0 !important;}
.margin-t-un {margin-top: var(--un) !important;}
.margin-b-un {margin-bottom: var(--un) !important;}
.margin-t-un-sm {margin-top: var(--un-sm) !important;}
.margin-t-un-lg {margin-top: var(--un-lg) !important;}
.margin-t-un-xl {margin-top: var(--un-xl) !important;}
.margin-b-un-sm {margin-bottom: var(--un-sm) !important;}
.margin-b-un-lg {margin-bottom: var(--un-lg) !important;}
.margin-b-un-xl {margin-bottom: var(--un-xl) !important;}

.no-margin {margin: 0 !important;}
.no-margin-t {margin-top: 0 !important;}
.no-margin-b {margin-bottom: 0 !important;}

hr {border: 0; height: 2px; width: 100%; background: var(--black-a-lt); margin: var(--un-lg) 0;}

@media (max-width: 1300px) {
	.container {width: 85%;}
}

/*** COLOR & TYPOGRAPHY ***/

.blue {background: var(--blue) !important;}
.green {background: var(--green) !important;}
.pink {background: var(--pink) !important;}

.blue-text {color: var(--blue) !important;}
.green-text {color: var(--green) !important;}
.pink-text {color: var(--pink) !important;}

.justify {text-align: justify;}
.bold {font-weight: 600; color: inherit;}
b, span, em {color: inherit;}

blockquote {
	padding-left: var(--un);
	border-left: 6px solid var(--red);
	border-radius: 6px 0 0 6px;
	text-align: justify;
}

a {
	color: var(--red);
	font-weight: 600;
}

h1 {font-size: 2.5rem;}
h2 {font-size: 2rem;}
h3 {font-size: 1.8rem;}
h4 {font-size: 1.5rem;}
h5 {font-size: 1.2rem;}

h1, h2, h3, h4, h5, p, blockquote, ul {margin: var(--un) 0 !important;}
h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, p:first-child, blockquote:first-child, ul:first-child {margin-top: 0 !important;}
h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, p:last-child, blockquote:last-child, ul:last-child {margin-bottom: 0 !important;}

blockquote {border-left: 5px solid var(--green); border-radius: 0; font-size: 1.05rem;}

ul.list li {
	list-style-type: disc;
	margin-left: var(--un);
}
ul.list li a:hover {text-decoration: underline;}
ul li.empty {background: var(--white-lt); padding: var(--un-xxl) !important; text-align: center; font-style: italic; color: var(--grey-dk); border-radius: var(--un-sm); height: initial;}

@media (max-width: 992px) {
	h1 {font-size: 2.4rem;}
	h2 {font-size: 1.9rem;}
	h3 {font-size: 1.7rem;}
	h4 {font-size: 1.4rem;}
	h5 {font-size: 1.1rem;}
}

@media (max-width: 600px) {
	h1 {font-size: 2.3rem;}
	h2 {font-size: 1.8rem;}
	h3 {font-size: 1.6rem;}
	h4 {font-size: 1.3rem;}
	h5 {font-size: 1rem;}
	p {font-size: .9rem;}
}

/*** COMPONENTS ***/

section {
	padding: var(--un-xl) 0;
	position: relative;
	background: var(--white);
}

section#home-services, section#home-contact {background: var(--white-blue);}

section#home-works {background: var(--white-green);}

section#home-services, section#home-works, section#home-contact {border-radius: var(--un-xl) 0 0 var(--un-xl);}

section#home-services::before, section#home-services::after, section#home-works::before, section#home-contact::before {
	content: '';
	position: absolute;
	background-color: transparent;
	width: 60px;
	right: 0;
	height: var(--un-xxl);
}

section#home-services::before, section#home-contact::before {
	border-bottom-right-radius: 60px;
	box-shadow: 0 60px 0 0 var(--white-blue);
	top: -120px;
}

section#home-works::before {
	border-bottom-right-radius: 60px;
	box-shadow: 0 60px 0 0 var(--white-green);
	top: -120px;	
}

section#home-services::after {
	border-top-right-radius: 60px;
	box-shadow: 0 -60px 0 0 var(--white-blue);
	bottom: -120px;
}

section#home-contact:last-child {border-radius: var(--un-xl) 0 0 0;}

.section-panneau {
	position: absolute;
	width: 200px;
	bottom: -95px;
	z-index: 0;
	left: -150px;
}

.section-panneau.sp-right {
	left: initial;
	right: -150px;
}

/*#home-contact .section-panneau {*/
	/*bottom: -20px;*/
/*}*/

.section-title {
	margin-bottom: var(--un-lg);
	text-align: center;
}

.section-title h3 {
	font-weight: 600;
	color: var(--grey);
	position: relative;
}

.section-title h3::after {
	content: '';
	display: block;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	background: var(--blue);
	height: var(--un-xs);
	width: var(--un-lg);
	border-radius: var(--un-lg);
	bottom: var(--un-n);
}

.section-title.st-green h3::after {background: var(--green);}

.section-title h4 {
	color: var(--grey);
	opacity: .8;
	margin-top: calc(var(--un) + var(--un-sm)) !important
}

.btn {
	background: var(--blue);
	border-radius: var(--un-sm);
	box-shadow: var(--shadow-blue);
	font-weight: 600;
	text-transform: none;
	padding: var(--un-xs) var(--un);
	height: auto;
	display: inline-flex;
	align-items: center;
	transition: .3s;
}

.btn.green {
	background: var(--green);
	box-shadow: var(--shadow-green);
}

.btn.pink {
	background: var(--pink);
	box-shadow: var(--shadow-pink);
}

.btn:hover, .btn:active, .btn:focus {
	background: var(--blue-dk);
	color: var(--white);
	box-shadow: var(--shadow-blue-lg);
}

.btn.green:hover, .btn.green:active, .btn.green:focus {
	background: var(--green-dk) !important;
	color: var(--white);
	box-shadow: var(--shadow-green-lg);
}

.btn.pink:hover, .btn.pink:active, .btn.pink:focus {
	background: var(--pink-dk) !important;
	color: var(--white);
	box-shadow: var(--shadow-pink-lg);
}

.btn.btn-outline {
	background: transparent;
	box-shadow: 0 0 0 2px var(--blue) inset, var(--shadow-blue);
	color: var(--blue);
}

.btn.btn-outline:hover, .btn.btn-outline:active, .btn.btn-outline:focus {
	background: var(--blue-dk) !important;
	color: var(--white);
	border-color: var(--blue-dk);
	box-shadow: 0 0 0 2px var(--blue) inset, var(--shadow-blue-lg);
}

.btn .mdi {margin-right: var(--un-xs);}

.card {
	background: transparent;
	border-radius: var(--un);
	box-shadow: var(--shadow);
	border: 2px solid var(--black-a-lt);
	overflow: hidden;
	margin: 0;
	transition: .3s;
}

.card:hover {
	box-shadow: var(--shadow-blue-lg);
	background: var(--blue);
	color: var(--white) !important;
}

.card.green-hover:hover {
	box-shadow: var(--shadow-green-lg);
	background: var(--green);
}

.card.pink-hover:hover {
	box-shadow: var(--shadow-pink-lg);
	background: var(--pink);
}

.card .card-content {
	padding: var(--un);
	text-align: center;
}

@media (max-width: 992px) {
	.section-panneau {display: none;}
}

/*** GRID SYSTEM ***/

.grid {
	display: flex;
	flex-wrap: wrap;
	margin: var(--un-sm-n);
	justify-content: center;
	transition: .3s;
}

.grid.centered {align-items: center;}

.grid.g-left {justify-content: flex-start;}

.grid-item {
	margin: var(--un-sm);
	transition: .3s;
}

.grid-item.empty {
	width: calc(100% - var(--un)) !important;
	background: var(--white-lt);
	padding: var(--un-xxl);
	text-align: center;
	font-style: italic;
	color: var(--grey-dk);
	border-radius: var(--un-sm);
}

.grid.g-2 > .grid-item {width: calc(50% - var(--un));}

.grid.g-2.g-img > .grid-item.gi-img {width: calc(33.33% - var(--un));}

.grid.g-2.g-img > .grid-item.gi-img:first-child {padding-right: var(--un-lg);}

.grid.g-2.g-img > .grid-item.gi-img:last-child {padding-left: var(--un-lg);}

.grid.g-2.g-img > .grid-item:not(.gi-img) {width: calc(66.66% - var(--un));}

.grid.g-3 > .grid-item {width: calc(33.33% - var(--un));}

.grid.g-4 > .grid-item {width: calc(25% - var(--un));}

.grid.g-5 > .grid-item {width: calc(20% - var(--un));}

.grid.g-6 > .grid-item {width: calc(16.66% - var(--un));}

.grid .grid-item.gi-33 {width: calc(33.33% - var(--un));}

.grid .grid-item.gi-66 {width: calc(66.66% - var(--un));}

.grid.grid-list {
	flex-direction: column;
	margin: 0;
}

.grid.grid-list > .grid-item {
	width: 100% !important;
	margin: 0;
}

@media (max-width: 1200px) {
	.grid.g-4 > .grid-item {width: calc(50% - var(--un));}
}

@media (max-width: 992px) {
	.grid.g-2 > .grid-item {width: calc(100% - var(--un));}
	.grid.g-3 > .grid-item {width: calc(50% - var(--un));}
	.grid.g-5 > .grid-item {width: calc(33.33% - var(--un));}
}

@media (max-width: 600px) {
	.grid.g-2 > .grid-item {width: calc(100% - var(--un));}
	.grid.g-2.g-img > .grid-item.gi-img {width: calc(100% - var(--un));}
	.grid.g-2.g-img > .grid-item:not(.gi-img) {width: calc(100% - var(--un));}
	.grid.g-2.g-img > .grid-item.gi-img {padding-left: 0 !important; padding-right: 0 !important; padding-bottom: var(--un);}
	.grid.g-3:not(.g-left) > .grid-item {width: calc(100% - var(--un));}
	.grid.g-4 > .grid-item {width: calc(100% - var(--un));}
	.grid.g-5 > .grid-item {width: calc(50% - var(--un));}	
}

@media (max-width: 350px) {
	.grid.g-3.g-left .grid-item {width: calc(100% - var(--un));}
}

/*** HEADER ***/

#navbar-sticky-wrapper {z-index: 999;}

#navbar {transition: background .3s, box-shadow .3s;}

.is-sticky #navbar {
	background: var(--white);
	box-shadow: var(--shadow-lg);
}

#navbar-top {
	background: var(--green);
	border-radius: 0 0 var(--un) var(--un);
}

#navbar-top a:hover {text-decoration: underline;}

#nt-content {
	display: flex;
	justify-content: space-between;
	align-items: center;
	color: var(--white);
	padding: var(--un-sm) 0;
}

#nb-content {
	height: 100px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

#nb-content #nb-logo {width: 100px;}

#nb-content ul {
	display: flex;
	align-items: center;
	margin: 0 !important;
}

#nb-content ul li:not(:last-child) {
	margin-right: var(--un);
	border-right: 2px solid var(--black-a-lt);
	padding-right: var(--un);
}

#nb-content ul li a {position: relative;}

#nb-content ul li a:not(.btn).active {color: var(--blue);}

#nb-content ul li a:not(.btn)::after {
	content: '';
	position: absolute;
	display: block;
	width: 100%;
	height: var(--un-xs);
	background: var(--green);
	border-radius: var(--un);
	opacity: 0;
	transform: translateY(-20px);
	transition: .3s;
}

#nb-content ul li a:not(.btn).active::after {
	opacity: 1;
	transform: translateY(0);
}

#nb-content ul li a:not(.btn, .active):hover::after {
	opacity: 1;
	background: var(--blue);
	transform: translateY(0);
}

#btn-menu {
	display: none;
	z-index: 100;
	transition: .3s;
}

.sticky-wrapper:not(.is-sticky) #btn-menu.active {margin-top: -100px;}

#btn-menu span {
	display: block;
	height: 5px;
	width: 30px;
	border-radius: var(--un);
	background: var(--blue);
	position: relative;
	transition: .3s;
}

#btn-menu span::before, #btn-menu span::after {
	content: '';
	display: block;
	position: absolute;
	height: 5px;
	width: 30px;
	border-radius: var(--un);
	background: var(--blue);
	transition: .3s;
}

#btn-menu span::before {top: -10px;}

#btn-menu span::after {bottom: -10px;}

#btn-menu.active span {background: transparent;}

#btn-menu.active span::before {transform: translateY(10px) rotate(45deg);}

#btn-menu.active span::after {transform: translateY(-10px) rotate(-45deg);}

@media (max-width: 1300px) {
	#nb-content ul li:not(:last-child) {margin-right: var(--un-sm); padding-right: var(--un-sm);}
}

@media (max-width: 992px) {
	#btn-menu {display: flex; height: 50px; width: 50px; justify-content: center; align-items: center;}
	#nb-content ul {top: 0; left: 0; z-index: 99; display: flex; flex-direction: column; justify-content: center; align-items: center; position: fixed; width: 100%; height: 100vh; background: var(--white); opacity: 1;
		pointer-events: none; transform: translateX(100%); border-radius: 100% 0 0 100%; overflow: hidden; transition: .6s;}
	#nb-content ul.active {opacity: 1; pointer-events: all; transform: translateX(0); border-radius: 0;}
	#nb-content ul li {width: calc(100% - var(--un-xl)); margin: 0 var(--un-lg); margin-left: 0;}
	#nb-content ul li:not(:last-child) {margin-right: 0; padding-right: 0; margin-bottom: var(--un); padding-bottom: var(--un); border-bottom: 2px solid var(--black-a-lt); border-right: 0; font-size: 1.1rem;}
	#nb-content ul li .btn {margin-left: var(--un);}
}

@media (max-width: 600px) {
	#nt-content {flex-direction: column;}
}

/*** HOME ***/

#btn-call {
	position: fixed;
	z-index: 1000;
	width: 60px;
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	top: 50%;
	transform: translateY(-50%);
	border-radius: 0 var(--un-sm) var(--un-sm) 0;
	box-shadow: var(--shadow);
	background: var(--white);
	padding: var(--un-sm);
	border: 2px solid var(--black-a-lt);
	transition: .3s;
}

#btn-call:hover {
	background: var(--blue);
	box-shadow: var(--shadow-blue-lg);
	width: 70px;
}

#btn-call i {
	font-size: 2.5rem;
	color: var(--blue);
	transition: .3s;
}

#btn-call:hover i {color: var(--white);}

/*#home-hero {overflow: hidden;}*/

#background {
	position: absolute;
	width: 100%;
	bottom: -80px;
	opacity: .3;
	overflow: hidden;
	animation: 2s animBackground;
}

@keyframes animBackground {
	0% {opacity: 0; bottom: -200px;}
	100% {opacity: .3; bottom: -80px;}
}

#hh-content {
	display: flex;
	align-items: center;
}

#hh-text {
	margin: var(--un-xl) 0;
	width: 50%;
	text-align: right;
	padding-right: var(--un);
	animation: 3s animText;
}

@keyframes animText {
	0% {transform: translateX(-50%); opacity: 0;}
	33% {transform: translateX(-50%); opacity: 0;}
	100% {transform: translateX(0%); opacity: 1;}
}

#hh-text h1 {font-weight: 600;}

#hh-img {
	width: 60%;
	padding-left: var(--un);
}

#hh-img {animation: 3s animCamion;}

@keyframes animCamion {
	0% {transform: translateX(50%); opacity: 0;}
	33% {transform: translateX(50%); opacity: 0;}
	100% {transform: translateX(0%); opacity: 1;}
}

#asterix {
	position: absolute;
	bottom: var(--un);
	font-weight: 800;
	color: var(--grey);
	left: 50%;
	transform: translateX(-50%);
}

#hs-items h3 {
	font-weight: 600;
	transition: .3s;
}

#hs-items .card:hover h3 {color: var(--white);}

#hs-items .card .service-img {
	width: 50%;
	padding: var(--un);
	border: 2px solid var(--black-a-lt);
	border-radius: var(--un-sm);
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	transition: .3s;
}

#hs-items .card:hover .service-img {background: var(--white);}

#hs-items .card .service-img::after {
	content: '';
	display: block;
	padding-bottom: 100%;
}

#hs-items .card .service-img img {position: absolute;}

#hs-items .card .service-img img:first-child {
	width: calc(100% - var(--un-lg));
	left: 50%;
	bottom: var(--un);
	transform: translateX(-50%);
	z-index: 2;
	transition: .3s;
}

#hs-items .card:hover .service-img img:first-child {
	width: 25%;
	bottom: var(--un-sm);
}

#hs-items .card .service-img img:last-child {
	width: 100%;
	left: 0;
	bottom: -100%;
	mix-blend-mode: multiply;
	z-index: 1;
	opacity: 0;
	transition: .3s;
}

#hs-items .card:hover .service-img img:last-child {
	bottom: 0;
	opacity: 1;
}

.service-list {
	border: 2px solid var(--black-a-lt);
	border-radius: var(--un-sm);
}

.service-list li {
	padding: var(--un-sm);
	font-size: 1.1rem;
}

.service-list li:not(:last-child) {border-bottom: 2px solid var(--black-a-lt);}

#hi-items h4 {
	color: var(--black);
	font-weight: 600;
	transition: .3s;
}

#hi-items .card:hover h4 {color: var(--white);}

#hi-items .card .card-content img {
	max-width: 50%;
	/*padding: var(--un);*/
	border: 2px solid var(--black-a-lt);
	border-radius: var(--un-sm);
	transition: .3s;
}

#hi-items .card:hover .card-content img {
	background: var(--white);
	box-shadow: var(--shadow-lg);
}

#home-infos .gi-33 img {
	border-radius: var(--un-lg);
}

#avatars {display: flex;}

#avatars img {
	border-radius: var(--un);
	box-shadow: var(--shadow-blue);
}

#works-carousel .wc-item {
	display: block;
	border-radius: var(--un);
	border: 2px solid var(--black-a-lt);
	overflow: hidden;
}

#works-carousel .wc-item img {transition: .3s;}

#works-carousel .wc-item:hover img {transform: scale(1.1);}

.rc-item {
	text-align: left;
	border: 2px solid var(--black-a-lt);
	padding: var(--un);
	border-radius: var(--un);
	max-width: 500px;
	margin: 0 auto;
}

.rc-item .rc-header {
	display: flex;
	align-items: center;
}

.rc-item .rc-header .rc-pic {
	background: var(--green);
	color: var(--white);
	width: calc(var(--un-lg) + var(--un-sm));
	height: calc(var(--un-lg) + var(--un-sm));
	border-radius: var(--un-lg);
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	font-size: 1.5rem;
	line-height: 1.5rem;
	margin-right: var(--un-sm);
	font-weight: 800;
}

.rc-item .rc-header h5 {margin-bottom: var(--un-xs) !important;}

.rc-item .rc-header .rc-stars {height: 15px;}

.rc-item .rc-header .rc-stars i {color: var(--green);}

.rc-item h3 {
	margin-bottom: var(--un-sm);
	color: var(--grey);
	font-weight: 800;
}

/*#home-contact {padding-bottom: var(--un-sm);}*/

#grid-contact .card .card-content {
	display: flex;
	align-items: center;
	text-align: left;
}

#grid-contact .card .card-content > img {
	max-width: 100px;
	margin-right: var(--un);
}

#grid-contact .card .card-content > div {width: 100%;}

#grid-contact .card .card-content a {
	color: var(--blue);
	transition: .3s;
}

#grid-contact .card:hover .card-content a {color: var(--white);}

#grid-contact .card .card-content a:hover {text-decoration: underline;}

#home-contact .container > .card {
	margin-top: var(--un);
	border-radius: var(--un) var(--un) 0 0 !important;
	border-bottom: 0;
}

@media (max-width: 992px) {
	#background {width: 100%; left: 50%; transform: translateX(-50%);}
	#background img {width: 200%;}
	#avatars .grid-item {width: calc(50% - var(--un)) !important;}
}

@media (max-width: 700px) {
	#hh-content {flex-direction: column-reverse;}
	#hh-content #hh-img {padding: 0;}
	#hh-content #hh-text {padding: 0; width: 100%; text-align: center;}
}

@media (max-width: 600px) {
	/*#home-works .container {margin: 0 !important; width: 100% !important;}*/
	#hi-2 + .grid.g-3 > .grid-item:first-child {width: 60% !important;}
	#grid-contact .card .card-content > img {width: 60px;}
}

/*** FOOTER ***/

footer {
	background: var(--black);
	padding: var(--un-lg) 0;
	border-radius: var(--un) var(--un) 0 0;
	margin-top: var(--un-sm-n);
	z-index: 9;
	position: relative;
}

footer a:hover {text-decoration: underline;}

#ft-content {
	color: var(--white);
	display: flex;
	justify-content: space-between;
}

@media (max-width: 600px) {
	#ft-content {flex-direction: column; align-items: center;}
}

/*** JS ***/

.owl-dots {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	margin-top: var(--un) !important;
	margin: var(--un-xs-n);
}

.owl-dots .owl-dot {
	width: var(--un);
	height: var(--un);
	background: var(--black-a) !important;
	margin: var(--un-xs);
	border-radius: var(--un);
	transition: .3s;
}

.owl-dots .owl-dot:hover:not(.active) {background: var(--blue) !important;}

.owl-dots .owl-dot.active {background: var(--green) !important;}

.modal {
	background: var(--white);
	border-radius: var(--un);
	box-shadow: var(--shadow-lg);
}

.modal .modal-title {
	padding: var(--un);
	border-bottom: 2px solid var(--black-a-lt);
}

.modal .modal-title h4 {margin: 0 !important;}

.modal .modal-title h5 {
	margin: 0 !important;
	color: var(--green);
}

.modal .modal-title .modal-close {
	position: absolute;
	right: var(--un);
	top: 8px;
	font-size: 2rem;
	color: var(--black);
	transition: .3s;
}

.modal .modal-title .modal-close:hover {color: var(--blue);}

.modal .modal-content {padding: var(--un);}

.modal .modal-content hr {margin: var(--un) 0;}

.material-tooltip {border-radius: var(--un-sm);}

#blueimp-gallery h3.title {
	margin: 0 !important;
	top: var(--un);
	left: var(--un);
	opacity: 1 !important;
}

#blueimp-gallery .btn {
	background: var(--blue);
	border: 0;
	opacity: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: var(--un-sm);
	height: 46px;
}

#blueimp-gallery .btn:hover {
	background: var(--blue-dk);
}

#blueimp-gallery .btn i {
	font-size: 3rem;
	line-height: 3rem;
	text-shadow: none;
	margin: 0;
}