/* Go crazy with your own styles here */
/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */
/* Go crazy with your own styles here */
/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */

/* Fix Slider */
@media only screen and (min-width: 480px) and (max-width: 506px) {
    .carousel-inner > .item > img {
	display: block;
	height: 200px;
	max-width: none !important;
    height: 200px;
    width: auto !important;
    margin: 0 auto;
}

.carousel-indicators-numbers li {
    text-indent: 0;
    margin: 0 2px;
    width: 16px;
    height: 16px;
    border: none;
    border-radius: 100%;
    line-height: 16px;
    color: #5cb334;
    background-color: #ffffff;
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
    font-family: "DINProBold";
    font-size: 12px;
}

	.carousel-indicators-numbers li.active, .carousel-indicators-numbers li:hover {
        margin: 0 2px;
        width: 16px;
        height: 16px;
        background-color: #5cb334;
        color: #ffffff;
    }
}

@media only screen and (min-width: 421px) and (max-width: 479px) {
	.carousel-inner > .item > img {
		display: block;
		height: 200px;
		max-width: none !important;
		height: 200px;
		width: auto !important;
		margin-left: -10%;
	}

	.carousel-indicators-numbers li {
		text-indent: 0;
		margin: 0 2px;
		width: 16px;
		height: 16px;
		border: none;
		border-radius: 100%;
		line-height: 16px;
		color: #5cb334;
		background-color: #ffffff;
		-webkit-transition: all 0.25s ease;
		transition: all 0.25s ease;
		font-family: "DINProBold";
		font-size: 12px;
	}

		.carousel-indicators-numbers li.active, .carousel-indicators-numbers li:hover {
			margin: 0 2px;
			width: 16px;
			height: 16px;
			background-color: #5cb334;
			color: #ffffff;
		}
} 

@media only screen and (min-width: 380px) and (max-width: 420px) {
	.carousel-inner > .item > img {
		display: block;
		height: 200px;
		max-width: none !important;
		height: 200px;
		width: auto !important;
		margin-left: -15%;
	}

	.carousel-indicators-numbers li {
		text-indent: 0;
		margin: 0 2px;
		width: 16px;
		height: 16px;
		border: none;
		border-radius: 100%;
		line-height: 16px;
		color: #5cb334;
		background-color: #ffffff;
		-webkit-transition: all 0.25s ease;
		transition: all 0.25s ease;
		font-family: "DINProBold";
		font-size: 12px;
	}

		.carousel-indicators-numbers li.active, .carousel-indicators-numbers li:hover {
			margin: 0 2px;
			width: 16px;
			height: 16px;
			background-color: #5cb334;
			color: #ffffff;
		}
} 

@media only screen and (min-width: 361px) and (max-width: 379px) {
	.carousel-inner > .item > img {
		display: block;
		height: 200px;
		max-width: none !important;
		height: 200px;
		width: auto !important;
		margin-left: -20%;
	}

	.carousel-indicators-numbers li {
		text-indent: 0;
		margin: 0 2px;
		width: 16px;
		height: 16px;
		border: none;
		border-radius: 100%;
		line-height: 16px;
		color: #5cb334;
		background-color: #ffffff;
		-webkit-transition: all 0.25s ease;
		transition: all 0.25s ease;
		font-family: "DINProBold";
		font-size: 12px;
	}

		.carousel-indicators-numbers li.active, .carousel-indicators-numbers li:hover {
			margin: 0 2px;
			width: 16px;
			height: 16px;
			background-color: #5cb334;
			color: #ffffff;
		}
}

@media only screen and (min-width: 351px) and (max-width: 360px) {
	.carousel-inner > .item > img {
	display: block;
	height: 200px;
	max-width: none !important;
    height: 200px;
    width: auto !important;
    margin-left: -20%;
}

.carousel-indicators-numbers li {
    text-indent: 0;
    margin: 0 2px;
    width: 16px;
    height: 16px;
    border: none;
    border-radius: 100%;
    line-height: 16px;
    color: #5cb334;
    background-color: #ffffff;
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
    font-family: "DINProBold";
    font-size: 12px;
}

	.carousel-indicators-numbers li.active, .carousel-indicators-numbers li:hover {
        margin: 0 2px;
        width: 16px;
        height: 16px;
        background-color: #5cb334;
        color: #ffffff;
    }
}
@media only screen and (min-width: 320px) and (max-width: 350px) {
	.carousel-inner > .item > img {
	display: block;
	height: 200px;
	max-width: none !important;
    height: 200px;
    width: auto !important;
    margin-left: -25%;
}

.carousel-indicators-numbers li {
    text-indent: 0;
    margin: 0 2px;
    width: 16px;
    height: 16px;
    border: none;
    border-radius: 100%;
    line-height: 16px;
    color: #5cb334;
    background-color: #ffffff;
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
    font-family: "DINProBold";
    font-size: 12px;
}

	.carousel-indicators-numbers li.active, .carousel-indicators-numbers li:hover {
        margin: 0 2px;
        width: 16px;
        height: 16px;
        background-color: #5cb334;
        color: #ffffff;
    }
}

/* Fix bug IE */
body {
	overflow: -moz-scrollbars-vertical;
	overflow-x: hidden;
	overflow-y: auto;
}
.img-responsive, .thumbnail > img, .thumbnail a > img {
	width: 100%;
}
.robotize-content {
    overflow-x: hidden;
} 

.banner-text-middle{ 
	display: table-cell; 
	vertical-align: middle; 
	text-align: center; 
}  
        
.banner-text-top{ 
	display: table-cell; 
	vertical-align: top; 
	text-align: center; 
    padding-top: 100px;
} 

.banner-text-bottom{ 
	display: table-cell; 
	vertical-align: bottom; 
	text-align: center;  
	padding-bottom: 100px;
} 

.side-fixed-link{
	position: fixed;
	right: 10px;
	top: 30%;
	z-index: 1000;
	transform: rotate(-90deg);
	transform-origin: right;
}

.side-fixed-link a{
	padding: 6px 15px;
	display: inline-block;
	border-radius: 5px 5px 0 0;
	overflow: hidden;
	background-color: #5cb334;
	color: #fff;
	z-index: 2;
	font-family: "DINProLight";
	height: 45px;
	transition: all 0.3s ease;
	font-size: 16px;
}

.side-fixed-link a strong{
	font-family: "DINProBold";
}

.side-fixed-link a:hover, .side-fixed-link a:active, .side-fixed-link a:focus{
	text-decoration: none;
	color: #fff;
	transform: translateY(-8px);
}
@media screen and (max-width : 767px){
	.side-fixed-link a{
		font-size: 14px;
	}
	.side-fixed-link{
		top: 55px;
	}
}