/* entypo */
[class*="entypo-"]:before {
  font-family: 'entypo', sans-serif;
}



section #services {
  text-align: center;
  transform: translatez(0);
padding-left: 0;
}
section #services h2 {
  margin: 80px 0px 40px;
  color: #ccc;
  font-size: 2.4em;
  font-family: 'Raleway Dots', sans-serif;
  text-transform: uppercase;
  text-align: center;
}
section #services li {
    /* width: 120px; */
    /* height: 140px; */
    display: inline-block;
    margin: 1px;
    list-style: none;
    width: 54px;
}
section #services li div {
    width: 30px;
    height: 30px;
    color: #ffffff;
    margin: 0 auto;
 /*   font-size: 1.4em; */
    text-align: center;
    line-height: 36px;
    background-color: #929292;
    transition: all 0.5s ease;
}
section #services li div:hover {
  transform: rotate(360deg);
  border-radius: 100px;
}
section #services li span {
/* width: 30px; */
    height: 20px;
    display: block;
    /* padding: 15px 0px; */
    color: #333;
    text-transform: uppercase;

    font-size: 12px;
    text-align: center;
}


/* ===FOOTER TEXT == */

.footertext {

    font-size: 10px;
    color: #808080;
    line-height: 13px;
	padding-bottom: 20px;

}


.socialsearch {

padding-top:10px;

}

a sidebarfont{
font-size:13px !important;

}


