/*	Table OF Contents
==========================
General Styles
Flags
Regular Links
Header
MegaMenu
Search Box
Social Fonts
Column Widths to Replace Tables
Breadcrumbs
Left Sidebar
Main Content
Footer
Blog Items
Dotted Boxes
Floats
Responsive




/* =========================
   General
   ========================*/
    
.desktopOnly{ display:block; }
.mobileOnly { display:none; }
.mobileOnly480{display:none; } 
  
  
  .ItemCenter{ 
margin: 0px auto;
width:100%;
text-align:center;
padding:20px 0;
clear:both;
}

  .ItemLeft{
float: left;
margin-right:10px;
}

.ItemLeft .small-image{
max-width:150px;
height:auto;
}

.ItemRight{
float:right;
margin-left:10px;
}

.ItemRight .small-image{
max-width:150px;
height:auto;
}

.ItemRight img, ItemLeft img{
max-width:250px; 
}

  
   .green {
   background-color:#7faf3f;
   }
   
   .copyright {
   padding:20px 10px 10px 10px;
   font-size:12px;
   }
   
   .demo{
    margin-bottom: -99999px;
    padding-bottom: 99999px;
    
}

.whitebg {
background-color:#fff;
border-top-right-radius:5px;
border-bottom-right-radius:5px;
border-bottom-left-radius:5px;
}

#equalheight {
    overflow: hidden; 
    background-color:#fff;
    border-radius:5px;
}

.grey {
background: #F3F2F2;
padding-top:10px;
border:1px solid #ddd;
border-top-left-radius:5px;
border-bottom-left-radius:5px;
}

.darkgrey {
background-color: #3b3b3b;
border-top-left-radius:5px;
border-top-right-radius:5px;
}
    
.white {
background-color:#fff;
border-bottom-left-radius:5px;
margin-left:-15px;
margin-right:-15px;
padding-top:20px;
border-bottom:1px solid #ddd;
}
   
.updates, .inner-wrapper .updates {
font-size:18px;
font-weight:700;
clear:both;
}
  
.inner-wrapper .newsupdates{
margin-top:15px;
margin-bottom:15px;
line-height:24px;
	}
	
.clear {
	clear:both;
	width:100%;
	border-top:1px solid #ddd;
	margin:10px 0 40px 0;
	}
   
/* =========================
   17. Styled Lists
   ========================*/

.inner-wrapper ul{
   margin:20px 20px;
   font-size:13.5px;
}

.inner-wrapper .plain a {
font-weight:400;
color:#007cb9;
font-size:13px;
text-decoration:underline;
}


.inner-wrapper .plain li{
   list-style-type:none;
   padding:3px 0;
}

.inner-wrapper ul.plain{
   list-style: none;
   margin:20px 0;
   font-size:13px;
}


.inner-wrapper .leaf a {
font-weight:400;
color:#007cb9;
font-size:14px;
text-decoration:underline;
}

.inner-wrapper .leaf li:before{
    content: url('https://www.cistilniservis-kalpjica.com/image-files/xleaf-bullet-img.png.pagespeed.ic.4ZF7cKzNqE.png');   
    margin-left: -2em; margin-right: 1em;
    list-style-type:none;
    color:#007cb9;
    padding-right:3px;
 }

.inner-wrapper .leaf li{
   list-style-type:none;
   padding:10px 0;
   color:#007cb9;
}

.inner-wrapper ul .leaf{
   list-style: none;
   list-style-position:outside;
}


.inner-wrapper .checks li:before{
    content: '✔';   
    margin-left: -2em; margin-right: 1em;
    list-style-type:none;
    color:#789325;
    padding-right:3px;
 }

.inner-wrapper .checks li{
   list-style-type:none;
}

.inner-wrapper ul .checks{
   list-style: none;
   list-style-position:outside;
}

.inner-wrapper .x li:before{
    content: 'X';   
    margin-left: -2em; margin-right: 1em;
    list-style-type:none;
    color:#990000;
    padding-right:6px;
 }

.inner-wrapper .x li{
   list-style-type:none;
}

.inner-wrapper ul .x{
   list-style: none;
   list-style-position:outside;
}

.inner-wrapper ul .asterisk, .inner-wrapper .asterisk li {
   margin:0;
   padding:0;
   list-style:none      
}

