/*
Theme Name: Fred Bobek Honda Croatia
Theme URI: https://www.honda-croatia.com/
Author: EGO MEDIA
Author URI: http://www.egomedia.hr/
Description: Honda Marine Croatia - ovlasteni distributer i servisni centar
Version: 1.0
License: Copyright © Ego Media, Tezacka 47, 22000 Sibenik - Croatia
License URI: http://www.egomedia.hr/
Tags: css, egomedia, fred, bobek, honda, croatia
Text Domain: hondacroatia
Note: Fred Bobek d.o.o.
Date: 12.04.2022.
-------------------------------------------------------*/

/******************************************************
/// Osnovni stilovi, reset
******************************************************/
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
a, a:hover, a:focus, a:active { text-decoration: none; outline: none; }
a, button, input { outline: none; }
ol, ul { padding: 0; margin: 0; }
strong { font-weight: 700; }
iframe { width: 100%; border: none; display: block; }
p { margin: 0 0 15px; }
blockquote { border: none; font-size: 20px; font-weight: 300; line-height: 30px; margin-bottom: 15px; padding: 0; text-align: left; color: #555; }
blockquote::before{ content: ""; font-family: "Font Awesome 5 Free"; margin-right: 0.5em; font-weight: 900; }
blockquote::after { content: ""; font-family: "Font Awesome 5 Free"; margin-left: 0.5em; font-weight: 900; }
blockquote p { display: inline; }
*::-moz-selection { background: #ec1f31; color: #fff; text-shadow: none; }
::-moz-selection { background: #ec1f31; color: #fff; text-shadow: none; }
::selection { background: #ec1f31; color: #fff; text-shadow: none; }

textarea, select { font-family: inherit; -webkit-transition: border linear .2s,box-shadow linear .2s; -moz-transition: border linear .2s,box-shadow linear .2s; -o-transition: border linear .2s,box-shadow linear .2s; transition: border linear .2s,box-shadow linear .2s; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; vertical-align: middle; width: 100%; color: #8093a8; padding: 13px 15px 14px; border-radius: 0; font-weight: 400; background-color: #fff; text-transform: inherit; border: 1px solid rgba(0, 43, 92, 0.08); font-size: 14px; outline: none; line-height: inherit; letter-spacing: 0px; }
button, input[type="submit"], input[type="button"], input[type="reset"] { display: inline-block; text-decoration: none; font-size: 13px; line-height: 21px; font-weight: 500; padding: 11px 40px 11px; border: 2px solid transparent; border-radius: 0; color: #fff; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; cursor: pointer; outline: none; -webkit-font-smoothing: antialiased; }
button:focus { box-shadow: none; outline: 0; border: 0; }
textarea:focus, input:focus { border: 1px solid #ec1f31; -webkit-box-shadow: none; -moz-box-shadow: none; -webkit-appearance: searchfield; }

menu, ol, ul { margin: 16px 0; padding: 0 0 0 25px; }

body { font-family: "Poppins",sans-serif; font-weight: 400; font-size: 16px; line-height: 30px; letter-spacing: 0.1px; color: #848e9f; position:relative; background-color: transparent; z-index:99; }
html { padding: 50px; background: #ec1f31; position:relative; height: 100%; }

h1, h2, h3, h4, h5, h6 { font-family: 'Poppins', sans-serif; margin-bottom: 15px; font-weight: 600; color: #1c4584; }
h1 { font-size: 60px; line-height: 72px; } h2 { font-size: 50px; line-height: 60px; } h3 { font-size: 38px; line-height: 48px; } h4 { font-size: 30px; line-height: 40px; } h5 { font-size: 20px; line-height: 26px; } h6 { font-size: 18px; line-height: 20px; }

.container { max-width: 1170px; }
.site-wrapper { background: #fff; overflow: hidden; position: relative; z-index: 10; }

a { color: #1c4584; }
.disabled { pointer-events: none; cursor: default; }
a, img { -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
label { font-size: 14px; }

.z-index-1 { z-index:1; } .z-index-2 { z-index:2; } .z-index-3 { z-index:3; } .z-index-9 { z-index:9; }
.relative { position: relative; }
.redBG { background: #ec1f31; }
.blueBG { background: #1c4584; }

#logo-img { max-width:130%; width: 130%; }

.spacing-6 { padding: 150px 90px 150px 90px; } 
.spacing-8 { padding: 140px 100px 100px 70px; margin-top: -230px; margin-left: -100px; }

.mt10 { margin-top:10px; } .mt20 { margin-top:20px; } .mb20 { margin-bottom:20px; } .m20 { margin-bottom:20px; margin-top:20px; } .m30 { margin-bottom:30px; margin-top:30px; } .mb40 { margin-bottom: 40px; }
.mb10 { margin-bottom:10px; }  .mb150 { margin-bottom: 150px; } .m50 { margin-bottom:50px; margin-top:50px; }.m80 { margin-bottom:80px; margin-top:80px; } .mb50 { margin-bottom:50px; } .mb80 { margin-bottom:80px; } .mt80 { margin-top:80px; } 
.p80 { padding-bottom:80px; padding-top:80px; } .pb70 { padding-bottom:70px; } .pb80 { padding-bottom:80px; } .pb100 { padding-bottom:100px; } .pt60 { padding-top: 60px; } .pt70 { padding-top: 70px; } .pt80 { padding-top:80px; } .pb30 { padding-bottom:30px; } .pt30 { padding-top:30px; }
.pt15 { padding-top:15px!important; } .pt0 { padding-top:0px!important; } .ptpb100 { padding-top:100px!important; padding-bottom:100px!important; } .ptpb150 { padding-top:150px!important; padding-bottom:150px!important; }	
.mt15 { margin-top: 15px !important; } .mt20 { margin-top: 20px !important; } .mt50 { margin-top: 50px !important; } .mt100 { margin-top: 100px !important; } .mt150 { margin-top: 150px !important; } 
.p100 { padding: 100px 0 !important; } .pt150 { padding-top: 150px !important; } .mt-100 { margin-top: -100px !important; } 

.custom-row { padding: 100px 0; }
.custom-row.padding-0 { padding: 0 0; }
.custom-row.grid-section { padding: 75px 0; }
.row-equal-height { display: -webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; }
.row-equal-height > [class*='col-'] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.no-padding { padding-left:0; padding-right:0; }

.site-text-color, .site-text-color h1, .site-text-color h2, .site-text-color h3, .site-text-color h4, .site-text-color h5, .site-text-color h6,
.site-text-color a, .site-text-color svg, :not(.site-bg-color) .site-text-color a, :not(.site-bg-color) .site-text-color svg, 
:not(.site-bg-color) .site-text-color a, :not(.site-bg-color) .site-text-color svg, a.site-text-color, i.site-text-color, 
:not(.site-bg-color) a.site-text-color, :not(.site-bg-color) i.site-text-color, :not(.site-bg-color) .site-text-color, 
.site-bg-color .site-text-color h1, .site-bg-color .site-text-color h2, .site-bg-color .site-text-color h3, 
.site-bg-color .site-text-color h4, .site-bg-color .site-text-color h5, .site-bg-color .site-text-color h6,
.site-bg-color .site-text-color h1 span, .site-bg-color .site-text-color h2 span, .site-bg-color .site-text-color h3 span, 
.site-bg-color .site-text-color h4 span, .site-bg-color .site-text-color h5 span, .site-bg-color .site-text-color h6 span,
.site-bg-color a:hover, .site-bg-color a:hover, .site-text-color-white a:hover, .site-bg-color a:hover svg,
nav.main-menu ul.menu li > ul.mega-submenu li a:hover, nav.main-menu ul.menu li ul.mega-submenu li.active > a, 
nav.main-menu ul.menu li ul.mega-submenu li a:hover, nav.main-menu ul.menu li:hover > a, nav.main-menu,
nav.main-menu ul.menu li > ul.mega-submenu > li:hover > a, nav.main-menu ul.menu li > ul.mega-submenu > li li:hover > a, 
.izbornik .navigacija ul.menu > li >a:hover, .izbornik .navigacija ul.menu > li.active >a,
div:not(.site-bg-color) > nav.main-menu ul.menu li.active > a, a:hover, .site-bg-color a:hover,
.naslov h3, .site-bg-color .naslov h3 { color: #ec1f31; }

.tooltip-top:before, .tooltip:before, [data-tooltip]:before { border-color: #1c4584; }
.site-bg-color .tooltip-top:before, .site-bg-color .tooltip:before, .site-bg-color [data-tooltip]:before { border-top-color: #1c4584 ; }

.site-bg-color, .site-bg-color > .honda-bg-layer, .site-bg-color > .honda-bg-layer > .honda-col-wrapper-bg-layer-inner, .bg-grey .tooltip:after, .bg-grey [data-tooltip]:after, .site-bg-color .tooltip:after, 
.site-bg-color [data-tooltip]:after, .site-text-color .tooltip:after, .site-text-color [data-tooltip]:after, .tooltip-top:after, .tooltip:after, [data-tooltip]:after, #izbornik .navigacija ul.menu > li >a:before, 
nav.main-menu li ul.mega-submenu, .banner_slider_2 .slide-headings h2:after, .banner_slider_2 .slide-headings span.num:before,
.proizvod-detalji, .footer .social-ikone li a:hover, nav.main-menu ul.menu li ul.mega-submenu li a:before, 
#totop.topOn { background-color: #ec1f31; }

.tooltip-top:before, .tooltip:before, [data-tooltip]:before,.site-bg-color .tooltip-top:before, .site-bg-color .tooltip:before, 
.site-text-color .tooltip-top:before, .site-text-color .tooltip:before, .bg-grey .tooltip-top:before, .bg-grey .tooltip:before,
.bg-grey [data-tooltip]:before, nav.main-menu, .trazilica .trazilica-wrap { border-top-color: #ec1f31; }

nav.main-menu li ul.mega-submenu, .trazilica .trazilica-wrap:before, .hm-logo-btn:before, .trazilica .trazilica-wrap, .site-bg-color .tooltip-bottom:before, 
.naslovna-box::before { border-bottom-color: #ec1f31; }

.honda-textcolor-darkgrey, .honda-textcolor-darkgrey p, :not(.site-bg-color) .honda-textcolor-darkgrey h1, :not(.site-bg-color) .honda-textcolor-darkgrey h2, 
:not(.site-bg-color) .honda-textcolor-darkgrey h3, :not(.site-bg-color) .honda-textcolor-darkgrey h4, :not(.site-bg-color) .honda-textcolor-darkgrey h5, :not(.site-bg-color) 
.honda-textcolor-darkgrey h6, :not(.site-bg-color) .honda-textcolor-darkgrey p, :not(.site-bg-color) .honda-textcolor-darkgrey span,
.slick_slider .slick-prev:before, .slick_slider .slick-next:before, .izbornik .navigacija ul.menu > li >a { color: #1c4584; }

.site-bg-color , .site-bg-color > .honda-bg-layer, .site-bg-color > .honda-bg-layer > .honda-col-wrapper-bg-layer-inner, .site-bg-color .tooltip:after, 
.site-bg-color [data-tooltip]:after, .honda-box-view-content-inner:before, .honda-box-view-content-inner:after, .footer .social-ikone li a { background-color: #1c4584; }

.site-text-color-white, .site-bg-color a, .site-text-color-white a, .site-bg-color svg, .site-bg-color svg,
.site-text-color-white h1, .site-text-color-white h2, .site-text-color-white h3, .site-text-color-white h4, .site-text-color-white h5, .site-text-color-white h6, .site-text-color-white a,
.site-bg-color h1, .site-bg-color h2, .site-bg-color h3, .site-bg-color h4, .site-bg-color h5, .site-bg-color h6, .site-bg-color a,
:not(.site-bg-color) .site-text-color-white span:not(.site-text-color), .site-bg-color h1, .site-bg-color h2, .site-bg-color h3, .site-bg-color h4, 
.site-bg-color h5, .site-bg-color h6, .site-bg-color a, .site-bg-color div, .site-bg-color div, .site-text-color-white .honda-social-links-wrapper ul li a,
.site-bg-color .naslov h2.podnaslov, .site-bg-color .trazilica .trazilica-btn svg, .site-bg-color .header-kontakt .kontakt-btn svg,
.site-bg-color p, .site-bg-color p, .site-bg-color span, .site-bg-color span, .site-bg-color svg, .site-bg-color svg { color: rgba(255,255,255,.85); }
.bg-grey > .honda-bg-layer, .bg-grey > .honda-bg-layer > .honda-col-wrapper-bg-layer-inner, .trazilica #search_query_top { border-color: #fff; }

/******************************************************
/// Pre-loader
******************************************************/
.preload-wrap { display: block; display: flex; position: fixed; z-index: 999999; top: 0; right: 0; bottom: 0; left: 0; text-align: center; margin: 0 auto; flex-direction: column; justify-content: center; background: #fff; }
.loader { width: 49px; height: 49px; border-radius: 50%; margin: 3em; text-align: center; display: block; margin: 0 auto; position: relative; vertical-align: middle; }
.loader, .loader:before, .loader:after { animation: 1.15s infinite ease-in-out; -o-animation: 1.15s infinite ease-in-out; -ms-animation: 1.15s infinite ease-in-out; -webkit-animation: 1.15s infinite ease-in-out; -moz-animation: 1.15s infinite ease-in-out; }
.loader:before, .loader:after { width: 100%; height: 100%; border-radius: 50%; position: absolute; top: 0; left: 0; }
.loader { animation-name: loader; -o-animation-name: loader; -ms-animation-name: loader; -webkit-animation-name: loader; -moz-animation-name: loader; }

@keyframes loader { from { transform: scale(0); opacity: 1; } to { transform: scale(1); opacity: 0; } }
@-o-keyframes loader { from { -o-transform: scale(0); opacity: 1; } to { -o-transform: scale(1); opacity: 0; } }
@-ms-keyframes loader { from { -ms-transform: scale(0); opacity: 1; } to { -ms-transform: scale(1); opacity: 0; } }
@-webkit-keyframes loader { from { -webkit-transform: scale(0); opacity: 1; } to { -webkit-transform: scale(1); opacity: 0; } }
@-moz-keyframes loader { from { -moz-transform: scale(0); opacity: 1; } to { -moz-transform: scale(1); opacity: 0; } }

/******************************************************
/// Socialne ikone, Tooltip
******************************************************/
ul.social-ikone { margin: 0; padding: 0; }
.social-ikone li { display: inline-block; border: none; z-index: 1; position: relative; }
.social-ikone li { margin: 0 2px; }
.social-ikone li:last-child { margin-right: 0px; }
.social-ikone li a { display: block; text-align: center; }

.tooltip-top { position: relative; }
.tooltip:after, .tooltip:before, [data-tooltip]:after, [data-tooltip]:before { position: absolute; visibility: hidden; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(Opacity=0); opacity: 0; -webkit-transition: opacity .2s ease-in-out,visibility .2s ease-in-out,-webkit-transform .2s cubic-bezier(.71,1.7,.77,1.24); -moz-transition: opacity .2s ease-in-out,visibility .2s ease-in-out,-moz-transform .2s cubic-bezier(.71,1.7,.77,1.24); transition: opacity .2s ease-in-out,visibility .2s ease-in-out,transform .2s cubic-bezier(.71,1.7,.77,1.24); -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); transform: translate3d(0,0,0); pointer-events: none; }
.tooltip:before, [data-tooltip]:before { z-index: 1001; border: 6px solid transparent; background: 0 0; content: ""; }
.tooltip-top:before, .tooltip:before, [data-tooltip]:before { margin-left: -6px; margin-bottom: -12px; border-top-color: inherit; }
.tooltip-top:after, .tooltip-top:before, .tooltip:after, .tooltip:before, [data-tooltip]:after, [data-tooltip]:before { bottom: 100%; left: 50%; }
.tooltip-bottom:after { bottom: -100%; }
.tooltip-bottom:before { margin-left: -6px; margin-bottom: -12px; border-top-color: transparent; }
.tooltip-bottom:before { bottom: -7px; }
.tooltip-top:focus:after, .tooltip-top:focus:before, .tooltip-top:hover:after, .tooltip-top:hover:before, .tooltip:focus:after, .tooltip:focus:before, .tooltip:hover:after, .tooltip:hover:before, [data-tooltip]:focus:after, [data-tooltip]:focus:before, [data-tooltip]:hover:after, [data-tooltip]:hover:before { -webkit-transform: translateY(-12px); -moz-transform: translateY(-12px); transform: translateY(-12px); }
.tooltip-top:after, .tooltip:after, [data-tooltip]:after { margin-left: -60px; }
.tooltip:after, [data-tooltip]:after { z-index: 1000; padding: 8px; width: 120px; color: #fff; content: attr(data-tooltip); font-size: 14px; line-height: 1.2; text-align: center; border-radius: 5px; }
.tooltip:focus:after, .tooltip:focus:before, .tooltip:hover:after, .tooltip:hover:before, [data-tooltip]:focus:after, [data-tooltip]:focus:before, [data-tooltip]:hover:after, [data-tooltip]:hover:before { visibility: visible; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(Opacity=100); opacity: 1; }

/******************************************************
/// Slick slider
******************************************************/
.slick-slide { border: 0; outline: 0; }
.slick_slider.no-gutters .slick-slide { padding: 0; }
.slick-slide_ver-sep .slick-slide.slick-active:not(.slick-current) > div:after { position: absolute; content: ""; top: 0; left: -15px; height: 100%; width: 1px; background-color: #e4e4e4; }
.slick_slider.slick_slider-opacity_block .slick-list { overflow: visible; }
.slick_slider .slick-arrow { height: 37px; width: 37px; border-radius: 5px; z-index: 1; border: 0; color: inherit; background-color: rgba(255,255,255,.07); box-shadow: 0 0 10px 0 rgba(0, 43, 92, 0.08); border: 0; }
.slick_slider .slick-next { right: 0; }
.slick_slider .slick-prev:before, .slick_slider .slick-next:before {  font-family: "Font Awesome 5 Free"; font-size: 14px; line-height: 1; opacity: 1; font-weight: 900; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick_slider .slick-prev:before { content: "\f104"; }
.slick_slider .slick-next:before { content: "\f105"; }
.slick-prev,.slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; }

/******************************************************
/// Top Bar
******************************************************/
.top_bar { width: 100%; z-index: 3; height: 63px; line-height: 48px; padding: 7px 15px 0 15px; }
.top_bar_ikona { display: inline-block; vertical-align: middle; }
.top_bar_ikona a { color:#fff; }
.top_bar_ikona svg { margin-right: 8px; }
.top_bar_kontakt { font-size: 12px; height: 48px; line-height: 48px; margin-right: 30px; position: relative; display: inline-block; }
.top_bar_kontakt:last-child { margin-right: 0; }
.top_bar_kontakt.ikona:not(:first-child):after { top: 15px; content: ''; height: 18px; width: 1px; left: -15px; background-color: rgba(255,255,255,.12); z-index: 1; position: absolute; }
.site-bg-color .top_bar_kontakt.ikona:not(:last-child):after, .site-bg-color .top_bar_kontakt.ikona:not(:last-child):after { background-color: rgba(255,255,255,.12); }
.top_bar_kontakt span { display: inline-block; vertical-align: middle; }
.top_bar .social-ikone { padding: 0 8px; }
.top_bar .social-ikone li { margin: 0; }
.top_bar .social-ikone li a { margin: 0; font-size: 13px; min-width: 35px; }
.top_bar .social-ikone:after { position: absolute; content: ''; top: 0; height: 100%; width: 1px; left: 15px; background-color: rgba(255, 255, 255, 0.08); z-index: 1; }

/******************************************************
/// Header, logo, izbornik
******************************************************/
.logotip { display: flex; flex-direction: column; justify-content: center; }
.header_extra > div { margin-left: 5px; position: relative; }
.trazilica .trazilica-btn, .header-kontakt .kontakt-btn { position: relative; border-radius: 3px; height: 40px; width: 40px; font-size: 20px; line-height: 40px; border: 1px solid transparent; display: inline-block; vertical-align: middle; text-align: center; color: #fff; }
.kontakt-btn:hover { opacity: 0.65 }
.trazilica-wrap button.zatvori { font-size: 20px; position: absolute; top: 0; right: 0; width: 40px; height: 38px; background: none; text-align: center; display: block; line-height: 30px; color: #848e9f; padding: 0; padding-left: 2px; }
.trazilica .trazilica-wrap { position: fixed; display: block; left: 0; top: 0; width: 100%; height: 100%; max-height: 100%; z-index: 10; overflow: auto; visibility: hidden; opacity: 0; display: flex; flex-direction: column; justify-content: center; color: #8a91ac; -webkit-transform: translateY(-30px); -moz-transform: translateY(-30px); -o-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -moz-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; background-color: rgba(255,255,255,0.92); background-position: center center; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; }
.trazilica .trazilica-wrap.on { visibility: visible; opacity: 1; z-index: 9; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
.trazilica-container { max-width: 1170px; width: 1170px; margin: 0 auto; position: relative; }
.trazilica .trazilica-wrap #searchbox { position: relative; }
.trazilica .trazilica-wrap #search_query_top { border: 0; width: 100%; outline: none; margin: 0; border-radius: 0; padding: 0 60px 15px 0; color: #8a91ac; background: 0 0; font-weight: 400; font-size: 22px; letter-spacing: 0; background: 0 0; z-index: 2; padding-right: 70px; border-bottom: 1px solid #ec1f31; }
.trazilica .trazilica-wrap input::placeholder { color: #848e9f; }
.trazilica .trazilica-container .zatvori_btn { position: absolute; display: block; right: 5px; top: -45px; color: #8a91ac; overflow: hidden; z-index: 2; }
.trazilica .trazilica-wrap .zatvori_btn svg { font-size: 20px; line-height: 17px; }
.trazilica .trazilica-wrap svg, .trazilica .trazilica-wrap p { color: #8a91ac !important; }
.header-social { padding-left: 12px; margin-left: 5px !important; }
.hm-logo-btn { max-width: 100px; }
.hm-logo-btn img { margin-left: 20px; line-height: 1; }

.navigacija { position: relative; z-index: 9; }
nav.main-menu ul { position: relative; margin: 0; }
#izbornik .navigacija ul.menu > li >a { font-weight: 600; display: block; text-transform: uppercase; font-size: 15px; line-height: 1; }

/******************************************************
/// Royal Slider
******************************************************/
.royalSlider { height:680px; }
#full-width-slider { width: 100%; color: #000; }
.infoBlock a { color: #fff; }
.photosBy { background: #fff; color: #000; } 
.photosBy a { color: #000; }
.rsContent::before{ content: ""; display: block; position: absolute; width: 100%; height:100%; top:0; left:0; background: rgba(30, 30, 30, 0.4); }
.rsContent::after { content: ""; background: url('../images/slider-mask.png') repeat, rgba(0, 0, 0, 0.2); z-index: 9999; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; }
.rsVideoContainer { z-index: 99999 } 
.infoBlock { position: absolute; z-index: 99999; text-align: center; top: 25%; width: 100%; padding: 20px 0; }
.infoBlock h2 { color: #fff; font-size: 90px; line-height:90px; font-weight: 600; margin: 0; padding-bottom: 3px; }
.infoBlock h3 { color: #fff; font-size: 30px; font-weight: 400; margin: 0; padding-bottom: 3px; }
.infoBlock h4 { font-size: 29px; font-weight: 200; margin: 0; padding-bottom: 3px; }
.infoBlock p { font-size: 14px; margin: 4px 0 0; }
.infoBlock a { text-decoration: underline; }
.fullWidth { width: 100%; }
.fullWidth.royalSlider { width: 100%; }
.videoWrapper { position: relative; padding-bottom: 36.25%; /* 16:9 */ height: 0; }
.videoWrapper iframe { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; }

@media (max-width: 991px) {
    .infoBlock { top: 6%; }
    .infoBlock h3 { font-size: 30px; }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .infoBlock { top: 10%; }
    .infoBlock h3 { font-size: 36px; }
}
@media (min-width: 1200px) and (max-width: 1500px) {
    .infoBlock { top: 18%; }
    .infoBlock h3 { font-size: 40px; }
}

/******************************************************
/// Breadcrumbsi
******************************************************/
.breadcrumb-wrapper { z-index: 99; text-align: center; display: inline-block; }
.breadcrumb-wrapper span { font-weight: 400; font-size: 16px; line-height: 26px; position: relative; padding-right: 20px; }
.breadcrumb-wrapper span::after { content: "/"; position: relative; top: 1px; bottom: 1px; right: -10px; width: 5px; }
.breadcrumb-wrapper span:last-child::after { display:none; }

/******************************************************
/// Pozadine
******************************************************/
.honda-bg { position: relative; }
.bg-layer-equal-height .z-index-1, .bg-layer-equal-height .honda-col-bgcolor-yes { height: 100%; }
.honda-bg-layer, .honda-col-wrapper-bg-layer-inner { position: absolute; height: 100%; width: 100%; top: 0; left: 0; }
.honda-left-span > .honda-col-wrapper-bg-layer { width: auto; margin-left: -500px; right: 0; }
.honda-right-span > .honda-col-wrapper-bg-layer { width: auto; margin-right: -500px; right: 0; }
.layer-content { position: relative; z-index: 1; height: 100%; width: 100%; }
.bg-layer { position: relative; }
.bg-layer > .container > .row { margin: 0; }
.bg-layer > .container , .bg-layer > .container-fluid { padding: 0; }
.honda-bg.z-index-1 > .honda-bg-layer > .honda-col-wrapper-bg-layer-inner { opacity: .65; }
.honda-equal-height-image { display: none; }
.bg-3 { background-image: url(../images/bg/col-bgimage-67.jpg) !important; background-position: right !important; background-size: cover !important; background-repeat: no-repeat !important; }

/******************************************************
/// Naslovi
******************************************************/
.naslov { position: relative; padding:0; margin-bottom: 12px; margin-top: -4px; }
.naslov h1 { font-weight: 600; display: inline-block; text-transform: uppercase; font-size: 16px; line-height: 17px; margin-bottom: 11px; padding-left: 18px; position: relative; }
.naslov h1:before, .naslov h1:after { left: 0; right: auto; background-color: #ec1f31; width: 2px; height: 100%; content: ""; position: absolute; transform: rotate(16deg); top: 0; }
.naslov h1:before { left: 6px; }
.naslov h3 { font-weight: 600; display: inline-block; text-transform: uppercase; font-size: 16px; line-height: 17px; margin-bottom: 11px; padding-left: 0px; position: relative; }

.naslov .sadrzaj p { padding-bottom: 15px; margin: 0; }
.naslov.centriraj { text-align: center; }
.naslov.centriraj .sadrzaj p { margin-bottom: 15px; width: 54%; margin: 0 auto; }

.naslov-stranice { padding-bottom: 11px; }
.naslov-stranice h1 { font-weight: 700; font-size: 65px; line-height: 65px; margin-bottom: 10px; }
.naslov-stranice h2 { font-weight: 700; font-size: 65px; line-height: 65px; margin-bottom: 30px; }
.naslov-stranice h3 { font-weight: 600; display: block; text-transform: uppercase; font-size: 16px; line-height: 17px; margin-bottom: 11px; padding-left: 0px; position: relative; }
.naslov-stranice span { font-weight: 600; text-transform: uppercase; font-size: 12px; line-height: 20px; }

/******************************************************
/// Gumbi
******************************************************/
.gumb { display: inline-block; vertical-align: middle; font-size: 14px; line-height: normal; padding: 11px 32px 11px 31px; background: transparent; border-radius: 3px; position: relative; text-transform: uppercase; font-weight: 700; overflow: hidden; z-index: 1; transition: all 0.5s ease 0s; }
.gumb::before { content: ''; position: absolute; background-color: #ddd; width: 0%; height: 100%; right: 0; left: auto; top: 0; -webkit-transition: .4s all ease-in-out; -o-transition: .4s all ease-in-out; transition: .4s all ease-in-out; z-index: -1; }
.gumb:hover::before { right: auto; left: 0; width: 100%; }
.gumb:hover { background-color: transparent !important; }
.gumb svg { display: inline-block; vertical-align: middle; text-align: inherit; transition: .4s; font-weight: bold; margin: -2px 0 0 10px; }
.gumb.gumb2 { background-color: #ec1f31; color: #fff; }
.gumb.gumb2:hover { background-color: transparent !important; color: #1c4584; }
.gumb.gumb3 { background-color: #1c4584; color: #fff; }
.gumb.gumb3:hover { background-color: transparent !important; color: #ec1f31; }
.play-btn { box-sizing: border-box; display:block; width:80px; height:80px; padding-top: 14px; padding-left: 8px; line-height: 20px; border: 6px solid #fff; border-radius: 50%; color:#f5f5f5; text-align:center; text-decoration:none; background-color: rgba(0,0,0,0.5); font-size:20px; font-weight:bold; transition: all 0.3s ease; margin: 0px auto; }
.play-btn:hover { background-color: rgba(0,0,0,0.8); box-shadow: 0px 0px 80px rgba(255,255,100,1); text-shadow: 0px 0px 80px rgba(255,255,100,1); }
.gumb.disabled { opacity:0.35; }

.searchWrapper { display:none; }
#page-25 .gumb { width: 100%; }

/******************************************************
/// Modul na naslovnici
******************************************************/
.naslovna-box { position: relative; z-index:9999; margin: 15px 0; padding: 30px 30px 20px; box-shadow: 0 4px 40px rgba(0, 0, 0, 0.45); border-radius: 3px; }
.naslovna-box img { border-radius: 3px; }
.naslovna-box:hover img { opacity:0.8; }
.naslovna-box .naslov h3 { font-weight: 600;  font-size: 22px; line-height: 30px;  color:#fff; margin: 10px 0 15px 0; }
.naslovna-box .tekst p { font-size: 16px; line-height: 26px; margin: 5px 0 15px 0; }
.naslovna-box::before { content: ""; position: absolute; left: 0px; bottom: 0px; width: 100%; transition: all 0.3s ease 0s; }

/******************************************************
/// Brandovi
******************************************************/
.brandovi { position: relative; text-align: center; width: 20%; }
.brandovi .logo { overflow: hidden;  }
.brandovi .logo, .brandovi .logo-inner { position: relative; }
.brandovi .logo img { text-align: center; display: block; margin: 0 auto; }
.brandovi:hover .logo img { opacity: 1; }
.brandovi .logo .thumb_hover, .brandovi .logo .thumb { -webkit-transition: -webkit-transform .4s ease; transition: -webkit-transform .4s ease; -o-transition: transform .4s ease; transition: transform .4s ease; }
.brandovi .logo .thumb_hover { transform: translateY(-100%); position: absolute; z-index: 1; top: 0; left: 0; right: 0; }
.brandovi:hover .logo .thumb_hover { visibility: visible; transform: translateY(0%); }
.brandovi:hover .logo .thumb { transform: translateY(100%); }
.brandovi .logo .thumb_hover img { filter: grayscale(100%); -webkit-filter: grayscale(100%); opacity: .4; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }

/******************************************************
/// Lista proizvoda
******************************************************/
.proizvod { border-radius: 10px; margin: 5px 0; transition: all .5s; }
.proizvod, .proizvod .proizvod-thumb { position: relative; overflow: hidden; }
.proizvod .proizvod-thumb img { -moz-transform: scale(0.7); -webkit-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7); -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; }
.proizvod:hover .proizvod-thumb img { -moz-transform: scale(0.83); -webkit-transform: scale(0.83); -ms-transform: scale(0.83); transform: scale(0.83); }
.proizvod { margin: 0px 0; }
.proizvod-sadrzaj .proizvod-naslov h3 { position: relative; overflow: hidden; font-size: 22px; line-height: 30px; font-weight: 600; margin-bottom: 50px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-top: -70px; }
.proizvod-sadrzaj .cijena, .proizvod-sadrzaj .cijena a { font-size: 14px; line-height: 15px; margin-bottom: 0; transition: all .3s; display: inline-block; }
.proizvod-link { position: absolute; top: 0; bottom: 0; left: 0; right: 0; text-align: center; display: flex; flex-direction: row; align-items: center; justify-content: center; }
.proizvod-link a { display: inline-block; font-size: 14px; font-weight: bold; height: 40px; width: 140px; opacity: 0; line-height: 40px; border-radius: 3px; text-align: center; margin: 0 4px; z-index: 1; margin-top: -86px; background-color: #1c4584; color: #fff; transform: translateX(-12px); -webkit-transition: .5s; transition: .5s; }
.proizvod-link a:hover { background-color: #ec1f31; color: #fff; }
.proizvod-link a svg { color: inherit; }
.proizvod:hover .proizvod-link a { opacity: 1; transform: translate(0px); } 
.proizvod .proizvod-sadrzaj .proizvod-naslov h3 { margin-bottom: 0; margin-top: 10px; }
.proizvod .proizvod-sadrzaj { text-align: center; }

/******************************************************
/// Proizvod detaljno
******************************************************/
.proizvod-detalji { padding: 20px 25px 5px 25px; position: relative; right: 0; top: 0; color: #fff; margin: 0; min-width: 311px; border-radius: 3px; margin: 30px 0 }
.proizvod-detalji ul { list-style: none; padding-left: 0; overflow: hidden; margin-top: 0; }
.proizvod-detalji ul li { position: relative; display: block; font-size: 14px; border-bottom: 1px solid rgba(255,255,255,.2); padding: 11px 0 11px 0; }
.proizvod-detalji ul li:last-child { border-bottom: 0; }
.proizvod-detalji ul li > span { display: block; }
.proizvod-detalji ul li > span:first-child { font-weight: 600; margin-right: 5px; font-size: 18px; }
.gumb-wrapper .gumb { position:relative; width: 100%; text-align: center; font-size: 18px; }
.proizvod-opis h2 { text-align: left; font-size: 28px; line-height: 35px; margin-bottom: 20px; }

/******************************************************
/// Prodajna mjesta
******************************************************/
.prodajna-mjesta { -webkit-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; background: #fff; position: relative; display: block; margin-bottom: 30px; text-transform:uppercase; text-align: center; border: 2px solid #ec1f31; padding: 15px 20px; border-radius: 3px; }
.prodajna-mjesta a { display: block; width:100%; }
.prodajna-mjesta:hover { -webkit-box-shadow: 0px 7px 50px 0px rgba(0, 0, 0, 0.25); box-shadow: 0px 7px 50px 0px rgba(0, 0, 0, 0.25); border-color: #1c4584; }
.prodajna-mjesta h3 { position: relative; display: block; font-size: 18px; line-height: 25px; font-weight: 700; color: #1c4584; border-bottom: 2px solid #1c4584; padding: 5px 0 15px 0; }
.prodajna-mjesta ul { margin-top: 15px; }
.prodajna-mjesta li { position: relative; display: block; font-size: 14px; color: #848e9f; padding: 0; font-weight: 500; margin-bottom:5px; }
.prodajna-mjesta li:last-child { margin-bottom:0; font-weight: 700; }

/******************************************************
/// Kategorije proizvoda
******************************************************/
.proizvodi-kategorije { -webkit-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; background: #fff; position: relative; display: block; margin-bottom: 30px; text-transform:uppercase; text-align: center; border: 2px solid #ec1f31; padding: 35px 20px; border-radius: 3px; }
.proizvodi-kategorije a { display: block; width:100%; }
.proizvodi-kategorije:hover { -webkit-box-shadow: 0px 7px 50px 0px rgba(0, 0, 0, 0.25); box-shadow: 0px 7px 50px 0px rgba(0, 0, 0, 0.25); border-color: #1c4584; }
.proizvodi-kategorije h3 { position: relative; display: block; font-size: 18px; line-height: 25px; font-weight: 700; color: #1c4584; border-bottom: 2px solid #1c4584; padding: 5px 0 15px 0; }
.proizvodi-kategorije ul { margin-top: 15px; }
.proizvodi-kategorije li { position: relative; display: block; font-size: 14px; color: #848e9f; padding: 0; font-weight: 500; margin-bottom:5px; }
.proizvodi-kategorije li:last-child { margin-bottom:0; font-weight: 700; }

.kategorije { -webkit-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; background: #fff; position: relative; display: block; margin-bottom: 30px; text-transform:uppercase; text-align: center; border: 2px solid #ec1f31; padding: 35px 20px; border-radius: 3px; }
.kategorije a { display: block; width:100%; }
.kategorije:hover { -webkit-box-shadow: 0px 7px 50px 0px rgba(0, 0, 0, 0.25); box-shadow: 0px 7px 50px 0px rgba(0, 0, 0, 0.25); border-color: #1c4584; }
.kategorije h3 { position: relative; display: block; font-size: 18px; line-height: 25px; font-weight: 700; color: #1c4584; border-bottom: 2px solid #1c4584; padding: 5px 0 15px 0; }
.kategorije ul { margin-top: 15px; }
.kategorije li { position: relative; display: block; font-size: 14px; color: #848e9f; padding: 0; font-weight: 500; margin-bottom:5px; }
.kategorije li:last-child { margin-bottom:0; font-weight: 700; }

/******************************************************
/// Dokumenti
******************************************************/
.dokumenti-kategorije { background: #ec1f31; padding: 15px 50px; margin-bottom: 20px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; border-radius:3px; }
.dokumenti-kategorije:hover { background: #1c4584; -webkit-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px); -webkit-box-shadow: 0 20px 38px rgba(0, 0, 0, 0.16); box-shadow: 0 20px 38px rgba(0, 0, 0, 0.16); }
.dokumenti-kategorije h6 { margin-bottom:0; color: #fff; }
.dokumenti-kategorije .gumb { width: 100%; text-align: center; }

/******************************************************
/// Novost
******************************************************/
.novost { position:relative; overflow: hidden; }

.row.no-gutters, .container.no-gutters, .container-fluid.no-gutters{ margin-left: 0; margin-right: 0; }
.no-gutters>[class^="col-"]{ padding-left: 0; padding-right: 0; }

.ponuda { width: 100%; padding: 0; }
.ponuda-wrapper { margin: 0; }
.slika-wrapper { width: 100%; height: 100%; }
.slika { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; background-position: center center; padding: 200px;  }
.slika:after { content: ""; height: 40%; background-color: transparent; background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#222222)); background: -webkit-linear-gradient(top, transparent, #222222); background: -moz-linear-gradient(top, transparent, #222222); background: -ms-linear-gradient(top, transparent, #d3bfdd); background: -o-linear-gradient(top, transparent, #222222); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; overflow: hidden; opacity: 0.8; width: 100%; position: absolute; bottom: 0%; left: 0px; right: 0px; }
.sadrzaj-wrapper { display:block; padding: 150px 100px 150px 100px; }

/******************************************************
/// Kontakt podatci
******************************************************/
.kontakt-podatci { position: relative; margin: 0 0 30px 0;  background: #eee; padding: 20px; border-radius: 3px; font-size: 15px; line-height: 27px; }
.form-control { height: 70px; padding: 15px 15px; border-radius: 3px; }
.form-group { line-height: 22px; }
.input-group-addon { border-radius: 3px; background: #fff; }

/******************************************************
/// Pre footer
******************************************************/
.pre-footer { background: url('../images/bg/pre-footer.jpg'); float: left; width: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; background-attachment: fixed; position: relative; padding: 300px 0 300px 0; margin: 0 0 -2px; }
.pre-footer:after { content: ""; background: url('../images/slider-mask.png') repeat, rgba(0, 0, 0, 0.2); z-index: 2; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; height:100%; }

/******************************************************
/// Footer
******************************************************/
footer { float: left; width: 100%; position: relative; bottom: 0; left: 0; z-index: -1; }
.footer-data { float: left; width: 100%; background-color: #ddd; padding: 200px 0 50px 0; text-align: center; }
.footer-kontakt { float: left; width: 100%; margin-bottom: 30px; }
.footer-kontakt h6 { color: #ec1f31; font-weight: 700; font-size: 14px; text-transform: uppercase; margin-bottom: ž0px; }
.footer-kontakt h1 { color: #1c4584; font-size: 40px; line-height: 40px; font-weight: 700; margin-bottom: 30px; }
.footer-kontakt h3 { color: #ec1f31; font-size: 20px; font-weight: 600; margin-bottom: 15px; }
.footer-kontakt .widget-content h2 { font-size: 38px; line-height: 38px; }
.footer-izbornik { float: left; width: 100%; }
.footer-izbornik ul { float: left; width: 100%; margin-top: 70px; margin-bottom: 70px; padding: 0; border-top:1px solid #ec1f31; border-bottom: 1px solid #ec1f31; padding:20px 0; }
.footer-izbornik ul li { display: inline-block; padding: 0 10px; list-style: none; }
.footer-izbornik ul li::after { content: "/"; position: relative; top: 1px; bottom: 1px; right: -10px; width: 5px; }
.footer-izbornik ul li:last-child::after { display:none; }
.footer-izbornik ul li a { color: #1c4584; font-size: 13px; font-weight: 500; position: relative;  -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.footer-izbornik ul li a:before { content: ''; position: absolute; bottom: 0; left:50%; width: 0; bottom: -5px; height: 1px; background-color: #ec1f31; opacity: 0; visibility: hidden; }
.footer-izbornik ul li a:hover:before { opacity: 1; visibility: visible; width: 100%; left: 0; }
footer .social-ikone a { font-size: 40px; min-width: 50px; }
.copyright { float: left; width: 100%; text-align:center; }
.copyright p { color: #1c4584; font-weight: 600; font-size: 15px; margin-bottom: 0; }
.copyright p small { font-size:11px; padding-top:30px; display:inline-block; }
.copyright img { float: none; text-align:center; }
.design { max-width:200px; margin:0px auto; background: #eee; border-radius:5px; border:1px solid #ddd; font-size: 10px; font-weight: 400; color: #ec1f31; text-transform:uppercase; padding: 10px 10px; margin-top:60px; }
.design a { color:#1c4584; display:block; padding-top:3px; }
.design a:hover { opacity: 0.75; }

/******************************************************
/// Na vrh
******************************************************/
#totop { font-weight: 900; color: #fff; display: none; position: fixed; right: 34px; bottom: 50px; z-index: 999; height: 0; width: 0; font-size: 0; text-align: center; padding-top: 3px; line-height: 34px; border-radius: 3px; transition: .3s ease-in-out; }
#totop.topOn { height: 60px; width: 60px; font-size: 48px; display: inline; }
@keyframes jump {
	0% { bottom: 20px; }
	50% { bottom: 40px; }
	100% { bottom: 20px; }
}
#totop.topOn { animation: jump 4s infinite; }

/******************************************************
/// Modal hack
******************************************************/
body.modal-open { overflow: auto; }
body.modal-open[style] { padding-right: 0px !important; }
.modal::-webkit-scrollbar { width: 0 !important; /*removes the scrollbar but still scrollable*/ }
body { padding-right: 0 !important }
.modal-open .modal { padding-right:0!important; }
.modal-header .close { border-radius: 50%; padding: 0; width: 60px; height: 55px; background: #ec1f31; position: relative; top: -20px; right: -20px; }
.close { float: right; font-size: 42px; line-height: 45px; color: #fff; text-shadow: 0 1px 0 #fff; opacity: 1; }

/******************************************************
/// Isotope
******************************************************/
.isotopeWrapper.loaded { display: flex; flex-wrap: wrap; flex-grow: 1; background: none; }
.isotopeContent { padding: 20px; display: block; background: transparent; border: 0; }
.isotopeInner { max-width: 100%; overflow: hidden; }
.isotopeWrapper { padding: 20px 0; background: url("../images/loading.gif") no-repeat center 50px; }
.isotopeItem {  margin-bottom: 20px;  visibility: hidden; border-radius: 0px; }
.isotopeWrapper.loaded .isotopeItem { visibility: visible; }

/******************************************************
/// Sharrer
******************************************************/
.sharrre { margin: 20px 10px 0 0; float: left; cursor: pointer; }
.sharrre .box a:hover{ text-decoration: none; }
.sharrre .count { color: #333; display: none; font-size: 16px; line-height: 28px; height: 30px; position: relative; text-align: center; width: 70px; border-radius: 4px; border: 1px solid #b2c6cc; background: #fbfbfb; /* Old browsers */ background: -moz-linear-gradient(top, #fbfbfb 0%, #f6f6f6 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbfb), color-stop(100%,#f6f6f6)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fbfbfb 0%,#f6f6f6 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #fbfbfb 0%,#f6f6f6 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #fbfbfb 0%,#f6f6f6 100%); /* IE10+ */ background: linear-gradient(top, #fbfbfb 0%,#f6f6f6 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfb', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */ }
.sharrre .count:before, .sharrre .count::after { content: ''; display: block; position: absolute; left: 49%; width: 0; height: 0; }
.sharrre .count::before{ border: solid 7px transparent; border-top-color: #b2c6cc; margin-left: -7px; bottom: -14px; }
.sharrre .count::after { border: solid 6px transparent; margin-left: -6px; bottom: -12px; border-top-color: #fbfbfb; }
.sharrre .share::before{ font-family: "Font Awesome 5 Brands"; content: ""; margin-right: 6px; font-size: 18px; vertical-align: middle; }
#pinterest .share::before{ content: ""; }
#twitter .share::before{ content: ""; }
#facebook .share::before{ content: ""; }
#googleplus .share::before{ content: ""; }
.sharrre .share { color: #fff!important; display: block; font-size: 12px; font-weight: bold; height: 32px; line-height: 32px; margin-top: 8px; padding: 0; text-align: center; text-decoration: none; width: 100px; border-radius: 4px; }
#pinterest .share { background: #BD2126; }
#twitter .share { background: #26c3eb; }
#facebook .share { background: #3B5998; }
#googleplus .share {  background: #D34836; }

/******************************************************
/// Ostalo
******************************************************/
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #4BC2EA; }
.owl-item img { margin: 0 auto; }
.owl-theme .owl-dots .owl-dot span { height: 15px; width: 15px; }
.owl-carousel[data-nav="false"][data-dots="false"] .owl-controls { display: none; }
.video-container { display: block; padding-bottom: 52.20%; padding-top: 30px; position: relative; height: 0; overflow: hidden; }
.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#cookies-notice { position: fixed; bottom: 0; width: 100%; background: rgba(0, 0, 0, 0.5); z-index: 999999; color: #fff; padding: 8px 0; }
.widget { min-height: 1px; position: relative; margin-bottom: 15px; }
.widget-title { font-size: 21px; font-weight: 300; line-height: 1.4; margin-bottom: 20px; }
body#page-maintenance { height: 100vh; background: url("../images/maintenance-bg.jpg") no-repeat center top fixed!important; background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; -ms-background-size: cover; -o-background-size: cover; }
body#page-maintenance h1 { color: #fff; }
.maintenance-msg { margin-top: 30px; font-size: 24px; color: #fff; font-weight: 200; }