/* === KOLDAR DOGODKOV === */




    
    .event-list {
		list-style: none;
		margin: 0px;
		padding: 0px;
	}
	.event-list > li {
		background-color: rgb(255, 255, 255);

		padding: 0px;
		margin: 0px 0px 20px;
	}

	.event-list:hover {
		background-color: rgb(255, 255, 255);
		box-shadow: 0px 0px 5px rgb(51, 51, 51);
		box-shadow: 0px 0px 5px rgba(51, 51, 51, 0.7);
		padding: 0px;
		margin: 0px 0px 20px;
transition: all 0.3s ease;
	}


	.event-list > li > time {
		display: inline-block;
		width: 100%;
		color: rgb(255, 255, 255);
	/*	background-color: rgb(197, 44, 102); */
    background-color: rgb(222, 167, 148);
		padding: 5px;
		text-align: center;
		text-transform: uppercase;
	}
	.event-list > li:nth-child(even) > time {
		background-color: rgb(165, 82, 167);
	}
	.event-list > li > time > span {
		display: none;
	}
	.event-list > li > time > .day {
		display: block;
		font-size: 45pt;
		font-weight: 100;
		line-height: 1;
	}
	.event-list > li time > .month {
		display: block;
		font-size: 20pt;
		font-weight: 900;
		line-height: 1;
	}


	.event-list > li time > .year {
		display: block;
		font-size: 20pt;
		font-weight: 900;
		line-height: 1;
	}



	.event-list > li > img {
		width: 100%;
 object-fit: cover;
	}
	.event-list > li > .info {
		padding-top: 5px;
		text-align: center;
	}
	.event-list > li > .info > .title {
		font-size: 15pt;
		font-weight: 700;
		margin: 0px;
	}
	.event-list > li > .info > .desc {
		font-size: 13pt;
		font-weight: 300;
		margin: 0px;
	}
	.event-list > li > .info > ul,
	.event-list > li > .social > ul {
		display: table;
		list-style: none;
		margin: 10px 0px 0px;
		padding: 0px;
		width: 100%;
		text-align: center;
	}
	.event-list > li > .social > ul {
		margin: 0px;
	}
	.event-list > li > .info > ul > li,
	.event-list > li > .social > ul > li {
		display: table-cell;
		cursor: pointer;
		color: rgb(30, 30, 30);
		font-size: 11pt;
		font-weight: 300;
        padding: 3px 0px;
	}
    .event-list > li > .info > ul > li > a {
		display: block;
		width: 100%;
		color: rgb(30, 30, 30);
		text-decoration: none;
	} 
    .event-list > li > .social > ul > li {    
        padding: 0px;
    }
    .event-list > li > .social > ul > li > a {
        padding: 3px 0px;
	} 
	.event-list > li > .info > ul > li:hover,
	.event-list > li > .social > ul > li:hover {
		
		
	}
	.facebook a,
	.twitter a,
	.google-plus a {
		display: block;
		width: 100%;
		color: rgb(75, 110, 168) !important;
	}
	.twitter a {
		color: rgb(79, 213, 248) !important;
	}
	.google-plus a {
		color: rgb(221, 75, 57) !important;
	}
	.facebook:hover a {
		color: rgb(255, 255, 255) !important;
		background-color: rgb(75, 110, 168) !important;
	}
	.twitter:hover a {
		color: rgb(255, 255, 255) !important;
		background-color: rgb(79, 213, 248) !important;
	}
	.google-plus:hover a {
		color: rgb(255, 255, 255) !important;
		background-color: rgb(221, 75, 57) !important;
	}

	@media (min-width: 768px) {
		.event-list > li {
			position: relative;
			display: block;
			width: 100%;
			height: 120px;
			padding: 0px;
		}


body {overflow-x: hidden;}


	.event-list:hover {
		background-color: rgb(255, 255, 255);
		box-shadow: 0px 0px 5px rgb(51, 51, 51);
		box-shadow: 0px 0px 5px rgba(51, 51, 51, 0.7);
		padding: 0px;
		margin: 0px 0px 20px;
transition: all 0.3s ease;
	}















		.event-list > li > time,
		.event-list > li > img  {
			display: inline-block;
		}
		.event-list > li > time,
		.event-list > li > img {
			width: 120px;
			float: left;
		}
		.event-list > li > .info {
			background-color: rgb(245, 245, 245);
			overflow: hidden;
		}
		.event-list > li > time,
		.event-list > li > img {
			width: 120px;
			height: 120px;
			padding: 0px;
			margin: 0px;
		}
		.event-list > li > .info {
			position: relative;
			height: 120px;
			text-align: left;
			padding-right: 40px;

		}	
		.event-list > li > .info > .title, 
		.event-list > li > .info > .desc {
			padding: 0px 10px;
		}
		.event-list > li > .info > ul {
			position: absolute;
			left: 0px;
			bottom: 0px;
		}
		.event-list > li > .social {
			position: absolute;
			top: 15px;
			right: 0px;
			display: block;
			width: 40px;
		}
        .event-list > li > .social > ul {
            border-left: 1px solid rgb(230, 230, 230);
        }
		.event-list > li > .social > ul > li {			
			display: block;
            padding: 0px;
		}
		.event-list > li > .social > ul > li > a {
			display: block;
			width: 40px;
			padding: 10px 0px 9px;
		}
	}

	@media (min-width:618px) {


body {overflow-x: hidden;}


	.event-list:hover {
		background-color: rgb(255, 255, 255);
		box-shadow: 0px 0px 5px rgb(51, 51, 51);
		box-shadow: 0px 0px 5px rgba(51, 51, 51, 0.7);
		padding: 0px;
		margin: 0px 0px 20px;
transition: all 0.3s ease;
	}


		.event-list > li {
			position: relative;
			display: block;
			width: 100%;
			height: 122px;
			padding: 0px;
border: 1px solid #e2dfdf;
		}
		.event-list > li > time,
		.event-list > li > img  {
			display: inline-block;
		}
		.event-list > li > time,
		.event-list > li > img {
			width: 120px;
			float: left;
		}
		.event-list > li > .info {
			background-color: rgb(245, 245, 245);
			overflow: hidden;
		}
		.event-list > li > time,
		.event-list > li > img {
			width: 120px;
			height: 120px;
			padding: 0px;
			margin: 0px;
		}
		.event-list > li > .info {
			position: relative;
			height: 120px;
			text-align: left;
			padding-right: 40px;

		}	
		.event-list > li > .info > .title, 
		.event-list > li > .info > .desc {
			padding: 0px 10px;
		}
		.event-list > li > .info > ul {
			position: absolute;
			left: 0px;
			bottom: 0px;
		}
		.event-list > li > .social {
			position: absolute;
			top: 15px;
			right: 0px;
			display: block;
			width: 40px;
		}
        .event-list > li > .social > ul {
            border-left: 1px solid rgb(230, 230, 230);
        }
		.event-list > li > .social > ul > li {			
			display: block;
            padding: 0px;
		}
		.event-list > li > .social > ul > li > a {
			display: block;
			width: 40px;
			padding: 10px 0px 9px;
		}
	}


	@media (max-width: 617px) {
		.event-list > li {
			position: relative;
			display: block;
			width: 100%;
			height: auto;
			padding: 0px;
		}
		.event-list > li > time,
		.event-list > li > img  {
			display: inline-block;
		}
		.event-list > li > time,
		.event-list > li > img {
			width: 120px;
			float: left;
		}
		.event-list > li > .info {
			background-color: rgb(245, 245, 245);
			overflow: hidden;
		}
		.event-list > li > time,
		.event-list > li > img {
			width: 120px;
			height: 120px;
			padding: 0px;
			margin: 0px;
		}
		.event-list > li > .info {
			position: relative;
			
			text-align: left;
			padding-right: 40px;

		}	
		.event-list > li > .info > .title, 
		.event-list > li > .info > .desc {
			padding: 0px 10px;
		}
		.event-list > li > .info > ul {
			position: absolute;
			left: 0px;
			bottom: 0px;
		}
		.event-list > li > .social {
			position: absolute;
			top: 15px;
			right: 0px;
			display: block;
			width: 40px;
		}
        .event-list > li > .social > ul {
            border-left: 1px solid rgb(230, 230, 230);
        }
		.event-list > li > .social > ul > li {			
			display: block;
            padding: 0px;
		}
		.event-list > li > .social > ul > li > a {
			display: block;
			width: 40px;
			padding: 10px 0px 9px;
		}
img.mod_spremljevalniprogram_main_thumb_f {
    width: 100%;
    height: 150px;
    object-fit: cover;
}


	}