.inner-wrapper .asterisk li {
   padding-left:20px; 
}

.inner-wrapper .asterisk li:before {
   content: "✸";
   color:#789325;
   margin-left: -1.75em; 
   margin-right: .8em;
   font-size:1.25em;
   padding-right:3px;
}


.inner-wrapper ul .diamond, .inner-wrapper .diamond li {
   margin:0;
   padding:0;
   list-style:none      
}

.inner-wrapper .diamond li {
   padding-left:20px; 
}

.inner-wrapper .diamond li:before {
   content: "✧";
   color:#789325;
   margin-left: -1.75em; 
   margin-right: .8em;
   font-size:1.25em;
   padding-right:3px;
}

.inner-wrapper ul .arrow, .inner-wrapper .arrow li {
   margin:0;
   padding:0;
   list-style:none      
}

.inner-wrapper .arrow li {
   padding-left:20px; 
}

.inner-wrapper .arrow li:before {
   content: "➞";
   color:#789325;
   margin-left: -1.75em; 
   margin-right: .8em;
   font-size:1.25em;
   padding-right:3px;
}

.inner-wrapper ul .star, .inner-wrapper .star li {
   margin:0;
   padding:0;
   list-style:none      
}

.inner-wrapper .star li {
   padding-left:20px; 
}

.inner-wrapper .star li:before {
   content: "✪";
   color:#789325;
   margin-left: -1.75em; 
   margin-right: .8em;
   font-size:1.25em;
   padding-right:3px;
}
 
   
body{
	font-family: 'Roboto', sans-serif;
	color:#000;
	background:#ccc url('https://www.cistilniservis-kalpjica.com/image-files/xbg.png.pagespeed.ic.xjfEfZTxuS.png') top left repeat;
	margin: 0 auto;
	
}

.container{
	
	color: #000;
}

ul,li{
	margin:0;
	padding:0;
}

h1,h2,h3,h4,h5,h6{
font-family:Roboto, sans-serif;	
}

h1{
	font-size:33px;
	color: #000;
	position:relative;
	padding-left:0px;
	font-weight:700;
	padding:0;
}

h2{
color:#000;
font-size:24px;
font-weight:700;
margin:10px 0;
padding:10px 0 40px 0;
}

h3 {
color: #000;
font-size: 24px;
clear:both;
}

h5 {
background-color: #810100;
padding: 5px;
color: #fff;
text-align: center;
font-size: 18px;
clear:both;
margin: 10px auto;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px ; /* future proofing */
-khtml-border-radius: 5px; /* for old Konqueror browsers */
}


.inner-wrapper .caption {
    font-size:14px;
	color:#333;
	font-weight:700;
	margin-top:5px;

}

/* =========================
   Flags
   ========================*/

.flag { margin: 18px 5px 10px 5px; padding:0 2px; }
.flag img { text-align: center; height:auto; width:auto; }
.flags { width:20%; margin:0px auto 0 auto; float:left; line-height:16px;}

.site-logo { margin: 18px 5px 10px 5px; padding:0 2px; }
.site-logo img { text-align: center; height:auto; width:auto; }
.site-logo { width:20%; margin:0px auto 0 auto; float:left; line-height:16px;}


/* =========================
   Regular Links
   ========================*/
   
a:link {
color:  #7faf3f;
font-weight: bold;
font-size: 100%; 
text-decoration: none;
}

a:visited {
color: #ccc;
font-weight: bold;
font-size: 100%; 
text-decoration: underline;
}

a:hover {
color: #333;
font-weight: bold;
font-size: 100%;                 /* Deep red as in Nav headers */
text-decoration: underline;
}


/* =========================
   Header
   ========================*/

header{
	margin: 0 auto;
	margin-bottom:50px;
	min-height:160px;
}
	
	
header .wrapping {
z-index: 999999999;
width: 100%;
margin: 0 auto;
border-bottom:1px solid #eee;
}	
.wrapping { 
background-color:#fff;
}

header .container{
	background:none !important;
}



/* =========================
   MegaMenu
   ========================*/
	
ul.navbar-nav {
	float: left;
}
.navbar-header{
	font-weight:700;
}

.navbar-header .logo, .navbar-header .slogan{
     display: none;
}

