html, body{
	margin: 0;
	padding: 0;
}

/*SLIDER*/
/* .slider-img{
	display: inline-block;
	position: relative;
	right: -50%;
} */

.slider-img img{
	/* position: relative;
	max-width: inherit;
	left: -50%; */
	max-width:100%;
	margin:auto;
}

.wrapper-slider{
	position: relative;
}

.wrapper-img{
	overflow: hidden;
	width: 100%;
}

.custom-pager{
	position: absolute;
	width: 100%;
	text-align: center;
	bottom: 35px;
	z-index: 500;
}

.custom-pager a{
	background: url('../../images/slider/home-bullet.png');
	display: inline-block;
	width: 14px;
	height:14px;
	margin: 0 5px;
}

.custom-pager a:hover,.custom-pager .cycle-pager-active{
    background-position: left bottom;
}

#prev{
	background: url('../../images/slider/home-arrow.png') no-repeat left top;
	width: 50px;
	height: 49px;
	left:30px;
	cursor: pointer;
}

#prev:hover{
	background-position: left bottom;
}

#next{
	background: url('../../images/slider/home-arrow.png') no-repeat right top;
	width: 50px;
	height: 49px;
	right: 30px;
	cursor: pointer;
}

#next:hover{
	background-position: right bottom;
}

#next,#prev{
	position: absolute;
	z-index: 500;
	top: 0;
	bottom: 0;
	margin: auto;
}

.arrow-down{
	background: url('../../images/slider/00_nav_7.png') no-repeat;
	width: 64px;
	height: 64px;
	position: absolute;
	bottom: 20px;
	z-index: 500;
	left: 0;
	right: 0;
	margin: auto;
	cursor: pointer;
}

.arrow-down:hover{
	background-position: left bottom;
}

/*TRIANGLE*/
.wrapper-triangle{
	position: relative;
    display: none;
}

.triangle{
	width: 25px;
	height: 25px;
	background-color: #0095d2;
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	padding-bottom: 20px;
	-ms-transform: rotate(45deg); /* IE 9 */
	-webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
	transform: rotate(45deg);
	z-index: 400;
	bottom: -51px;
}

/*TAB*/
.bg-light-gray-tab{
	background-color: #ECECEC;
	/*padding: 0 5%;*/
	font-family: Roboto-Bold;
	font-size: 22px;
	color: #9E9E9E;
	/*margin-top: -5px;*/
}

.menu-fun, .menu-news{
	padding: 0 5%;
}

.hvr:hover,.hvr.active{
	background-color: #FFFFFF;
	cursor: pointer;
}

.hvr:hover .icon-fun,.hvr.active .icon-fun{
	background-position: left bottom;
}

.hvr:hover .icon-article,.hvr.active .icon-article{
	background-position: left bottom;
}

.hvr:hover .icon-news,.hvr.active .icon-news{
	background-position: left bottom;
}

.hvr:hover .text-tab,.hvr.active .text-tab{
	color: #0092CF;
}

.hvr.active .wrapper-triangle{
	display: block;
}

.text-tab{
	margin-top: 30px;
}
.menu-events, .menu-articles, .menu-news{
	padding: 0 5%;
	height: 100px;
}

.icon-fun{
	background: url('../../images/tab/01_menu1.png') no-repeat;
	width: 36px;
	height: 70px;
	float: left;
	margin: 19px 30px;
}

.icon-article{
	background: url('../../images/tab/01_menu2.png') no-repeat;
	width: 24px;
	height: 63px;
	float: left;
	margin: 22px 30px;
}

.icon-news{
	background: url('../../images/tab/01_menu3.png') no-repeat;
	width: 41px;
	height: 60px;
	float: left;
	margin: 24px 30px;
}

/*CONTENT*/
.all-content{
	min-height:200px;
}
.hide-grid{
	padding: 0;
	margin: 0;
}

.wrapper-all-cols{
	position: relative;
}

.wrapper-all-cols img{
	min-height: 200px;
}

