* { font-family: 'Roboto', sans-serif; outline: none !important; text-decoration: none !important; color: #878787; font-weight: 300; }
a { color: #878787; }
a:hover { color: #878787; }

body { background-color: rgb(249,245,244); }

header { line-height: 90px; }
header .logo { width: 200px; height: 80px; background: url('images/logo.svg') no-repeat center bottom; font-size: 0; display: block; }
header ul a { color: #71706F; border-bottom: 3px solid transparent; text-transform: lowercase; }
header ul a:hover { border-bottom-color: #EAE4E2; }
header ul .current-menu-item a,
header ul .current-menu-item a:hover { border-bottom-color: #D7007F; }

header .list-inline li:not(:last-child) { margin-right: .5rem; }
header .list-inline li { display: inline-block; }

.wpml-ls-item { font-size: 14px; }
.wpml-ls-item a { border: none !important; text-transform: uppercase; }
.wpml-ls-item a img { display: none !important; }
.wpml-ls-item-hr { margin-left: 30px; }
.wpml-ls-item-hr a:before { content: 'HR'; }
.wpml-ls-item-en a:before { content: 'EN'; }
.wpml-ls-current-language a:before { color: #ccc; }

.lang-wrapper { margin-left: 30px; }
.lang-selector { text-transform: uppercase; font-size: 14px; }
.lang-selector.active { color: #ccc; border: none !important; }

h1 { font-weight: 100; font-size: 60px; line-height: 60px; }
h2 { font-weight: 100; font-size: 40px; }
h3 { font-weight: 100; font-size: 28px; }

.form-control { background-color: rgb(249,245,244); }

.small { font-weight: 300; }
.module-title { font-size: 16px !important; line-height: 16px !important; font-weight: 300 !important; }
.underscore-prefixed:before { content: '_ '; color: #D7007F; }

.more-link { line-height: 31px; position: relative; }
.more-link:after { content: ''; width: 34px; height: 31px; background: url('images/arrow-right.svg') no-repeat; position: absolute; top: -2px; right: -40px; }

.background-lightgray { background-color: #EAE4E2; }
.background-darkgray { background-color: #878787; color: rgb(249,245,244); }
.background-darkgray a { color: rgb(249,245,244); }

.section-title { font-size: 80px; line-height: 80px; font-weight: 100; }

.homepage-news { list-style-type: none; }
.homepage-news li { position: relative; margin-bottom: 20px; font-weight: 400; }
.homepage-news a:before { content: ''; width: 11px; height: 31px; background: url('images/prefix-right.svg') no-repeat; position: absolute; top: -4px; left: -20px; }

.display-3,
.display-5 { font-weight: 100; }

.no-color { border-top: none; }
.small-divider { margin: 0; padding: 30px 0; }
.dots-wrapper { position: absolute; right: 20px; width: 50px; top: 50%; }

.slide { position: relative; }
.slide h2 { position: absolute; right: 20px; bottom: 20px; width: 50%; }

.slick-dots { position: absolute; display: block; padding: 0; margin: 0; list-style: none; text-align: center; }
.slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; }
.slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; }
.slick-dots li button:hover,
.slick-dots li button:focus { outline: none; }
.slick-dots li button:hover:before,
.slick-dots li button:focus:before { opacity: 1; }
.slick-dots li button:before { font-size: 40px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '°'; text-align: center; opacity: .25; color: black; }
.slick-dots li.slick-active button:before { opacity: .75; color: black; }

.form-control, .btn { border-radius: 0; border: 1px solid #878787; }
.btn-info { background-color: rgb(249,245,244); color: #878787; }
.btn-info:hover, .btn-info:active { background-color: #D7007F; color: rgb(249,245,244); }

.circle60 { width: 80px; height: 90px; float: left; }
.circle60:before { content: ''; width: 60px; height: 60px; display: block; background-color: #D7007F; border-radius: 50%; }

.to-top { width: 34px; height: 31px; background: transparent url('images/arrow-white-top.svg') no-repeat center; font-size: 12px; display: inline-block; padding-top: 40px; }

.social-buttons { display: flex; }
.social-buttons span { display: block; }
.social-buttons a { width: 40px; height: 40px; font-size: 0; display: block; margin-left: 20px; }
.social-buttons a.facebook { background: url('images/facebook.svg') no-repeat center; }
.social-buttons a.instagram { background: url('images/instagram.svg') no-repeat center; }
.social-buttons a.linkedin { background: url('images/linkedin.svg') no-repeat center; }
.social-buttons a.youtube { background: url('images/youtube.svg') no-repeat center; }

.video-container { position: relative; padding-bottom: 56.25%; background-color: rgb(249,245,244); }
.video-container:after { position: absolute; top: 0; left: 0; bottom: 0; right: 0; }
.video-container iframe, .video-container video { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; }

.single-team h1 { font-size: 48px; line-height: 48px; }

.klijenti-slider .slick-slide { padding: 20px; }

.imgtransition .slick-slider .slick-track,
.imgtransition .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);
}

.imgtransition .slick-slide:not(.slick-active) {
    transition-delay: 500ms !important;
}

.grecaptcha-badge { display: none; }

@media only screen and (max-width: 767px) {

    .hamburger { font-size: 40px; }

    header .list-inline { position: absolute; top: 90px; right: 0; background: rgb(249,245,244); width: 100vw; z-index: 2; }
    header .list-inline-item { display: block; text-align: center; }
    header .list-inline li { display: block; text-align: center; line-height: 60px; }
    header .list-inline li:not(:last-child) { margin-left: 0; margin-right: 0; }

	.dots-wrapper { position: relative; display: flex; justify-content: center; padding-top: 20px; top: unset; right: unset; width: 100%; }

	.section-title,
	h1 { font-size: 40px; line-height: 40px; }
	h2 { font-size: 28px; }
	h3 { font-size: 22px; }
}