@import url('https://fonts.googleapis.com/css?family=Caveat|Fira+Sans&subset=latin-ext');
body {font-family: 'Fira Sans', sans-serif;}

.underConstruction {display:none;}
.animate {transition: all 0.3s cubic-bezier(.25,.8,.25,1);}
.round10 {-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}
.round5 {-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.round2 {-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;}
.circle {-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}
.transition {-webkit-transition: all 300ms ease;-moz-transition: all 300ms ease;-ms-transition: all 300ms ease;-o-transition: all 300ms ease;transition: all 300ms ease;}
.reverse-row-order{flex-direction:row-reverse;}
.is-color {background:#FD9927;color:white;}
.txtShadowB {text-shadow: 1px 1px 1px rgba(0,0,0,1)}
.wallpaper {background-repeat:no-repeat;background-position:top center;background-attachment:fixed;-webkit-background-size: contain;-moz-background-size: contain;-o-background-size: contain;background-size: contain;}
.bgW {background:rgba(255,255,255,0.9);}
	@media screen and (max-width: 768px) {
		.bgW {background:none;}
	}
.HIDE {display:none!important;}
.test {border:1px dashed red;}
	@media screen and (min-width: 1023px) {
		.scale {visibility:hidden;} /* hack for blinking image before scaling it with js ... only on desktop*/
	}
	
.secFont {font-family:Caveat;}
#content .email {background:#ffe1c1;color:black;padding:3px 6px;font-weight:normal;}
#content .email:hover {background:#ffcd97;}

/* header section */
.paralax {background-image:url('../img/headerBg.png');}
	@media screen and (max-width: 768px) {
		.paralax {background-image:none;}
	}

/* top */
#header .top .lang {}
#header .top .lang img {width:20px;height:auto;margin-right:7px;vertical-align:middle;}
#header .top .lang ul ul {display:none;position:absolute;z-index:9999;margin-top:-1px;}
#header .top .lang ul li:hover > ul {display:block;background:white;box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);}
#header .top .lang li a {color:black;text-decoration:none;font-size:.9em;display:block;padding:0 14px;}
#header .top .lang li a:hover {background:#efefef;}

#header .top .virtualMeeting a {-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;display:block;line-height:20px;text-transform:uppercase;position:absolute;font-size:1.1rem;padding:10px 20px;background:#F38533;color:white;margin:15px 0 0 120px;transform: rotate(-3deg);box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);}
#header .top .virtualMeeting a .fa {display:inline;margin-right:10px;}
#header .top .virtualMeeting a:hover {transform: rotate(0);}

#header .top .placa a {-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;display:block;line-height:20px;text-transform:uppercase;position:absolute;font-size:1.1rem;padding:10px 20px;background:#49B8D5;color:white;margin:15px 0 0 20px;transform: rotate(-3deg);box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);}
#header .top .placa a .fa {display:inline;margin-right:10px;}
#header .top .placa a:hover {transform: rotate(0);}

.mobileVirtual a{color:black;width:60%;background:#efefef;text-align:center;margin:0 auto;padding:5px;margin-top:8px;display:block;text-transform:uppercase;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;}
.mobileVirtual a .fa {display:inline;margin-right:10px;}

#header .top {height:40px;border-bottom:1px solid #efefef;line-height:40px;}
#header .top .level-right {color:#777;}
#header .top .level-right a {color:#777;text-decoration:none;padding-right:20px;}
#header .top .level-right i {color:#FD9927;margin-right:7px;font-size:1rem;}

/* mobile header only */
	@media screen and (max-width: 768px) {
		#mobileHeader {padding:10px;-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.25);-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.25);box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.25);}
		#mobileHeader .logo {width:30%;}
		#mobileHeader .logo img {height:35px;width:auto;}
		#mobileHeader .slogan {width:40%;line-height:16px;font-size:2rem;}
		#mobileHeader .icon a {color:#F38533;}
		#mobileHeader .icon a:nth-child(1) {margin-right:15px;color:grey;}
		#mobileHeader .icon {width:30%;}
		#mobileHeader .icon i {font-size:2rem;}
	}

/* bottom */
#header .bottom {height:135px;padding:10px 0;}
#header .bottom .logo {font:normal 1.5rem 'Caveat';}
#header .bottom .logo img {height:70px;width:auto;}
#header .bottom .slogan {position:absolute;margin:45px 0 0 -15px;font-size:2rem;}

/* menu section */
#mainMenu {padding-top:30px;}
#mainMenu a {font-size:1.5rem;text-transform:uppercase;color:#777;padding:0.5rem 1.5rem;display:block;}
#mainMenu a:hover {background:#FD9927;color:white;}
#mainMenu li:hover {background:#FF602D;}
#mainMenu li:hover > a {color:white;}
/* dropdown */
#mainMenu ul {position:relative;padding:0;margin:0;list-style:none;}
#mainMenu ul li{display:inline-block;}
#mainMenu ul ul {display:none;position:absolute;top:45px;z-index:9999;background:#FF602D; box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);}
#mainMenu ul ul li a {font-size:1rem;color:white;text-transform:none;}
#mainMenu ul li:hover > ul {display:block;}
#mainMenu ul ul li {float:none;display:list-item;position:relative;}



/* off canvas menu */
#offCanvasLeft {background:black;}
#offCanvasLeft .fa-close {font-size:1.6rem;color:white;}

/* main offset menu */
#outsidePanel {background:#222;}
#outsidePanel .header {background:black;padding:10px 20px;border-bottom:1px dotted #666;}
#outsidePanel .header i {color:white;line-height:60px;}
#outsidePanel .header .toggle-lang-panel img{width:30px;height:auto;}
#outsidePanel .header .toggle-lang-panel {padding-right:25px;}
#outsidePanel .header .toggle-inside-panel {padding-right:25px;}

#outsidePanel .header .toggle-lang-panel:hover + #langMenu {height:100px;}

/* language */
#langMenu {background:black;padding:15px 0;border:0;border-top:1px dotted white;}
#langMenu .title{color:white;}
#langMenu img {width:30px;height:auto;}
.scrollHere {height:20px;}

#mobileMenu {padding:0 20px;}
#mobileMenu a {font-size:1.4rem;color:#FD9927;text-transform:uppercase;}
#mobileMenu a i{margin-right:15px;font-size:1.3rem;color:#FD9927;}
#mobileMenu li li:last-child {border:none;padding-bottom:10px;}
#mobileMenu li li a {padding-left:10px;font-size:1.2rem;color:white;text-transform:none;border-bottom:1px solid #666;display:block;line-height:30px;}

#offCanvasLeft .catalog {text-align:center;}
#offCanvasLeft .catalog a{color:#efefef;font-size:3vmax;}
#offCanvasLeft .catalog span{font-size:2rem;color:#ccc;}

#insidePanel {background:#FD9927;padding:20px;}
#insidePanel .columns.is-mobile {padding:0 10px;}
#insidePanel h4 {text-align:center;color:black;}
#insidePanel .captchaInput{width:50px!important;margin-right:30px;}
#insidePanel .captchaText {color:black;}


#contactPanel {background:#FD9927;color:black;}
#contactPanel a{color:black;}
#contactPanel i{color:white;}
#contactPanel .is-2 {padding:10px;background:#222;text-align:center;font-size:1.4rem;border-bottom:1px solid #ccc;}
#contactPanel .is-10 {font-size:1.3rem;padding:10px;border-bottom:1px solid #ccc;}

/* main slider - home page */
#mainSlider {width:760px;padding:0 0 40px 0;}
#mainSlider h1 {font-size:1.8rem;font-weight:bold;}
#mainSlider p {padding:10px 0;font-size:1.2rem;}
	@media screen and (max-width: 768px) {
		#mainSlider {width:100%;padding:10px 0;}
		#mainSlider h1 {font-size:1.1rem;}
		#mainSlider p {font-size:1rem;padding:5px 0;}
	}

/* main services section - home page */
#mainServices {background:rgba(253,153,39,0.9);color:white;-webkit-border-top-left-radius: 10px;-webkit-border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px;}
#mainServices a {color:black;}
#mainServices .column {padding:2.5em;}
#mainServices .column:nth-child(2){border:0;border-left:1px dotted white;border-right:1px dotted white;}
#mainServices h1{font-size:1.8rem;}
#mainServices p{padding:10px 0;font-size:.85rem;line-height:20px;height:100px;overflow:hidden;text-align:justify;}
	@media screen and (max-width: 768px) {
		#mainServices {-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;color:black;}
		#mainServices .column {padding:.5em 1.5em;}
		#mainServices .column:nth-child(2){border-left:0;border-right:0;border-top:1px dotted white;border-bottom:1px dotted white;}
		#mainServices h1{font-size:1.6rem;text-transform:uppercase;}
		#mainServices p{line-height:17px;height:auto;overflow:visible;}
		
	}

/* countries section - home page */
#countries {background:rgba(253,153,39,.9);color:white;transition: all 0.6s cubic-bezier(.25,.8,.25,1);border-top:1px dotted white;padding:20px 0;margin-top:10px;-webkit-border-bottom-right-radius: 10px;-webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px;}
#countries.scrolled {padding:50px 0; box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
#countries.scrolled img {width:100px;height:auto;transition: all 0.6s cubic-bezier(.25,.8,.25,1);}
#countries img {box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);transition: all 0.3s cubic-bezier(.25,.8,.25,1);width:70px;height:auto;}
#countries img:hover { box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);}
#countries a {color:white;text-transform:uppercase;}
#countries .title {line-height:70px;}
#countries.scrolled .title {color:white;}
	@media screen and (max-width: 768px) {
		#countries {background:white;}
		#countries a{color:#FD9927;}
		#countries img {width:120px;height:auto;}
	}


/* sub main services section - home page*/
#subMainServices {padding:50px 0;}
#subMainServices .columns {padding-bottom:30px;}
#subMainServices i {background:#FD9927;color:white;font-size:2rem;width:60px;height:60px;line-height:60px; box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);}
#subMainServices .column h1 {margin-bottom:15px;font-size:1.3rem;font-weight:bold;}
#subMainServices p {text-align:justify;}
	@media screen and (max-width: 768px) {
		#subMainServices {text-align:center;padding:0 10px;}
		#subMainServices i {margin-bottom:30px;}
	}



/* news list  */
#home-page #newsList {padding:50px 0;}
#content-page #newsList {padding:10px 0;}
#newsList h1 {height:70px;overflow:hidden;}
#newsList p {height:150px;overflow:hidden;}
#newsList .card-image {position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden;width:100%;height:200px;}
#newsList .card-image img {flex-shrink:0;min-width:100%;min-height:100%;width:100%;}
	@media screen and (max-width: 768px) {
		#newsList {padding:50px 15px;}
		#newsList p {height:auto;overflow:visible;}
	}

	
/* testimonials section */
#testimonials .is-fullwidth {padding:150px 0;}
#testimonials .column {border:1px solid #ddd;padding:20px;}
#testimonials p {font-size:1.3rem;color:#999;}
#testimonials .user {font-size:1.3em;color:#FD9927;padding-top:15px;}
	@media screen and (max-width: 768px) {
		#testimonials  {padding:30px 10px;}
	}	


/* NORMAL PAGE SECTION */
	
/* page content section */
#content .pageTitle {background:#FD9927;}
#content .pageTitle h1 {font-size:3rem;color:white;}
	@media screen and (max-width: 768px) {
		#content .pageTitle {background:none;}
		#content .pageTitle h1 {color:#FD9927;width:100%;}
	}

#content .featuresTop {padding-top:40px;}
#content .featuresTop .box {padding:30px;position:relative;}
#content .featuresTop .column:nth-child(2) {margin:0 40px;}
#content .featuresTop i {position:absolute;margin-top:-55px;left:43%;right:0;font-size:1.5rem;border:1px solid #efefef;background:white;color:#ccc;text-align:center;line-height:50px;width:50px;height:50px;-webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius:50px;box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);}
#content .featuresTop p {font-size:1.1rem;height:130px;overflow:hidden;}
#content .featuresTop b {display:block;margin:0 0 10px 0;color:#FD9927;border-bottom:1px dotted #FD9927;font-size:1.3rem;text-transform:uppercase;}
#content .featuresTop .column:hover > i {color:#FD9927;}
	@media screen and (max-width: 768px) {
		#content .featuresTop {padding-top:10px;}
		#content .featuresTop .box {padding:10px;}
		#content .featuresTop .column:nth-child(2){margin:20px 0;}
		#content .featuresTop i {display:none;}
		#content .featuresTop p {height:auto;overflow:visible;}
		#content .featuresTop b {display:block;margin:0;}
	}

#content .pageDescription p {font-size:1.1rem;}
#content .pageDescription em {font:normal 200% 'Caveat';}
#content .pageDescription .image {float:right;width:50%;height:auto;margin:0 0 20px 20px;}
#content .pageDescription .image img{padding-bottom:20px;}
#content .pageDescription .companyDetails {width:45%;}
	@media screen and (max-width: 768px) {
		#content .pageDescription .image  {margin:0 0 20px 0;width:100%}
		#content .pageDescription p {text-align:justify;font-size:1rem;}
	}


#content .featuresRight i {font-size:2rem;position:absolute;margin:50px 0 0 -50px;}
#content .featuresRight b {display:block;margin:20px 0;color:#FD9927;border-bottom:1px dotted #FD9927;font-size:1.3rem;}

	@media screen and (max-width: 768px) {
		#content {padding:20px 10px;}


		#content .featuresRight i {position:relative;}
		
	}

.pagination {background:none;}

.location .columns img {width:70%;height:auto;}
.location .columns h2 {font-size:1.1rem;}
	
/* bottom gallery */
#imageGallery .column {padding-bottom:30px;}
#imageGallery .photo {position:relative;border:1px solid #ccc;display:flex;justify-content:center;align-items:center;overflow:hidden;width:315px;height:200px;box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);transition: all 0.3s cubic-bezier(.25,.8,.25,1);}
#imageGallery .photo img {flex-shrink:0;min-width:100%;min-height:100%;width:315px;}
#imageGallery .photo:hover {box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);}
#imageGallery .desc {padding-top:10px;width:80%;margin:0 auto;}
@media all and (min-width:320px) and (max-width:966px){
		#imageGallery .photo {width:100%;height:200px;}
		#imageGallery .photo img {width:100%;}
	}	

#subpagesList .container{background:white;}
#subpagesList h1 {height:70px;overflow:hidden;color:#feb86b;}
#subpagesList .card-image {position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden;width:100%;height:200px;}
#subpagesList .card-image img {flex-shrink:0;min-width:100%;min-height:100%;width:100%;}
	@media screen and (max-width: 768px) {
		#subpagesList {padding:50px 15px;}
		#subpagesList p {height:auto;overflow:visible;}
	}

/* breadcrumbs section */
.breadcrumbs{list-style:none;display:inline-block}
.breadcrumbs li{float:left;}
.breadcrumbs li a{color:#555555;display:block;background:#feb86b;text-decoration:none;position:relative;height:60px;line-height:60px;padding:0 10px 0 5px;text-align:center;margin-right:23px}
.breadcrumbs li:first-child a{padding-left:15px;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0}
.breadcrumbs li:first-child a:before{border:0}
.breadcrumbs li:last-child a{padding-right:15px;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0}
.breadcrumbs li:last-child a:after{border:0}
.breadcrumbs li a:before,.breadcrumbs li a:after{content:"";position:absolute;top:0;border:0 solid #feb86b;border-width:30px 10px;width:0;height:0}
.breadcrumbs li a:before{left:-20px;border-left-color:transparent}
.breadcrumbs li a:after{left:100%;border-color:transparent;border-left-color:#feb86b}
.breadcrumbs li a:hover{background-color:#fd9927}
.breadcrumbs li a:hover:before{border-color:#fd9927;border-left-color:transparent}
.breadcrumbs li a:hover:after{border-left-color:#fd9927}
.breadcrumbs li a:active{background-color:#fd9927}
.breadcrumbs li a:active:before{border-color:#fd9927;border-left-color:transparent}
.breadcrumbs li a:active:after{border-left-color:#fd9927}



/* inquiry popup */
#inquiryBox {width:800px;background:white;padding:50px;}
#inquiryBox h1 {color:#FD9927; border-bottom:1px solid #ddd;padding-bottom:5px;margin-bottom:20px;font-size:2rem;}
#inquiryBox .column {padding:0.3rem;}
#inquiryBox p {padding-bottom:10px;}
#inquiryBox input[type=text], #inquiryBox input[type=email]  {width:100%;}
#inquiryBox textarea {height:200px;width:650px;}
#inquiryBox input:required {border:1px solid #ffb0c5;}
#inquiryBox .button.is-large {background:#FD9927!important;}
#inquiryBox .captchaInput{width:50px!important;height:30px;margin-right:50px;font-size:1.5rem;}
#inquiryBox .captchaText {font-size:1.5rem;}
/* #inquiryBox .captchaText::before {content:"Izračunajte ";display:block;font-size:.9rem;} */
	@media screen and (max-width: 768px) {
		#inquiryBox  {width:100%;}
	}
	

/* contacts section */
#allContacts {background:#efefef;padding:100px 0;}
#allContacts .column.contacts {padding:.3em;}
#allContacts .box {padding:1.5em 0.5rem;height:260px;}
#allContacts .box:hover {box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);}
#allContacts .column h2 {font-size:1.2rem;color:#FD9927;}
#allContacts .column h3 {font-size:.8rem;font-style:italic;padding-bottom:10px;margin-bottom:10px;border-bottom:1px dotted grey;}
#allContacts .column img {height:100px;width:100px;border:5px solid #ccc;}
#allContacts .column img.viber {width:20px;height:20px;border:0;margin-left:10px;vertical-align:bottom;}
#allContacts .column img.skype {width:16px;height:16px;border:0;margin-left:5px;vertical-align:middle;}
/*#allContacts .column img:hover {height:220px;width:220px;}*/
	@media screen and (max-width: 768px) {
		#allContacts {padding:20px 0;}
		#allContacts .title{text-align:center;}
		#allContacts .column .column i{font-size:1.8rem;}
		#allContacts .column .column {margin:0;padding:0;font-size:1.3rem;}
		#allContacts .box {height:auto;}
		#allContacts .column {padding:1em 2em;}
	}
/* FILTER OPTIONS */
#filterOptions .column {margin:5px;padding:0;font-size:1.1rem;}
#filterOptions  .notification {padding:5px 10px;background:white;}
#filterOptions  .notification:hover {background:#FD9927;color:white;}

#allContacts .forms .box {height:400px;}

#contactForm {padding:20px;}
#contactForm h1 {color:#FD9927; border-bottom:1px solid #ddd;padding-bottom:5px;margin-bottom:20px;font-size:2rem;}
#contactForm .column {padding:0.3rem;}
#contactForm p {padding-bottom:10px;}
#contactForm input[type=text], #allContacts input[type=email]  {width:100%;}
#contactForm textarea {height:150px;width:450px;}
#contactForm input:required {border:1px solid #ffb0c5;}
#contactForm .button.is-large {background:#FD9927!important;}
#contactForm .captchaInput{width:50px!important;height:30px;margin-right:50px;font-size:1.5rem;}
#contactForm .captchaText {font-size:1.5rem;}
/*#contactForm .captchaText::before {content:"Izračunajte ";display:block;font-size:.9rem;}*/
	@media screen and (max-width: 768px) {
		#contactForm  {width:100%;}
	}

#partners {padding:50px 0;}

	
/* front about section */
#aboutus {padding:100px 0;min-height:500px;background:transparent;color:#333;}
#aboutus h1 {padding-bottom:20px;color:#FD9927;font-size:3rem;}
#aboutus p {padding-bottom:10px;color:#000;}
#aboutus .group {width:150px;border-bottom:1px dotted #555555;font-size:1rem;color:#FD9927;padding-bottom:10px;text-align:center;text-shadow: 1px 1px 1px rgba(0,0,0,1)}
#aboutus .count span span  {font-size:4rem;color:#FD9927;text-shadow: 1px 1px 1px rgba(0,0,0,1)}
	@media screen and (max-width: 768px) {
		#aboutus {padding:30px 0;}
		#aboutus  .content{padding:0 20px;text-align:center;}
	}
	
/* footer section */
.footer {margin-top:50px;padding:30px;background:#222222;color:#aaaaaa;}
.footer a{color:#aaaaaa;text-decoration:underline;}
.footer .contact i{margin-right:10px;width:20px;height:auto;font-size:1.2rem;line-height:25px;}
.footer .contact {font-size:1.1rem;line-height:30px;}
.footer h1 {padding-bottom:5px;margin-bottom:10px;font-size:2rem;border-bottom:1px dotted #aaa;}
.footer .menu .nav-item {width:150px;text-align:left!important;justify-content:flex-start;}
.footer .menu .nav-item i{display:none;}
.footer .menu4 a {font-size:1rem;padding:10px 5px;}
.footer .menu4 .column.is-2 {width:100%;}
.footer .menu4 .column {padding:8px 0 0 100px;}
.footer .menu4 .columns {margin-top:40px;}

.footer .author img {width:120px;height:auto;}

#toTop{position:fixed;bottom:100px;right:40px;z-index:9999;width:32px;height:32px;text-align:center;line-height:30px;background:#f5f5f5;color:#444;cursor:pointer;border:0;border-radius:2px;text-decoration:none;transition:opacity .2s ease-out;opacity:0}
#toTop:hover{background:#e9ebec}
#toTop.show{opacity:1}

/* LIGHTBOX PAGES */
.lightbox .content{padding:20px;margin:0;}
.lightbox .pageTitle{padding:10px 20px;}