.navbar-brand .logo{
	
	color: #fff568;
	
}

.navbar-brand .slogan{
	display:block;
	font-size:22.25px;
	color:#fff568;
}
.navbar-default {
	margin-bottom: 0;
	float: left;
	width: 100%;
	background-color: transparent;
	
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
	color: #fff;
	background: none;
}

.navbar-default .navbar-nav > li a{
	position:relative;
}

.navbar-default .navbar-nav > li .dropdown-menu a:before{
	display:none;
}

.navbar-brand, .navbar-brand-horizontal{
	position:relative;
}

.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > a:hover {
	font-size: 19px;
	line-height:20px;
	color: #fff;
	font-weight: 400;
	text-transform: uppercase;
	text-align: center;
}
.navbar-default {
border: none;
background-color: transparent;
}

.navbar-nav > li {
	margin: 0;
	position: relative;
}
.navbar-nav > li:last-child{
	padding-right:0px;
}
.navbar-nav > li > a {
	
	padding: 0;
	outline: none !important;
	overflow: hidden;
	padding-top:8px;
	padding-bottom:17px;
	padding-left:5px;
	padding-right:8px;
}

.navbar-default .dropdown-menu > li > a{
	text-transform:uppercase;
	
	font-size:16px;
	color:#fff;
	font-weight:300;
	line-height:32px;
}
.dropdown-menu > li > a:hover{
	background:#2e2e2e;
}

.navbar-default .dropdown-menu > li > a:hover {
background-color: #2e2e2e;
}

.navbar-default .container {
	position: relative;
}


.navbar-default .navbar-toggle {
	color: #fff;
	border-color: #fff;
	border: 0;
	height:30px;
	top:0px;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
	background: none;
}
.navbar-default ul.dropdown-menu {
	background: #161616;
	padding:0;
	min-width: 40px;
	border-radius:0;
}

.megamenu-content ul.dropdown-menu {
	background: #161616;
	padding:0;
	min-width: 20px;
	border-radius:0;
}

.dropdown a i{
	display:none;
}

.navbar-nav{
	margin-right:0px;
	margin-top: 5px;
	margin-bottom: 0px;
}

.navbar-nav > li:hover ul.dropdown-menu {
	display: block;
}

.megamenu .nav,
.megamenu .collapse,
.megamenu .dropup,
.megamenu .dropdown {
  position: static;
}
.megamenu .container {
  position: relative;
}
.megamenu .dropdown-menu {
  left: auto;
}
.megamenu .nav.navbar-right .dropdown-menu {
  left: auto;
  right: 0;
}
.megamenu .megamenu-content {
  padding: 20px 20px;
}
.megamenu .dropdown.megamenu-fw .dropdown-menu {
  left: 0;
  right: 0;
}

.megamenu-content h4,.megamenu-content a{
	text-decoration:none;
	font-size:15.5px;
	
	font-weight:300;
	color:#810100;
	text-transform:uppercase;
}
.megamenu-link-list{
	border-left:0px solid #ccc;
	border-right:0px solid #ccc;
	padding:0px;
	margin-top:0px;
}
.megamenu-link-list li a{
color: #fff;	
	list-style:none;
	padding:0 15px;
}
.megamenu-link-list li a:hover{
background-color: #2e2e2e;	
	list-style:none;
	padding:0 15px;
}
.megamenu-link-list li {
color:#fff;
list-style: none;
white-space:nowrap;
}



/* =========================
   Social Fonts
   ========================*/

.secondwrapper{
max-width:1150px;
margin:30px auto 0 auto;
}

.thirdwrapper{
max-width:1150px;
margin:10px auto;
}

.fourthwrapper{
max-width:1150px;
margin:0 auto;
}

