html body.site {
	background: #fff !important;
}
body a {
	color:#56006f; 
}
body a:hover, body a:focus {
	text-decoration:underline;
}
.box2 a {
	color:#56006f;
}
/******* HEADER ******/ 
/**** HEADER top links ******/
@media only all and (min-width: 76rem)
{
.rv-header #g-navigation .g-grid .moduletable ul {
	margin-top:0px;
	text-align:center; 
}

.rv-header #g-navigation .g-grid .moduletable ul li {
	border:1px solid #56006f;
	border-radius: 0px 0px 5px 5px; 
	width: 120px;
	padding: 5px 15px;
}
}
/******* HEADER MENU******/
@media only all and (min-width: 76rem)  {
	/*** TOP ***/
.topmenu .g-content{
	margin:0;
	padding:0;
}
.topmenu .g-main-nav ul {
	border: 1px solid;
	box-sizing: border-box;
	display: flex;
	margin:0;
	padding:0; 
}
#g-navigation .g-grid .topmenu .g-main-nav ul li {
	line-height: 2.5;
	width: 20%;
	text-align: center;
	margin: 0px;
	border-left: 1px solid;
	text-transform: uppercase;

}
}
/**** footer menu *****/

@media only all and (min-width: 76rem)
{
#g-bottom.fp-bottom {
	padding:0; 
	margin:0;
	background:#fff;
}
#g-bottom #rv-footer-menu .g-content.g-particle
{
	margin:0;
	padding:0;
}
#g-bottom #rv-footer-menu .g-main-nav ul 
{
	border: 1px solid #56006f;
	box-sizing: border-box;
	display: flex;
	margin:0;
	padding:0;
}
#g-bottom .g-grid #rv-footer-menu .g-main-nav ul.g-toplevel > li{
	line-height: 2.5;
	width: 20%;
	text-align: center;
	margin: 0px;
	border-left: 1px solid #56006f;
	text-transform: uppercase;
}
#g-bottom .g-grid #rv-footer-menu .g-main-nav ul li:first-of-type{
	border-left:none;
}
#g-bottom .g-grid #rv-footer-menu .g-main-nav ul li a span {
	position:relative; 
	bottom:1px;
}
}
#g-bottom #rv-footer-menu .g-main-nav ul.g-dropdown {
	width:100%; 
}
#g-bottom #rv-footer-menu .g-main-nav ul.g-dropdown > li {
	width:100%;
	text-align:center; 
}
#g-bottom #rv-footer-menu .g-main-nav ul ul.g-sublevel {
	background: #56006f;
	box-sizing: border-box;
	display: inline-block;
	width:100%; 

}
/***** sidebar - box - podaci o firmi - telefoni ****/

.g-particle .rv-company-info, .g-particle .rv-telefoni{
	border: 2px solid #14b3ef;
	border-radius: 8px;
	background: aliceblue; 
}
.g-particle .rv-company-info .g-simplecontent, .g-particle .rv-telefoni .g-simplecontent {
	text-align:center; 
}
.g-particle .rv-company-info .g-simplecontent h2.g-title, .g-particle .rv-telefoni .g-simplecontent h2.g-title{
	color: #14b3ef;
font-size: 1.3em;
text-align: center;
margin: 10px auto;
position: relative;
width: 90%;
text-transform: uppercase;
box-sizing: border-box;
margin: ;
font-family: 'Righteous';
font-weight: lighter;
border: 1px solid aliceblue;
text-align: center;
padding: 0px 14px;
}
.g-particle .rv-company-info .g-simplecontent .g-simplecontent-item-content-title, .g-particle .rv-telefoni .g-simplecontent .g-simplecontent-item-content-title {
	font-size: 1.2em;
margin: 0.525rem 0;
font-weight: 700;
line-height: 1;
color: darkgray;
}
.g-particle .rv-company-info .g-simplecontent .g-simplecontent-item-leading-content{
	font-weight: 400;
font-size: 1.2em;
margin: 10px;
}
.g-particle .rv-telefoni .g-simplecontent .g-simplecontent-item-leading-content a {
	font-size:0.8em;
}
.g-particle .rv-company-info .g-simplecontent .g-simplecontent-item-leading-content a, .g-particle .rv-company-info .g-simplecontent .g-simplecontent-item-main-content a,.g-particle .rv-telefoni .g-simplecontent .g-simplecontent-item-leading-content a, .g-particle .rv-telefoni .g-simplecontent .g-simplecontent-item-main-content a {
	background: white;
padding: 2px 15px;
border: 1px solid #56006f;
border-radius: 4px;
transition: all 1s; 
}
.g-particle .rv-company-info .g-simplecontent .g-simplecontent-item-leading-content a:hover, .g-particle .rv-company-info .g-simplecontent .g-simplecontent-item-main-content a:hover, .g-particle .rv-telefoni .g-simplecontent .g-simplecontent-item-leading-content a:hover, .g-particle .rv-telefoni .g-simplecontent .g-simplecontent-item-main-content a:hover {
	background: #56006f;
	color:white; 
padding: 2px 15px;
border: 1px solid #56006f;
border-radius: 4px;
text-decoration:none; 
}
.g-particle .rv-company-info .g-simplecontent .g-simplecontent-item-main-content{
	font-size: 1.2em;
margin: 2.125rem 0;
margin: 10px;
}