.danesbtn {

    float: right;
    padding: 5px 10px 5px 10px;
    margin: 15px 14px 0 0;
    z-index: 1000;

}


/* Float Shadow */
.hvr-float-shadow {

  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}

.hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
  /* move the element up by 5px */
}
.hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before {
  opacity: 1;
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
  /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */
}




/* === KOLEDAR END === */


/* ===Kiblix Kocke ===*/

/*
Code snippet by maridlcrmn for Bootsnipp.com
Follow me on Twitter @maridlcrmn
Image credits: unsplash.com, uifaces.com/authorized
Image placeholders: placemi.com
*/


#t-cards {
    padding-top: 80px;
    padding-bottom: 80px;
    background-color: #345;    
}

/********************************/
/*          Panel cards         */
/********************************/
.panel.panel-card {
    position: relative;
    height: 140px;
   /* border: none; */
    overflow: hidden;
border: 1px solid #e4e4e4;
}
.panel.panel-card .panel-heading {
    position: relative;
    z-index: 2;
	height: 92px;
    border-bottom-color: #fff;
    overflow: hidden;
    
    -webkit-transition: height 600ms ease-in-out;
            transition: height 600ms ease-in-out;
}
.panel.panel-card .panel-heading img {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    width: 120%;
    
    -webkit-transform: translate3d(-50%,-50%,0);
            transform: translate3d(-50%,-50%,0);
}
.panel.panel-card .panel-heading button {
    position: absolute;
    top: 10px;
    right: 15px;
    z-index: 3;
}
.panel.panel-card .panel-figure {
    position: absolute;
    top: auto;
    left: 50%;
    z-index: 3;
    width: 70px;
    height: 70px;
    background-color: #fff;
    border-radius: 50%;
    opacity: 1;
    -webkit-box-shadow: 0 0 0 3px #fff;
            box-shadow: 0 0 0 3px #fff;
    
    -webkit-transform: translate3d(-50%,-50%,0);
            transform: translate3d(-50%,-50%,0);
    
    -webkit-transition: opacity 400ms ease-in-out;
            transition: opacity 400ms ease-in-out;
}