.blockmenu {
font-family: Roboto, san-serif;
color:#8a8a8a;
font-weight:700;
width:100%;
margin:-10px auto;
padding:0;
max-width:1150px;
text-align:center;
background-color:#2b2b2b;
height:104px;
border-bottom-left-radius:3px;
  -ms-border-bottom-left-radius:3px;
  -webkit-border-bottom-left-radius:3px;
  border-bottom-right-radius:3px;
  -ms-border-bottom-right-radius:3px;
  -webkit-border-bottom-right-radius:3px;
  -moz-border-bottom-right-radius:3px;
  -moz-border-bottom-left-radius:3px;

}
.blockmenu a {
font-weight:400;
color:#f7f7f7;
padding:0;
margin:0;
text-decoration:none;
font-size:16px;
white-space:nowrap;
}
.blockmenu li{
   list-style-type:none;
   padding:0;
   color:#fff;
   padding:32px 0 72px 0;
   margin:0 auto;
   width:24.75%;
   max-width:285px;
   display:inline-table;
   background: url('https://www.cistilniservis-kalpjica.com/image-files/xblock-menu-tab-black.png.pagespeed.ic.vnH8_ijFZl.png') top center no-repeat;
}
.blockmenu a:hover{
color:#fff;
}
.blockmenu li.current {
background: url('https://www.cistilniservis-kalpjica.com/image-files/xblock-menu-tab-green.png.pagespeed.ic.K4sucAYrqy.png') top center no-repeat;
}
.blockmenu li:hover{
color:#fff;
border-bottom-right-radius:5px;
background: url('https://www.cistilniservis-kalpjica.com/image-files/xblock-menu-tab-green.png.pagespeed.ic.K4sucAYrqy.png') top center no-repeat;
}
.blockmenu ul{
   list-style: none;
   list-style-position:outside;
   -ms-border-bottom-left-radius:5px;
  -webkit-border-bottom-left-radius:5px;
  border-bottom-right-radius:5px;
  -ms-border-bottom-right-radius:5px;
  -webkit-border-bottom-right-radius:5px;
  -moz-border-bottom-right-radius:5px;
  -moz-border-bottom-left-radius:5px;
  margin:0;
  padding:0;
}


.smallmenu {
font-family: 'Quicksand', san-serif;
font-size:12px;
float:right;
margin-top:15px;
color:#bcbcbc;
font-weight:700;
width:50%;
text-align:right;
min-width:280px;
}

div.wrapping > div.social-links > div.container > div.desktopOnly480 > ul.smallmenu{
margin-top:-20px;
}


.smallmenu a.blue, .desktopOnly480 .smallmenu a.blue {
color:#175eac;
}

.smallmenu a, .desktopOnly480 .smallmenu a {
font-weight:400;
color:#bcbcbc;
font-size:12px;
white-space:nowrap;
}

.smallmenu li, .desktopOnly480 .smallmenu li{
   list-style-type:none;
   padding:10px 10px;
   display:inline;
   white-space:nowrap;
}

.smallmenu ul, .desktopOnly480 .smallmenu ul{
   list-style: none;
   list-style-position:outside;
}


.social-links{
	clear:both;
	height: 50px;
	background-color: #fff;	
}


.social, .email{
	margin:5px auto 0 auto;
	padding:0 5px;
	width:30%;
	display:inline-table;
	text-align:right;
}

.secondwrapper .email {
margin-top:20px;
width:35%;
text-align:right;
}

.secondwrapper .email li {
background-image:none;
}

.secondwrapper .site-logo {
width:20%;
}
.secondwrapper .smallmenu{
width:40%;
}
.social li a{
	color:#fff;
	line-height:29px;
	text-align:center;
	font-size:18px;
	height:29px;
	width:33px;
	display:block;
}

.social li, .email li{
	display:inline-block;
	padding:2.5px 2.5px;
	background: transparent url('https://www.cistilniservis-kalpjica.com/image-files/xfb-bg.png.pagespeed.ic.BrUN6GPP7U.png') top center no-repeat;
}

.social li.twitter-bg {
background: transparent url('https://www.cistilniservis-kalpjica.com/image-files/xtwitter-bg.png.pagespeed.ic.HvIz7Efu1B.png') top center no-repeat;
}

.social li.gplus-bg {
background: transparent url('https://www.cistilniservis-kalpjica.com/image-files/xgplus-bg.png.pagespeed.ic.4uE7nYB30s.png') top center no-repeat;
}
.social li:hover a{
	color:#333;
}



/* =========================
   Column Widths to Replace Tables
   ========================*/

.five-columns-wide{
	margin-top:10px;
	clear: both;
	display: table;
}

.five-columns{
	float:left;
	margin-right:25px;
	margin-bottom:20px;
}