/******* sidebar menu ******/
.g-simplemenu-particle.rv-sidebar-menu-proizvodi .g-simplemenu-container, .g-simplemenu-particle.rv-sidebar-menu-usluge .g-simplemenu-container {
	width:100%;
	text-align:center; 
}
.g-simplemenu-particle.rv-sidebar-menu-proizvodi .g-simplemenu-container h6, .g-simplemenu-particle.rv-sidebar-menu-usluge .g-simplemenu-container h6  {
	color: #14b3ef;
font-size: 1.3em;
font-weight: 500;
letter-spacing: 2px;
text-transform: uppercase;
border-bottom: 1px solid aliceblue;
width: 100%;
position: relative;
margin: 0 auto;
}
.g-simplemenu-particle.rv-sidebar-menu-proizvodi .g-simplemenu-container ul.g-simplemenu, .g-simplemenu-particle.rv-sidebar-menu-usluge .g-simplemenu-container ul.g-simplemenu {
	font-size: 1.2em;
width: 90%;
position: relative;
margin: 0 auto;
}
.g-simplemenu-particle.rv-sidebar-menu-proizvodi .g-simplemenu-container .g-simplemenu li, .g-simplemenu-particle.rv-sidebar-menu-usluge .g-simplemenu-container .g-simplemenu li {
	
}
.g-simplemenu-particle.rv-sidebar-menu-proizvodi .g-simplemenu-container .g-simplemenu li a, .g-simplemenu-particle.rv-sidebar-menu-usluge .g-simplemenu-container .g-simplemenu li a {
	display:block; 
	width:100%;
	border-bottom: 1px dotted #56006f;
	transition: all 1s; 
}
.g-simplemenu-particle.rv-sidebar-menu-proizvodi .g-simplemenu-container .g-simplemenu li a:hover, .g-simplemenu-particle.rv-sidebar-menu-usluge .g-simplemenu-container .g-simplemenu li a:hover {
	text-decoration:none;
	color:#56006f;
	border-bottom: 1px solid #56006f;
}
/****** BREADCRUMBS *****/ 
#g-above.g-default-above {
	text-align:center; 
	margin:0; 
	padding:0;
}
#g-above.g-default-above .g-content {
	margin-top: 10px;
	padding: 0;
	margin-bottom: 0px;
}
ul.breadcrumb {
	margin: 0;
	background: #fff;
	text-transform: uppercase;
}


/****** SINGLE PAGE *****/ 
#g-mainbar .g-content {
	margin-top:0px;
	padding-top:0px; 
}
.page-header h1 {
	display:none; 
}
#main-particle-particle.g-particle .g-title, .page-header h1[itemprop="headline"] {
	display:block; 
	text-align: center;
	color: #14b3ef;
	background: #fff;
border: 2px solid #14b3ef;
	box-shadow: 3px 3px 3px #000; 
	border-radius:7px; 
	font-size: 1.4em;
	margin: 20px auto;
}
#main-particle-particle.g-particle .g-title {
	margin: 0 auto;
	padding:5px;
}
.item-page h3 span {
	color:#14b3ef;
	text-transform:uppercase; 
	font-size: 1.2em !important;
	width: 100%;
	border-bottom: 3px solid aliceblue;
	display: block;
}
/****** single page cta  **********/ 
#kontakt-porucite-vodu-start_page .mainfield.field, .g-content-array.rv-pregled-usluga .g-array-item-read-more, .rv-cta-single-dark {
	display:block;
	margin:0 auto;
	text-align:center;
	width:100%; 
	box-sizing:border-box;  
	position:relative;

	
	
}

