/* BASIC STYLESHEET for www.tischlerei-mueller.de */
/* author: ideenwerft GmbH */
/* copyright 2017 */


@import 'fonts.css';

/* =LAYOUT ======================== */

html {
	-webkit-text-size-adjust: none;
}
html, body {
	font-size: 14px;
	overflow-x: hidden;
}
body {
    font-family: 'Open Sans', sans-serif;
	line-height: 1.8em;
	color: #666;
	background: url(../Img/bg.png) repeat;
}
main {
	padding: 4vw 0 0;
}
main > *:not(:last-child) {
	margin-bottom: 12vw;
}
.container-fluid {
	padding: 0;
}

@media(min-width: 768px) {
	main {
		padding: 6vw 0 0;
	}
	main > *:not(:last-child) {
		margin-bottom: 6vw;
	}
	main > *:not(:last-child)::after {
		margin-top: 6vw;
	}
}
@media(min-width: 992px) {
	html {
		font-size: 16px;
	}
}
@media(min-width: 1200px) {
	main {
		padding: 4vw 0 4vw;
	}
	main > *:not(:last-child):not(:last-child) {
		margin-bottom: 4vw;
	}
}
body.pid1076 main {
    padding-bottom: 0;
}


/* =BASIC STYLES ======================== */
.small {font-size: 0.9em;}
.xsmall {font-size: 0.8em;}
.red, .error {color:#c00;}
.grey {color:#999;}
.clear {clear:both;}
.italic {font-style:italic;}
.hide {display:none;}
.align-center {text-align:center;}
.align-right {text-align:right;}
.align-justify {text-align:justify;}
.align-left {text-align:left;}
.note {font-size:0.9em;font-style:italic;color:#999;}

/* links */
:focus {outline: none;box-shadow: none;}

a:link, a:visited {
	display: inline-block;
	color: #a52D39;
	font-weight: 600;
	text-decoration: none;
	transition: all 0.6s ease-in-out;
	-webkit-transition: all 0.6s ease-in-out;
	-moz-transition: all 0.6s ease-in-out;
	-ms-transition: all 0.6s ease-in-out;
	-o-transition: all 0.6s ease-in-out;
}
.fab {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
a:link i.fa,
a:visited i.fa, 
a:link i.fab,
a:visited i.fab {
	color: #a52D39;
	font-size: .8em;
}
a:hover, a:focus {
	color: #84310c;
	outline: none;
	text-decoration: none;
}
a:hover i.fa,
a:focus i.fa, 
a:hover i.fab,
a:focus i.fab {
	color: #84310c;
}
a.btn:link,
a.btn:visited,
a.button,
.btn {
	margin-top: .9rem;
	padding: .5rem 1.5rem;
	color: #fff;
	background: #a52D39; /* Old browsers */
	background: -moz-linear-gradient(top, #a52D39 0%, #96353a 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #a52D39 0%,#96353a 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #a52D39 0%,#96353a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a52D39', endColorstr='#96353a',GradientType=0 ); /* IE6-9 */
	border: none;
	box-shadow: 0 3px 15px rgba(0,0,0,.3);
}

a.tel {
	color:#666666 !important;
}

:active, :focus {outline:none;}
a.internal-link::before {
	content: "\f101";
	display: inline-block;
	margin-right: 5px;
	font: normal normal normal 1em/1 FontAwesome;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
a.external-link-new-window::before {
	content: "\f08e";
	display: inline-block;
	margin-right: 5px;
	font: normal normal normal 1em/1 FontAwesome;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* TYPO3 : anker-tags für interne links nach oben setzen*/
a.anchor {position:absolute;margin-top:-35px;}

.fullwidth {
	margin: 0 calc(50% - 50vw);
}

.iframewrap {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */padding-top: 25px;
	height: 0;
}
.iframewrap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.iframewrap-mapbottom {
	margin-bottom: -11vw;
}

@media (min-width: 768px) {
	.iframewrap-mapbottom {
		margin-bottom: -5.5vw;
	}
}

@media (min-width: 992px) {
    .iframewrap {
		padding-bottom:40%;
	}
}
@media (min-width: 1200px) {
	.iframewrap-mapbottom {
		margin-bottom: -3.5vw;
	}
}


/* Überschriften */
h1, h2, h3, h4, h5 {
	position: relative;
	line-height: 1.2em;
	color: #a52D39;
}
/* kein Punkt setzen nach Überschrift
h1::after,
h2::after,
h3::after {
	content: ".";
} */
h1 {
	margin-bottom: 2rem;
	font-size: 2rem;
	text-transform: uppercase;
}
h2 {
	margin: 2rem 0 1rem;
	font-size: 1.8rem;
}
h3 {
	margin: 2rem 0 1rem;
	font-size: 1.6rem;
}
h4 {
	margin: 2rem 0 1rem;
	font-size: 1.4rem;
}
h5 {
	margin: 2rem 0 1rem;
	font-size: 1rem;
	font-weight: bold;
}

section > h2 {
	margin-bottom: 4rem;
}

@media(min-width: 992px) {
	h1 {
		margin-bottom: 2rem;
		font-size: 2.2rem;
	}
	h2 {
		margin: 2rem 0 1rem;
		font-size: 2rem;
	}
	h3 {
		margin: 2rem 0 1rem;
		font-size: 1.6rem;
	}
	h4 {
		margin: 2rem 0 1rem;
		font-size: 1.6rem;
	}
	h5 {
		margin: 2rem 0 1rem;
		font-size: 1.2rem;
		font-weight: bold;
	}
	.ce-bodytext h2,	
	div > h3:first-child,
	.tx-powermail h3 {
		margin-top:0;
	}
}




/* Text */
p {
	margin: 0px 0px 15px;
	font-size: 1.125rem;
	color: #666;
	font-weight: 300;
}
p:last-child {
	margin-bottom: 0;
}
b, strong {
	font-weight: bolder;
	color: #444;
}
figcaption {
	margin-top: 10px;
	font-size: .8rem;
	line-height: 1rem;
	opacity: .8;
}

#cookie-consent p {
color: #fff;
line-height: 1.4em;
font-weight: normal;
font-size: 15px;	
}

#cookie-consent {
  padding: 2em;
   max-width: 24em;
   -ms-flex-direction: column;
   flex-direction: column;
	bottom: 3em;
	 left: 2em;
}

#cookie-consent a.accept {
	white-space: nowrap;
	margin-top: 20px;
}

#cookie-consent a.information {
	white-space: unset;
}

@media(min-width: 992px) {
	p {
		font-size: 1rem;
	}
}

blockquote {padding:15px 40px;}
blockquote p {color:#0061a1;font-style:italic;}
blockquote cite {color:#888;font-size:12px;font-style:italic;}
table {font-size: 1em;border-collapse:collapse;border-spacing:0;}
table th, table td {vertical-align:top;}
/* achtung: tabellen brauchen weiterhin 'cellspacing="0"' im markup! */
main.content ul {padding-left: 40px;}
ul li {text-align: left;margin-bottom: 5px;}
table p {padding:0;margin:0;}
address, caption, cite, code, dfn, var {font-style:normal;font-weight:normal;}
caption, th {text-align:left;}
fieldset {border:none;}
input, textarea, select {border:0px solid #ccc;font-size:1em;padding:4px 10px;}
input.powermail_input, input.powermail_submit, textarea {-webkit-appearance: none;}
img {max-width: 100%;height: auto;}


/* Powermail */

.tx-powermail .form-group {
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   margin-right: -15px;
   margin-left: -15px;
}
.tx-powermail h3,
.powermail_legend {
	display: none;
}
div.tx-powermail .checkbox label {color: #636363;font-size: 15px;font-weight: 400;}
div.tx-powermail .checkbox label input {margin-right: 10px;}
/*
@media (min-width: 576px){
.col-sm-10 {
    max-width: 400px;
}
}
*/
 

/* TYPO3 CEs */
hr {
	display: block;
	margin: 12vw calc(50% - 50vw) 0;
	border-top: 5px solid transparent;
	-webkit-border-image: url(../Img/border-wave.png) 13 4 round; /* Safari 3.1-5 */
    -o-border-image: url(../Img/border-wave.png) 13 4 round; /* Opera 11-12.1 */
    border-image: url(../Img/border-wave.png) 13 4 round;
}
@media(min-width: 1200px) {
	hr:last-of-type {
		margin-top: 4vw;
	}
}
.ce-above .ce-gallery,
.ce-below .ce-gallery {
	width: 100%;
}
.ce-gallery .ce-row {
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
	-webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
	overflow:visible;
}

.ce-gallery, .ce-row {
	overflow:visible;
	flex-wrap: wrap;
}
#c4949 .ce-gallery img {
	width: 110px;
}
#c4949 .ce-gallery .ce-column {
	display: flex;
    align-items: center;
}

.ce-textpic .ce-left .ce-intext .ce-nowrap{
	overflow: visible;
}

@media(max-width: 768px){
.ce-intext.ce-right .ce-gallery{
	max-width:50%;
	}
.ce-intext.ce-left .ce-gallery{
	max-width:50%;
	}
}
@media(max-width: 440px){
.ce-intext.ce-right .ce-gallery{
	max-width:100%;
	}
	.ce-right .ce-gallery{
		float: none;
	}
.ce-intext.ce-left .ce-gallery{
	max-width:100%;
	}
	.ce-left .ce-gallery{
		float: none;
	}
}

.ce-border img {
padding:4px;
border: 1px solid #e6e6e6;
box-shadow: 0px 3px 15px rgba(0,0,0,.1);
}

.ce-border figure a.fancy {
	border: none;
	box-shadow: none;
}


.ce-border img, .ce-border iframe {
	border: 1px solid #e6e6e6;
}



/* =NAVIGATION ======================== */
header .navbar .container {
	padding-top: 0;
	padding-bottom: 5px;
}
.navbar {
	background-color: rgba(255, 255, 255, 0.8);
}
.navbar-toggler {
	width: 100%;
	padding: 0;
	color: #777;
}
.navbar-nav {
	width: 100%;
	margin-top: 20px;
	padding-top: 20px;
	font-size: 1.25rem;
	border-top: 1px solid rgba(0,0,0,.1);
}

/* Icons */
.navbar i,
.nav-item .icomoon {
	margin-right: 10px;
	font-size: 1.4em;
}
.nav-item .icomoon {
	width: 4rem;
	margin-right: 0;
	text-align: center;
}
.nav-item .mobileview-link .icomoon {
	display: none;
}

/* Links */
.nav-link:link,
.nav-link:visited{
	color: #777;
	font-weight: normal;
}
.dropdown-item a:link,
.dropdown-item a:visited {
	color: #fff;
	font-weight: normal;
}
.nav-link .icomoon::before {
	color: #ccc;
	transition: color 0.6s ease-in-out;
	-webkit-transition: color 0.6s ease-in-out;
	-moz-transition: color 0.6s ease-in-out;
	-ms-transition: color 0.6s ease-in-out;
	-o-transition: color 0.6s ease-in-out;
}
.nav-link:hover,
.nav-link:focus,
.active .nav-link,
.dropdown.show .nav-link,
.nav-link:hover .icomoon::before,
.nav-link:focus .icomoon::before,
.active .nav-link .icomoon::before,
.dropdown.show .nav-link .icomoon::before {
	color: #a52D39 !important;
}
.dropdown-item a:hover,
.dropdown-item a:focus {
	color: #fff;
}
.active .nav-link {
	font-weight: 600 !important;
}

/* Dropdown */
.navbar-nav .dropdown-menu {
	margin-top: 0;
	padding: 0;
	background: none;
	border: none;
	border-radius: 0;
}
.dropdown-item {
	padding-left: 5rem;
}
.dropdown-item:hover,
.dropdown-item:focus {
	background: none;
}
.dropdown-item.active {
	background: none;
}
.dropdown-item.active > a {
	color: #fff;
	font-weight: 600;
}
.dropdown-item.mobileview-link > a {
	padding: 0;
}
.dropdown-toggle {
	position: absolute;
	top: 7px;
	right: 15px;
}
.dropdown-toggle::after {
	border-top: .5em solid;
	border-right: .5em solid transparent;
	border-bottom: 0;
	border-left: .5em solid transparent;
}
@media (max-width: 768px) {
	.dropdown-item a {
		color: #a52D39 !important;
	}
}
@media(min-width: 576px) and (max-width: 767px) {
	.dropdown-item {
		padding-left: 4.5rem;
	}
	.dropdown-item a:link,
	.dropdown-item a:visited {
		width: 100%;
		text-align: center;
	}
	
}
@media(min-width: 768px) {
	.navbar-expand-md .navbar-toggler {
		display: none !important;
	}
	.navbar-nav {
		margin-top: 0px;
		padding-top: 0px;
		font-size: 1.2rem;
		border-top: none;
	}
	.navbar-nav .nav-item.dropdown:hover .dropdown-menu,
	.navbar-nav .nav-item.dropdown:focus .dropdown-menu {
		display: block;
	}
	.navbar-nav .nav-item.dropdown > a.nav-link::after {
		display: inline-block;
		width: 0;
		height: 0;
		margin-left: .255em;
		vertical-align: .255em;
		content: "";
		border-top: .3em solid;
		border-right: .3em solid transparent;
		border-left: .3em solid transparent;
	}
	.nav-item .icomoon {
		display: none;
	}
	.navbar-nav .dropdown-menu {
		padding: .5rem 0;
		background: #a52D39;
		box-shadow: 0px 10px 10px rgba(0,0,0,.2);
	}
	.dropdown-item {
		padding-left: 1.5rem;
	}
	.dropdown-toggle {
		display:none;
	}
}
@media(min-width: 992px) {
	.navbar-nav {
		font-size: 1rem;
	}
	.nav-item .icomoon {
		display: inline-block;
		width: auto;
		margin-right: 10px;
		font-size: 1.6em;
	}
	.nav-item .icomoon.icon-baumscheibe,
	.nav-item .icomoon.icon-hobel,
	.nav-item .icomoon.icon-kontact,
	.nav-item .icomoon.icon-lineal,
	.nav-item .icomoon.icon-saegeblatt,
	.nav-item .icomoon.icon-zitkel {
		font-size: 1.8em;
	}
}
@media(min-width: 1200px) {
	.navbar-nav {
		font-size: 1.15rem;
	}
}


/* =HEADER ======================== */
body > header {
	position: relative;
	background: url("../Img/wood.png") repeat;
	z-index: 100;
}
body > header::after {
	content: "";
	position: absolute;
	top: calc(100% - 10px);
	left: 0;
	width: 100%;
	height: 21px;
	background: url("../Img/rope.png") repeat;
}
body > header .container {
	padding-top: 30px;
	padding-bottom: 20px;
}
header i.fa,
header a:link i.fa,
header a:visited i.fa, 
header i.fab,
header a:link i.fab,
header a:visited i.fab {
	font-size: 1.4em;
}

header .logo a,
footer .logo a {
	display: block;
}
header .logo img,
footer .logo img {
	max-width: 370px;
	width: 370px;
    max-width: 100%;
}

header .location {
	position: relative;
	display: inline-block;
	margin-bottom: 20px;
	padding-left: 20px;
	font-size: .9em;
}
header .location i {
	position: absolute;
	top: 3px;
	left: 0;
}
header .coordinates {
	position: relative;
	display: block;
	font-size: .8em;
	line-height: .8em;
}

header .contact {
	margin-bottom: 20px;
}
header .contact span {
	display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
	-webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
header a.tel {
	margin-left: 30px;
	margin-bottom: 5px;
	font-weight: normal;
}
header a.facebook, header a.instagram {
	margin-left: 18px;
    margin-bottom: 5px;
	font-weight: normal;
}
header .contact a {
	font-weight: normal;
	color:#666666;
}
header .contact span i.fa,
header .contact .tel i.fa, 
header .contact span i.fab,
header .contact .tel i.fab {
	margin-right: 5px;
	color: #a52D39;
}



@media(min-width: 576px) {
	header .row > div:last-child {
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: flex-end;
		-ms-flex-pack: end;
		justify-content: flex-end;
	}
	header .text-center-md {
		text-align: center;
	}
	header .logo {
		margin-top: 20px;
	}
	header .location,
	header .contact {
		margin-bottom: 0;
	}
	header .contact {
		text-align: right;
	}
}
@media(min-width: 992px) {
	header .logo {
		margin-top: 30px;
	}
	header .location,
	header .tel {
		font-size: 1em;
	}
}

@media(max-width: 575px) {
header .location{
		display: none;
	}
}




/* =MAIN ======================== */
.teaser figure {
	margin-top: 40px;
}
@media(min-width: 768px) {
	.teaser figure {
		margin-top: 0px;
	}
}


/* DCE Teaser */
.dce-teaser.fullwidth {
	padding: 0;
	margin: auto calc(50% - 50vw);
	background-image: url(../Img/bg-section.png);
}
.dce-teaser.fullwidth::before,
.dce-teaser.fullwidth::after {
	content: "";
	display: block;
	height: 130px;
	margin-top: 0;
}
.dce-teaser.fullwidth::before {
	background: url(../Img/border-section-top.png);
}
.dce-teaser.fullwidth::after {
	background: url(../Img/border-section-bottom.png);
}
.dce-teaser .container > header h3 {
	margin: 2rem 0 1rem;
    font-size: 2rem;
}
.dce-teaser .box {
	overflow: visible;
}
.dce-teaser img {
	border: 4px solid #fff;
	box-shadow: 0px 3px 8px rgba(0,0,0,.25);
}
.dce-teaser .text-wrap h3 {
	font-family: house-script, sans-serif;
	margin-top: 6px;
    font-size: 1.4rem;
    text-align: center;
}
.dce-teaser .text-wrap h3::after {
	display: none;
}




/* Icon und Text */
.ce-icon-text i {
	font-size: 4rem;
}
.ce-icon-text h3 {
	margin-top: 20px;
	margin-bottom: 10px;
	font-size: 1.2rem;
	line-height: 1.6rem;
	font-weight: 500;
}
.ce-icon-text h3::after {
	display: none;
}
.ce-icon-text p {
	color: #8d8f92;
	font-size: .9rem;
	line-height: 1.4rem;
}


/* DCE Kontaktstörer */
.dce-kontaktstoerer {
    padding: 0;
}
.dce-kontaktstoerer > .d-flex {
    background: rgba(0,0,0,0.5);
}
.dce-kontaktstoerer p {
    color: #fff;
    font-size: 1.2rem;
    margin-bottom: 15px;
}
@media (max-width:920px) {
    .dce-kontaktstoerer h4 {
        font-size: 1.5rem;
    } 
    .dce-kontaktstoerer p {
        font-size: 1.1rem;
        margin-bottom: 10px;
    }   
}

/* DCE Google Maps */
.dce-gmaps {
    margin-bottom: -4vw;
}

/* DCE Team */
.team .tel,
.team .mail {
	display: block;
}
.team .tel::before,
.team .mail::before {
	display: inline-block;
	margin-right: 5px;
	font: normal normal normal 1em/1 FontAwesome;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.team .tel::before{
	content: "\f095";
}
.team .mail::before{
	content: "\f0e0";
}

/* =FOOTER ======================== */
footer {
	background: url("../Img/wood.png") repeat;
}

.sitemap {
	position: relative;
	padding: 12vw 0;
}
.sitemap::after {
    content: "";
    position: absolute;
    top: -10px;
    left: 0;
    width: 100%;
    height: 21px;
    background: url(../Img/rope.png) repeat;
}

.sitemap .box-white {
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: center;
	background: #fff;
	border-radius: 5px;
	box-shadow: 0px 10px 10px rgba(0,0,0,.2);
	max-width: 50%;
}
.sitemap .logo {
	margin: 15px;
}

.sitemap img.logo {
	max-width: 350px;
	height: auto;
}
.sitemap ul {
	-webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
	margin: 15px 0 0 0;
	padding: 0;
}
.sitemap ul li {
	display: inline-block;
	padding: .2rem .7rem;
	font-size: 15px;
}
.sitemap ul li:not(:last-child) {
	border-right: 1px solid #CCC;
}
.sitemap li a:link,
.sitemap li a:visited {
	color: #999;
	white-space: nowrap;
}
.sitemap li a:hover,
.sitemap li a:focus {
	color: #96353a;
}
@media (max-width: 768px) {
	.sitemap .box-white {
		max-width: 100%;
	}
}
@media(min-width: 768px) {
	.sitemap {
		padding: 6vw 0;
	}
}
@media(min-width: 1200px) {
	.sitemap {
		padding: 4vw 0;
	}
}
@media(min-width: 768px) {
	.sitemap .box-white {
		max-width: inherit;
		width: 670px;
	}
}


.musthave {
	padding: 10px 0;
	font-size: .8rem;
	color: #fff;
	background: #a52D39;
}
.musthave .container {
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
	-webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.musthave a:link,
.musthave a:visited {
	padding: 0 5px;
	color: #fff;
	opacity: .8;
}
.musthave a:hover,
.musthave a:focus {
	opacity: 1;
}
.musthave ul li {
	margin-bottom: 0;
}

/* =OTHER ======================== */
i.fa, i.fab {
	color: #a52D39;
}
.compass {
	height: 4rem;
}

a:link i.fa, a:visited i.fa, a:link i.fab, a:visited i.fab {
	color: #a52D39;
}


/* DCE Keyvisual Slideshow  */
.dce-keyvisual-slider .slideshow-inner > .d-flex {
    bottom: 30px;
    align-items: flex-end !important;
}
.dce-keyvisual-slider .textbox {
	width: auto;
	max-width: 66%;
	box-shadow: 0px 10px 10px rgba(0,0,0,0.2);
}
.dce-keyvisual-slider .textbox > h3 {
	margin: 0;
	background: rgba(255,255,255,.9);
    color: #a52D39;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1em;
    padding-top: 20px;
	padding-bottom: 0;
}
.dce-keyvisual-slider .text {
	background: rgba(255,255,255,.9);
}

@media (min-width: 992px) {
	.dce-keyvisual-slider .slideshow-inner > .d-flex {
		bottom: 60px;
	}
}

@media (max-width:767px) {
  .dce-keyvisual-slider .d-flex {
    display: none !important;
  }
}

/* SLICK DOTS */	
.slick-dots li button::before {
	color: #a52D39 !important;
	font-size: 24px;
}

@media(max-width:575px){
	.slick-dots li button::before {
		color: #a52D39;
	}
	.slick-dots {
		right: 0px;
		bottom: -30px;
	}	
}
@media(min-width:575px){
	.slick-dots {
		right: 30px;
		bottom: 30px;
		width: auto;
	}	
}
@media(min-width: 992px) {
	.slick-dots {
		right: calc(50vw - 465px);
		bottom: 20px;
	}
}
@media(min-width: 1200px) {
	.slick-dots {
		right: calc(50vw - 565px);
	}
}

.slick-dots li button::before {
	display: inline-block;
	font-family: FontAwesome;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.slick-dots li button::before {
	content: "\f10c";
	line-height: 1;
	opacity: .8;
}
.slick-dots li:not(.slick-active) button:hover::before,
.slick-dots li:not(.slick-active) button:hover::before {
	opacity: .8;
}
.slick-dots li.slick-active button::before {
	content: "\f111";
	opacity: 1;
}