.panel.panel-card .panel-body {
    padding-top: 15px;
    padding-bottom: 20px;
    background-color: #c96b49;
    -webkit-transition: padding 400ms ease-in-out;
            transition: padding 400ms ease-in-out;
} 

.panel.panel-card .panel-thumbnails {
    padding: 0 15px 20px;
}
.panel-thumbnails .thumbnail {
    width: 60px;
    max-width: 100%;
    margin: 0 auto;
    background-color: #fff;
} 


.panel.panel-card:hover .panel-heading {
    height: 55px;
    
    -webkit-transition: height 400ms ease-in-out;
            transition: height 400ms ease-in-out;
}
.panel.panel-card:hover .panel-figure {
    opacity: 0;
    
    -webkit-transition: opacity 400ms ease-in-out;
            transition: opacity 400ms ease-in-out;
}
.panel.panel-card:hover .panel-body {
    padding-top: 20px;
    
    -webkit-transition: padding 400ms ease-in-out;
            transition: padding 400ms ease-in-out;
}


.panel-text {

	padding-bottom: 10px;

}

.panel-text a {
	text-decoration: none;
	font-size:30px;
	font-weight: 800;
	color:white;
	padding-bottom: 20px;

}


.datum-panel {
	font-size:25px;
	color: white;


}






/* ===Kiblix Kocke END ===*/


/* === KIBLIX PROGRAM EVENTI === */