.inner-wrapper .five-columns img{
	width:100%;
	max-width: 120px;
	height:auto;
	border: 0px solid #ccc;
        -moz-box-shadow: 1px 0 5px #555;
        -webkit-box-shadow: 1px 0 5px #555;
        box-shadow: 1px 0 5px #555;
}

.five-columns h3{
	color:#810100;
	font-size:16px;
	line-height:20px;
	text-transform:uppercase;
	margin:0 auto;
	margin-top:24px;
	text-align: center;
	background-color: transparent;
}

.five-columns h4{
	color:#810100;
	font-size:12px;
	line-height:20px;
	margin:0 auto;
	text-align: center;
	max-width:120px;
}

.four-columns-wide{
	margin-top:10px;
	clear:both;
	display: table;
}

.four-columns{
	float:left;
	margin-right:22px;
	margin-bottom:20px;
}

.inner-wrapper .four-columns-wide .four-columns img{
	width: 100%;
	max-width: 165px;
	height:auto;
	border: 0px solid #ccc;
        -moz-box-shadow: 1px 0 5px #555;
        -webkit-box-shadow: 1px 0 5px #555;
        box-shadow: 1px 0 5px #555;
}

.four-columns h3{
	color:#810100;
	font-size:16px;
	line-height:20px;
	text-transform:uppercase;
	margin:0 auto;
	margin-top:24px;
	text-align: center;
	background-color: transparent;
}

.four-columns h4{
	color:#810100;
	font-size:12px;
	line-height:20px;
	margin:0 auto;
	text-align: center;
	font-weight: 700;
}


.three-columns-wide{
	clear: both;
	display: table;
	margin: 0 auto;
	margin-top:10px;
}

.three-columns{
	margin: 0 auto;
	float: left;
	margin-bottom:10px;
	text-align: center;
	margin-top:10px;
    width: 33%;
    padding: 0 1%;
}

.inner-wrapper .three-columns img{
	width: auto;
	height:auto;
	border: 0px solid #ccc;
        -moz-box-shadow: 1px 0 5px #555;
        -webkit-box-shadow: 1px 0 5px #555;
        box-shadow: 1px 0 5px #555;
}

.three-columns h3{
	color:#810100;
	font-size:16px;
	line-height:20px;
	text-transform:uppercase;
	margin:0 auto;
	margin-top:24px;
	text-align: center;
	background-color: transparent;
}

.three-columns h4{
	color:#810100;
	font-size:12px;
	line-height:20px;
	margin:0 auto;
	text-align: center;
	font-weight: 700;
}


.two-columns-wide{
	margin-top:10px;
	clear: both;
	display: table;
}

.two-columns{
	margin-right: 20px;
	float: left;
	margin-bottom:20px;
}

.inner-wrapper .two-columns img{
	width: 100%;
	max-width:350px;
	height:auto;
	border: 0px solid #ccc;
        -moz-box-shadow: 1px 0 5px #555;
        -webkit-box-shadow: 1px 0 5px #555;
        box-shadow: 1px 0 5px #555;
}

.two-columns h3{
	color:#810100;
	font-size:16px;
	line-height:20px;
	text-transform:uppercase;
	margin:0 auto;
	margin-top:24px;
	max-width:350px;
	text-align: center;
	background-color: transparent;
}

.two-columns h4{
	color:#810100;
	font-size:12px;
	line-height:20px;
	margin:0 auto;
	text-align: center;
	font-weight: 700;
}

.smallimg {
max-height: 111px;
}

.inner-wrapper .ItemRight img {
max-width:300px;
height:auto;
}

/* =========================
   Breadcrumbs
   ========================*/

.breadcrumb .container {
	-moz-border-radius: 20px 20px 0 0;
-webkit-border-radius: 20px 20px 0 0;
border-radius: 20px 20px 0 0; /* future proofing */
-khtml-border-radius: 20px 20px 0 0; /* for old Konqueror browsers */
box-shadow: 0px 0px 10px #fff;
}

.breadcrumb{
    margin-top: 100px; 
	position:relative;
	background:none;
	padding:0;
	margin-bottom:0;
	
	font-weight: 700;
}

.breadcrumb ul{
	margin:5px 0;
	padding-top:10px;
	text-align:left;
}

