/*
Theme Name: Centar MCS
Theme URI: http://www.centar-mcs.hr/it-usluge/web-usluge/web-dizajn
Description: Web stranica
Author: Centar MCS d.o.o.
Author URI: http://www.centar-mcs.hr
Version: 1.0
License: GNU General Public License
License URI:
Tags:
Text Domain: centarmcs
*/

@import url('https://fonts.googleapis.com/css?family=Titillium+Web:400,600&subset=latin-ext');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap');

/* MAIN */
html{height:100%}
body{font:15px/1.7 'Roboto', sans-serif;min-height:100%}
header{padding:0;position:relative;transition:0.27s ease-in 0s all;flex:none;background-color:#47bd92;}
footer{flex:none}
.wrapper{min-height:100%;margin:0 auto;position:relative;display:flex;flex-direction:column}
.content-wrapper{padding: 0 2%;width: 80%;max-width: 1920px;margin: 0 auto;min-height: 100%;}
.main-content{padding: 20px 0}
.main-grid{box-sizing:border-box}
.sidebar-grid{box-sizing:border-box}
.clear:after{clear:both;content:"";display:table}
#main {overflow: hidden;flex: auto;}
#sidebar{background-color:#eee}
a{text-decoration:none;color:#47bd92;transition:0.21s ease-in 0s all}
a:hover{color:#de4f4f;transition:0.21s ease-in 0s all}
a:active,a:focus{outline:none}
b{font-weight:bold}
h1{font-size:26px;color:#3d9776}
h2{font-size:24px;color:#214141}
h3{font-size:22px;padding:0px;color:#47bd92}
h4{font-size:20px;color:#314141}
h1,h2,h3,h4{font-family:'Titillium Web', sans-serif;font-weight:bold}
h1,h2{margin:0 0 20px}
img{max-width:100%;height:auto}
p,h3,h4,ol,ul{margin:0 0 12px}
p,li{color:#414141;text-shadow:-1px -1px 1px rgba(72,72,72,0.18);}
table{border:1px solid #fff;margin:0 0 20px}
table icon{display:block;text-align:center}
th,td{padding:5px 10px;border:2px solid #6e6e6e}
th{background-color:#111;color:#ecd91f}
td{color:#fff}
ul{list-style:none}
ol{list-style:decimal}
.list{list-style:disc}
.list li{margin:0 0 5px 25px}
.list .list{margin:0 0 0 25px;list-style:circle}
.hidden{display:none}
.first{margin-left:0 !important}
.last{margin-right:0 !important;margin-bottom:0 !important}
label.error{color:#de4f4f !important;font-size:13px}
body.mobile-menu-open,body.modal-open{overflow:hidden}
*{box-sizing:border-box}
/*.s-4{width:33.33%}*/
.row{margin:0 -2%}
.row:before,.row:after{display:block;clear:both;content:''}
.input-12{width:100%;padding:0 2%;}
.input-11{width:91.666%;float:left;padding:0 2%;}
.input-10{width:83.333%;float:left;padding:0 2%;}
.input-9{width:75%;float:left;padding:0 2%;}
.input-8{width:66.666%;float:left;padding:0 2%;}
.input-7{width:58.333%;float:left;padding:0 2%;}
.input-6{width:50%;float:left;padding:0 2%;}
.input-5{width:41.666%;float:left;padding:0 2%;}
.input-4{width:33.333%;float:left;padding:0 2%;}
.input-3{width:25%;float:left;padding:0 2%;}
.input-2-4{width:20%;float:left;padding:0 2%;}
.input-2{width:16.666%;float:left;padding:0 2%;}
.input-1{width:8.333%;float:left;padding:0 2%;}
.block-12{width:100%;padding:0 2%;margin-left:2%;margin-right:2%;}
.block-8{width:62.666%;float:left;padding:0 2%;margin-left:2%;margin-right:2%;}
.block-6{width:46%;float:left;padding:0 2%;margin-left:2%;margin-right:2%;}
.block-4{width:29.333%;float:left;padding:0 2%;margin-left:2%;margin-right:2%;}
.block-3{width:21%;float:left;padding:0 2%;margin-left:2%;margin-right:2%;}
.block-2-4{width:16%;float:left;padding:0 2%;margin-left:2%;margin-right:2%;}
.block-2{width:12.666%;float:left;padding:0 2%;margin-left:2%;margin-right:2%;}

/* HEADER */
.header-content{float:left;margin-left:80px; font-size: 14px;line-height:31px}
.header-top a{color: #fff}
.header-top a:hover{color:#cfcfcf}
.header-info{float:left}
.header-info a{margin:0 15px 0 0;font-size:13px}
.header-languages{float:right;line-height:13px}
.header-bottom{position:relative;z-index:2;background-color:#222;top:0;width:100%}
.wpml-ls-legacy-list-horizontal{border: 0 !important;padding: 0 !important;clear: both;}
.wpml-ls-legacy-list-horizontal a{font-size:13px;}
.fixed-menu{margin:0 auto;list-style:none;display:table;background:#fff}
.fixed-menu li{float:left;margin:0;padding:20px 25px;background:#eee;font-weight:bold;opacity:0.8;transition:0.21 ease-in-out 0s all;box-shadow:0 0 1px #111 inset;border:1px solid #111}
.fixed-menu li:hover{opacity:1;background:#ddd;transition:0.21 ease-in-out 0s all}
.logo{width:50%;float:left;margin: 10px 0;}
.logo img{max-height:45px;}
.logo h1,.logo h2{margin:0;padding:0 10px;color:#fff;font-weight:normal;display:inline-block}
.menu-logo{position:absolute;top:0;right:12%;overflow:hidden;}
#menu-logo-img{height:40px;position:relative;top: -40px;transition:0.21s ease-in-out 0s all;}
.heading{width: 50%;float: right;text-align: right;margin: 10px 0;}
.heading h1{margin:0;color:#fff;font-size:25px;font-weight:normal}

/* FOOTER */
footer a{color:#bfbfbf}
footer h3{color:#fff;font-size:18px;display:inline-block;margin:0}
.copyright,.design,.social{text-align:center;margin:10px 0}
.copyright{color:#47bd92;font-size:13px;margin:0 0 7px}
.dizajner p{font-size:10px;margin:0;color:#666;text-shadow:0 0 1px rgba(60,60,60,0.2)}
.dizajner a{color:#666;text-decoration:none}
.dizajner a:hover{color:#de4f4f}
.footer-section{float:left;padding-right:30px;box-sizing:border-box;width:33.333%}
.footer-header{border-bottom:1px solid #111;margin:0 0 12px}
.footer-top{padding:10px 0;background-color:#2f2f2f;border-bottom:3px solid #111}
.footer-top [class^="icon-"]{margin:0 5px 0 0;color:#BFBFBF}
.footer-top p, .footer-top li{color:#eee;font-size:14px}
.footer-bottom{background-color:#232323;box-shadow:0 0 5px #414141;padding:15px 0;border-top:1px solid #eee}
.footer-image-icon{width:26px;vertical-align:top;margin:0 5px 0 0}
.footer-contact{float: left;padding-right: 30px;box-sizing: border-box;width: 33.333%;}
.image-float{float:right;margin:0 0 0 15px;}
.social-icons{text-align:center;font-size:22px}
.social-icons a{margin:0 10px}
.social .icon-facebook{font-size: 13px; border-radius: 100%; background-color: #3B5998; color: #fff; height:28px; width:28px; display:inline-block; line-height:31px; transition:0.21s ease-in-out 0s all; border: 2px solid #fff;}
.social .icon-facebook:hover{background-color: #fff; color: #3B5998; border: 2px solid #3B5998;}
.social .icon-linkedin{font-size: 13px; border-radius: 100%; background-color: #007bb5; color: #fff; height:28px; width:28px; display:inline-block; line-height:31px; transition:0.21s ease-in-out 0s all; border: 2px solid #fff; margin-left: 15px;}
.social .icon-linkedin:hover{background-color: #fff; color: #007bb5; border: 2px solid #007bb5;}
.to-top{cursor:pointer;position:fixed;bottom:20px;right:20px;height:35px;width:35px;z-index:10;visibility:hidden;border-radius:50%;opacity:0;box-shadow:0 0 0 3px #47bd92;background-color:rgba(255,255,255,0);transition:0.21s ease-in-out 0s all}
.to-top:hover{background-color:rgba(235,235,235,1);transition:0.21s ease-in-out 0s all}
.to-top icon{font-size:35px;top:-8px;position:relative;color:#47bd92}
.to-top-vidljiv{opacity:1;visibility:visible}

/* HOME */

/* NASLOVNICA */
#izdvojeni-programi{margin:0 0 20px}
.izdvojeni-program{border:1px solid #47bd92;box-sizing:border-box;padding:10px 15px;margin:0 5px}
.izdvojeni-program .ip-heading a:after{display:block;height:1px;width:50%;background-color:#47bd92;content:"";margin:0 auto;transition:0.21s ease-in-out 0s all}
.izdvojeni-program:hover .ip-heading a:after{width:100%;transition:0.3s ease-in-out 0.1s all}
.ip-main .ip-heading{text-align:center}
.ip-pop-up{max-width:90%}
.ip-pop-up .ip-heading{text-align:center;font-weight:bold;border-bottom:1px solid #214141}
.ip-content .ip-image{float:left;margin:0 20px 20px 0}
.ip-content .ip-link-container{float:right}
.ip-content .ip-link{display:inline-block;padding:2px 8px;border:1px solid #47bd92}
.ip-main .ip-image{margin:0 0 15px}
.quick-view-container{text-align:right}
.quick-view{border:1px solid #47bd92;padding:5px;width:32px;height:32px;line-height:19px;text-align:center;display:inline-block}
.quick-view:hover{border:1px solid #de4f4f}
.certifikacije{list-style:none;font-size:0;}
.certifikacije li{display:inline-block;margin:0 10px 15px;padding:10px}
.certifikacije li img {max-height: 70px;}
.main-heading{color:#47bd92;display:inline-block;padding:0 8px}

/* NASLOVNICA OBJAVE - BLOG */
#objave-naslovnica{margin:0 0 20px}
.blog-items{list-style:none}
.blog-item{float:left;width:32%;margin:0 1% 15px;border:1px solid #b8bdbb;box-sizing:border-box;padding:15px;position:relative}
.blog-item.first{margin:0 1% 15px 0}
.blog-item.last{margin:0 0 15px 1%}
.blog-item:hover .item-heading:before{width:100%;border-bottom:1px solid #314141;transition:0.5s ease-in-out 0s all}
.blog-item:hover .item-heading:after{width:100%;border-bottom:1px solid #314141;transition:0.5s ease-in-out 0s all}
.post-time{border-bottom:1px solid #bbb;font-size:12px;font-style:italic;margin:0 0 15px}
.image-gallery{max-width:400px}
.item-heading:before{display:block;content:"";width:0;border:0 solid #fff;transition:0.5s ease-in-out 0s all;position:absolute;left:0}
.item-heading:after{display:block;content:"";width:0;border:0 solid #fff;transition:0.5s ease-in-out 0s all;position:absolute;right:0}
.item-image{margin:0 0 10px}
.item-description{margin:0 0 20px}
.item-description p{margin:0}
.item-link-container{float:right}
.item-link{display:inline-block;padding:2px 8px;border:1px solid #47bd92}
.item-link:hover{background-color:#47bd92;color:#fff}

/* NOVOSTI - POSTS */
.obavijesti{list-style:none; margin:0 -2% 2%}
.obavijesti li {margin-top:2%;padding:2%;box-shadow:0 0 0 #dedede;border:1px solid #ccc;transition:0.1s linear 0.2s all}
.obavijesti li:hover{box-shadow:0 4px 8px 0 rgba(0,0,0,.4);transition:0.1s ease-in 0s all}
.obavijesti li .naslov{margin:0 0 10px}
.obavijesti li .datum{font-style:italic;font-size:12px; margin:15px 0}
.obavijesti li p{margin:0}
.nav-previous,.nav-next{display:inline-block;padding:2px 8px;border:1px solid #47bd92}
.nav-previous{margin:20px 20px 0 0}
#nav-single{margin:0 0 20px}

/* BREADCRUMBS */
#breadcrumbs{background-color:#333;box-sizing:border-box;padding:4px 12px;font-size:13px;display:table;color:#ecd91f;margin:10px auto 0}
#breadcrumbs a{color:#fff}
#breadcrumbs a:hover{color:#de4f4f;}

/* WP ADVANCED SEARCH */
.wp-advanced-search{float:left;padding:0 2% 0 0}
.wpas-reset.button{border:2px solid #d8d8d8;background-color:#e8e8e8;padding:3px 7px;font-size:0.8em}
.wpas-submit.button{border:2px solid #d8d8d8;background-color:#111;padding:3px 7px;color:#fff;font-size:0.8em}
#wpas-results{border-left:2px solid #111;float:left;padding:0 0 0 2%;min-height:100px}
#wpas-reset{float:left}
#wpas-submit{float:right}
#wpas-search_query{margin:0 0 15px 0}

/* ICONS */
[class^="icon-"]{position:relative;vertical-align:middle}
.icon-copyright{top:-0.5px}

/* SEPARATORS */
hr{border-top: 1px #ccc solid;clear:both;height:0;margin:15px auto}
.separator-fade{background-image:linear-gradient(to right, rgba(230, 230, 230, 0), rgba(230, 230, 230, 1), rgba(230, 230, 230, 0));border:none;height:2px;margin:15px auto;border-radius:100%;box-shadow:0 0px 1px 0px #000}

/* WP PAGE NAVI */
.wp-pagenavi{text-align:right;}
.wp-pagenavi .pages{color:#414141;display:none}
.wp-pagenavi a,.wp-pagenavi span{border:0;padding:1px 5px;margin:3px;display:inline-block;text-decoration:none}
.wp-pagenavi a:hover,.wp-pagenavi span.current{color:#414141;}

/* MENU */

/* O NAMA */
.o-nama-naslovi {margin-top: 80px;}

/*PROGRAMI I USLUGE LISTA*/
.section{padding: 50px 0;}
.section.odd{background:#fff}
.section.even{background: #91bfac;}
.section .naslov-container h2{display:inline-block; color:#fff; background-color: #2f2f2f; padding:0 15px; margin:20px 0 20px}
.section .element{margin:10px 0;}
.section.even .element-naslov {color: #eee;}
.section.even .element-tekst a {color: #252525;}
.section.even .program-usluge-button{color:#232323;cursor:pointer;padding: 5px 10px;border:3px solid #232323;transition:0.21s ease-in-out 0s all}
.section.even .program-usluge-button:hover{color:#fff;box-shadow:0 0 75px 5px #232323 inset;transition:0.21s ease-in-out 0s all}
.program-usluge-button{color:#232323;cursor:pointer;padding: 5px 10px;border:3px solid #3d9776;transition:0.21s ease-in-out 0s all}
.program-usluge-button:hover{box-shadow:0 0 75px 5px #3d9776 inset;border:3px solid #47bd92;color:#fff;transition:0.21s ease-in-out 0s all}

/* PROGRAMI I USLUGE */
.element-row{padding: 15px 0;}
.big-element.slika-tekst.tekst, .big-element.galerija-tekst.tekst {float: right;width: 50%;}
.big-element.tekst-slika.tekst,.big-element.tekst-galerija.tekst{float: left;width: 50%;}
.big-element.slika-tekst.slika, .big-element.galerija-tekst.galerija{float: left;width: 50%;padding: 20px; text-align: center;}
.big-element.tekst-slika.slika, .big-element.tekst-galerija.galerija{float: right;width: 50%;padding: 20px; text-align: center;}
.element {margin:50px 0}
.element-slika {text-align: center;}
.element-slika img{max-width: 100px;}
/*.element-naslov {text-align: center;}*/
.elementi-container{margin:0 -2%}
.element.bubble-1.element-count-1{float:none; width:100%;margin: 0 2%;}
.element.bubble-1.element-count-2, .element.bubble-2.element-count-2{width:46%; float:left;margin:0 2%;}
.element.bubble-1.element-count-3, .element.bubble-2.element-count-3, .element.bubble-3.element-count-3{width:29%; float:left;margin:0 2%;}
.element.bubble-1.element-count-4, .element.bubble-2.element-count-4, .element.bubble-3.element-count-4, .element.bubble-4.element-count-4{width:21%;float: left;margin:0 2%;}
.element.bubble-1.element-count-5, .element.bubble-2.element-count-5, .element.bubble-3.element-count-5, .element.bubble-4.element-count-5, .element.bubble-5.element-count-5{width:16%;float: left;margin:0 2%;}
.program-naslov {margin-top: 50px;}
#programi-forma {margin: 20px 0 80px;}
#programi-forma .input-field {position: relative;}
#programi-forma .input-field input, #programi-forma .input-field textarea  {border-left: 0;border-right: 0;border-top: 0;background: #fff;border-bottom: 1px solid #666;}
.floating-label {color:#999; font-size:14px;font-weight:normal;position:absolute;pointer-events:none;left:15px;top:5px;transition:0.2s ease all;-moz-transition:0.2s ease all;-webkit-transition:0.2s ease all;}
.floating-textarea {min-height: 30px;max-height: 260px; overflow:hidden;overflow-x: hidden;min-width:100%;max-width:100%}
.inputText:focus{outline:none;border-bottom:2px solid #3d9776; }
.inputText:focus ~ label, .inputText:not(:placeholder-shown) ~ label {top:-18px;font-size:14px;color:#3d9776;}
.uvjeti {margin: 20px 0 25px;}
.programi-forma-container h1{margin: 100px 0 30px; text-align: center;}
.programi-forma-container {width: 80%;margin: 0 auto;clear: both;}
.g-recaptcha.error{border: solid 2px #de4f4f;display: inline-block;}
.g-recaptcha-error{color:#de4f4f;font-size:13px}
.programi-submit-button{background-color:#fff;color:#232323;width:120px;height:35px;cursor:pointer;margin-left: 10px;border:3px solid #3d9776;transition:0.21s ease-in-out 0s all}
.programi-submit-button:hover{box-shadow:0 0 75px 5px #3d9776 inset;border:3px solid #47bd92;color:#fff;transition:0.21s ease-in-out 0s all}
#query-success, #query-failure{font-size:24px;text-align: center;display:none}
#contact-closer,#modal-closer{position: absolute;top: 0;right: 0;padding: 10px;cursor:pointer;}
.icon-close:before{display:block;transition: 0.27s ease-in 0s all;}
.icon-close:hover:before{transform: scale(1.2) rotate(360deg);transition: 0.27s ease-in 0s all;}
#toggle-uvjeti-kontaktiranja{text-decoration:underline;cursor:pointer}
#uvjeti-kontaktiranja{display:none;padding:15px;}
#query-success img, #query-failure img {display: block;margin: 0 auto;padding: 0 0 20px;}
#query-failure img {display: block;margin: 0 auto;padding: 0 0 20px;}
#modal{display:none;position: fixed;top:0;left:0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.25);z-index: 100;}
#modal-closer{position: absolute;top: 0;right: 0;padding: 10px;cursor:pointer;}
.modal-wrap{position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow: auto;}
.modal-container{background-color: #fff;padding: 25px;position: absolute;max-width:80%;max-height:80%;overflow:auto;box-shadow: 0 0 3px #989898;}
.fancy-main-image.google {width: 46%;}
.slick-slide img {max-height: 350px;}
.slika-link-container {margin:2%;float:left; width:46%;}
.program-slika-link {overflow: hidden;transition: 0.24s ease-in 0s all;}
.program-slika-link:hover{box-shadow: 1px 1px 2px rgba(0,0,0,.12);transition: 0.24s ease-in 0s all;}
.program-slika-link a {display: block;margin: -1px;transition: -webkit-transform .5s cubic-bezier(0,0,.44,1.18);transition: transform .5s cubic-bezier(0,0,.44,1.18);transition: transform .5s cubic-bezier(0,0,.44,1.18),-webkit-transform .5s cubic-bezier(0,0,.44,1.18);}
.program-slika-link a:hover {transform: scale3d(1.1,1.1,1);transition: 0.24s ease-in 0s all;}
.paketi-lista {margin:-2%}
.paketi {width: 16%;float: left;background: #f9f9f9; margin:2%}
.paketi h3 {color: #fff;background: #3d9776;padding: 5px 5px 0px 5px;text-align: center;margin: 0;}
.paketi p {text-align: center;background: #3d9776;margin: 0;padding-bottom: 5px;color: #e1e1e1;}
.paketi .list{padding:10px}
.program-slika {margin:15px 0}

/* ANIMATIONS */
.animated {-webkit-backface-visibility: hidden;backface-visibility: hidden;-webkit-transform: translate3d(0,0,0);opacity:0;}
.animation_started.animated {-webkit-animation-duration: .8s;-webkit-animation-delay: .2s;-webkit-animation-timing-function: ease-in-out;-webkit-animation-fill-mode: both;animation-duration: .8s; animation-delay: .2s;animation-timing-function: ease-in-out;animation-fill-mode: both;opacity:1;}
.fadein-lez {-webkit-animation-name: fadeIn;animation-name: fadeIn;-webkit-animation-duration: 1.5s;animation-duration: 1.5s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}

/* FORME */
input[type="text"],input[type="email"]{padding:5px 10px;border:1px solid #666;font-family:'Roboto', sans-serif;font-size:15px;}
input[type="text"], input[type="email"], textarea, select, input[type="file"]{display:block;width:100%}
input[type="checkbox"]{margin:0 15px 0 5px;vertical-align:middle}
input:focus, textarea:focus{outline:none}
.input-field{padding: 20px 10px;background-color: #fff;display: inline-block;}
label{color:#414141;cursor:default;display:inline-block;font-size:14px}
select,input[type="text"],input[type="email"]{height:35px}
select,select:disabled,input:disabled{color:#777 !important;box-shadow:none !important}
select:focus,input:focus{outline:none}
textarea{border: 1px solid #666;padding: 5px 10px;box-shadow: 0 0 3px #fff inset;font-family: 'Roboto';font-size: 14px;overflow:auto}

/* CMS */
.google-map {float: right;width: 60%;}
.kontakt-info {float: left;width: 40%;}
.kontakt{padding:15px 0;box-sizing:border-box;clear: both;}
.kontakt-forma .ccf-form-wrapper .field {width:33.333%; float:left;padding: 0 2%;clear: none;}
.kontakt-forma .ccf-submit-button{background-color:#fff;color:#232323;width:120px;height:35px;cursor:pointer;border:3px solid #3d9776;transition:0.21s ease-in-out 0s all}
.kontakt-forma .ccf-submit-button:hover{box-shadow:0 0 75px 5px #3d9776 inset;border:3px solid #47bd92;color:#fff;transition:0.21s ease-in-out 0s all}
.kontakt-forma .ccf-form-complete{color:#414141;border-bottom:2px solid #47bd92}
.kontakt-forma .ccf-form.ccf-theme-default {margin:0 -2%;}
.kontakt-forma h2 {margin:30px 0 10px}
.kontakt-forma .ccf-form-wrapper .field label.main-label .required{color:#3d9776}
.kontakt-forma .form-group.field.kontakt-upit.field-type-paragraph-text, .form-group.field.kontakt-uvjeti.field-type-checkboxes{width:100%;}
.kontakt-forma:hover .icon-mail-o{color:#47bd92;transition:0.21s ease-in-out 0s all;}
.kontakt-forma .form-submit{margin:2%;clear: both;}
.icon-mail-o{transition:0.21s ease-in-out 0s all;}
.center-images img{margin:0 15px;padding:15px;border:1px solid #bbb;max-height:110px;width:auto}
.partneri{display:inline-block;margin:0 0 15px}
.program{border:1px solid #3d9776;padding:15px;margin:0 0 25px}
.naslov-programa{text-align:center;margin:0;color:#47bd92}
.info{text-align:center;border-bottom:1px solid #214141;font-size:11px;font-style:italic}
.image-float-right{float:right;margin:0 0 15px 15px}
.fancy-album{text-align:center;margin:0 0 20px;clear:both}
.fancy-album img{box-shadow:0 0 0 #222;transition:0.21s ease-in-out 0s all}
.fancy-album img:hover{box-shadow:0 0 3px #222;transition:0.21s ease-in-out 0s all}
.fancy-naslov{margin:0}
.fancy-info{font-size:13px;font-style:italic;margin:0 0 10px}
.fancy-main-image{float:left; width:29%; margin:2%}
.fancy-main-image img{border:1px solid #ddd}
.upute{margin:0 0 25px}
.back-upute{display:inline-block;padding:2px 7px;border:1px solid #47bd92;font-size:18px}
.demo{display:inline-block;margin:20px 0;color:#222;border:2px solid #47bd92;background-color:#fff;padding:5px 12px}
.demo:hover{background-color:#47bd92;color:#222}
.cijena{font-size:14px;font-weight:bold;color:#616161}
.saznaj-vise{float:right}
.saznaj-vise a{display:inline-block;padding:2px 8px;border:1px solid #47bd92}
.link-programa{float:left}
.partneri-container{text-align:center}
.hrvatska{background: #fff url('images/patterns/kockice.jpg') repeat-x scroll 0 0;height: 60px;}
.naslovi{margin-top: 80px;}

/* KARIJERA */
#karijera{display:none;}
.karijera{width:48%;margin-right:10px}
.naziv-pozicije{text-align:center; border-bottom: 1px solid #214141;}
.novi-posao{border:1px solid #3d9776;padding:15px;margin:0 0 25px}
.sto-nudimo, .opis-posla{padding:15px;margin:0 0 25px}
.uvjeti-nudimo-container{padding:15px;margin:0 0 25px;display:none}
.required{color: #3d9776;margin-right: 5px;}
.button-prijava-container,.button-forma-container, .button-prikazi-vise-container{text-align:center;}
#button-prikazi-vise, #button-forma,#button-prijava{display:inline-block; padding: 5px 10px; margin: 0 0 25px; text-align:center;background-color:#232323;color:#fff;width:150px;line-height:35px;cursor:pointer;border:3px solid #3d9776;transition:0.21s ease-in-out 0s all}
#button-prikazi-vise:hover, #button-forma:hover, #button-prijava:hover{box-shadow:0 0 75px 5px #3d9776 inset;border:3px solid #47bd92;transition:0.21s ease-in-out 0s all}

/* POSLOVNI PARTNERI */
.poslovni_partneri_unos_partnera{text-align:center;margin: 15px auto;}
.unos-partnera{display:inline-block; margin: 0 0 15px}
.logo-link-poslovnog-partnera img{margin: 0 15px;padding: 15px;border: 1px solid #bbb;max-height: 70px;width: auto;}
.logo-link-poslovnog-partnera img:hover{box-shadow: 0 0 3px #222;transition: 0.21s ease-in-out 0s all;}
.gold-partner-naslov {margin-top: 50px;}
.gold-partner-container {text-align: center;}
.gold-partner-image{margin:2% auto}
.gold-partner-image img{max-height: 350px;}

/* MEDIA QUERIES */
@media only screen and (min-width:960px) and (max-width:1280px) {
}
@media only screen and (min-width:480px) and (max-width:1499px) {
}
@media only screen and (max-width:1199px) {
.fancy-main-image img{max-width:100%}
.programi-forma-container {width: 100%;}
}
@media only screen and (min-width:960px) and (max-width:1199px) {
.element.bubble-1.element-count-5, .element.bubble-2.element-count-5, .element.bubble-3.element-count-5, .element.bubble-4.element-count-5, .element.bubble-5.element-count-5{width:29%;}
.element.bubble-1.element-count-5:nth-child(3n+1), .element.bubble-2.element-count-5:nth-child(3n+1), .element.bubble-3.element-count-5:nth-child(3n+1), .element.bubble-4.element-count-5:nth-child(3n+1), .element.bubble-5.element-count-5:nth-child(3n+1){clear:left;}
}
@media only screen and (min-width:960px) {
.obavijesti li:nth-child(3n+1){clear:left}
.lista-usluga li:nth-child(4n+1){clear:left}
#kategorije_i_usluge_lista .element{width:29%; float:left;margin:2%;}
#kategorije_i_usluge_lista .element:nth-child(3n+1) {clear: left;}
}
@media only screen and (max-width:959px) {
.input-4{width:50%;}
.input-3{width:33.333%;}
.input-2-4{width:25%;}
.block-4{width:46%}
.block-3{width:29.333%;}
.block-2-4{width:21%}
.input-karijera{width:50%}
.element.bubble-1.element-count-3, .element.bubble-2.element-count-3, .element.bubble-3.element-count-3{width:46%;margin:2%;}
.element.bubble-1.element-count-4, .element.bubble-2.element-count-4, .element.bubble-3.element-count-4, .element.bubble-4.element-count-4{width:46%;margin:2%;}
.element.bubble-1.element-count-5, .element.bubble-2.element-count-5, .element.bubble-3.element-count-5, .element.bubble-4.element-count-5, .element.bubble-5.element-count-5{width:46%;margin:2%;}
.element.bubble-1.element-count-3:nth-child(2n+1), .element.bubble-2.element-count-3:nth-child(2n+1), .element.bubble-3.element-count-3:nth-child(2n+1){clear:left;}
.element.bubble-1.element-count-4:nth-child(2n+1), .element.bubble-2.element-count-4:nth-child(2n+1), .element.bubble-3.element-count-4:nth-child(2n+1), .element.bubble-4.element-count-4:nth-child(2n+1){clear:left;}
.element.bubble-1.element-count-5:nth-child(2n+1), .element.bubble-2.element-count-5:nth-child(2n+1), .element.bubble-3.element-count-5:nth-child(2n+1), .element.bubble-4.element-count-5:nth-child(2n+1), .element.bubble-5.element-count-5:nth-child(2n+1){clear:left;}
.slika-link-container{float:none;width:100%}
}
@media only screen and (min-width:768px) and (max-width:1199px) {
.menu-logo{display:none}
.paketi{width:29%}
}
@media only screen and (min-width:768px) and (max-width:959px) {
.obavijesti li:nth-child(2n+1){clear:left}
.lista-usluga li {width: 29%;}
.lista-usluga li:nth-child(3n+1) { clear: left;}
}
@media only screen and (min-width:480px) and (max-width:959px) {
}
@media only screen and (max-width:767px){
.footer-section{float:none;width:auto;padding:0;margin:0 0 30px}
.logo, .heading{padding:40px 0 0;}
.menu-logo{right:auto}
.heading h1{font-size:3vw}
.input-6{width:100%;float:none}
.input-8,.input-4,.input-3{width:50%;}
.input-2-4{width:33.333%;}
.block-6{width:100%;float:none}
.block-8,.block-4,.block-3,.block-2-4,.block-2{width:46%;}
.partneri{display:block}
.center-images img{padding:15px;margin:0;box-sizing:border-box;}
.kontakt{padding:0;background-color:inherit;box-shadow:none}
.to-top{display:none}
.image-float-right{float:none;margin:0 0 15px}
.blog-item{width:100%;float:none;margin:0 0 20px}
.blog-items{float:none;width:100%}
.obavijesti li{width:100%;float:none;}
.obavijest:hover {box-shadow: none;transition: none;}
.big-element.tekst-slika.tekst, .big-element.tekst-slika.slika,.big-element.slika-tekst.slika, .big-element.slika-tekst.tekst, .big-element.tekst-galerija.tekst, .big-element.tekst-galerija.galerija, .big-element.galerija-tekst.galerija, .big-element.galerija-tekst.tekst{float: none;width:100%}
.elementi-container {margin: -2% 0;}
.element.bubble-1.element-count-2, .element.bubble-2.element-count-2{width:100%;margin: 2% 0;}
.element.bubble-1.element-count-3, .element.bubble-2.element-count-3, .element.bubble-3.element-count-3{width:100%;margin: 2% 0;}
.element.bubble-1.element-count-4, .element.bubble-2.element-count-4, .element.bubble-3.element-count-4, .element.bubble-4.element-count-4{width:100%;margin: 2% 0;}
.element.bubble-1.element-count-5, .element.bubble-2.element-count-5, .element.bubble-3.element-count-5, .element.bubble-4.element-count-5, .element.bubble-5.element-count-5{width:100%;margin: 2% 0;}
.google-map,.kontakt-info {float:none; width:100%}
.kontakt-forma .ccf-form-wrapper .field, .kontakt-forma .form-group.field.kontakt-upit.field-type-paragraph-text, .form-group.field.kontakt-uvjeti.field-type-checkboxes{width:100%}
.footer-contact, .footer-section{width:100%; float: none;padding:0}
}
@media only screen and (min-width:480px) and (max-width:767px) {
.header-bottom{position:fixed !important;width:100%;top:0}
.lista-usluga li {width: 46%;}
.lista-usluga li:nth-child(2n+1) { clear: left;}
.paketi{width:46%}
}
@media only screen and (max-width:479px) {
.header-bottom{position:absolute !important;width:100%;top:0}
.heading{padding:0;text-align:center;float:none;width:100%}
.heading h1{font-size:6vw}
.input-12,.input-11,.input-10,.input-9,.input-8,.input-7,.input-6,.input-5,.input-4,.input-3,.input-2-4,.input-2,.input-1{width:100%;float:none}
.block-12,.block-8,.block-6,.block-4,.block-3,.block-2-4,.block-2{width:100%;float:none;}
.main-heading{display:table;margin:0 auto 20px}
.logo{text-align:center;float:none;width:100%}
.logo-link-poslovnog-partnera img{margin:0}
.lista-usluga li {width: 100%;float:none}
.g-map{height:300px !important}
.rc-anchor-light.rc-anchor-normal{transform:scale(0.77);-webkit-transform:scale(0.77);transform-origin:0 0;-webkit-transform-origin:0 0;}
.paketi{width:100%;float:none}
}