#kontakt-porucite-vodu-start_page .mainfield.field button, .g-content-array.rv-pregled-usluga .g-array-item-read-more a, .g-content-array.rv-pregled-proizvoda .g-item-title a, .rv-cta-single-dark a{
	display:block;
	width:100%; 
	box-sizing:border-box; 
	color:#fff; 
	text-decoration:none; 
	font-size:1.6em; 
	font-weight:bold; 
	box-shadow:none;
	background: #75d0f5; /* Old browsers */
	background: -moz-linear-gradient(left, #75d0f5 0%, #18b4f0 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #75d0f5 0%,#18b4f0 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #75d0f5 0%,#18b4f0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	border: 2px solid #ebebeb;
	box-shadow: 3px 3px 3px #000; 
	border-radius:7px; 
	padding:5px 5px; 
	transition: all 1s ease; 
}
.g-content-array.rv-pregled-proizvoda .g-item-title a
{
	text-align: center;
	margin: 0 auto;
	position: relative;
	font-size: 1em;
	width: 80%;
}

.g-content-array.rv-pregled-usluga .g-array-item-read-more a button {
	background:transparent !important; 
	color:white !important; 
	border:none;
}
#kontakt-porucite-vodu-start_page .mainfield.field button:hover, .g-content-array.rv-pregled-usluga .g-array-item-read-more a:hover, .g-content-array.rv-pregled-proizvoda .g-item-title a:hover, .rv-cta-single-dark a:hover{
	text-decoration:none;
	box-shadow:none;
	background: -moz-linear-gradient(right, #75d0f5 0%, #18b4f0 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(right, #75d0f5 0%,#18b4f0 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to left, #75d0f5 0%,#18b4f0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.g-content-array.rv-pregled-proizvoda .g-array-item-image {
	max-height:478px; 
	margin:0px;
}
.rv-pregled-proizvoda .g-array-item-image img {
	clip-path:inset(20% 0%);
}
.rv-pregled-proizvoda .g-array-item-text {
	width:80%;
	text-align:center;
	margin:10px auto; 
	position:relative; 	
}
.g-content-array.rv-pregled-proizvoda .g-grid {
	border-bottom:none;
	margin-bottom:0px;
}
.g-content-array.rv-pregled-proizvoda .g-content {
	padding:0; 
}

/***** single page blockquote ****/ 
.item-page blockquote {
	border-left: 5px dotted rgba(0, 167, 237, 0.3);
}
.item-page blockquote span, .item-page blockquote span em{
	font-size: 1.5em !important;
	color: #5e5e5e;
}
/***** Usluge ****/
.g-content-array.rv-pregled-usluga {
	margin: 3.5em auto; 
	
}
.g-content-array.rv-pregled-usluga .g-item-title a{
	color: #56006f;
	text-align: center;
	margin: 0 auto;
	position: relative;
	display: block;
	text-transform: uppercase;
	font-size: 0.8em;
}
.g-content-array.rv-pregled-usluga .g-item-title a:hover
{
	text-decoration:none;
}
.g-content-array.rv-pregled-usluga .g-array-item-text {
	padding: 5px 10px; 
	text-align: center;
	margin-bottom: 1.5em;
	min-height:140px;
}
/****** CONTACT PAGE *****/ 
div.G3-body.joomla.chronoforms.index + h3{
	display:none; 
}

/********* CIP FOOTER *******/
.rv-footer .g-grid {
	width:100%;
	position:relative; 
}
.rv-footer .g-grid:first-of-type {
	min-height:300px; 
	
}
.rv-footer-social {
	background:#e8e8e8;
}
.rv-footer-social .fa-facebook-square {
	color:#3c5a98; 
}
.rv-footer-social .fa-instagram {
	color:#d01399;
}
.rv-footer-social .fa-linkedin-square {
	color:#007fb2;
}
.rv-footer-social .fa-share-alt-square {
	color:#008751;
}
.rv-btt-btn i {
	top:75px;
	color:#e8e8e8; 
	position:relative;
}
.raj-apr {
background:#8dd7f7;
}
.raj-apr .g-content {
	margin:0 auto;
	padding:0; 
}
.raj-apr .g-content p {
font-family: 'Righteous';
font-size: 1.4em;
margin: 1.5em 0;
}
/********** HOME WATER CIRCLE PHONE MAIL ADDRESS ******/ 
.rv-circle .g-content
{
	position: relative;
	top: 65%;
	left: 48%;
	transform: translate(-50%, -50%) scale(1.6);
	width: 150px;
	height: 150px;
	border: 5px solid #fff;
	box-shadow: 0 0 0 5px #8dd7f7;
	border-radius: 50%;
	overflow: hidden;
	padding:0;
}

