/*********************************************************************************

	Template Name: Fixco - Multipurpose Bootstrap4 Template  
	Template URI: https://themeforest.net/user/devitems
	Description: Fixco is aesthetically well organized multipurpose. Comes with 6+ homepages available with multi style that easily modifiable one to another.
	Author: Devitems
	Author URI: https://devitems.com/
	Version: 1.0.1

	Note: This is custom css. All custom styles (user styles) declare here.

**********************************************************************************/
@font-face {
        font-family: "gothamrounded-medium";
        src: url("../fonts/gotham-rounded-medium.woff") format("woff"), url("../fonts/gotham-rounded-medium.woff2") format("woff2");
        font-weight: normal;
        font-style: normal;
}
@font-face {
        font-family: "gothamrounded-bold";
        src: url("../fonts/gotham-rounded-bold.woff") format("woff"), url("../fonts/gotham-rounded-bold.woff2") format("woff2");
        font-weight: normal;
        font-style: normal;
}
@font-face {
        font-family: "gothamrounded-light";
        src: url("../fonts/gotham-rounded-light.woff") format("woff"), url("../fonts/gotham-rounded-light.woff2") format("woff2");
        font-weight: normal;
        font-style: normal;
}
.header .mobile-logo img {
        height: 45px;
}
.header .logo img {
        height: 45px;
}
.service-icon img{
	max-height: 82px;
    padding-top: 15px;
}
.column-equal-height {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.back{
	position:absolute;
	z-index: 5;
	color: #E9E9E9;
	top: -50px;
	left: 0px;
	font-size: 140px;
	font-family: "gothamrounded-bold", sans-serif;
    line-height: 1.3;
}
.front{
	position:relative;
	z-index: 10;
	color: #00ab98;
}
.frontp{
	position:relative;
	z-index: 9;
	color: #333333;
	margin-bottom: 0px;
	text-align: justify;
}
.front li{
	color: #333333;
}

.mapa {
	z-index: 98;
}
.mapa iframe{
	box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.2);
    border-radius: 15px;
}
.prelaz{
	width:100%;
	background-image: url(../images/prelaz.png);
	height: 37px;
	background-position: center;
}
.prelazdonji{
	width:100%;
	background-image: url("../images/prelaz2.png");
	height: 37px;
	background-position: center;
}
.prelaz-light{
	width:100%;
	background-image: url(../images/prelaz-light.png);
	height: 37px;
	background-position: center;
}
.prelazdonji-light{
	width:100%;
	background-image: url(../images/prelaz2-light.png);
	height: 37px;
	background-position: center;
}
@media only screen and (max-width: 900px){
	.prelaz{
		background-size: auto 100%;
		height: 20px;
	}
	.prelazdonji{
		background-size: auto 100%;
		height: 20px;
	}
	.prelaz-light{
		background-size: auto 100%;
		height: 20px;
	}
	.prelazdonji-light{
		background-size: auto 100%;
		height: 20px;
	}
}
.bg-custom{
	background:white;
	background-image: url(../images/bck_right.png);
	background-position: right;
	background-repeat: repeat-y;
	background-size: auto 1000px;
}
@media only screen and (max-width: 1500px){
	.bg-custom{
	background-size: auto 800px;
	}
}
@media only screen and (max-width: 1200px){
	.bg-custom{
		background-size: auto 600px;
	}
}
@media only screen and (max-width: 900px){
	.bg-custom{
		background-size: auto 400px;
	}
}
@media only screen and (max-width: 800px){
	.bg-custom{
		background-image: none;
	}
}
::selection {
        background: #00ab98;
        color: white;
}
::-moz-selection {
        background: #00ab98;
        color: white;
}