.wrapper-all-cols.twitter{
    background-color:#e4ddd7 ;
    position: relative;
    height: 100%;
}
.wrap-inner-twitter{
    position:relative;
    display: inline-block;
    text-align: center;
}
.wrap-inner-twitter img{
    max-width: 100%;
    width:100%;
    margin: auto;
}
.title-content-twitter{
    font-size:25px;
    line-height: 20px;
    color: #ffffff;
    padding: 45px 0 0 0;
    text-align: center;
    font-family: Roboto-Bold;
    width:80%;
    margin: auto;
}
.leaf-left,.leaf-right{
    position: absolute;
    bottom: 0;
    max-width: 25%;
    height: auto !important;
    width: auto !important;
    min-height: auto !important;
}
.leaf-left{
    left: 0;
}
.leaf-right{
    right: 0;
}
.content-cols-twitter {
    display: block;
    height: 174px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 34%;
    width: 70%;
}
.all-content .row .col-md-6{
    height: 100%;
}
.wrap-content-tweetfeed{
    position: absolute;
    left:0;
    right:0;
    bottom:0;
    margin: auto;
    width: 100%;
}
.wrap-all-leafs{
    position: absolute;
    bottom:0;
    width: 100%;
}

.content-cols-reg {
   position: absolute;
   bottom: 150px;
   left: 0;
   padding: 0 2%;
   width: 100%;
   margin: auto;
   display: block;
   z-index:300;
}

.content-cols-small {
   position: absolute;
   bottom: 35px;
   left: 0;
   padding: 0 2%;
   width: 100%;
   margin: auto;
   display: block;
   z-index:300;
}

.content-cols-big {
   position: absolute;
   bottom: 150px;
   left: 0;
   padding: 0 2%;
   width: 100%;
   margin: auto;
   display: block;
   z-index:300;
}

.content-cols-news{
   position: absolute;
   bottom: 150px;
   left: 0;
   padding: 0 2%;
   width: 100%;
   margin: auto;
   display: block;
   z-index: 300;
}

/*FUN & NEWS*/
.wrap-cols-nonarc{
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	width:100%;
	height:100%;
	z-index:300;
}
.content-cols-nonarc{
	position: absolute;
	bottom: 15px;
	left: 0;
	padding: 0 2%;
	width: 100%;
	margin: auto;
	z-index: 400;
}

.bg-icon-time{
	background: url(../../images/content/ico_time.png) no-repeat;
	width: 20px;
	height: 20px;
	margin-left:10px;
}

.icon-time{
	float: left;
	width: 20px;
	height: 20px;
	margin: 5px 10px;
}

.date{
	padding: 0 10px;
	font-family: Roboto-Reg;
	font-size: 12px;
	color: #FFFFFF;
}

.hashtag-cat{
	padding: 0 3px;
	margin: 0 0 0 10px;
	float: left;
	background-color: #7bbb0f;
	transform: skew(-15deg, 0deg);
	-webkit-transform: skew(-15deg, 0deg);
	-moz-transform: skew(-15deg, 0deg);
	font-family: Roboto-Reg;
	font-size: 14px;
	color: #FFFFFF;
	text-transform: uppercase;
}

.content-title{
	margin: 5px 10px 20px 10px;
	max-width: 500px;
	font-family: Roboto-Bold;
	font-size: 30px;
	color: #FFFFFF;
	text-transform: uppercase;
	text-shadow: 2px 2px #000000;
}

.content-title a{
	color:#ffffff;
	text-decoration:none;
}

.content-title a:hover{
	text-decoration:underline;
}

.readmore-link{
	text-decoration: none;
	color: #000000;
	display:inline-block;
}

.readmore-link:hover{
	text-decoration: none;
	color: #FFFFFF;
}


.read-more{
	background: url('http://www.hydrococo.com/images/content/02_artikel_btn1.png') no-repeat;
	width: 123px;
	height: 31px;
	margin: 7px 10px;
	padding: 5px 10px;
	font-family: Roboto-Reg;
	font-size: 13px;
	color: #000000;
	cursor: pointer;
	text-transform: uppercase;
}

.read-more:hover{
	background-position: left bottom;
	color: #FFFFFF;
}

.tags{
	font-family: Roboto-Bold;
	font-size: 30px;
	color: #FFFFFF;
	background-color: #f00001;
	display: inline-block;
	padding: 10px;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 500;
}

.load{
	margin: 30px 0;
	font-family: Roboto-Bold;
	font-size: 36px;
	color: #FFFFFF;
	text-transform: uppercase;
	text-decoration: none;
}