.rv-wave:before,
.rv-wave:after
{
	content: '';
	position: absolute;
	width: 200%;
	height: 200%;
	top: 20%;
	left: 50%;
	transform: translate(-50%,-75%);
	background: #000;
}
.rv-wave:before
{
	border-radius: 45%;
	background: rgba(255,255,255,1);
	animation: animate 10s linear infinite;
}
.rv-wave:after
{
	border-radius: 40%;
	background: rgba(255,255,255,.5);
	animation: animate 5s linear infinite;
}
.rv-wave
{
	position: relative;
	width: 100%;
	height: 100%;
	background: #4973ff;
	border-radius: 50%;
}
.rv-circle .rv-wave a {
	z-index: 9999;
	position: relative;
	color: #e8e8e8;
	top: 27%;
	font-size:0.8em; 
}
.rv-circle .rv-wave a:hover {
	color: #bebebe;
}
div.rv-circle:first-of-type .rv-wave a{
	top:30%; 
}
div.txtFooterPhone a, div.txtFooterEmail a, div.txtFooterAddress a
{

	padding: 10px 30px;
	box-sizing: border-box;
	border: 1px solid #56006f;
	border-radius: 5px;
	font-size: 1.2em;

}
div.txtFooterPhone a:hover, div.txtFooterPhone a:focus, div.txtFooterEmail a:hover, div.txtFooterEmail a:focus, div.txtFooterAddress a:hover, div.txtFooterAddress a:focus 
{
	text-decoration:none; 
	background-color: #56006f;
	color:white; 
	transition: all 1s ease-in;
}
/***** mobile choreography ****/
@media only all and (max-width: 50.99rem) {
	/*** header ***/ 
#g-navigation ul.vp-list-inline {
	margin-top: 0;
	margin-left: auto;
	box-sizing: border-box;
	position: relative;
	left:4em; 
}
#g-navigation .vp-list-inline > li {
	display: inline-block;
	padding-right: 5px;
	padding-left: 5px;
	border: 1px solid;
	border-radius: 0px 0px 4px 4px;
	border-top: none;
}
	/**** footer menu mobile ****/
	#g-bottom.fp-bottom {
		background:white; 
		}
	#rv-footer-menu.g-block > div:first-of-type {
		padding:0;
		margin-left:0;
		margin-right:0;
		}
	#g-bottom .g-grid #rv-footer-menu .g-main-nav ul li{
	display:block; 
	text-align:center; 
	}
	#rv-footer-menu .g-main-nav .g-toplevel > li > .g-menu-item-container {
		font-size: 1.5em;
		border-bottom: 1px solid;

		}
	#rv-footer-menu .g-main-nav .g-toplevel > li:first-of-type > a {
	
		border-top: 1px solid;
	}
	#rv-footer-menu .g-main-nav .g-toplevel > li > .g-menu-item-container > .g-menu-item-content {
		bottom: 2px;
		position: relative;
		}
	/**** water circle mobile ****/
	.rv-footer .g-grid:first-of-type {
	min-height:900px; 
	
}
	/***** social icons ****/
	.g-social.rv-footer-social-icons a {
		font-size: 1em;
		}

	/**** raj apr mobile ****/
	.raj-apr .g-content p {
	font-size: 1.3em;
	padding: 5px 10px;
}
	/****** single page mobile ****/
#main-particle-particle.g-particle .g-title, .page-header h1[itemprop="headline"] {
	font-size:1em;
	padding:5px 0px;
}
}
@keyframes animate
{
	0%
	{
		transform: translate(-50%,-70%) rotate(0deg);
	}
	100%
	{
		transform: translate(-50%,-75%) rotate(360deg);
	}
}