body {color: #000;font-size:14px}
body.sivi {background-color: #f4f4f4 !important;}

html.sticky-header-active #header .header-body {
    position: initial;}

:focus {
    outline: none;
}

.clear {clear:both; height:0px;}
.clear10 {clear:both; height:10px;}
.clear20 {clear:both; height:20px;}
.clear30 {clear:both; height:30px;}
.clear35 {clear:both; height:35px;}
.clear40 {clear:both; height:40px;}
.clear60 {clear:both; height:60px;}
.clear-row {display:none}

.img-responsive-full {
width:100% !important;
max-width: 100% !important;
min-width: 100% !important;
height: auto !important;
}

.padding0 {padding:0}
.padding-left0 {padding-left:0}
.nopad {padding:0 !important}
.width100 {width:100%}
.righttoleft {text-align: right;}
.margin-b15 {margin-bottom:15px}
.margin-0a, .margin0auto {margin:0 auto}

p {color: #000;     margin: 0 0 10px 0;line-height: 22px;font-size:14px}

a:link, a:visited, a:active {color: #cf030c; text-decoration: none !important;}
a:hover {color: #3D3D3D; text-decoration: none;}

a.bijeli:link, a.bijeli:visited, a.bijeli:active {color: #ffffff; text-decoration: none;}
a.bijeli:hover {color: #cf030c; text-decoration: none;}

a.crni:link, a.crni:visited, a.crni:active {color: #000; text-decoration: none;}
a.crni:hover {color: #cf030c; text-decoration: none;}

a.crveni:link, a.crveni:visited, a.crveni:active {color: #cf030c; text-decoration: none;}
a.crveni:hover {color: #3D3D3D; text-decoration: none;}

.redtext {color:#cf030c !important}
.responsive-img {display: block;max-width: 100%;height: auto;}
.katbox {text-align:center;text-transform:uppercase;    margin: 5px  10px 0 10px;height: 35px;overflow: hidden;line-height: 17px;}


html.side-header #header {
    min-height: 73px !important;
}

#header .header-logo img {margin: 0;}

#header .header-nav {padding: 0 30px;}
ul.nav-pills > li.active > a {background-color: transparent; color:#cf030c;font-weight: 600 !important; }
#header .header-nav-main nav > ul > li > a {font-size: 14px;font-style: normal;font-weight: 400;    padding: 10px 0;}
html.side-header #header .nav-pills > li {border-bottom: 1px solid #d5d6d7;}

#header .header-nav-main nav > ul > li.open > a, #header .header-nav-main nav > ul > li:hover > a {background-color: transparent; color:#cf030c;}
#header .header-nav-main nav > ul > li.dropdown .dropdown-menu li a {    color: #fff;font-size: 0.8em;padding: 5px 20px 3px 8px;    border-bottom: 0;}


@media (min-width: 991px) {
html.side-header body > .body {margin: 0 0 0 280px;}
html.side-header #header {width: 280px;}
html.side-header #header .header-container {padding-left: 0;padding-right: 0;}
html.side-header #header .header-logo {    padding: 52px 0 30px 0;}
#header.header-mobile-nav-only .header-logo {float: none;}
}





.box-eu {margin: 38px 30px 0 30px;font-size: 11px;line-height: 16px;}
.img-eu {margin:0 0 10px 0}

#bottom-sidebar {line-height: 0;margin: 0 15px;padding: 10px 15px;position: fixed;text-align: left;width: 265px;bottom: 0;position: absolute;}
.contizb {font-family: open sans;font-size: 14px;text-transform: uppercase;color: #fff;line-height: 30px;margin-top: 10px;margin-bottom: 20px;font-weight: 600;}
.telefongoredesno {color: #000000;font: 400 24px/25px 'open sans',Arial,sans-serif;letter-spacing: 0;margin-bottom:3px;float: right;}
.telefongoredesno span {font-size:14px; color:#aaa;}
.velikitelefonsmaller {  font-size: 14px;color: #fff;text-transform: none;font-weight: normal;}
.ikona-c1 {color: #fff;  margin: 0 2px 0 2px;  font-size: 15px;}
.ikona-c2 {color: #fff;  font-size: 20px;  margin: 0 5px 0 2px;}
.ikona-c3 {color: #fff;  margin: 0 4px 0 0;}


#header .header-body {border-top:0}

.search-d {float: left;}
.search-l {background: none;border-bottom: 1px solid #d5d6d7;border-top: 0;border-left: 0;border-right: 0;padding: 0 0 5px 9px;}

#copyright {font-family: Tahoma;font-size: 11px;color: #fff;margin:10px 0 0 0;text-align: left}





/*------------------ SLIDER ---------------------*/
.crniokvir {
position: absolute;
bottom: 0;
left: 0;
z-index: 1;
width: 25%;
padding:6% 3% 1% 3% !important;
height: 100%;
background: rgba(0,0,0,0.75);
background: -moz-linear-gradient(left, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0.75) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,0,0,0.75)), color-stop(100%, rgba(0,0,0,0.75)));
background: -webkit-linear-gradient(left, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0.75) 100%);
background: -o-linear-gradient(left, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0.75) 100%);
background: -ms-linear-gradient(left, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0.75) 100%);
background: linear-gradient(to right, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0.75) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=1 );
}

.crniokvir-tekst {position: absolute;top:10% ;left: 3%;width: 18%;}


hr.crtica {height: 1px;border-top: 1px solid #4f4f4f;background: none;margin: 22px 0 22px 0;}
.slidernaslov {    font-size: 2em;line-height: 1.3em;color: #fff;font-weight: 100;}
.slidertekst {font-size: 1.1em;line-height: 1.5em;color: #ffffff;font-weight: 100;white-space: pre-wrap}

.tp-simpleresponsive a {border: 1px solid #ffffff;padding: 4% 5%;display: block;text-align: center;font-size: 16px;text-transform: uppercase;margin-top: 8%;    color: #ffffff;}
.tp-simpleresponsive a:hover {color:#cf030c;}
.tp-leftarrow {left:90% !important; top:6% !important}
.tp-rightarrow {left:100% !important; top:6% !important}
.slider .tp-bannertimer {display:none}




/*------------------ OWL ---------------------*/
.owl-carousel {margin-bottom: 0;}
.crnaslika {}
.crnaslika:hover {}
.crnatekstoko { position: absolute;  background-color: rgba(0, 0, 0, .4);bottom:0;width:100%}
.crnatekstin {height: 50px;  overflow: hidden; color: #fff; line-height: 14px; padding:15px 30px 10px 30px;  margin: 4px;border: 1px solid #6e6e69;background:url(https://mplan.hr/slike/lijevo-01.png) center left no-repeat, url(https://mplan.hr/slike/desno-01.png) center right no-repeat}
.crvenatekstoko { position: absolute;  background-color: rgba(207, 3, 12, .4);bottom:0;width:100%}
.crvenatekstin {height: 50px;  overflow: hidden; color: #fff; line-height: 14px; padding:15px 30px 10px 30px;  margin: 4px;border: 1px solid #ffffff;background:url(https://mplan.hr/slike/lijevo-01.png) center left no-repeat, url(https://mplan.hr/slike/desno-01.png) center right no-repeat}

.owl-carousel.show-nav-title .owl-nav [class*="owl-"], .owl-carousel.show-nav-title .owl-nav [class*="owl-"]:hover, .owl-carousel.show-nav-title .owl-nav [class*="owl-"]:active {width: 22px;    height: 22px;font-size: 14px;}
.owl-carousel.show-nav-title .owl-nav [class*="owl-"]:hover, .owl-carousel.show-nav-title .owl-nav [class*="owl-"]:active {background: #ffffff !important;opacity: 1;border-radius: 66px !important;padding: 0;top: 28px;}
.owl-carousel.show-nav-title .owl-nav [class*="owl-"] {background: #ffffff !important;opacity: 0.5;border-radius: 66px !important;padding: 0;top: 28px;}
.owl-carousel.show-nav-title .owl-nav .owl-prev {left: -62px;}
.owl-carousel.show-nav-title .owl-nav .owl-next {right: 0px;}

.owl-carousel.show-nav-title .owl-nav    { margin-top: -20px;} 


.owl-carousel.full-width .owl-nav{margin-top: -20px;}
.owl-carousel.show-nav-title .owl-item img {border-left:2px solid #000}
.owl-carousel.show-nav-title {padding: 2px 2px 0 0;background: #000;}
.owl-carousel.show-nav-title2 {padding: 2px 0 0 2px;background: #000;}


#footer h1, #footer h2, #footer h3, #footer h4, #footer a {color: #000;margin: 0;text-transform: uppercase;font-size: 14px;font-weight: 400;letter-spacing: 0;}
#footer {background: #ddd;border-top: 0;font-size: 0.9em;margin-top: 50px;padding: 0;}
#footer .footer-copyright {background: #ddd;border-top: 0;margin-top: 0;padding: 20px;}
.footer-naslov {font-family: open sans;line-height: 50px;font-size: 14px;color: #000;padding: 0 5px;text-transform: uppercase;}
.hrlite {border-color: #eee;margin: 20px 0;    border-style: solid;border-width: 1px 0 0;    background-image: none !important;}


/*footer kontakt*/
.form-kontakt label {font-family: 'Open Sans',Arial, Helvetica, sans-serif;color: #999;font-weight: 600;float: left;margin: 10px 20px 0 10px;width: 60px;}
.form-kontakt input {    width: 60%;padding: 0 10px;height: 34px;line-height: 34px;    border: 1px solid #B9B9B9;box-shadow: 0 4px 11px #E2E2E2 inset;opacity: 0.32;    border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;}
.form-kontakt textarea {    width: 80%;padding: 10px;height: 134px;border: 1px solid #B9B9B9;    box-shadow: 0 4px 11px #E2E2E2 inset;opacity: 0.32;    border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;}
.form-kontakt input:focus, .form-kontakt textarea:focus {-webkit-box-shadow: 0px 0px 3px 0px rgba(207, 3, 12, 0.4);-moz-box-shadow: 0px 0px 3px 0px rgba(207, 3, 12, 0.4);box-shadow: 0px 0px 3px 0px rgba(207, 3, 12, 0.4);border: 1px solid rgba(207, 3, 12, 0.4);opacity: 1;    outline: none;}
.comment-button span {display:inline-block;margin-left:90px;}
.comment-button span.submit-comment-icon {
	display:inline-block;
	background:url(images/icons/button-create-icon.png) no-repeat center center;
	width:29px;
	height:30px;
	border-right:1px solid #f1777c;
	background-color:#cf030c;
	border-radius:3px 0 0 3px;
	-moz-border-radius:3px 0 0 3px;
	-webkit-border-radius:3px 0 0 3px;
	float:left;
	-webkit-transition: all 0.3s ease-in-out;
 	-moz-transition: all 0.3s ease-in-out;
 	-o-transition: all 0.3s ease-in-out;
 	transition: all 0.3s ease-in-out;
	margin:0;
	position:relative;
	z-index:0;
}
.comment-button span:hover span.submit-comment-icon {background-color:#cf030c;border-right:1px solid #f1777c;}
.comment-button span:hover #submit-comment {background-color:#cf030c;}
.comment-button #submit-comment {
	border:none !important;
	cursor:pointer;
	background-color:#dd2028;
	float:right;
	border-radius:0px 3px 3px 0px !important;
	-moz-border-radius:0px 3px 3px 0px !important;
	-webkit-border-radius:0px 3px 3px 0px !important;
	padding:5px 10px !important;
	font-family: 'open sans';
	font-size:14px;
	font-weight:400;
	color:#fff;
	-webkit-transition: all 0.3s ease-in-out;
 	-moz-transition: all 0.3s ease-in-out;
 	-o-transition: all 0.3s ease-in-out;
 	transition: all 0.3s ease-in-out;
	text-transform:uppercase;
	margin:0;
	position:relative;
	z-index:0;
	cursor:pointer;
	line-height:20px !important;
	height:30px !important;
    box-shadow: none;
    opacity: 1;    width: auto;
}

.contact-info p {margin: 0 0 5px 0;font-size: 14px;color: #000;font-family: 'Open Sans', Arial, Helvetica, sans-serif;}
.contact-info h2 {font-weight: 300;font-size: 30px;color: #000;font-family: 'open sans';margin-bottom: 20px;text-shadow: 0 1px 0px #ffffff;letter-spacing: 0;}
.contact-info {padding:20px 0}
h2.naslovh2 {font-weight: 300;font-size: 30px;color: #000;font-family: 'open sans';margin-bottom: 20px;text-shadow: 0 1px 0px #ffffff;letter-spacing: 0;}


/*------------------ tablica ---------------------*/
.tablica, .tablica th, .tablica td {vertical-align:top !important;}
.tablica table tr {border-bottom: 1px solid #dddddd; */}
table {max-width: 100%;border-collapse: collapse;border-spacing: 0;background-color: transparent;}
.tablica table > thead > tr > th, 
.tablica table > tbody > tr > th, 
.tablica table > tfoot > tr > th, 
.tablica table > thead > tr > td, 
.tablica table > tbody > tr > td, 
.tablica table > tfoot > tr > td {/* border-top: 1px solid #dddddd;*/line-height: 1.42857;padding: 8px;vertical-align: top;font-size:14px}
.tablica table table {border:1px solid #f5f5f5;}
.table, .tablica table {width: 100%;margin-bottom: 18px;color:#000;border:none;border:1px solid transparent}
.table p, .tablica table p {margin:0;    text-indent: 0;}
.table th,
.table td,
.tablica table th,
.tablica table td {padding: 5px 7px;line-height: 16px;text-align: left;vertical-align: top;/*border-top: 1px solid #F0F0F0;*/}
.table td, .tablica table td {vertical-align:middle; font-size: 14px;}
.table th, .tablica table th {font-weight: 400;font-size: 1.2em;color: #fff ;background:#ca5b58 !important;}
.table thead th, .tablica table thead th {vertical-align: bottom;background: #F0F0F0;font-family:open sansfont-weight: 600;font-size: 16px;}
.table colgroup + thead tr:first-child th,
.table colgroup + thead tr:first-child td,
.table thead:first-child tr:first-child th,
.table thead:first-child tr:first-child td,
.tablica table colgroup + thead tr:first-child th,
.tablica table colgroup + thead tr:first-child td,
.tablica table thead:first-child tr:first-child th,
.tablica table thead:first-child tr:first-child td {border-top: 0;}
.table tbody + tbody,
.tablica table tbody + tbody {border-top: 2px solid #F0F0F0;}
.table td, .tablica table td {border-right:none}
.table tbody tr:hover td,
.table tbody tr:hover th,
.tablica table tbody tr:hover td,
.tablica table tbody tr:hover th {background-color: #ffffff;}
.table a, .tablica table a {color: #cf030c;font-weight: 500;}
.table ul, .tablica table ul {color: #000; margin: 0}

.tablica h3 {
    font-size: 18px;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 1.2em;
    margin: 1em 0 1em 0;
    padding:0;
    text-transform: uppercase;
    color: #cf030c;
}

*::before, *::after {
    box-sizing: border-box;
}


.table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > td {
    border-top: 0 none;
}

.table-condensed > thead > tr > th, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > td {
    padding: 5px;
}
.table-bordered {
    border: 1px solid #b9cee7;
}
.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
    border: 1px solid #b9cee7;
}
.table-bordered > thead > tr > th, .table-bordered > thead > tr > td {
    border-bottom-width: 1px;
}
.table-striped > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th {
    background-color: #f9f9f9;
}

table col[class*="col-"] {
    display: table-column;
    float: none;
    position: static;
}
table td[class*="col-"], table th[class*="col-"] {
    display: table-cell;
    float: none;
    position: static;
}

@media (max-width: 767px) {
.table-responsive {
   /* border: 1px solid #ddd;*/
    margin-bottom: 15px;
    overflow-x: scroll;
    overflow-y: hidden;
    width: 100%;border: 0;
}
.table-responsive > .table {
    margin-bottom: 0;
}
.table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap;
}
.table-responsive > .table-bordered {
    border: 0 none;
}
.table-responsive > .table-bordered > thead > tr > th:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0 none;
}
.table-responsive > .table-bordered > thead > tr > th:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0 none;
}
.table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > th, .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0 none;
}
}


/*------------------ STUDIO ---------------------*/
.white-solo {/*border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;-webkit-border-radius:5px px 0 0;*/margin:50px 0 0 0 !important;width:auto !important;}
.prozirno-header div {  padding: 0 1px 1px 0;}
.prozirno-tabs { display: table; width:101%; }
.prozirno-tabs div { display: table-cell; width: 1%;  }
.prozirno-tabs div * {  box-sizing: border-box;  font-size: 17px;  text-transform: uppercase;display: inline-block; width: 100%; vertical-align: top; padding: 7px 18px;   background-color: rgba(207, 3, 12, 0.8); color: #fff; }
.prozirno-tabs div:last-child { background: #fff; opacity:0.96 }
.prozirnooko {background: rgba(255, 255, 255, 0.96);  padding: 15px; }
.breadcrumb {margin:15px 0;}
.breadcrumb a {font-weight:700;color:#dcdcdc;margin-right:15px;background:url(images/icons/breadcrumb-icon.png) no-repeat right center;padding-right:20px;font-family:'Open Sans',Arial, Helvetica, sans-serif;}
.breadcrumb a.current-page {font-weight:400;background:none;padding-right:0;margin-right:0;}
.breadcrumb a:hover {text-decoration:underline;}
.bread {margin: 15px 0 0 0; color:#fff; font-family:tahoma; font-size:11px; text-transform:uppercase;}
.white-box {/*border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;*/position:relative;z-index:0;/*padding:15px;*/margin:50px 0;background:transparent;-webkit-box-shadow:  0px 1px 2px 0px rgba(0, 0, 0, 0.2);box-shadow:  0px 1px 2px 0px rgba(0, 0, 0, 0.2);}
.entry-box p {font-family:'Open Sans',Arial, Helvetica, sans-serif;text-indent: 0%;}
.entry-box ul {padding: 0 0 0 65px; margin: 0 0 15px 0;}
.entry-box ul li {list-style-type: disc;}
.entry-header {/*border-bottom:1px dotted #ccc;padding-bottom:10px;margin-bottom:15px;*/overflow: hidden;}
#supersized img {left: 45px !important}
.povratak {  background-color: rgba(207, 3, 12, 1);  color: #fff;  float: left;  padding: 10px;  text-transform: uppercase;  font-size: 12px;}
.djelatnosti-naslovi {    min-height: 50px;padding: 13px 13px;  border-bottom: 1px solid #d5d6d7; font-size: 14px; text-transform: uppercase;  font-weight: 600; cursor:pointer}
.djelatnosti-naslovi:hover {background:#f5f5f5}
.djelatnosti-vise  {color: #cf030c;  text-transform: none;  font-size: 12px;  font-style: normal;}
.text-desno {text-align:right}
.ikona-siva {  color: #d5d6d7;  margin: 0 5px 0 0;  font-size: 15px;}
.ikona-crna {  color: #000;  margin: 0 5px 0 0;  font-size: 15px;}
.last {margin-right: 0 !important;}
.roundedbox {border-radius: 0;box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);margin: 15px 5px;overflow: hidden;padding: 9px;position: relative;background: #fff;}

.hrlite2 {border-color: #eee;margin: 15px 0;    border-style: solid;border-width: 1px 0 0;    background-image: none !important;}


/*------------------ Pagination ---------------------*/
.pagination {display:inline-block;margin: 0 0 50px 15px;}
.pagination li {float:left;margin-right:10px;margin-bottom:0;list-style:none;position:relative;z-index:1;border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;background:url(images/background/bottom-shadow-1.png) repeat-x 0 bottom #cf030c;-webkit-box-shadow:  0px 1px 2px 0px rgba(0, 0, 0, 0.2);box-shadow:  0px 1px 2px 0px rgba(0, 0, 0, 0.2);}
.pagination li.current {	background-color:#ED145B;-webkit-box-shadow:  0px 1px 2px 0px rgba(0, 0, 0, 0.2);box-shadow:  0px 1px 2px 0px rgba(0, 0, 0, 0.2);color:#fff;position:relative;z-index:1;text-shadow: 0px 1px 0px #7f0029;}
.pagination li:hover {background:#ec2d36}
.pagination li a {padding:7px 12px;display:inline-block;color:#ffffff;font-family: 'Coda', cursive;}
.pagination li.current a {color:#fff;text-shadow: 0px 1px 0px #7f0029;}
.pagination > .active > a, body.dark .pagination > .active > a {border-color: #cf030c;}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {background-color: #cf030c !important;}
.pagination > .active > a:hover, body.dark .pagination > .active > a:hover {    border-color: #cf030c;}
.pagination>li>a, .pagination>li>span {    background-color: #cf030c;border: 1px solid #cf030c;}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {color: #ffffff;border-color: #ec2d36;background-color:#ec2d36}

.felix-map {margin: 0;position: relative;top: 0;background: #E6F1F7;height: 1000px;width: 100%;}
html .scroll-to-top {background:#cf030c}
html .scroll-to-top a:active{color:#ffffff}
html .scroll-to-top. a:focus {color:#ffffff}
html .scroll-to-top:hover {color:#ffffff}

.projekt-naslov {text-transform: uppercase; height: 34px;  overflow: hidden;line-height:16px}
.form-group {margin-bottom: 0;}
.pozadina-siva {background:#000000;margin-top:-16%}

/* Video Container */
.video-container {
	padding-top: 25px;
	padding-bottom: 50.5%;
	margin-bottom: 10px;
	position: relative;
	overflow: hidden;
	height: 0;
}

.video-container.vimeo {
	padding-top: 0;
	padding-bottom: 56.4%;
}

.video-container embed,
.video-container iframe,
.video-container object,
.video-container video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;}


.thumb-info .thumb-info-title {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    text-transform: uppercase;
}


.razmak-detaljanprojekt {padding:60px 60px 0 45px;}
.razmak-detaljanprojekt2 {padding:60px 0 0 0;}

h2.detaljan-projekt {font-weight:600; margin:1em 0 1em 0; padding:0; letter-spacing:-1px; text-transform:none; color: #000;}
h2.detaljan-projekt-mt-0 {font-weight:600; margin:0 0 1em 0; padding:0; letter-spacing:-1px; text-transform:none; color: #000;}
h2.projekt-mt-0 {font-weight:600; margin:0 0 1em 0; padding:0; letter-spacing:0px; text-transform:uppercase; color: #000;}

html .scroll-to-top {display: none !important;}

.smallbox {padding:0; margin-bottom:30px; border-radius:0px; font-size:14px !important;}
.smallbox p {font-size:14px !important; margin:0 0 10px 0 !important; padding:0 !important;}
h4.smallnaslov {font-weight:600 !important; font-size: 20px; text-transform:uppercase;}

.timbox {background:#fff; margin:0; padding:15px 15px 0 15px; height:280px; max-height:280px; overflow:hidden; line-height:1.3em; font-size:12px;}
.timbox p {line-height:1.3em; margin:0; padding:0; font-size:12px;}

.odmaknutiprojekti {padding:45px !important; margin:0 !important;}
.margina-projektipopis {margin:5px !important; padding:0 !important;}

#header .header-body {background: #000 !important; border-top: 5px solid #000 !important;}
html.side-header #header {background: #000 !important;}
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {color: #fff; background-color: #262626;}

#footer a:hover {color: #000;}

.tehnickiinfo {color: #cf030c; margin:0; padding:0; line-height:1.8em;}
.tehnickiinfo p {color: #cf030c; margin:0; padding:0; line-height:1.8em;}


.google-map-pocetna {
    background: #e5e3df none repeat scroll 0 0;
    height: 300px;
    margin:0;
    width: 100%;
}