.breadcrumb li{
	margin:0;
	padding:0;
	display:inline-block;
	text-transform: uppercase;
	
}
.breadcrumb li a{
	text-decoration:none;
	text-transform: uppercase;
	
}
.breadcrumb li,.breadcrumb li a{
	color: #810100;
	font-size:12px;
	line-height:18px;
}

.breadcrumb li,.breadcrumb li a:hover{
	color:#ccc;
	line-height:18px;
}

.breadcrumb li,.breadcrumb li a:active{
	color: #000;
}

.breadcrumb li:after{
	content:' ::';
	padding:0 3px;
	color: #810100;
	font-size: 14px;
}
.breadcrumb li:last-child:after{
	content:'';
}




/* =========================
   Left Sidebar
   ========================*/

.btn-group button:hover,.btn-group button:focus,.btn-group button:active{
	color:#fff !important;
}

.btn-group button span{
	position:absolute;
	top:10px;
	right:10px;
	font-size:13px;
	color:#484848;
}

.shadow-containers img {
margin: 0 auto;
display: block;
}

.left-sidebar p{
	color:#1d1d1d;
	font-size:13px;
	line-height:15px;
}
.left-sidebar a.btn, .latest-post a.btn{
	background: #1f1f1f;
	border-radius:4px;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: 400;
	font-size: 13px;
	padding:9px 17px;
	position: relative;
	margin-top:10px;
	margin-left:20px;
	
}
.left-sidebar a.btn:hover, .latest-post a.btn:hover{
	background:#000;
}

.btn.sold-out:hover{
	background: #1f1f1f !important;
	cursor:not-allowed;
}

.left-sidebar-heading {
color: #000;
margin: 0 auto;
width: 100%;
padding: 3px;
font-weight: 700;
margin-bottom: 10px;
font-size: 15px;
margin-left:15px;
}

.footer-heading {
color: #888;
margin: 25px auto 0 15px;
width: 100%;
padding:0 3px;
font-weight: 400;
font-size: 13.5px;
}

.footer-heading:nth-child{
margin-top:10px;
}

.left-sidebar-span{
margin:20px 0 30px 0;
margin-left:15px;
font-size:24px;
clear:both;
color:#1d1d1d;
}

.footer-span{
margin:20px 0 10px 0;
margin-left:15px;
font-size:15px;
clear:both;
color:#ddd;
}

.left-sidebar, .shadow-containers{
        padding: 5px;
        margin:0px auto 20px auto;
        width: 100%;
        display: block;
        color:#1d1d1d;
}

.left-sidebar ul{
	margin-left:20px;
	margin-top:-5px;
	margin-bottom:20px;
	padding:0;
	font-weight: 700;
}
.left-sidebar li{
	list-style:none;
	font-size:13px;
	padding-left:10px;
	margin:0;
}
.left-sidebar ul li {

padding-top:0;
}

.left-sidebar li a {
color: #9f9f9f;
}

.left-sidebar h4 {
font-size:14px;
margin-left:25px;
font-weight:700;
}

/* =========================
   Main Content
   ========================*/


#main-content-area{
	position:relative;
	line-height:20px;
	color:#333;
	font-size:15px;
	margin-top:0px;
	margin:0 auto;
	max-width:1150px;
}


.inner-wrapper {
padding:5px 30px 60px 30px;
color:#747474;
font-size:15px;
}

.inner-wrapper p{
	font-size:15px;
	line-height:27px;
	color:#747474;
	margin-top:30px;
	margin-bottom:30px;
}

.inner-wrapper iframe {
width:100%;
min-height:350px;
height:auto;
margin:0 auto;
}

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


.inner-wrapper ul{
padding: 0;
margin: 0 0 0 20px;
}

.inner-wrapper li{
margin-left: 10px;
padding-left: 10px;
}



/* =========================
   Footer
   ========================*/
footer {
max-width:1150px;
margin:0 auto;
}

footer .container{
	position:relative;
	padding-top:30px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	background-color: transparent;
	-moz-border-radius: 0 0 5px 5px;
-webkit-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px ; /* future proofing */
-khtml-border-radius: 0 0 5px 5px; /* for old Konqueror browsers */
color: #fff;
}

footer h4{
	font-size:18px;
	font-family:'Roboto Condensed', san-serif;
	padding:20px 0px;
	margin-left:20px;
	border-bottom:0.5px solid #555;
	color: #fff;
	font-weight:700;
	width:70%;
}