.wrapper-loadmore{
	background-color: #0092ce;
	padding: 10px;
    width: 300px;
    margin: 0 auto;
    cursor: pointer;
}

.load-more{
	border: 3px solid #FFFFFF;
}

.loadmore .no-data, .loadmore .wrapper-loadmore{
	display:none;
}

.loadmore .no-data{
	text-transform: lowercase;
	font-size: 18px;
	color: #000000;
	padding: 0;
}

.wrapper-arti{
	border-bottom: 2px solid #a3a3a3;
	margin-bottom: 20px;
}

.wrapper-newsart{
	display: block;
}

/*SET HEIGHT IMAGE HOME*/
.wrapper-all-cols.highlight > img,.wrapper-all-cols.video > img,.wrapper-all-cols.twitter > img{
	width: 100%;
	height: 564px;
}

.wrapper-all-cols.article > img{
	width:100%;
	height:282px;
}

.wrapper-newsart .wrapper-all-cols > img{
	width:100%;
	height: 282px;
}

/*SET POSITION OF LOADING IMAGE*/
.wrapper-all-cols .loading-small img{
	min-height:auto;
}

.wrapper-all-cols.highlight .loading-small{
	top:155px;
}

.wrapper-all-cols.article .loading-small{
	top:30px;
}

.wrapper-all-cols.video .loading-small{
	top:0;
	bottom:0;
}

.wrapper-newsart .loading-small{
	top:80px;
}

@media screen and (max-width: 1200px){
	.tab-category{
		border: none;
	}
	.tab-sort{
		border: none;
	}
}

@media screen and (min-width: 1025px){
	.slider-tablet, .slider-mobile{
		display: none;
	}
}

@media screen and (min-width: 641px) and (max-width: 1024px){
	.slider-desktop, .slider-mobile{
		display: none;
	}
}

@media screen and (max-width: 991px){
	.wrapper-all-cols.highlight img,.wrapper-all-cols.video img,.wrapper-all-cols.twitter img, .wrapper-all-cols.article img{
		height: auto;
	}
	.wrapper-newsart .wrapper-all-cols > img{
		height: auto;
	}
	.menu-articles{
		padding: 0 0 15px 0;
	}
	.menu-events, .menu-articles, .menu-news{
		height: 100px;
		padding: 0;
	}
}

@media screen and (max-width: 817px){
	.hide-tab{
		display: none;
	}
}

@media screen and (max-width: 767px){
	.content-cols-reg,
	.content-cols-small,
	.content-cols-big {
	   bottom: 0;
	}

	.content-title{
		font-size: 16px;
	}

	.content-cols-news{
	   bottom: 10px;
	}

    .title-content-twitter{
        display: none;
    }
}

@media screen and (max-width: 655px){
	.menu-articles{
		padding: 0 0 15px 0;
	}
	.text-tab{
		float: none;
		text-align: center;
	}
	.menu-events, .menu-articles, .menu-news{
		height: 165px;
	}
}

@media screen and (max-width: 640px){
	.slider-tablet, .slider-desktop{
		display: none;
	}

	.icon-fun, .icon-article, .icon-news, .text-tab{
		float: none;
		text-align: center;
	}

	.menu-articles{
		padding: 0 0 15px 0;
	}

	.icon-fun{
		margin: 19px auto;
	}

	.icon-article{
		margin: 26px auto;
	}

	.icon-news{
		margin: 28px auto;
	}

    .wrap-inner-twitter{
        width: 90%;
    }

    .leaf-left, .leaf-right{
        max-width: 20%;
    }

    .arrow-down{
        display: none;
    }

    .custom-pager{
        bottom:5px;
    }

    #prev{
        left: 10px;
    }

    #next{
        right: 10px;
    }

    .wrap-inner-twitter img{
        max-width: 100%;
    }

    .wrap-inner-twitter{
        width: 85%;
    }
}

@media screen and (max-width: 480px){
    .content-cols-twitter{
        top: 30%;
    }
}

@media screen and (max-width: 479px){
	.icon-fun, .icon-article, .icon-news{
		float: none;
		text-align: center;
	}
	.icon-fun{
		margin: 19px auto;
	}

	.icon-article{
		margin: 26px auto;
	}

	.icon-news{
		margin: 28px auto;
	}

	.text-tab{
		text-align: center;
	}

	.read-more{
		margin: 20px 10px;
	}
}