.time {
position: absolute;
    display: block;
    margin: -13px 0 0 -8px;
    z-index: 1;
    background-color: #dda892;
    color: white;
    font-weight: 800;
    padding: 4px 11px 2px 10px;
    vertical-align: middle;
    text-align: center;
    border-radius: 7px;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2), 0 2px 8px 0 rgba(0, 0, 0, 0.19);
}

    
    .event-list2 {
		list-style: none;
		margin: 0px;
		padding: 0px;
	}

	.event-list2:hover {
		background-color: rgb(255, 255, 255);
		box-shadow: 0px 0px 5px rgb(51, 51, 51);
		box-shadow: 0px 0px 5px rgba(51, 51, 51, 0.7);
		padding: 0px;
		margin: 0px 0px 20px;
transition: all 0.3s ease;
	}

	.event-list2 > li {
		background-color: rgb(245, 245, 245);


		padding: 0px;
		margin: 0px 0px 20px;
	}


	.event-list2 > li > time {
		display: inline-block;
		width: 100%;
		color: rgb(255, 255, 255);
	/*	background-color: rgb(197, 44, 102); */
    background-color: rgb(222, 167, 148);
		padding: 5px;
		text-align: center;
		text-transform: uppercase;
	}
	.event-list2 > li:nth-child(even) > time {
		background-color: rgb(165, 82, 167);
	}
	.event-list > li > time > span {
		display: none;
	}
	.event-list2 > li > time > .day {
		display: block;
		font-size: 45pt;
		font-weight: 100;
		line-height: 1;
	}
	.event-list2 > li time > .month {
		display: block;
		font-size: 20pt;
		font-weight: 900;
		line-height: 1;
	}


	.event-list2 > li time > .year {
		display: block;
		font-size: 20pt;
		font-weight: 900;
		line-height: 1;
	}



	.event-list2 > li > img {
		width: 100%;
 object-fit: cover;
	}
	.event-list2 > li > .info {
		padding-top: 5px;
		text-align: center;
	}
	.event-list2 > li > .info > .title {
		font-size: 12pt;
		font-weight: 700;
		margin: 0px;
	}
	.event-list2 > li > .info > .desc {
		font-size: 13pt;
		font-weight: 300;
		margin: 0px;
	}
	.event-list2 > li > .info > ul,
	.event-list2 > li > .social > ul {
		display: table;
		list-style: none;
		margin: 10px 0px 0px;
		padding: 0px;
		width: 100%;
		text-align: center;
	}
	.event-list2 > li > .social > ul {
		margin: 0px;
	}
	.event-list2 > li > .info > ul > li,
	.event-list2 > li > .social > ul > li {
		display: table-cell;
		cursor: pointer;
		color: rgb(30, 30, 30);
		font-size: 11pt;
		font-weight: 300;
        padding: 3px 0px;
	}
    .event-list2 > li > .info > ul > li > a {
		display: block;
		width: 100%;
		color: rgb(30, 30, 30);
		text-decoration: none;
	} 
    .event-list2 > li > .social > ul > li {    
        padding: 0px;
    }
    .event-list2 > li > .social > ul > li > a {
        padding: 3px 0px;
	} 
	.event-list2 > li > .info > ul > li:hover,
	.event-list2 > li > .social > ul > li:hover {
		
		
	}
	.facebook a,
	.twitter a,
	.google-plus a {
		display: block;
		width: 100%;
		color: rgb(75, 110, 168) !important;
	}
	.twitter a {
		color: rgb(79, 213, 248) !important;
	}
	.google-plus a {
		color: rgb(221, 75, 57) !important;
	}
	.facebook:hover a {
		color: rgb(255, 255, 255) !important;
		background-color: rgb(75, 110, 168) !important;
	}
	.twitter:hover a {
		color: rgb(255, 255, 255) !important;
		background-color: rgb(79, 213, 248) !important;
	}
	.google-plus:hover a {
		color: rgb(255, 255, 255) !important;
		background-color: rgb(221, 75, 57) !important;
	}

	@media (min-width: 768px) {
		.event-list2 > li {
			position: relative;
			display: block;
			width: 100%;
			height: 75px;
			padding: 0px;
		}
		.event-list2 > li > time,
		.event-list2 > li > img  {
			display: inline-block;
		}
		.event-list2 > li > time,
		.event-list2 > li > img {
			width: 75px;
			float: left;
		}
		.event-list2 > li > .info {
			background-color: rgb(245, 245, 245);
			overflow: hidden;
		}
		.event-list2 > li > time,
		.event-list2 > li > img {
			width: 120px;
			height: 75px;
			padding: 0px;
			margin: 0px;
		}
		.event-list2 > li > .info {
			position: relative;
			height: 75px;
			text-align: left;
			padding-right: 40px;

		}	
		.event-list2 > li > .info > .title, 
		.event-list2 > li > .info > .desc {
			padding: 0px 10px;
		}
		.event-list2 > li > .info > ul {
			position: absolute;
			left: 0px;
			bottom: 0px;
		}
		.event-list2 > li > .social {
			position: absolute;
			top: 15px;
			right: 0px;
			display: block;
			width: 40px;
		}
        .event-list2 > li > .social > ul {
            border-left: 1px solid rgb(230, 230, 230);
        }
		.event-list2 > li > .social > ul > li {			
			display: block;
            padding: 0px;
		}
		.event-list2 > li > .social > ul > li > a {
			display: block;
			width: 40px;
			padding: 10px 0px 9px;
		}
	}

	@media (min-width:618px) {
		.event-list2 > li {
			position: relative;
			display: block;
			width: 100%;
			height: 75px;
			padding: 0px;
    border: 1px solid #e4e4e4;
		}
		.event-list2 > li > time,
		.event-list2 > li > img  {
			display: inline-block;
		}
		.event-list2 > li > time,
		.event-list2 > li > img {
			width: 75px;
			float: left;
		}
		.event-list2 > li > .info {
			background-color: rgb(245, 245, 245);
			overflow: hidden;
		}
		.event-list2 > time,
		.event-list2 > img {
	/*		width: 120px;
			height: 75px;
			padding: 0px;
			margin: 0px;  */

width: 80px;
    height: 25px;
    border-radius: 20px;
    position: relative;
    padding: 3px;
    margin: -11px 0px 0px -11px;



		}
		.event-list2 > li > .info {
			position: relative;
			height: 75px;
			text-align: left;
			padding-right: 40px;

		}	
		.event-list2 > li > .info > .title, 
		.event-list2 > li > .info > .desc {
			padding: 0px 10px;
		}
		.event-list2 > li > .info > ul {
			position: absolute;
			left: 0px;
			bottom: 0px;
		}
		.event-list2 > li > .social {
			position: absolute;
			top: 15px;
			right: 0px;
			display: block;
			width: 40px;
		}
        .event-list2 > li > .social > ul {
            border-left: 1px solid rgb(230, 230, 230);
        }
		.event-list2 > li > .social > ul > li {			
			display: block;
            padding: 0px;
		}
		.event-list2 > li > .social > ul > li > a {
			display: block;
			width: 40px;
			padding: 10px 0px 9px;
		}
	}


	@media (max-width: 617px) {
		.event-list2 > li {
			position: relative;
			display: block;
			width: 100%;
			height: auto;
min-height: 75px;
			padding: 0px;
		}
		.event-list2 > li > time,
		.event-list2 > li > img  {
			display: inline-block;
		}
		.event-list2 > li > time,
		.event-list2 > li > img {
			width: 120px;
			float: left;
		}
		.event-list2 > li > .info {
			background-color: rgb(245, 245, 245);
			overflow: hidden;
		}
		.event-list2 > li > time,
		.event-list2 > li > img {
			width: 120px;
			height: 120px;
			padding: 0px;
			margin: 0px;
		}
		.event-list2 > li > .info {
			position: relative;
			
			text-align: left;
			padding-right: 40px;

		}	
		.event-list2 > li > .info > .title, 
		.event-list2 > li > .info > .desc {
			padding: 0px 10px;
		}
		.event-list2 > li > .info > ul {
			position: absolute;
			left: 0px;
			bottom: 0px;
		}
		.event-list2 > li > .social {
			position: absolute;
			top: 15px;
			right: 0px;
			display: block;
			width: 40px;
		}
        .event-list2 > li > .social > ul {
            border-left: 1px solid rgb(230, 230, 230);
        }
		.event-list2 > li > .social > ul > li {			
			display: block;
            padding: 0px;
		}
		.event-list > li > .social > ul > li > a {
			display: block;
			width: 40px;
			padding: 10px 0px 9px;
		}
img.mod_spremljevalniprogram_main_thumb_f {
    width: 100%;
    height: 150px;
    object-fit: cover;
}


	}

