/*@import url('https://fonts.googleapis.com/css?family=Roboto:400,400i,700&subset=latin-ext');*/
header#site-header {
    display: none;
}
html {font-family: Roboto,-apple-system,BlinkMacSystemFont,"Segoe UI",Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;}
#content-wrap {
    width: 100% !important;
    margin: 0 !important;
    max-width: 100% !important;
}
:focus {
    outline: none;
}
a:hover {
    /*color: inherit;*/
}

.card-action a, .card-action i {vertical-align: middle;}

.page-footer i{color: hsl(201,98%,41%);}
.page-footer a{color: white;}
.page-footer a:hover{color: #0294e3;}

.card-content table i.material-icons{color: white !important;padding: 5px; margin-right: 10px;}
.theme-button, input[type="submit"], button[type="submit"], button {
    padding: inherit;
}

#main_menu_button {
    position: fixed;
    top: 20px;
    left: 20px;
    z-index: 20;
    color: white;
    text-shadow: 0px 0px 2px rgba(0,0,0,0.5);
}
#main_menu_button:hover{
    text-shadow: 0px 0px 6px rgba(0,0,0,0.6);
}

#main_menu_nav a.active {
  background-color: rgba(0,0,0,.8);
}
.brand-logo img{height: 25px;margin-top: -7px;}
.collapsible-body img{max-height: 100px;}
.progress_bar_top{display:none;}
.pinned {position: -webkit-sticky !important; position: sticky !important;position: fixed !important;}
.row{margin-bottom:0;width:100%;}
.page-footer {background-color: #263238; padding: 3rem 0;}
.block{background-repeat: no-repeat;background-size: unset;max-height: 200vh;}
.content{
	padding: 3rem 0;
	/*min-height: 100vh; 
	height: 100%;*/
}
.content.join_bottom{padding-bottom: 0;}
p.join_bottom,h1.join_bottom,h2.join_bottom,h3.join_bottom,h4.join_bottom{padding-bottom: 0; margin-bottom:0;}
p.join_top,h1.join_top,h2.join_top,h3.join_top,h4.join_top{padding-top: 0; margin-top:0;}
.content.join_top{padding-top: 0;}
/* FORMS */
/*label span {
    color: white;
}
.input-field .prefix.active {
	color: rgba(0,0,0,0.2);
}
.input-field input:focus + label, .materialize-textarea:focus:not([readonly]) + label {
	color: rgba(0,0,0,0.2) !important;
}
.input-field input[type=text]:focus, .materialize-textarea:focus:not([readonly]) {
	border-bottom: 1px solid rgba(0,0,0,0.2) !important;
	box-shadow: 0 1px 0 0 rgba(0,0,0,0.2) !important;
}
input, .materialize-textarea:not([readonly]){
	border-bottom: 1px solid rgba(255,255,255,0.5) !important;
	box-shadow: 0 1px 0 0 rgba(255,255,255,0.5) !important;
	border-bottom: 1px solid rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 1px 0 0 rgba(0,0,0,0.2);
	box-shadow: 0 1px 0 0 rgba(0,0,0,0.2);
	color:white
}
form label, form .input-field>label, form i {
	color: rgba(255,255,255,0.6);
}
[type="checkbox"].filled-in:checked+span:not(.lever):after {
	border: 2px solid rgba(255,255,255,0.5);
	background-color: rgba(255,255,255,0.2);
}
[type="checkbox"].filled-in:not(:checked)+span:not(.lever):after {
	border: 2px solid rgba(255,255,255,0.5);
}
label input[type="checkbox"]{
	display: none;
}*/


p {
/*	font-size: 1.1rem;*/
/*	margin-bottom: 0.8rem;*/
}
h1,h2,h3,h4,h5,p{
	margin: 0 0 0.5rem 0; 
	padding: 0;
	word-break: keep-all;
/*	-webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;transition: all .3s;*/
}
h1{margin: 1rem 0 1rem 0}
section>.container>h1, section>.container>p{text-align: center;}

/*.container>p:not(.pretitle){
	margin-bottom: 2rem;
}*/
.modal.bottom-sheet h3 i{
	text-shadow: none;
}
.lazyload, .lazyloading {
	opacity: 0;
	will-change: opacity;
}
.lazyloaded {
	opacity: 1;
	-webkit-transition: opacity .12s ease;
	-moz-transition: opacity .12s ease;
	-o-transition: opacity .12s ease;
	transition: opacity .12s ease;
}
img.lazy {
    opacity: 0;
	will-change: opacity;
	-webkit-transition: opacity .2s ease;
	-moz-transition: opacity .2s ease;
	-o-transition: opacity .2s ease;
	transition: opacity .2s ease;
}
img.lazy.lazy-loaded {
    opacity: 1;
	will-change: opacity;
	-webkit-transition: opacity .2s ease;
	-moz-transition: opacity .2s ease;
	-o-transition: opacity .2s ease;
	transition: opacity .2s ease;
}
/* review cards */
.review_card{
    max-width:200px;
    display:block;
    margin: 5px auto;
}
.review_card .card-image{
    max-width:80px;margin:auto;display:block;min-height: unset !important;
}
.review_card .card-content{
	text-align: center !important;
}
.review_card .review{text-align: center;}
.review_card .btn{margin-top:20px;}
.review_card.stick_left{float:left}
.review_card.stick_right{float:right}
@media screen and (max-width:600px){
	.review_card{
		display: table;
		margin: 0 auto;
		max-width: 100%;
		margin-bottom: 10px;
	}
	.review_card.stick_left, .review_card.stick_right{float:none}
	.review_card .image{
		display:table-cell;
		margin:auto;
		width:30%;
		min-width: 50px;
	}
	.review_card .image img{
		padding:0px; 
		max-width:100px;
		display:block;
		margin:auto;
	}
	.review_card .review{
		text-align: left;
		display:table-cell;
		width:70%;
		vertical-align: top; 
	}
	.review_card .card-content{
		padding:12px 24px !important;
		height: 100%;
		vertical-align: middle; 
		display:table-cell;
		text-align: left !important;
	}
	.review_card .btn{
		padding:0 10px;
		margin-top:10px;
		font-size:12px;
	}
	.review_card .card-image{
		width:70px;
	}
}
blockquote {
    margin: 20px 0;
    border-left: 4px solid #E91E63;
}
/*h1,h2,h3,h4,h5{text-shadow: 0px 2px 3px rgba(0,0,0,.5);}

.card *:not(.price) ul{
	margin-left: -20px;
}

*/

h1{font-size: 2rem;}
h2{font-size: 1.5rem; margin: .5rem 0 .5rem 0;}
h3{font-size: 1.5rem; margin: .5rem 0;}
@media only screen and (max-width:550px){
	h1{font-size:1.8rem;}
	h2{font-size:1.2rem;}
	h3{font-size:1.2rem;}
	p{font-size:1rem;}
	h1,h2,h3,h4,p,ul,li,i,blockquote,img,table,th,td{user-select: none;}
	.card-action, .card-action i {font-size:1rem !important; line-height: inherit;}
	blockquote {padding-left: 1rem;}
	.card .card-action a:not(.btn):not(.btn-large):not(.btn-small):not(.btn-large):not(.btn-floating) {
		margin-right: 12px;
	}
}

.card p, .card ul{
	/*color: #424242;*/
}
.card-image:not(.review_card .card-image){
	background-color: #f5f5f5;
}
.small_card_icon {
    padding: 20px 35px 55px 35px;
    max-height: 160px;
    width: calc(100% - 70px) !important;
}
.card-reveal{
	overflow-x: hidden;
}
.card-title{z-index: 1;}
@media only screen and (max-width:550px){
	.card-title{font-size:1.3rem !important; margin-right:-10px;}
	.card:not(.price){
/*		width:240px;*/
	}
	.card-content,.card-action{
		padding: 15px !important;
	}
	.card-reveal{
		padding-top: 15px !important;
		padding-left:15px !important;
		padding-right: 15px !important;
	}
	.card-panel{
		padding: 15px !important;
	}
	.card-image .btn-floating.halfway-fab {
		right: 15px;
	}
	.small_card_icon {
		padding: 10px 25px 40px 25px;
		width: calc(100% - 50px) !important;
		max-height: 140px;
	}
}
.card .card-action a:not(.btn):not(.btn-large):not(.btn-small):not(.btn-large):not(.btn-floating) {color: #0277bd;}
.card .card-action a:hover:not(.btn):not(.btn-large):not(.btn-small):not(.btn-large):not(.btn-floating) {
    color: hsl(201, 98%, 45%);
}
.card .halfway-fab{background-color: #0277bd;}

nav{z-index:20;background-color: inherit !important;}
.nav-wrapper{
	background-color: #a17c31;
	-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;
}

table th:nth-child(n+2), table td:nth-child(n+2){
/*	text-align: right*/
}

/* Slick Slider */
/*.slick-list,.slick-slider{position:relative;display:block}.slick-slider{box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-initialized .slick-slide,.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}*/

/* Slider MY */
/*.slick-dots {
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    width: 100%;
    margin: 0 0 5px
}
.slick-dots li button {
    display: none
}
.slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    padding: 0;
    cursor: pointer;
	font-size: 12px;
}
.slick-dots li.slick-active:before,.slick-dots li:before {
	-webkit-transition: opacity .3s;
	-moz-transition: opacity .3s;
	-o-transition: opacity .3s;
	transition: opacity .3s;
	will-change: opacity;
}
.slick-dots li:before {
    font-family: 'Material Icons';
    content: "lens";
    font-size: smaller;
    opacity: .3;
}
.slick-dots li.slick-active:before {
    opacity: .7 !important;
}
.dark_back .slick-dots li {
    color: white;
}
.lite_back .slick-dots li {
    color: black;
}*/


/* Tri linije truncate */
.truncate-3 {
  display: block;
  /* Fallback for non-webkit */
  display: -webkit-box;
  max-height: 4.8rem;
  /* Fallback for non-webkit */
  line-height: 1.6rem;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 0;
}
@-moz-document url-prefix() {
  .truncate-3 {
    overflow: hidden;
    position: relative;
  }
  .truncate-3:before {
    background: #FFFFFF;
    bottom: 0;
    position: absolute;
    right: 0;
    float: right;
    content: '\2026';
    margin-left: -3rem;
    width: 3rem;
  }
  .truncate-3:after {
    content: '';
    background: #FFFFFF;
    position: absolute;
    height: 50px;
    width: 100%;
    z-index: 1;
  }
}


nav ul li a:hover, nav ul li a.active {
	background-color: rgba(0,0,0,.1);
}
footer {
	padding-left: 0;
}







.modal h2, .modal h3{
	margin: 0 0 1rem 0;
}

.card .card-reveal h3{
	margin: 2rem 0 1rem 0;
}
section.content.top {
	height: 100vh;
}

.general_icon {
	max-width: 8rem;
	margin: 0 auto;
	display: block;
}


/* MOUSE SCROLL ANIMATION */
/*.scroll-down.svg .stroke {stroke: #c7c4b8 !important;}
.scroll-down.svg .scroller {fill: #c7c4b8 !important;}*/
.scroll-down.svg svg {
    width: 25px;
    opacity: .6;
    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    -ms-transition: opacity .5s;
    -o-transition: opacity .5s;
    transition: opacity .5s
}

.scroll-down.svg .scroller {
    -webkit-animation: updown 1.5s 5;
    -moz-animation: updown 1.5s 5;
    -o-animation: updown 1.5s 5;
    animation: updown 1.5s 5;
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    animation-delay: 1s;
}

svg.scroll-down {
    vertical-align: middle;
}

.scroll-down {
    position: absolute;
    left: 50%;
    margin-left: -20px;
    width: 40px;
    height: 40px;
    top: calc(95vh - 23px - 40px - 8px);
	 bottom: 5vh;
    padding-left: 7px;
    user-select: none;
    z-index: 2;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
/*@media only screen and (max-width:550px){
	.scroll-down {
		 top: calc(100vh - 10vh);
	}
}*/
@-webkit-keyframes updown {
    0%,to {-webkit-transform: translate(0,0);transform: translate(0,0)}
    50% {-webkit-transform: translate(0,5px);transform: translate(0,5px)}
}
@-moz-keyframes updown {
    0%,to {-moz-transform: translate(0,0);transform: translate(0,0)}
    50% {-moz-transform: translate(0,5px);transform: translate(0,5px)}
}
@-o-keyframes updown {
    0%,to {-o-transform: translate(0,0);transform: translate(0,0)}
    50% {-o-transform: translate(0,5px);transform: translate(0,5px)}
}
@keyframes updown {
    0%,to {-o-transform: translate(0,0);transform: translate(0,0)}
    50% {-o-transform: translate(0,5px);transform: translate(0,5px)}
}

.dark_back .pretitle{
	color:#26c6da !important;
}
.lite_back .pretitle, .white_back .pretitle, .white .pretitle{
	color:#10b5cb !important;
}
.pretitle{
	margin-bottom: .5rem; 
	text-transform: uppercase;
}

.dark_back {
    background-color: #263238 !important;
}
.dark_back > .container > h1, .dark_back > .container > p{color: white;}

.lite_back {
	background-color: #eceff1;
	color: #333;
}
.white_back {
	background-color: #FFF;
}

.card-action .material-icons {
	margin-right: 5px !important;
}

.card .card-image .card-title {
    padding: 14px 24px;
}
a.white-text:hover, a.white-text:hover i{
	color: white !important; 
	opacity: .7;
	-webkit-transition: opacity .3s;
	-o-transition: opacity .3s;
	transition: opacity .3s;
}
.card-reveal .card-title i.right {
	margin-left: inherit;
}
.card.map, .card.safe {
	width: 100% !important;
}
.card.map .card-image {
	height: 350px;
	background: url("https://solutionbox.hr/assets/images/road_map.svg") no-repeat center;
	background-size: cover;
}
.map_fullscreen{
    width: 100%;
    height: 100vh;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 50000000;
    visibility:visible;
    opacity:1;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.map_hidden{
    height: 0 !important;
    visibility:hidden !important;
    opacity:0  !important;
    -webkit-transition: width .2s ease-in-out;
    -moz-transition: width .2s ease-in-out;
    transition: width .2s ease-in-out;
}
#map_iframe:-webkit-full-screen, #map_iframe:-moz-full-screen, #map_iframe:-ms-full-screen, #map_iframe:-o-full-screen, #map_iframe:full-screen {
	display: block;
	float: none;
	width: 100%;
	height: 100vh !important;
	padding: 0;
	margin: 0;
	border: 0 none;
	background-color: #f00;
}
.card-action a i.small {
	font-size:1.5rem;
}

.card.safe .card-image {
	height: 200px;
	background: url("https://solutionbox.hr/assets/images/traffic.svg") no-repeat center;
	background-size: cover;
}


#currency-container{
	/*background:url("https://solutionbox.hr/wp-content/uploads/elements/preloader-puff.svg") center center no-repeat;*/
/*	background-color: #2196f3;*/
	background-color: transparent;
	min-width: 100%;
	display:inline-block;
	overflow: hidden;
	padding:0;
	margin:0;
	line-height: 0;
}
#currency-frame{
	width: 1px; min-width: 100%; /* zahtjeva sam autor plugina https://github.com/davidjbradshaw/iframe-resizer */
}
/*#currency-container, #currency-frame{-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;transition: all .2s ease-in-out;}*/
.weatherwidget-io{width: 100% !important;}

#modal-connection {
    max-height: 350px;
    max-width: 480px;
    top: calc(50% - 200px) !important;
}/* for circle image in cards */
.card_img{
    max-width: 100% !important;
    margin: 0 auto !important;
    display: block !important;
    width: 250px !important;
}

/* Material Icons */
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: local('Material Icons'),
    local('MaterialIcons-Regular'),
    url(https://solutionbox.hr/assets/fonts/MaterialIcons-Regular.woff2) format('woff2'),
    url(https://solutionbox.hr/assets/fonts/MaterialIcons-Regular.woff) format('woff'),
    url(https://solutionbox.hr/assets/fonts/MaterialIcons-Regular.ttf) format('truetype');
}
.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}
/* Rules for sizing the icon. */
.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }
/* Rules for using icons as black on a light background. */
.material-icons.md-dark { color: rgba(0, 0, 0, 0.54); }
.material-icons.md-dark.md-inactive { color: rgba(0, 0, 0, 0.26); }
/* Rules for using icons as white on a dark background. */
.material-icons.md-light { color: rgba(255, 255, 255, 1); }
.material-icons.md-light.md-inactive { color: rgba(255, 255, 255, 0.3); }


/* weather */
.weatherwidget-io{
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	/*background:url("https://solutionbox.hr/wp-content/uploads/elements/preloader-puff.svg") center center no-repeat;*/
	min-width: 100%;
	width:100%;
	height:50px;
	display:inline-block;
	overflow: hidden;
	padding:0;
	margin:0;
}

/* floating button */
.btn-floating{
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
/* BUTTONS */
.btn, .btn-small, .btn-large, a.btn-floating.halfway-fab{
    background-color: hsl(201,98%,41%);
}
.btn:focus, .btn-large:focus, .btn-small:focus, .btn-floating:focus {
    background-color: hsl(201, 98%, 35%);
}
.btn:hover, .btn-large:hover, .btn-small:hover, .btn-floating:hover {
    background-color: hsl(201, 98%, 45%);
}
.card .card-action a:not(.btn):not(.btn-large):not(.btn-small):not(.btn-large):not(.btn-floating) {
    color: hsl(201,98%,41%);
}
.card .card-action a:hover:not(.btn):not(.btn-large):not(.btn-small):not(.btn-large):not(.btn-floating) {
    color: hsl(201, 98%, 45%);
}
div.space {
	height: 1rem !important;
	user-select: none;
}
div.space.large {
	height: 2rem !important;
	user-select: none;
}
div.space.xlarge {
	height: 3rem !important;
	user-select: none;
}





/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus {
    outline: none;
}
.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track, .slick-slider .slick-list{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track{
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before, .slick-track:after{
    display: table;
    content: '';
}
.slick-track:after{
    clear: both;
}
.slick-loading .slick-track{
    visibility: hidden;
}

.slick-slide{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide{
    float: right;
}
.slick-slide img{
    display: block;
}
.slick-slide.slick-loading img{
    display: none;
}
.slick-slide.dragging img{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide{
    visibility: hidden;
}
.slick-vertical .slick-slide{
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

/*.image_scroll img{height: 400px; max-height: 300px;}
@media screen and (max-width:550px){
	.image_scroll img{max-height: 200px;}
}
.image_scroll .slick-track{height: 300px;}
@media screen and (max-width:550px){
	.slick-track{height: 200px;}
}*/
.image_scroll img{width:600; height: 400px; max-height: 300px;}
@media screen and (max-width:550px){
	.image_scroll img{max-height: 250px;}
}
.row_full{
	 width: calc(100vw - 9px);
	 position: relative;
	 margin-left: -50vw;
	 left: 50%;
	 height: 300px;
}
@media screen and (max-width:550px){
	 .row_full{
		 height: 200px;
	}
}
.image_row{
	 margin-left: -3rem;
	 margin-right: -3rem;
}
@media screen and (max-width:550px){
	 .image_row{
		 	 width: calc(100vw - 9px);
	 position: relative;
	 margin-left: -50vw;
	 left: 50%;
	 height: 250px;
	}
}

/* table place details */
table.striped>tbody>tr:nth-child(odd) {background-color: rgba(0, 0, 0, 0.04);}
.table_place_details i:not(.rating){
	color: hsl(201,98%,41%);
}
.table_place_details th{
	width: 30%;
	min-width: 110px;
}
.table_place_details i.left {
    margin-right: 10px;
}
.table_place_details td, .table_place_details th {
	padding: 10px 5px;
}
.table_place_details{
	max-width: 100%;
}
@media screen and (max-width:550px){
    /*.table_place_details th{
		width:100% !important; 
		display:block;
		border-bottom: 0 !important;
		padding: .5rem 0 0 0  !important;
		font-size: .9rem;
	}
    .table_place_details td{
		width:100% !important; 
		display:block;
		padding-top:0 !important;
		padding-left:23px !important;
		padding: 0 0 .5rem 0  !important;
	}
	.table_place_details i.rating{
		font-size: 1.3rem;
		padding-bottom: 15px;
	}
	.table_place_details i:not(.rating){
		font-size: 1.8rem;
		line-height: 2.8rem;
		padding: 0 .5rem;
	}
	.table_place_details{margin: 1rem 0 0 0}*/
	
	.table_place_details th{
		width: auto;
		min-width: 95px;
	}
	.table_place_details{
		font-size: .9rem;
	}
	.table_place_details td, .table_place_details th{
		padding: .6rem .3rem  !important;
	}
	.table_place_details i{
		font-size: 1.4rem;
	}
}
/* responsive table */
@media screen and (max-width:550px){
    .table_responsive th{
		width:100%;
		display:block;
		border-bottom: 0px !important;
/*		padding-bottom:0 !important;*/
		font-size: 1rem;
		padding: 10px 5px 0px 5px;
	}
    .table_responsive td{
		display:block;
		/*padding-top: .1rem !important;
		padding-left: 22px !important;*/
		padding: 0px 5px 10px 5px;
		font-size: .9rem;
		margin-left: 24px;
	}
	.table_responsive th i.material-icons{
		font-size:1rem;
		line-height: 1.5rem;
	}
	.table_responsive th {
		min-width: 90px;
	}
	.table_responsive .rating {
		font-size: .9rem;
	}
	.table_responsive {
		margin: 0 0 1rem 0;
	}
}
@media screen and (min-width:993px){
    .table_responsive th{
		width:100%;
		display:block;
		border-bottom: 0px !important;
		font-size: 1rem;
		padding: 10px 5px 0px 5px;
	}
    .table_responsive td{
		display:block;
		padding: 0px 5px 10px 5px;
		font-size: 1rem;
		margin-left: 26px;
	}
	.table_responsive th i.material-icons{
		font-size:1.1rem;
		line-height: 1.5rem;
	}
	.table_responsive th {
		min-width: 90px;
	}
	.table_responsive .rating {
		font-size: 1rem;
	}
	.table_responsive {
		margin: 0 0 1rem 0;
	}
}
.table_responsive{
	margin: 0 0 1.5rem 0;
	width: 100%;
	table-layout: fixed;
}
.table_responsive th {
	width: 30%;
	min-width: 115px;
	word-wrap:break-word;
}
.table_responsive td {
	word-wrap:break-word;
}
.table_responsive th i{
	margin-right: 10px;
}
.table_responsive .rating {
    font-size: 1.3rem;
}

/*tabelica u karticama (orto-nova restorani)*/
.card-reveal .table_responsive th{
	width:100%;
	display:block;
	border-bottom: 0px !important;
	font-size: 1rem;
	padding: 10px 5px 0px 5px;
	min-width: 90px;
}
.card-reveal .table_responsive td{
	display:block;
	padding: 0px 5px 10px 5px;
	font-size: .9rem;
	margin-left: 27px;
}
.card-reveal .table_responsive th i.material-icons{
	font-size:1rem;
	line-height: 1.5rem;
}
.card-reveal .table_responsive .rating {
	font-size: .9rem;
}
.card-reveal table_responsive {
	margin: 0 0 1rem 0;
}


.place_entry {
	padding: 0 1rem !important;
	margin-bottom: 3rem;
}
.place_entry h2{margin-bottom: 1rem !important;}
@media screen and (max-width:550px){
	.place_entry h1, .place_entry h2, .place_entry h3 {
		text-align: center;
	}
	.place_entry .row.sticky {
		position: sticky;
		top: 0;
		z-index: 2;
		border-radius: 0 0 6px 6px;
		background: white;
	}
}
.place_entry{padding: 0 0 3rem 0;margin: 0 auto;}

.place_entry .place_details {
	margin-top:2rem;
}

.carousel{
	height: 250px !important;
	margin: 0 -50px;
	width: calc(100% + 100px);
	z-index: 2;
}
.carousel .carousel-item {
	width: 375px !important;
	height: 250px !important;
}
.carousel .carousel-item img{
	max-width: 100%;
    height: auto;
}
@media screen and (max-width:850px){
	.carousel {
		height: 180px !important;
		margin: 0 -30px;
		width: calc(100% + 60px);
		max-width: 100vw;
	}
	.carousel .carousel-item {
		width: 270px !important;
		height: 180px !important;
	}
}
.card_image_active {
	color: white;
	cursor: pointer;
	position: absolute;
	width: calc(100% - 48px);
	height: calc(100% - 48px);
	top:0;
	padding: 24px;

	/*-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;*/
}
.card-reveal .card-title i.material-icons.right {
	position: absolute;
	top:24px;
	right:10px;
}
@media only screen and (max-width:550px){
    .card_image_active {
		padding: 15px;
		width: calc(100% - 30px);
		 height: calc(100% - 30px);
	}
	.card-reveal .card-title i.material-icons.right {
		top:15px;
		right:5px;
	}
}
.card .card-reveal .card-title {
	margin-right: 10px;
}

a{
	cursor: pointer;
}

.modal-gallery .modal-content img, .modal-gallery .container img{
    padding: 5px;
    display: block;
    margin: 0 auto;
    max-width: 50%;
    float:left;
}
@media(max-width:550px){
    .modal-gallery .modal-content img, .modal-gallery .container img{
        max-width: 100%;
    }
}


.bottom-sheet.maxed {
	height: 100vh;
	max-height: 100vh !important;
	padding: 120px 0 0 0;
/*	padding: 3rem 0 0 0;*/
	-webkit-overflow-scrolling: touch;
}
#beaches{
	background-color: #0277bd !important;
}
#restaurants{
	background-color: #5d4037 !important;
}
#fun{
	background-color: #6a1b9a !important;
}
#events {
    background-color: #ad1457 !important;
}
#shopping {
    background-color: #1B5E20 !important;
}
#adrenaline {
    background-color: #bd0000 !important;
}
.modal.bottom-sheet.place_details{
	display: block;
	bottom: -200%;
}
.modal.bottom-sheet .modal-content {
	margin: 0 auto;
	max-width: 1280px;
	width: 90%;
}
@media only screen and (min-width: 993px){
	.modal.bottom-sheet .modal-content {
		width: 70%;
	}
}
@media only screen and (min-width: 601px){
	.modal.bottom-sheet .modal-content {
		width: 85%;
	}
}
@media only screen and (min-width: 993px){
	.modal.bottom-sheet .modal-content {
		width: 70%;
	}
}
a.action_navigate:after {
    content: "Go";
}
a.action_streetview:after {
    content: "View";
}
a.action_web:after {
    content: "Web";
}

.place_details .container .modal-content {
	width: 100% !important;
	padding: 2rem 0;
	margin: 0;
}
.place_details .container .modal-title {
	width: 100% !important;
	padding: 1rem 0;
	margin: 0;
	height: 1rem;
	display: block;
}
.card-content .place_location, .card-panel .place_location{
	font-size: 1rem;
	text-transform: uppercase;
}
@media only screen and (min-width: 993px){
	.card-content .place_location{
		font-size: .9rem;
	}
}
.modal_title {
    display: block;
    width: 100%;
    text-transform: uppercase;
    font-size: 1rem;
    margin: 0 0 1.5rem 0;
}

/*Place Background overlay*/
.place_background{
	right: -100%;
	background: #263238;
	position: fixed;
	height: 100vh;
	z-index: 200;
	overflow: hidden;
	will-change: right, opacity;
	-webkit-transition: right .2s ease-in, opacity .2s ease-in;
	-moz-transition: right .2s ease-in, opacity .2s ease-in;
	-o-transition: right .2s ease-in, opacity .2s ease-in;
	transition: right .2s ease-in, opacity .2s ease-in;
	width:100%;
	opacity: 0;
}
.place_background.active{
	right:0;
	opacity: 1;
	will-change: right, opacity;
	-webkit-transition: right .2s ease-in, opacity .2s ease-in;
	-moz-transition: right .2s ease-in, opacity .2s ease-in;
	-o-transition: right .2s ease-in, opacity .2s ease-in;
	transition: right .2s ease-in, opacity .2s ease-in;
}
.place_background a.close_button{
	position: absolute;
	top:20px;
	right:20px;
	padding: 10px;
	margin: -10px;
	color: #333 !important;
}
body.noflow{
	overflow: hidden;
}
/*Place Background overlay*/

.card-action.no_border{
	border:none;
}



.gallery_title {
	display: block;
	width:100%;
	float: left;
	clear: both;
	margin-left: 5px !important;
}

img.maxed {
	width:100%;
}

.card-reveal h5 {
	text-transform: uppercase;
	font-size: 1.2rem;
	margin: 1.5rem 0 .5rem 0;
}


.modal_header {
	width: 90%; 
	position: fixed; 
	height: 24px; 
	margin-top:-12px; 
	padding-bottom: 20px;
	z-index: 20;
}
.maxed .btn, .card .card-reveal .btn-small {
	margin-top:3px
}

.site_loader {
	margin: 0;
	opacity: 1;
	will-change: opacity;
	position: fixed;
	box-shadow: 0px 0px 10px #00000040;
	background-color: rgba(207, 216, 220, 0.3) !important;
	-webkit-transition: top .4s linear, opacity .2s linear;
	-moz-transition: top .4s linear, opacity .2s linear;
	-o-transition: top .4s linear, opacity .2s linear;
	transition: top .4s linear, opacity .2s linear;
}
.site_loader.hidden {
	opacity: 0;
	will-change: opacity;
	-webkit-transition-delay: .5s; 
	-moz-transition-delay: .5s; 
	-o-transition-delay: .5s; 
	transition-delay: .5s;
}
.site_loader .determinate{
	-webkit-transition: width .4s linear;
	-moz-transition: width .4s linear;
	-o-transition: width .4s linear;
	transition: width .4s linear;
}

.close_button {
	padding: 10px;
	margin: -10px 0;
	color: white;
	text-shadow: 0px 0px 6px rgba(0,0,0,0.87);
}
.close_button:hover {
		text-shadow: 0px 2px 12px rgba(0,0,0,0.6);
}


@media only screen and (max-width:550px){
	html{font-size: 14px;}
}
.destination .row.title, .destination .row.body {
	padding: 0;
}
.destination .row.action{
	padding-top: .5rem;
}
.destination .location{
	font-size: 1rem;
	text-transform: uppercase;
	margin: 0 0 .2rem 0;
}
.destination .title{
	font-size: 1.5rem;
}
.destination_gallery img{
/*	min-width: 100% !important;
	width: 600px;
	height: auto;
	max-width: 100% !important;*/
/*	margin-bottom: 1rem;*/
/*	float:left;*/
/*	display: none;*/
/*	max-width: 100% !important;*/
}
/*slike i galerije poput restorana i plaža, razmak između slika i teksta*/
.destination .col.s12.l6 {
    margin-bottom: 1rem;
}
.destination .swiper-slide img{
	width:100%;
}
.swiper-slide *{
	user-select: none;
}
.swiper-button-next, .swiper-button-prev, .swiper-scrollbar{
	display:none;
}
.card_scroll .swiper-wrapper, .card_scroll_late .swiper-wrapper{
    padding: 1px 0px 20px 2px;
}
.card .card-reveal {
    width: calc(100% - 48px);
    height: calc(100% - 88px);
}
@media only screen and (max-width:550px){
.card .card-reveal {
    width: calc(100% - 30px);
    height: calc(100% - 79px);
}
}

.card_holder{
	max-width: 300px;
	margin: 0 5px;
}
.small_card_image {
/*	max-height: 200px;*/
}
@media only screen and (max-width:550px){
	.card_holder{
		max-width: 70%;
		margin: 0 4px;
		min-width: 240px;
	}
	.card_holder .small_card_image {
/*		max-width: 240px;*/
	}
	.small_card_image {
/*		max-height: 200px;*/
	}
}

.card_holder .card-image{
	background: #f2f2f2;
	min-height:100px;
}
.swiper-slide{
/*	width: initial;*/
}
.activator {
	cursor: pointer;
}


/*place details modal colors override - pozadinske boje modala plaža, restorana i svega...*/
.place_details {
    background-color: #263238 !important;
}
.place_details>.container>h1,.place_details>.container>p {
    color: white !important;
}