footer h4 span{
	color:#fff;
	position:relative;
	margin-right:10px;
}

footer .container a{ 
color: #fff; 
font-weight: 400;
}
.sitemap{
	margin:25px 0 20px 20px;
	padding:0;
	color:#888;
}

.sitemapsub{
	margin:10px 0 20px 25px;
	padding:0;
	color:#888;
}
.sitemap li, .sitemapsub li{
	margin:0;
	padding:0;
	list-style:none;
	line-height:30px;
	font-size:12px;
}
.sitemap li:last-child, .sitemapsub li:last-child{
	border-bottom:0;
}
/* .sitemap li:before{
	content:'.';
	font-size:40px;
	color:#181818;
	line-height:5px;
	padding-right:10px;
}
*/
.sitemap li a, .sitemapsub li a{
	color:#888;
	text-decoration:none;
	font-weight:700;
}

.sitemap li a.blue, .sitemap li a .blue {
color:#175eac; 
}

.sitemap li a:hover, .sitemapsub li a:hover{
	color:#7faf3f;
}

/* =========================
   Floats
   ========================*/

.ItemCenter{ 
margin: 0 auto;
width:100%;
text-align:center;
}

.ItemLeft{
float: left;
margin-bottom:30px;
margin-right:40px;
margin-top:0px;
}

.ItemRight{
float:right;
margin-left:10px;
}

/* =========================
   Responsive
   ========================*/


/* Large desktop */
@media (min-width: 1200px) {

.flag { margin: 10px 5px 10px 5px; }

.navbar-nav > li > a {
	padding-left:0px;
	padding-right:20px;
}

.mobileOnly { display:none;
}

}

 @media (max-width: 1050px) {
 .blockmenu li {
 width:24.7%; }
 }
 
 @media (max-width: 991px) {
 
 .flags .flag { /*display: none; */}
 }
 
/* Portrait tablet to landscape and desktop */
@media (max-width: 980px) {
.desktopOnly {display: block; }

header { /* max-width: 760px; */ }

.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > a:hover {
font-weight: 100; 
}

.navbar-nav > li > a {
	padding-left:13px;
	padding-right:13px;
}

.left-sidebar img{
	max-width:100%;
	float:none;
	margin-right:0;
	margin-bottom:20px;
}
.navbar-nav {
margin-bottom: auto;
margin-top: auto;
}
.navbar-nav > li:after{
	display:none;
}
.navbar-nav > li > a{
	padding:0;
}

.navbar-nav > li{
	padding:10px 0 0 20px;
}

.navbar-nav > li:hover ul.dropdown-menu {
	display: none;
}
ul.dropdown-menu {
	display: none;
	width: 100%;
	margin-bottom: 20px;
	position: relative;
	float: none;
}
ul.navbar-nav{
	display:block;
}

.dropdown a i{
	display: inline-block;
}

.container > .navbar-header, .container > .navbar-collapse{
	padding-bottom:10px;
	padding-left:10px;
}

ul.navbar-nav{
	float:none;
}

.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{
	text-align:left;
}
}

@media (max-width: 971px) {
.secondwrapper .email {
padding-right:0px;
text-align:right;
width:40%;
}

}


@media (max-width: 925px) {
.secondwrapper .email {
padding-right:0px;
text-align:right;
width:40%;
}

.secondwrapper .email img {
max-width:90%; height:auto;
}

}

@media (max-width: 910px) {
.blockmenu li {
width:24.5%;
}
}