/* === KOBLIX PROGRAM EVENTI END === */



/* ==================================== */
		     /* RIBBON - super - Hot - itd */
/* ==================================== */

.ura {
font-size: 10px;
}


.ribbon {
   position: absolute;
    right: -5px;
    top: -5px;
   z-index: 1;
   overflow: hidden;
   width: 75px; height: 75px; 
   text-align: right;
}
.ribbon span {

	font-size: 15px;
	color: #fff; 
	text-align: center;
	font-weight: bold; line-height: 20px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg); /* Needed for Safari */
	width: 100px; display: block;
	background: #a3c353;
	background: linear-gradient(#789e03 0%, #64821e 100%);
	box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
	position: absolute;
	top: 19px; right: -21px;
}


.ribbon span::before {
   content: '';
   position: absolute; 
   left: 0px; top: 100%;
   z-index: -1;
   border-left: 3px solid #526d12;
   border-right: 3px solid transparent;
   border-bottom: 3px solid transparent;
   border-top: 3px solid #3b4e0d;
}
.ribbon span::after {
   content: '';
   position: absolute; 
   right: 0%; top: 100%;
   z-index: -1;
   border-right: 3px solid #526d12;
   border-left: 3px solid transparent;
   border-bottom: 3px solid transparent;
   border-top: 3px solid #3b4e0d;
}



.red span {background: linear-gradient(#c76f46 0%, #a05732 100%);}
.red span::before {border-left-color: #904123; border-top-color: #792e11;}
.red span::after {border-right-color: #904123; border-top-color: #792e11;}

.blue span {background: linear-gradient(#2477bb 0%, #225da0 100%);}
.blue span::before {border-left-color: #1f4b7d;border-top-color: #173b65}
.blue span::after {border-right-color: #1f4b7d; border-top-color: #173b65;}



/* === BACK TO TOP === */

.back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 50px;
    right: 20px;
    display:none;
    opacity: 0.8;
    z-index: 100;
    background-color: #d2704f !important;
    border-color: #af5b3f !important;
}

.back-to-top:hover {
    background-color: #af5e42 !important;
    border-color: #af5b3f !important;
}

/* === BACK TO TOP END === */