/* Rotterdam - Agri & Farming HTML Template */



@import url('https://fonts.googleapis.com/css?family=Grand+Hotel|Roboto+Slab:100,300,400,700');


@import url('font-awesome.css');
 
 
@import url('jquery.fancybox.css');
 

.auto-container{
	position:static;
	max-width:1200px;
	padding:0px 15px;
	margin:0 auto;
}



 

img{
	display:inline-block;
	max-width:100%;
}



.sec-title{
	position:relative;
	margin-bottom:40px;
}


.sec-title .text{
	position:relative;
	color:#777777;
	font-size:14px;
	font-weight:400;
}

.sec-title.centered{
	text-align:center;
	
}

.sec-title.centered .text{
	max-width:1080px;/*760*/
	margin:0 auto;
	text-align: left!important;/*mio*/
}



 

.fancybox-next span,
.fancybox-prev span{
	background-image:none !important;
	width:44px !important;
	height:44px !important;
	line-height:44px !important;
	text-align:center;
}

.fancybox-next span:before,
.fancybox-prev span:before{
	content:'';
	position:absolute;
	font-family: 'FontAwesome';
	left:0px;
	top:0px;
	font-size:12px;
	width:44px !important;
	height:44px !important;
	line-height:44px !important;
	background-color:rgba(28,28,28,0.40) !important;
	color:#ffffff;
	visibility:visible;
	transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
}

.fancybox-next span:before{
	content:'\f178';
}

.fancybox-prev span:before{
	content:'\f177';
}

.fancybox-next:hover span:before,
.fancybox-prev:hover span:before{
	background-color:#ffffff !important;
	color:#000000;	
}

.fancybox-type-image .fancybox-close{
	right:0px;
	top:0px;
	width:45px;
	height:45px;
	background:url(../images/icons/icon-cross.png) center center no-repeat;
	background-color:rgba(17,17,17,0.50) !important;	
}

.fancybox-type-image .fancybox-close:hover{
	background-color:#000000 !important;	
}

.fancybox-type-image .fancybox-skin{
	padding:0px !important;	
}



/*Gallery Item*/

.gallery-item{
	position:relative;
	margin-bottom:30px;
}

.gallery-item .inner-box{
	position:relative;
}

.gallery-item .inner-box .image-box{
	position:relative;
}

.gallery-item .inner-box .image-box img{
	position:relative;
	width:100%;
	display:block;
}

.gallery-item .inner-box .image-box .overlay-box{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	opacity:0;
	text-align:center;
	transition:all 0.6s ease;
	-moz-transition:all 0.6s ease;
	-webkit-transition:all 0.6s ease;
	-ms-transition:all 0.6s ease;
	-o-transition:all 0.6s ease;
	background-color:rgba(0,0,0,0.60);
}

.gallery-item .inner-box .image-box .overlay-box .content{
	position:relative;
    width: 100%;
    height: 100%;
}

.gallery-item .inner-box .image-box .overlay-box .content a{
	position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
}

.gallery-item .inner-box .image-box .overlay-box .content .icon{
	position:absolute;
	left:50%;
	top:50%;
	width:42px;
	height:42px;
	color:#85c977;
	font-size:14px;
	margin-top:-15px;
	margin-left:-15px;
	border-radius:50%;
	line-height:42px;
	font-weight:600;
	z-index:10;
	background-color:#ffffff;
}

.gallery-item .inner-box .image-box .overlay-box .content .icon:after{
	position:absolute;
	content:'';
	left:-3px;
	right:-3px;
	top:-3px;
	bottom:-3px;
	z-index:-1;
	border-radius:50%;
	background-color:rgba(255,255,255,0.40);
}

.gallery-item .inner-box:hover .overlay-box{
	opacity:1;
}


/*Gallery Item 2*/

.gallery-item2{
	position:relative;
	margin-bottom:2px;
}

.gallery-item2 .inner-box{
	position:relative;
}

.gallery-item2 .inner-box .image-box{
	position:relative;
}

.gallery-item2 .inner-box .image-box img{
	position:relative;
	width:100%;
	display:block;
}

.gallery-item2 .inner-box .image-box .overlay-box{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	opacity:0;
	text-align:center;
	transition:all 0.6s ease;
	-moz-transition:all 0.6s ease;
	-webkit-transition:all 0.6s ease;
	-ms-transition:all 0.6s ease;
	-o-transition:all 0.6s ease;
	background-color:rgba(0,0,0,0.60);
}

.gallery-item2 .inner-box .image-box .overlay-box .content{
	position:relative;
    width: 100%;
    height: 100%;
}

.gallery-item2 .inner-box .image-box .overlay-box .content a{
	position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
}

.gallery-item2 .inner-box .image-box .overlay-box .content .icon{
	position:absolute;
	left:50%;
	top:50%;
	width:42px;
	height:42px;
	color:#85c977;
	font-size:14px;
	margin-top:-15px;
	margin-left:-15px;
	border-radius:50%;
	line-height:42px;
	font-weight:600;
	z-index:10;
	background-color:#ffffff;
}

.gallery-item2 .inner-box .image-box .overlay-box .content .icon:after{
	position:absolute;
	content:'';
	left:-3px;
	right:-3px;
	top:-3px;
	bottom:-3px;
	z-index:-1;
	border-radius:50%;
	background-color:rgba(255,255,255,0.40);
}

.gallery-item2 .inner-box:hover .overlay-box{
	opacity:1;
}


/*Gallery Item 2*/

.gallery-item3{
	position:relative;
	margin-bottom:15px;
}

.gallery-item3 .inner-box{
	position:relative;
}

.gallery-item3 .inner-box .image-box{
	position:relative;
}

.gallery-item3 .inner-box .image-box img{
	position:relative;
	width:100%;
	display:block;
}

 .gallery-item3 .inner-box .image-box .overlay-box {
    text-align: center;
}


.gallery-item3 .inner-box .image-box .overlay-box{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	opacity:0;
	text-align:center;
	transition:all 0.6s ease;
	-moz-transition:all 0.6s ease;
	-webkit-transition:all 0.6s ease;
	-ms-transition:all 0.6s ease;
	-o-transition:all 0.6s ease;
	background-color:rgba(0,0,0,0.60);
}

.gallery-item3 .inner-box .image-box .overlay-box .content{
	position:relative;
    width: 100%;
    height: 100%;
}

.gallery-item3 .inner-box .image-box .overlay-box .content a{
	position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
}

.gallery-item3 .inner-box .image-box .overlay-box .content .icon {
    color: #85c977;
    font-size: 14px;
    line-height: 42px;
    font-weight: 600;
}

.gallery-item3 .inner-box .image-box .overlay-box .content .icon{
	position:absolute;
	left:50%;
	top:50%;
	width:42px;
	height:42px;
	color:#85c977;
	font-size:14px;
	margin-top:-15px;
	margin-left:-15px;
	border-radius:50%;
	line-height:42px;
	font-weight:600;
	z-index:10;
	background-color:#ffffff;
}

.gallery-item3 .inner-box .image-box .overlay-box .content .icon:after{
	position:absolute;
	content:'';
	left:-3px;
	right:-3px;
	top:-3px;
	bottom:-3px;
	z-index:-1;
	border-radius:50%;
	background-color:rgba(255,255,255,0.40);
}

.gallery-item3 .inner-box:hover .overlay-box{
	opacity:1;
}