/* Landscape phone to portrait tablet */
@media (max-width: 800px) {
header {
/*left:0;
right:0; */
}

.secondwrapper .email img {
max-width:80%; height:auto;
}
	
.secondwrapper .smallmenu img{
height:75px;
width:auto;
} 
.secondwrapper .site-logo img {
max-width:210px;
}

.left-sidebar, .shadow-containers{
	display:table;
	margin:0 auto;
}

.left-sidebar, .shadow-containers{
	margin-bottom: 20px;
}
 }
 
 @media (max-width:767px) {
 .mobileOnly { display:block; }
 .desktopOnly { display:none; }
 footer .social { width:100%; margin:10px auto; text-align:center; }
 .green { background-color:#fff; }
 footer .copyright { color:#000; margin:0 auto; text-align:center; padding:0;}
 footer .copyright span { font-weight:bold; font-size:14px;}
 footer .mobileOnly .ItemRight { margin:0 auto; text-align:center; width:100%; float:none; }
 div.col-lg-3.col-md-3.col-sm-3.grey {display:none; }
 }
 
 @media (max-width: 715px) {
 .flags {/*display: none;*/ width:32%; text-align:left;}
 .smallmenu, .desktopOnly480 .smallmenu { width:68%; }
 div.wrapping > div.social-links > div.container > div.desktopOnly480 > ul.smallmenu{
margin-top:17px;
}
 .social, .email { text-align:left; width:32%; }
 .social-links .social { display:none; }
 .secondwrapper .email {width:50%; float:right;}
 .secondwrapper .smallmenu {display:none; }
 .blockmenu a { font-size:14px; }
 }
 
 @media (max-width: 608px) {
 .flags {/*display: none;*/}
 }
 
 @media (max-width: 550px) {
 .blockmenu {display:none;}
 }
 
 
/* Landscape phones and down */
@media (max-width: 500px) {



.three-columns {
width: 50%;
}


.breadcrumb ul{
	padding-top:0;
}

.navbar-default .navbar-toggle,.nav-search,.nav-search button {
	height:30px;
	line-height:30px;
}

.nav-search:hover{
	width:250px;
}

.nav-search { 
display: none;
}

.left-sidebar, .shadow-containers{
	margin-bottom: 20px;
}
}

@media (max-width: 500px) {
.social-links { background-color:#7aac33; }
.secondwrapper .email { display:none; }
.social-links .flags { float:left; width:100%; }
.social-links .social { width:0; }
.social-links .mobileOnly480 .smallmenu { margin:0; padding:0; position:absolute; top:13px; right:10px; text-align:right; }
.secondwrapper .site-logo { width:100%; margin:0 auto; text-align:center; }
.secondwrapper .site-logo img { max-width:300px; width:100%; height:auto; }
.desktopOnly480 {display:none; }
.mobileOnly480{ display:inline; color:#fff; }
.mobileOnly480 a { color:#fff; font-size:16px; }
.smallmenu a{ color:#fff; }
}

@media (max-width: 360px) {

.left-sidebar, .shadow-containers{
	margin-bottom: 20px;
}	
}

@media (max-width: 320px) {
	.left-sidebar, .shadow-containers{
	margin-bottom: 20px;
}
	}
		
@media (max-width: 500px) {
	.three-columns { width: 98%; padding: 0; }

	}
		


@media (max-width: 568px) and (orientation: landscape) { 
.smallmenu { margin-top:0; }
.social-links { background-color:#7faf3f; }
 div.wrapping > div.social-links > div.container > div.desktopOnly480 > ul.smallmenu{
margin-top:17px;
}
.mobileOnly480 .smallmenu a, .smallmenu a, .mobileOnly ul.smallmenu a, div.wrapping > div.social-links > div.container > div.desktopOnly480 > ul.smallmenu a{ color:#fff; }
.navbar-brand-horizontal {
float:left;
}

.navbar-brand-horizontal .logo{
	display:block;
	font-size:22px;
	line-height:22px;
	margin-top:5px;
	color: #fff568;
	text-shadow: 0px 0px 10px #fff;
	
	text-transform: uppercase;
	max-width:200px;
}

.navbar-brand-horizontal .slogan{
	display:block;
	font-size:13.25px;
	color: #fff;
	text-shadow: 0px 0px 5px #ccc;

	text-transform:uppercase;
    max-width:200px;
}

.breadcrumb{
margin-top:150px; }

 }
	

	
a#backToTop {
a#backToTop {
    width:40px;
    height:40px;
    opacity:0.5;
    position:fixed;
    bottom:5px;
    left:50%;
    display:none;
    text-indent:-10000px;
    outline:none !important;
    background-image: url('https://www.cistilniservis-kalpjica.com/image-files/xui.totop.png.pagespeed.ic.AJMqRBwz0T.png');
    background-repeat: no-repeat;
}

.copyright { min-height:50px; height:200px; margin:0 auto; padding:20px; display:inline; clear:both; }