/* UNIVERSAL */


.clear {clear:both; height:0px;}
.clear10 {clear:both; height:10px;}
.clear20 {clear:both; height:20px;}
.clear30 {clear:both; height:30px;}
.clear40 {clear:both; height:40px;}
.clear60 {clear:both; height:60px;}



.noradi {border-radius:0 !important}

.righttoleft {text-align:right;}
.centertoleft {text-align:center;}

hr.hrfull {background:#ddd;}
.bigtar:hover {cursor:pointer;}

.breadcrumb > li + li::before {content: none}
.breadcrumb {font-size:12px;}
.breadcrumb {color:#15ace5;}

.glavna-tekst {text-align:justify;}
.glavna-tekst img {display:block; max-width:100%; height:auto;}

.cart5error .help-block {color:#d2322d;}
.error_message p {font-size:0.8em; color:#d2322d;}
.success_message p {font-size:2em; font-weight:400; color:#67d187; text-align:center}
.success_message2 p {font-size:2em; font-weight:700; color:#67d187;}
.alert-darksuccess {background-color: #d6e9c6;border-color: #d6e9c6;border-radius: 0;color: #3c763d;}


ul.ul-ref {list-style-type: none; counter-reset: section; width:100%;font-size:13px; padding:0;-moz-column-count: 2;-moz-column-gap: 20px;-webkit-column-count: 2; -webkit-column-gap: 20px;column-count: 2;column-gap: 20px;}
ul.ul-ref li { padding-left: 10px; position: relative; line-height:35px; border-bottom:1px dotted #ddd;}
ul.ul-ref li:hover {background:#E8E8E8;}
ul.ul-ref li a {display:block;}
ul.ul-ref li a i.fa {color:#67d187;}

h2.entry {font-weight:500;}
.glavna-tekst {text-align:justify;}

/* fix za blurry owl images */

.owl-carousel .owl-item img {transform-style:flat; -webkit-backface-visibility: hidden;}

/* Cookie skripta */

.cc-cookies {position:fixed; width: 100%; left: 0; bottom:0; padding: 10px 5%; background:#fff;background:rgba(255,255,255,.85); color: #110300; font-size: 12px; font-weight: 400; z-index: 99999; text-align: center; }
.cc-cookies a, .cc-cookies a:hover { color: #110300; text-decoration: underline; }
.cc-cookies a:hover { text-decoration: none; }
.cc-overlay { height: 100%; padding-top: 25%; }
.cc-cookies-error { float: left; width: 90%; text-align: center; margin: 1em 0 2em 0; background: #fff; padding: 2em 5%; border: 1px solid #ccc; font-size: 18px; color: #333; }
.cc-cookies a.cc-cookie-accept, .cc-cookies-error a.cc-cookie-accept, .cc-cookies a.cc-cookie-decline, .cc-cookies-error a.cc-cookie-decline, .cc-cookies a.cc-cookie-reset { display: inline-block; color: #fff; text-decoration: none; background: #7DAF3B; padding: 0.5em 0.75em; border-radius: 3px; box-shadow: 0 0 2px rgba(0,0,0,0.25); text-shadow: 0 -1px 0 rgba(0,0,0,0.35); -o-transition: background 0.5s ease-in; -webkit-transition: background 0.25s ease-in; -moz-transition: background 0.25s ease-in; }
.cc-cookies a.cc-cookie-decline, .cc-cookies-error a.cc-cookie-decline { background: #af3b3b; margin-left: 0.5em; }
.cc-cookies a.cc-cookie-reset { background: #f15b00; }
.cc-cookies a:hover.cc-cookie-accept, .cc-cookies-error a:hover.cc-cookie-accept, .cc-cookies a:hover.cc-cookie-decline, .cc-cookies-error a:hover.cc-cookie-decline, .cc-cookies a:hover.cc-cookie-reset  { background: #000; -o-transition: background 0.5s ease-in; -webkit-transition: background 0.25s ease-in; -moz-transition: background 0.25s ease-in; }
.cc-cookies-error a.cc-cookie-accept, .cc-cookies-error a.cc-cookie-decline { display: block; margin-top: 1em; }
.cc-cookies.cc-discreet { width: auto; padding: 0.5em 1em; left: auto; top: auto; }
.cc-cookies.cc-discreet a.cc-cookie-reset { background: none; text-shadow: none; padding: 0; text-decoration: underline; }
.cc-cookies.cc-discreet a:hover.cc-cookie-reset { text-decoration: none; }


/* Ovo je za videe embedane u wygwam, dodan je js plugin za wygwam koji oko videa automatski stavi div 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%;
}

/* SPECIFIC */

body {color:#484848;}
p {color:#484848;}

#header .header-top ul.nav-top li a {padding: 4px 6px;}
.page-header {background-color: #20568c;border-bottom: 5px solid #CCC;border-top: 5px solid #20568c;}
section.page-header h1 {border-bottom-color: #20568c;}

#footer {margin-top:0}
#footer ul.simple-post-list li {padding:5px 0; border:none;}
#footer .contact i {float:right; margin:7px 0 10px 8px;}
#footer ul.simple-post-list .post-meta {font-style:italic; font-size:1em;}

.usluge-naslov {height:81px; border-bottom:1px solid #b7b7b7; font-size:18px; font-weight:300;}
.usluge-tekst {height:75px; line-height:25px; font-size:14px; font-weight:300; margin-top:10px}

ul.footerprojekti {list-style-type:none; padding:0}
ul.footerprojekti li {line-height:36px; color:#fff;}

ul.footerprojekti li span {color:#484848 !important;}


.posaljite-upit {padding:60px 0 40px 0;}

.slider-gumb {padding:15px; font-size:18px; font-weight:600;}

.hdrbackground {
background-image: url("https://sudski-tumac-spanjolski.hr/slike/header-background.png");
background-size: cover;
height:150px;
}

.hdrslika1 {
padding: 0;
margin: 0;
}
.hdrslika1 img {
margin-left: -13px;
}
.hdrslika2 {
padding: 0;
margin: 0;
}
.hdrpd {
top: 50px;
}
.hdrpoz1 {
bottom: 10px;
}
.slovaw h2 {
color: #ffffff;
}
.slovaw {
margin-top: 30px;
}
.slovaw a {
text-decoration: none;
}
.slovaww a {text-decoration: none; color:#ffffff;}
.slovaww {margin-top: 30px;}
.slovaww h1 {color: #ffffff; font-size: 2.1em;}
.slovaww h2 {color: #ffffff; font-size: 2.1em;}
.slova2 {margin-top: 20px;padding:0px;float: right;}

.slovawwj a {text-decoration: none; color:#ffffff;}
.slovawwj {margin-top: 30px;}
.slovawwj h1 {color: #ffffff; font-size: 2em;}
.slovawwj h2 {color: #ffffff; font-size: 2em;}
.slova2j {margin-top: 20px;padding:0px;float: right;}

.hdrtopslike {
padding:0;
display: inline;
}

.hdrtopslike li {
display: inline;
float: left;
margin: 1px;
}

.boxtext {
    position: absolute;
    background-color: rgba(255, 255, 255, 0.4);
    padding: 50px 30px;
    top: 50px;
    right: 0;
    width: 600px;
}
.boxtext h4 {font-size: 1.7em;font-weight: 600;margin: 0 0 20px 0;}
.boxtext p {color: #000;font-weight: 600;}
.boxpad {
padding: 0;
}
.boxslika img {min-width: 100%;}

#header .header-body {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#003d76+20,326499+73 */
background: #003d76; /* Old browsers */
background: -moz-linear-gradient(top,  #003d76 20%, #326499 73%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #003d76 20%,#326499 73%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #003d76 20%,#326499 73%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003d76', endColorstr='#326499',GradientType=0 ); /* IE6-9 */
border: 0px;
padding:0;
}
.hdrh {
height: 150px;
}
.zastavice li {
display: inline-block;
text-decoration:none;
}
.zaspos {
padding: 0;
}
.zasmrl {
margin-left: 25px;
}
.hdrikonice li {
display: inline-block;
text-decoration: none;
padding: 5px;
margin-top: 13px;
}
.hdrikonice {
margin-bottom: 0px;
margin-right: 0px;
padding-left: 0px;
display: inline-block;
font-size: large;
}
.hdrikonice a {
color: #b6bac6;
}
.ikonmrl {
margin-left: 40px;
}
.ikonmrl1 {
margin-left: 40px;
}
.hdrlang1 {
display: inline-block;
padding-left: 30px;
}
.langpoz2 {
display: inline-block;
position: relative;
}
.langpoz2 a {
font-size: large;
}
.langpoz2 a:hover {
text-decoration: none;
}
.boxglavna {
margin-bottom: 10px;
}
.kucicaboja {
background-color: #013169;
color: #ffffff;
overflow: hidden;
height: 245px;
}
.kucicaboja p {
color: #ffffff;
margin-bottom: 0;
}
.kucicatext {
    padding: 0px 30px 45px 30px;
    font-weight: 300;
    font-size: 13px;
    line-height: 24px;
    letter-spacing: 0.01em;
}
.kucicatitle {
    padding: 32px 30px 0px 30px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 22px;
    letter-spacing: 1.5px;
    line-height: 24px;
}
.kuciceshadow a {text-decoration: none;}
.kucicaslika img {
}
.midboja1 {
background-color: #013169;
color: #ffffff;
overflow: hidden;
height: 380px;
}
.midboja1 a {
color: #ffffff;
}
.midtitle1 {
    padding: 22px 30px 2px 0px;
    text-transform: uppercase;
    font-size: 28px;
    color: #ffffff;
    font-weight: 700;
    line-height: 40px;
    letter-spacing: 1px;
}
.midtitle1 p {
	color: #ffffff;
	margin-bottom:0;
    text-transform: uppercase;
    font-size: 28px;
    color: #ffffff;
    font-weight: 700;
    line-height: 40px;
    letter-spacing: 1px;
}
.midpodnaslov1 {
    font-size: 26px;
    font-weight: 100;
    line-height: 40px;
    letter-spacing: 1px;
    padding: 0px 30px 16px 0px;
}
.midpodnaslov1 p {
	color: #ffffff;
	margin-bottom:0;
	font-size: 26px;
    font-weight: 100;
    line-height: 40px;
    letter-spacing: 1px;
}
.midtext1 {
    padding: 20px 30px 0px 0px;
    font-weight: 300;
    font-size: 15px;
    line-height: 30px;
    letter-spacing: 1px;
}
.midtext1 p {
    color: #ffffff;
    margin-bottom: 0;
}
.midtitle2 {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 16px;
    margin-top: 25px;
	color: #ffffff;
	line-height: 26px;
}
.midboxboja2 {
background-color: #15ace5;
display: flex;
height: 90px;
margin-bottom: 10px;
border: 1px solid #ffffff;
}
.midslika2 {
margin: auto;
}
.midslika2 img {
margin: 0 auto;
}
.midpodnaslov2 {
padding: 20px 0px 0px 0px;
font-size: 15px;
line-height: 22px;
}
.midpodnaslov2 p {
margin-bottom:0;
}
.midtext2 {
padding: 10px 0px 0px 0px;
height:216px;
background-color: #ffffff;
font-size: 13px;
line-height: 22px;
}
.midtext2 p {
line-height: 20px;
color: #456271;
}
.nopad {
padding: 0;
margin-bottom: 0;
}
.midh {
height: 50px;
}
.midblue {
background-color: #013169;
height: 50px;
}
.midgray {
background-color: #eeeeee;
height: 50px;
}
.midstyle2 {
    background-color: #ffffff;
    padding: 30px 0px 0px 0px;
    height: 400px;
    border-left: solid 20px #013169;
}
.midboxbg {
border-right: solid 1px lightgray;
padding: 0px 30px 0px 30px;
max-height: 300px;
}
.padblue {
padding-left:0;
}
.midglavnibox {
background-color: #ffffff;
margin:0;
padding:0;
height:356px;
width: 1200px;
position: absolute;
z-index: 5;
}
.midbigblue {
background: rgba(0, 0, 0, 0) linear-gradient(to right, #013169 61.1%, #fff 50%);
}
.midbiggray {
background-color #ffffff;
height:356px;
}
.botboja1 {
height: 356px;
}
.botvis {
height:500px;
}
.boxkontakti {
float:left;
margin-left: 16.5%;
width: 388px;
}
.boxkarta {
width: 1025px;
float: right;
height:400px;
}
.bottitle1 {
font-weight: 100;
font-size: 28px;
padding: 40px 0px 10px 0px;
letter-spacing: 1px;
color: #000000;
line-height: 40px;
}
.bottitle1 p {
color: #000000;
margin-bottom:0;
}
.bottitle1 a:hover {
text-decoration: none;
}
.botpodnaslov1 {
font-size: 20px;
line-height: 30px;
color: #000000;
font-weight: 100;
}
.botpodnaslov1 p {
font-size: 20px;
line-height: 30px;
color: #000000;
font-weight: 100;
}
.plavosivatraka {
background: rgba(0, 0, 0, 0) linear-gradient(to right, #013169 60.9%, #eeeeee 50%);
height:50px;
}
.nopadl {
padding-right:0;
height: 500px;
padding-left: 20px;
}
.padl30 {
}
.nomar {
margin-left:0;
margin-right: 10px;
}
.ftrikonice li {
display: inline-block;
text-decoration:none;
padding: 10px;
}
.ftrikonicepos {
padding: 0;
display: inline-flex;
text-decoration: none;
}
.mrtop {
margin-top: 37px;
padding-left: 0;
}
.mrtop a:hover {
text-decoration: none;
}
.mrtop h3 {
line-height: 44px;
margin-bottom: 13px;
}
.mrtop2 {
margin-top: 37px;
padding-right: 0px;
text-align: right;;
}
.ftrbold {
font-weight: 700;
font-size: 16px;
line-height:24px;
letter-spacing: 1px;
}
.ftrbold a {
font-weight: 700;
}
.ftrbold1 {
font-weight: 700;
font-size: 20px;
}
.ftrbold1 a {
font-weight: 700;
font-size: 16px;
line-height:24px;
letter-spacing: 1px;
}
.ftrbold2 {
font-weight: 700;
color: #ffffff!important;
font-size: 16px;
line-height:24px;
letter-spacing: 1px;
}
.ftrbold2 p {
font-weight: 700;
color: #ffffff!important;
font-size: 16px;
line-height: 24px;
letter-spacing: 1px;
}
.ftrthin {
font-weight: 100;
font-size: 16px;
line-height:24px;
letter-spacing: 1px;
}
.ftrborder1 {
border-bottom: 1px solid #04447c;
padding-left: 0;

}
.ftrborder1 a {
    color: #15ace5!important;
    font-size: 15px;
    line-height: 36px;
    letter-spacing: 0.04em;
}
.ftrborder1 p {
color: #15ace5;
}
.potpisedit {padding-left:0px; text-align: center;}
.potpisedit a {
color: #15ace5!important;
padding-left:0px;
}

.potpisul {
list-style: none;
display: inline-flex;
padding-left:0px;
}
.potpisul li {
    border-left: 1px solid #505050;
    line-height: 12px;
    margin: 0;
    padding: 0 8px;
}
.potpisul li:first-child {
border-left: none;
padding-left:0px;
}
.mrbot20 {
margin-bottom: 20px;
padding-left:0px;
padding-right:0px;
}
.ftrpad0 {
padding-left: 0;
}
.blueboxshadow {
-webkit-box-shadow: 0px 28px 29px -32px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 28px 29px -32px rgba(0,0,0,0.75);
box-shadow: 0px 28px 29px -32px rgba(0,0,0,0.75);
position:relative;
z-index: 1;
}
.siviboxsmaller {
background-color: #f4f4f4;
padding: 20px 0px 10px 0px;
border-radius: 5px;
margin-bottom:10px;
}
.smallercertifikati {
list-style: none;
display: inline-flex;
padding-left:0px;
}
.smallercertli {
margin-left: 20px;
margin-right: 20px;
}
.smallerboldnaslov {
    font-weight: 700;
    font-size: 15px;
}
.smallerlinkovi {
list-style:none;
padding-left: 15px;
}
.smallervid {
margin-left:15px;
margin-right:15px;
}
.owl-carousel.show-nav-title .owl-nav {
top:-6px;
}
.breadcrumb a {
color: #15ace5;
}
.kuciceshadow {
-webkit-box-shadow: 0px 10px 10px -10px #000000;
-moz-box-shadow: 0px 10px 10px -10px #000000;
box-shadow: 0px 0px 10px 10px -10px #000000;
}
.hdrlipad li:first-child {padding-left:0px; text-transform:capitalize;}
.hdrlipadnone {}

.langfontsize a {
font-size: 0.90em;
}
.hdrikonice i:hover {
color: #013169;
}
.hdrbtntop {
float: right;
}
.kontaktposmid {top: 20px;}
.c1 {background-color: #134a7f; margin-bottom: 14px; background-image: none; margin-left: 30px; margin-right: 30px; margin-top: 18px;}
.c2 {background-color: #0f3f74; margin-top: 0; background-image: none; margin-left: 0px; margin-right: 30px; margin-bottom:0;}
.c3 {background-color: #dedede; background-image: none;}
.c4 {background-color: #04447c; background-image: none; margin-left:-20px; margin-right: -20px; margin-top:0;}
.c5 {border-left:1px solid #ffffff; background-image: none; height: 89px; margin-right: 0;}

.lblue .owl-nav .owl-prev:before {    
    font-family: FontAwesome;
    content: "\f104";
    position: relative;
    left: -25px;
    top: 1px;
    background: #ffffff;
    padding: 10px 23px 10px 20px;
    font-size: 1.5em;
}
.lblue .owl-nav .owl-next:before {
    font-family: FontAwesome;
    content: "\f105";
    position: relative;
    top: 1px;
    padding: 10px 22px 10px 20px;
    background: #ffffff;
    font-size: 1.5em;
    left: -20px;
}
.lblue .owl-nav {
background-color: #ffffff;
height: 5px;
}
.lblue.show-nav-title .owl-nav {
top: -5px;
right: 85px;
}

.ftrikonice li:hover {
opacity: 0.7;
}
.lblue .owl-nav .owl-next {
right: initial;
}
.leftbluebox {
padding: 0px 30px 0px 15px;
}
.padl30 a:hover {
text-decoration: none;
}
.bottext1 p {
color: #000000;
font-size: 15px;
line-height: 30px;
letter-spacing: 0.04em;
}
.smallersadrzaj {padding: 0px 20px 10px 20px;}
.smallersadrzaj img {
display: block;
max-width: 100%;
height: auto!important;
}
.smallersadrzaj p {

}
.smallerhr {
background-image: none;
background-color: #e6e6e6;
margin:20px;
height: 1px;
border: 0;
}
.smallerhr:last-child {
display: none;
}
.smallersadrzaj p:last-child {
margin-bottom: 0;
}
.ftrtextcolor2 p {
line-height: 36px;
margin-bottom: 0px;
}
.ftrboja123 {
color: #ffffff!important;
font-weight: 700!important;
font-size: 16px!important;
line-height: 27px;
letter-spacing: 1px;
}
.ftrboja123 h4 {
color: #ffffff;
}
.ftrpaddinglijevo0 {
padding-left:0px;
}
.entrylist li {line-height: 28px;font-size: 1.4em;margin-bottom: 20px;}

#header {min-height:auto!important;}


.htjulpad {padding-left: 34px;list-style-type: none;}
a.ctj {color: #fff;text-decoration: none;}
h2.entry {color: #023169!important;}

.dropboja1 {background: #011b4a;}
.dropboja2 {background: #011b4a;}
.dropboja3 {}
label.dropboja2 {background:#011b4a!important; border-color:#011b4a!important;}
html .toggle-primary .toggle label {color:#ffffff!important;}
#header .header-nav-main nav > ul > li > a {text-transform: none; }
.toggle.active > label:before {border-top-color:transparent;}