* { box-sizing: border-box; }
html, body { min-width: 320px; font-family: 'Source Sans Pro', 'Helvetica', 'Roboto', 'Arial', 'Verdana', 'Tahoma', sans-serif; letter-spacing: 0.5px; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
strong { font-weight: 600; }
.content, .main-header { max-width: 1400px; margin: 0 auto; }
.content .section { margin-bottom: 120px; }
em, i { font-style: italic;}

a[href^="tel:"] { text-decoration: none; color: inherit; }
a[href^="tel:"]:hover { text-decoration: none; }

.main-header { background-color: #008aa2; display: table; width: 100%; padding: 30px 30px; position: relative; z-index: 999; }
.main-header .logo, .main-header .main-navigation, .main-header .header-social { display: table-cell; vertical-align: middle; }
.main-header .logo { width: 180px; }
.main-header .logo a { max-width: 180px; width: 100%; display: block; }
.main-header .logo a img { width: 100%; }
.main-header .header-social { width: 242px; }

.resp-header-info { background-color: #42a1b3; padding: 5px 5px; display: none; }
.resp-header-info span { color: #fff; font-size: 23px; display: block; font-weight: 100; text-align: center; line-height: 30px; }

/* Main navigation */
.main-navigation > ul { list-style: none; margin-left: 25px; }
.main-navigation > ul::before, .main-navigation > ul::after { content: ''; display: table; }
.main-navigation > ul::after { clear: both; }
.main-navigation > ul > li { display: block; float: left; margin: 0px 2%; }
.main-navigation > ul > li > a { text-decoration: none; display: block; font-size: 18px; color: #fff; line-height: 22px; position: relative; }
.main-navigation > ul > li > a:hover { text-decoration: underline; }
.main-navigation > ul > li > a.active { text-decoration: underline; }
.main-navigation > ul > li > .submenu { visibility: hidden; transform: translateY(-100px); padding: 15px 45px; margin-left: -4%; position: absolute; /* z-index: -1; */ background-color: rgba(0, 138, 162, 0.85); padding-top: 55px; opacity: 0; transition: all ease 0.5s; pointer-events: none; }
.main-navigation > ul > li > .submenu.full-size { left: 0; right: 0; margin-left: 0px; }
.main-navigation ul > li > .submenu > .column3 { display: block; float: left; width: 25%; padding: 15px; }
.main-navigation ul > li > .submenu > .column2 { display: block; float: left; width: 14.28%; padding: 15px; }
.main-navigation .submenu .submenu-section { margin-bottom: 35px; }
.submenu-section__title { text-transform: uppercase; font-size: 15px; display: block; line-height: 20px; font-weight: 600; color: #fff; margin-bottom: 5px; }
.main-navigation .submenu::before, .main-navigation .submenu::after { content: ''; display: table; }
.main-navigation .submenu::after { clear: both; }
.main-navigation .submenu ul > li > a { display: inline-block; text-decoration: none; color: #fff; font-size: 15px; line-height: 18px; padding: 4px 0px; }
.main-navigation .submenu ul > li > a:hover { text-decoration: underline; }
.main-navigation .submenu ul > li > a.active { text-decoration: underline; }
.main-navigation > ul > li.has-submenu > a::after { content: ''; display: block; width: 8px; height: 8px; position: absolute; margin-left: 50%; transform: translateX(-50%) rotate(45deg); border-bottom: 1px solid #c8e6eb; border-right: 1px solid #c8e6eb; }
.main-navigation .menu-button { display: none; position: relative; width: 33px; height: 24px; margin-left: 30px; margin-top: 3px; cursor: pointer; }
.main-navigation .menu-button::before { transition: opacity 0.2s cubic-bezier(0.65, 0.05, 0.36, 1); content: ''; position: absolute; left: 0; top: 0; width: 33px; height: 4px; background: #fff; box-shadow: 0 20px 0 0 #fff, 0 10px 0 0 #fff; }

/* Language menu definition */
.language-container { display: table-cell; vertical-align: middle; text-transform: uppercase; }
.language-container > a { font-size: 16px; font-weight: 700; color: #fff; text-decoration: none; display: block; position: relative; }
.language-container > a::after { content: ''; display: block; width: 8px; height: 8px; position: absolute; margin-left: 50%; transform: translateX(-50%) rotate(45deg); border-bottom: 1px solid #c8e6eb; border-right: 1px solid #c8e6eb; top: 20px; }
.language-container:hover > .lang-menu { visibility: visible; opacity: 1; transform: none; }
.language-container .lang-menu { list-style: none; visibility: hidden; opacity: 0; transform: translateY(-100px); padding: 15px 5px; margin-left: -10px; position: absolute; z-index: -1; background-color: rgba(0, 138, 162, 0.85); padding-top: 55px; transition: all ease 0.5s; right: 0px; }
.language-container .lang-menu li { display: inline-block; padding: 0px 15px; }
.language-container .lang-menu li a { display: inline-block; text-decoration: none; color: #fff; font-weight: 700; font-size: 15px; line-height: 18px; padding: 4px 0px; }
.language-container .lang-menu li a:hover { text-decoration: underline; }

.header-social .big-number { display: table-cell; vertical-align: middle; font-size: 23px; color: #fff; font-weight: 300; padding-right: 30px; }

/* Social icons definition */
.social-links { display: table-cell; vertical-align: middle; padding-left: 20px; }
.social-links ul { display: table; vertical-align: middle; }
.social-links ul li { display: table-cell; padding: 0px 5px; }
.social-links ul li a { display: block; width: 21px; height: 21px; text-indent: -9999px; color: transparent; background-repeat: no-repeat; background-position: center; }
.social-links ul li a:hover { opacity: 0.7; transition: all ease 0.3s; }
.social-links ul li.facebook a { background-image: url("../images/assets_social_facebook.svg"); }
.social-links ul li.facebook.no_svg a { background-image: url("../images/assets_social_facebook.png"); }
.social-links ul li.twitter a { background-image: url("../images/assets_social_twitter.svg"); }
.social-links ul li.twitter.no_svg a { background-image: url("../images/assets_social_twitter.png"); }
.social-links ul li.instagram a { background-image: url("../images/assets_social_instagram.svg"); }
.social-links ul li.instagram.no_svg a { background-image: url("../images/assets_social_instagram.png"); }
.social-links ul li.youtube a { background-image: url("../images/assets_social_youtube.svg"); }
.social-links ul li.youtube.no_svg a { background-image: url("../images/assets_social_youtube.png"); }

/* Form Elements definition */
input, textarea, .form-element button { font-family: 'Source Sans Pro', 'Helvetica', 'Roboto', 'Arial', 'Verdana', 'Tahoma', sans-serif; letter-spacing: 0.5px; font-size: 15px; }
.form-element input[type="text"], .form-element textarea { width: 100%; border: 1px solid #008aa2; text-align: center; padding: 10px; margin-bottom: 23px; outline: 0; }
.form-element input[type="text"].error, .form-element textarea.error { border: 1px solid #ff5400; }
.form-element input::placeholder { color: #008aa2; }
::-webkit-input-placeholder { color: #008aa2; }
:-moz-placeholder { color: #008aa2; opacity: 1; }
::-moz-placeholder { color: #008aa2; opacity: 1; }
:-ms-input-placeholder { color: #008aa2; }
.form-element .button { position: relative; bottom: unset; text-transform: uppercase; padding: 10px 0px; min-width: 130px; margin: 0 auto; display: block; cursor: pointer; }
.form-element .button::after { content: ''; z-index: -1; display: block; width: 131%; height: 100px; position: absolute; border-radius: 50%; background-color: #008aa2; bottom: -100px; left: -20px; right: 20px; transition: all ease 0.4s; }
.form-element .button:hover::after { height: 200px; }
.form-element .button:hover { color: #fff; }
.form-element label.error { display: none !important; }

/* Button definitions */
.button { display: inline-block; position: relative; z-index: 28; border: 1px solid #fff; overflow: hidden; background-color: #008aa2; color: #fff; }
.button a { padding: 11px 11px; font-size: 15px; text-transform: uppercase; color: #fff; text-decoration: none; line-height: 20px; min-width: 130px; display: block; text-align: center; letter-spacing: 1px; }
.button a::after { content: ''; z-index: -1; display: block; width: 131%; height: 100px; position: absolute; border-radius: 50%; background-color: #fff; bottom: -100px; left: -20px; right: 20px; transition: all ease 0.4s; }
.button a:hover::after { height: 200px; }
.button a:hover { color: #008aa2; }

.button.inverted { border: 1px solid #008aa2; background-color: #fff; color: #008aa2; }
.button.inverted a { color: #008aa2; }
.button.inverted a::after { background-color: #008aa2; }
.button.inverted a:hover { color: #fff; }

/* Home Slider definitions */
.section.home-slider { margin-bottom: 0px !important; }
.slider .slick-slide { min-height: 650px; height: auto; background-position: center; background-size: cover; background-repeat: no-repeat; outline: 0; position: relative; }
/* Slide Template 1 */
.slide-content[data-slide-template="1"] { max-width: 1180px; margin: 0 auto; padding-left: 30px; padding-right: 30px; padding-top: 7%; }
.slide-content[data-slide-template="1"] .text { font-size: 50px; font-weight: 300; line-height: 65px; color: #fff; margin-bottom: 120px; }
.slide-content[data-slide-template="1"] .text.inverted { color: #008aa2; }
.slide-content[data-slide-template="1"] .button { position: absolute; bottom: 15%; background-color: transparent; }



.slick-slide .slide-content .layer .column6 { width: 50%; float: left; height: 50%; min-height: 325px; max-height: 325px; position: relative;}
.slick-slide .slide-content .layer::before,
.slick-slide .slide-content .layer::after { content: ''; display: table; }
.slick-slide .slide-content .layer::after { clear: both; }
.slick-slide .slide-content[data-slide-template="2"] .slide-content .text { font-size: 40px; line-height: 45px; margin-bottom: 30px; }
.slick-slide .slide-content .layer .column6 > div { /*height: 100%;*/ height: 325px; background-size: cover; background-repeat: no-repeat; }
.slick-slide .slide-content[data-slide-template="2"] .slide-content { max-width: 460px; padding: 60px 0px 0px 0px; }
.slick-slide .slide-content[data-slide-template="2"] .slide-content .button { bottom: 56px; }

.slick-slider .slick-arrow { position: absolute; top: 50%; transform: translateY(-50%); z-index: 999; display: block; background-color: transparent; border: 0; outline: 0; background-repeat: no-repeat; background-position: center; width: 46px; height: 46px; color: transparent; cursor: pointer; opacity: 0.4; background-size: 100%; }
.slick-slider .slick-arrow:hover { opacity: 0.7; }
.slick-slider .slick-arrow.slick-prev { left: 20px; background-image: url("../images/assets_slider_arrows_back.svg"); }
.slick-slider.no_svg .slick-arrow.slick-prev { background-image: url("../images/assets_slider_arrows_back.png"); }
.slick-slider .slick-arrow.slick-next { right: 20px; background-image: url("../images/assets_slider_arrows_next.svg"); }
.slick-slider.no_svg .slick-arrow.slick-next { background-image: url("../images/assets_slider_arrows_next.png"); }

/* Info Box definitions */
.info-box { display: table; background-color: #008aa2; color: #fff; width: 100%; }
.info-box__photo { display: table-cell; vertical-align: top; max-width: 707px; width: 50%; }
.info-box__content { display: table-cell; vertical-align: top; padding: 70px 65px 0px 65px; position: relative; width: 50%; }
.info-box__photo img { width: 100%; margin-bottom: -2px; }
.info-box__content .content-text h2 { font-size: 50px; font-weight: 300; margin-bottom: 60px; }
.info-box__content .content-text p { font-size: 18px; line-height: 30px; }
.info-box__content .content-text p a { color: #fff; text-decoration: underline; }
.info-box__content .content-text p a:hover { color: #fff; text-decoration: none; }
.info-box__button { display: inline-block; bottom: 120px; position: absolute; }

/* Highlighted Services definitions */
.highlighted-services { padding: 40px 80px 80px 80px; }
.highlighted-services .content-text { max-width: 500px; margin: 0 auto; font-size: 18px; color: #474747; line-height: 30px; text-align: center; margin-bottom: 110px; }
.service-box__list::before, .service-box__list::after { content: ''; display: table; }
.service-box__list::after { clear: both; }
.service-box { display: block; float: left; width: 23.55%; position: relative; overflow: hidden; }
.service-box:not(:last-child) { margin-right: 1.93%; }
.service-box__description { display: block; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; }
.service-box__description span { font-size: 27px; color: #fff; line-height: 33px; display: block; text-align: center; vertical-align: middle; transform: translateY(-50%); -ms-transform: translateY(-50%); -wekit-transform: translateY(-50%); -moz-transform: translateY(-50%); margin-top: 50%; }
.service-box > img { transition: all ease 0.4s; -ms-transition: all ease 0.4s; -webkit-transition: all ease 0.4s; -moz-transition: all ease 0.4s; width: 100%; }
.service-box:hover > img { transform: scale(1.14); -ms-transform: scale(1.14); -wekit-transform: scale(1.14); -moz-transform: scale(1.14); }

/* Heading section definitions */
.heading-section { margin-bottom: 120px; padding: 0px 20px; }
.heading-section h1 { color: #008aa2; font-size: 50px; font-weight: 300; text-align: center; margin-bottom: 80px; }
.heading-section .heading-intro { max-width: 700px; margin: 0 auto; font-size: 18px; color: #474747; line-height: 30px; text-align: center; }
.heading-section .heading-intro a { color: #008aa2; text-decoration: underline; }
.heading-section .heading-intro a:hover { text-decoration: none; }

/* Contact Box definitions */
.contact-box { display: table; background-color: #008aa2; color: #fff; width: 100%; }
.contact-box__photo { display: table-cell; vertical-align: top; max-width: 707px; width: 50%; }
.contact-box__photo img { width: 100%; }
.contact-box__photo iframe { width: 100%; margin-bottom: -2px; }
/*.contact-box__content { display: table-cell; vertical-align: top; padding: 10% 120px 0px 120px; position: relative; width: 50%; } */
.contact-box__content { display: table-cell; vertical-align: middle; padding: 0 120px 0px 120px; position: relative; width: 50%; }
.contact-box__content .content-text h2 { font-size: 50px; font-weight: 300; margin-bottom: 60px; }
.contact-box__content .content-text p { font-size: 18px; line-height: 30px; }
.contact-box__content .content-text a { text-decoration: none; color: #fff; }
.contact-box__content .content-text a:hover { text-decoration: underline; }

/* Appointment Form definitions */
/*.appointment-form { padding: 0px 0px 60px 0px; }
.appointment-form .content-text { max-width: 750px; margin: 0 auto; font-size: 18px; color: #474747; line-height: 30px; text-align: center; margin-bottom: 60px; }
.appointment-form form { max-width: 740px; margin: 0 auto; padding: 0px 20px; }*/

/* Blog definitions */
.blog-item__list { max-width: 808px; margin: 0 auto; }
.blog-item { display: table; margin-bottom: 80px; }
.blog-item .blog-thumbnail { display: table-cell; width: 50%; vertical-align: top; }
.blog-item .blog-thumbnail img { width: 100%; }
.blog-item .blog-info { display: table-cell; width: 50%; vertical-align: top; position: relative; padding-left: 35px; }
.blog-item .blog-info .blog-title { font-size: 23px; line-height: 29px; text-decoration: none; color: #008aa2; display: block; margin-bottom: 20px; }
.blog-item .blog-info .blog-pub-date { display: block; font-size: 18px; line-height: 20px; color: #008aa2; margin-bottom: 10px; }
.blog-item .button { position: absolute; bottom: 0px; }

.blog-item.text-only .blog-info { padding-left: 0px; }
.blog-item.text-only .button { position: relative; }
/*.blog-item.text-only .blog-info .blog-pub-date { display: none; } */
.blog-item.text-only .blog-info .blog-pub-date { /* display: none; */ margin-top: -20px; margin-bottom: 25px; }
.blog-item.text-only .blog-info .blog-title { margin-bottom: 40px; }

.blog-item__pined { max-width: 808px; margin: 0 auto 50px; }
.blog-item__pined.text-only { margin-top: 50px; }
.blog-item__pined img { width: 100%; display: block; margin-bottom: 15px; }
.blog-item__pined .blog-title { font-size: 25px; line-height: 37px; text-decoration: none; color: #008aa2; display: block; margin-bottom: 20px; }
.blog-item__pined .blog-pub-date { font-size: 18px; display: block; margin-bottom: 30px; color: #008aa2; }

.blog-item__pined .blog-title:hover { opacity: 0.8; }
.blog-item .blog-info .blog-title:hover { opacity: 0.8; }

.blog-load-more { border-top: 1px solid #008aa2; max-width: 808px; margin: 150px auto 0px; }
.blog-load-more .button { display: block; margin: 0 auto; margin-top: -20px; max-width: 130px; border: 1px solid #008aa2; }

.blog .blog-info.text-only { margin-top: 40px; }
.blog .blog-heading { max-width: 808px; margin: 0 auto; }
.blog .blog-heading img { width: 100%; display: block; margin-bottom: 15px; }
.blog .blog-heading .blog-title { font-size: 25px; line-height: 37px; text-decoration: none; color: #008aa2; display: block; margin-bottom: 20px; display: block; }
.blog .blog-heading .blog-pub-date { font-size: 18px; display: block; margin-bottom: 30px; color: #008aa2; }
.article-content { max-width: 808px; margin: 0 auto; color: #474747; font-size: 18px; line-height: 27px; letter-spacing: 0.2px; }
.article-content p { margin-top: 5px; margin-bottom: 40px; }
.article-content h1 { color: #008aa2; }
.article-content ul li { padding-left: 20px; background-image: url(../images/assets_list_bullet.png); background-repeat: no-repeat; background-position: left 12px; }
.article-content ul, .article-content ol { margin-top: 5px; margin-bottom: 40px; }
.article-content a { color: #008aa2; }
.article-content a:hover { text-decoration: none; }
.blog .blog-footer { max-width: 808px; margin: 0 auto; }

.section.photogallery { position: relative; max-width: 808px; margin: 0 auto 80px; }
.section.photogallery img { width: 100%; }
.section.photogallery a { display: block; }
.section.photogallery a::after { content: ''; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; background-color: rgba(0, 138, 162, 0.6); display: block; }
.section.photogallery .overlay { position: absolute; top: 50%; transform: translateY(-50px); left: 0px; right: 0px; pointer-events: none; }
.section.photogallery .overlay .text { display: block; text-align: center; font-size: 50px; color: #fff; text-transform: uppercase; margin-top: 40px; }
.section.photogallery .overlay .icon { display: block; width: 90px; height: 70px; background-repeat: no-repeat; background-position: center; background-size: 100%; background-image: url(../images/assets_photogallery_icon.svg); margin: 0 auto; }
.lightbox-photos { display: none; }

.section.text { margin-bottom: 80px; }

.section.lead-photo { margin-bottom: 80px; }
.section.lead-photo img { width: 100%; margin: 0 auto; display: block; }
.heading-section.article-heading { max-width: 808px; margin: 0 auto; padding: 0px;}
.content .heading-section.article-heading:first-child { margin-top: 60px; }
.heading-section.article-heading h1 { text-align: left; }
.section.lead-photo + .contact-box { margin-top: -80px; }

.section.photo-list { max-width: 808px; margin: 0 auto 80px; }
.section.photo-list::before, .section.photo-list::after { content: ''; display: table; }
.section.photo-list::after { clear: both; }
.photo-list .col6 { width: 50%; float: left; }
.photo-list .col6:first-child { padding-right: 10px; }
.photo-list .col6:last-child { padding-left: 10px; }
.photo-list img { width: 100%; }
.photo-list div span { font-size: 17px; color: #474747; margin-top: 20px; display: block; }
.section.video { margin: 0 auto 80px; max-width: 808px; }
.section.video iframe { width: 100%; max-height: 454px; height: 500px; }
.article-noted-content { font-size: 26px; font-style: italic; color: #474747; line-height: 36px; margin-bottom: 40px; max-width: 600px; margin: 60px 0px; }
.article-noted-content p { max-width: 570px; width: 100%; }
.article-content ol { list-style-type: decimal; padding-left: 17px; }
.article-content ol li { padding-left: 4px; }

.velika_slova { text-transform: uppercase; }
.fc23s:hover { text-decoration: none !important; }
.photo-list .resp-photo-cap { display: none; }
.section.photo-list + .section.photo-list { margin-top: -60px; }

.article-content p + ul, .article-content p + ol { margin-top: -35px; }

#captcha_change { display: block; margin: 50px 0px 20px 0px; }
#captcha_img { margin: 0 auto; display: block; }

.error-msg-heading { max-width: 740px; margin: 0 auto; text-align: center; font-size: 15px; color: #ff5400; line-height: 20px; margin-bottom: 20px; display: none; }

.newsletter-box { background-color: #008aa2; padding: 37px 20px; }
.newsletter-box .container { max-width: 690px; margin: 0 auto; display: table; width: 100%; }
.newsletter-box .tcs { display: table-cell; vertical-align: middle; }
.newsletter-box .tcs span { font-size: 15px; color: #fff; text-transform: uppercase; display: block; }
.newsletter-box .tcs input[type="text"] { color: #fff; font-size: 15px; text-align: center; border: 1px solid #fff; width: 100%; padding: 11px 10px; background-color: transparent; outline: 0; }
.newsletter-box .tcs .button { margin-left: 20px; }
.newsletter-box .tcs:first-child { width: 125px; }
.newsletter-box .tcs:last-child { width: 130px; }

.newsletter-box .tcs input[type="text"]::placeholder { color: #fff; text-transform: uppercase; }
.newsletter-box .tcs input[type="text"]::-webkit-input-placeholder { color: #fff; text-transform: uppercase; }
.newsletter-box .tcs input[type="text"]:-moz-placeholder { color: #fff; opacity: 1; text-transform: uppercase; }
.newsletter-box .tcs input[type="text"]::-moz-placeholder { color: #fff; opacity: 1; text-transform: uppercase; }
.newsletter-box .tcs input[type="text"]:-ms-input-placeholder { color: #fff; text-transform: uppercase; }

#email_done { display: block; margin: 100px 0px 0px 0px; }
#email_done p { text-align: center; font-size: 18px; }

.section.news-blog { background-color: #f1f1f1; padding: 40px 80px 140px 80px; margin-bottom: 0px; }
.section.news-blog > .content-inner { max-width: 1230px; margin: 0 auto; display: table; width: 100%; }
.section.news-blog > .content-inner .component-column { width: 50%; display: table-cell; vertical-align: top; }
.section.news-blog > .content-inner .heading span { display: block; font-weight: 600; font-size: 22px; color: #008aa2; line-height: 30px; }
.section.news-blog > .content-inner .heading { padding-bottom: 4px; border-bottom: 1px solid #008aa2; margin-bottom: 20px; }
.section.news-blog > .content-inner .component-column .content-inner::before, .section.news-blog > .content-inner .component-column .content-inner::after { content: ''; display: table; }
.section.news-blog > .content-inner .component-column .content-inner::after { clear: both; }
.section.news-blog > .content-inner .list-item { width: 48.375%; float: left; }
.section.news-blog > .content-inner .list-item:not(:last-child) { margin-right: 3.25%; }
.section.news-blog > .content-inner .list-item .title { display: block; font-weight: 600; text-decoration: none; font-size: 20px; line-height: 1.35; color: #008aa2; margin-bottom: 10px; font-size: 1.25em; }
.section.news-blog > .content-inner .list-item .title:hover { opacity: 0.8; }
.section.news-blog > .content-inner .list-item img { width: 100%; margin-bottom: 20px; }
.section.news-blog > .content-inner .list-item .publish-date { display: block; font-size: 1.125em; color: #008aa2; line-height: 25px; }
.section.news-blog .component-column .form-element { overflow: hidden; }
.section.news-blog .component-column .button { float: right; text-decoration: none; background-color: transparent; padding: 12px 10px; min-width: 210px; text-align: center; margin-top: 60px; }
.section.news-blog .component-column .content-inner { min-height: 335px; }
.component-column.news-wrapper { padding-right: 0.813%; }
.component-column.blog-wrapper { padding-left: 0.813%; }


.section.news-blog.news-only > .content-inner .component-column { width: 100%; padding: 0px; }
.section.news-blog.news-only > .content-inner .list-item { width: 23.65%; }
.section.news-blog.news-only > .content-inner .list-item:not(:last-child) { margin-right: 1.8%; }

.page-footer { background-color: #008aa2; }
.page-footer .social { text-align: center; margin-bottom: 50px; }
.page-footer .social a { display: inline-block; width: 28px; height: 28px; background-size: 100%; background-repeat: no-repeat; background-position: center; transition: opacity ease 0.2s; }
.page-footer .social a:hover { opacity: 0.8; }
.page-footer .social a:not(:last-child) { margin-right: 10px; }
.page-footer .social a.facebook { background-image: url("../images/social_icons-facebook.svg"); }
.page-footer .social a.twitter { background-image: url("../images/social_icons-twitter.svg"); }
.page-footer .social a.instagram { background-image: url("../images/social_icons-instagram.svg"); }
.page-footer .social a.youtube { background-image: url("../images/social_icons-youtube.svg"); }

.page-footer .social a.facebook.no_svg { background-image: url("../images/social_icons-facebook.png"); }
.page-footer .social a.twitter.no_svg { background-image: url("../images/social_icons-twitter.png"); }
.page-footer .social a.instagram.no_svg { background-image: url("../images/social_icons-instagram.png"); }
.page-footer .social a.youtube.no_svg { background-image: url("../images/social_icons-youtube.png"); }

.page-footer .footer-info { text-align: center; font-size: 1.125em; color: #fff; line-height: 1.667em; padding-bottom: 70px; }
.page-footer .footer-info a { color: #fff; text-decoration: none; }
.page-footer .footer-info a:not([href^="tel:"]):hover { text-decoration: underline; }

.appointment-form .content-inner .col6 .heading-section { margin-bottom: 0px; }
.appointment-form .content-inner { display: table; width: 100%; max-width: 1230px; margin: 0 auto; }
.appointment-form .content-inner .col6 { display: table-cell; width: 50%; padding: 0px 20px; }
.appointment-form .content-inner .col6 .heading-section h1 { margin-bottom: 40px; text-align: left; }
.appointment-form .content-inner .col6 .heading-intro { text-align: left; }
.appointment-form .content-inner .col6 .form-element.table { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: row; }
.appointment-form .content-inner .col6 .form-element #captcha_change { display: block; width: 120px; padding-right: 20px; margin: 0px; }
.appointment-form .content-inner .col6 .form-element #security_code { display: block; width: 265px; margin-right: 20px; margin-bottom: 0px; flex: 1 100%; }
.appointment-form .content-inner .col6 .form-element #formBtn { display: block; margin: 0px; }
.appointment-form .content-inner .col6 form { max-width: 470px; }

.newsletter-box .tcs input[type="text"]:focus::-webkit-input-placeholder { color:transparent; }
.newsletter-box .tcs input[type="text"]:focus:-moz-placeholder { color:transparent; }
.newsletter-box .tcs input[type="text"]:focus::-moz-placeholder { color:transparent; }
.newsletter-box .tcs input[type="text"]:focus:-ms-input-placeholder { color:transparent; }

@media (min-width: 1400px) {
	.slider .slick-slide { min-height: 650px !important; }
}

@media (max-width: 1260px) {
	.info-box__button { bottom: 80px; }
	
}

@media (max-width: 1300px) {
	.main-navigation > ul > li { margin: 0px 1%; }
}

@media (max-width: 1250px) {
	.contact-box__content .content-text h2 { font-size: 45px; font-weight: 300; margin-bottom: 40px; }
}

@media (max-width: 1200px) {
	.slide-content[data-slide-template="1"] { padding-top: 6%; }
	.slide-content[data-slide-template="1"] .text { margin-bottom: 10%; }
}

@media (max-width: 1180px) {
    .main-navigation>ul>li { margin: 0px 4px; }
}

@media (min-width: 1151px) and (max-width: 1200px) {
    .main-header .header-social { width: 210px; }
    .header-social .big-number { font-size: 20px; }
}

@media (min-width: 1151px) {
	.main-navigation > ul > li:hover > .submenu {  opacity: 1; visibility: visible; transform: none; pointer-events: auto; z-index: -1; }
	.main-navigation > ul { display: block !important;}
	.main-navigation > ul > li > .submenu { display: block !important; }
}

@media (max-width: 1150px) {
	.main-navigation .menu-button { display: block; }
	.info-box__content .content-text h2 { font-size: 45px; margin-bottom: 25px; }
	.info-box__content .content-text p { font-size: 16px; line-height: 26px; }
	.contact-box__content { padding: 7% 120px 0px 120px; }
	.main-navigation > ul { position: absolute; display: none; left: 0; right: 0; margin-top: 60px; margin-left: 0; padding: 20px; z-index: -1; background-color: rgba(0, 138, 162, 0.85); }
	.main-navigation > ul > li { float: none; margin: 0px; padding: 5px 0px; }
	.main-navigation > ul > li > .submenu { visibility: visible; opacity: 1; position: relative; padding: 0; transform: none; background-color: transparent; display: none; margin-left: 0px; pointer-events: auto; }
	.main-navigation > ul > li > .submenu > ul { padding: 15px; }
	.main-navigation > ul > li.has-submenu > a::after { right: 2px; top: 4px; margin-left: 0px; transform: rotate(45deg);  }
}

@media (max-width: 1050px) {
	.info-box__content { padding: 50px 55px 0px 55px; }
	.info-box__button { bottom: 50px; }
	.contact-box__content { padding: 7% 80px 0px 80px; }
	.contact-box__content .content-text p { font-size: 16px; line-height: 25px; }
    .section.news-blog > .content-inner .list-item .title { font-size: 1.1em; }
    .section.news-blog > .content-inner .list-item .publish-date { font-size: 1em; }
    .appointment-form .content-inner .col6 .heading-section h1 { font-size: 40px; }
}

@media (max-width: 1000px) {
	.service-box__description span { font-size: 22px; line-height: 28px; }
	.highlighted-services, .section.news-blog { padding: 40px 30px 80px 30px; }
	.slide-content[data-slide-template="1"] .text { font-size: 40px; line-height: 45px; }
	
	.main-navigation ul > li > .submenu > .column2 { width: 25%; }
    
    /* 20.10.2017. - Dodano skrivanje strelica na slideru */
    .slick-slider .slick-arrow { display: none; }
}

@media (min-width: 661px) and (max-width: 1000px) {
	.main-navigation ul > li > .submenu > .column2:nth-child(5n+5) { clear: both; }
}

@media (max-width: 960px) {
    .appointment-form .content-inner { display: block; }
    .appointment-form .content-inner .col6 { display: block; width: 100%; padding: 0px; }
    .appointment-form .content-inner .col6 .heading-section h1 { text-align: center; }
    .appointment-form .content-inner .col6 .heading-intro { text-align: center; }
    .appointment-form .content-inner .col6 form { max-width: 700px; margin: 50px auto 0px; padding: 0px 20px; }
}

@media (max-width: 950px) {
	.info-box__content { padding: 30px 35px 0px 35px; }
	.contact-box__content { padding: 60px 55px 60px 55px; }
}

@media (max-width: 900px) {
    .section.news-blog > .content-inner .list-item .title { font-size: 1em; }
    .section.news-blog > .content-inner .list-item .publish-date { font-size: 0.9em; }
}

@media (max-width: 850px) {
	.info-box__button { bottom: 30px; }
	.info-box__content .content-text h2 { font-size: 37px; margin-bottom: 20px; }
	.info-box__content .content-text p { font-size: 15px; line-height: 24px; }
	.contact-box__content .content-text h2 { font-size: 37px; margin-bottom: 20px; }
	.contact-box__content .content-text p { font-size: 15px; line-height: 24px; }
	.content .section:not(.news-blog) { margin-bottom: 80px; }
}

@media (max-width: 848px) {
	.blog-item__pined .blog-info, .blog .blog-heading .blog-info, .article-content, .blog-footer, .heading-section.article-heading, .section.video, .section.photo-list { padding: 0px 20px; }
	.section.photogallery { margin: 0 20px 80px; }
}

@media (max-width: 800px) {
	.blog-item .blog-info .blog-title { font-size: 20px; line-height: 29px; }
}

@media (max-width: 750px) {
	.main-navigation ul > li > .submenu > .column3 { width: 50%; }
	.heading-section .heading-intro { font-size: 16px; line-height: 27px; }
	.section.photogallery .overlay .text { font-size: 35px; margin-top: 30px; }
	.section.photogallery .overlay .icon { width: 70px; height: 54px; }
	.article-noted-content { font-size: 22px; line-height: 33px; }
    
    .section.news-blog.news-only > .content-inner .list-item:nth-child(2n+2) { margin-right: 0px; }
    .section.news-blog.news-only > .content-inner .list-item { width: 49%; margin-bottom: 20px; }
}

@media (max-width: 707px) {
	.info-box__content, .info-box__photo { display: block; width: 100%; }
	.info-box__content { padding: 60px 55px 150px 55px; }
	.info-box__content .content-text h2 { margin-bottom: 30px; }
	.info-box__button { bottom: 60px; }
	
	
	.contact-box__content, .contact-box__photo { display: block; width: 100%; }
	
	h1, .heading-section h1 { font-size: 40px; }
	.article-content h1 { font-size: 18px; margin: 0; }
}

@media (min-width: 701px) {
    .main-navigation > ul > li.resp-lang-menu { display: none; }
}

@media (max-width: 700px) {
    .main-navigation > ul > li.resp-lang-menu { margin-left: -20px; margin-right: -20px; border-top: 1px solid #95cad5; margin-top: 25px; padding-top: 20px; padding-left: 20px; padding-right: 20px; }
    .main-navigation > ul > li.resp-lang-menu ul li { display: inline-block; margin-right: 20px; }
    .main-navigation > ul > li.resp-lang-menu ul li a { text-decoration: none; color: #fff; font-size: 18px; font-weight: 300; text-transform: uppercase; }
    .main-navigation > ul > li.resp-lang-menu ul li a.active { font-weight: 700; }
    .main-navigation>ul>li.resp-lang-menu ul li a:hover { text-decoration: underline; }
    
    .header-social .big-number { padding-right: 0px; text-align: right; display: block; }
    .header-social .language-container { display: none; }
}

@media (max-width: 660px) {
	.service-box__list .service-box:nth-child(2n+2) { margin-right: 0px; }
	.service-box { width: 49%; margin-bottom: 1.93%; }
	.slide-content[data-slide-template="1"] .text { font-size: 33px; line-height: 40px; }
	.main-navigation ul > li > .submenu > .column2 { width: 33.33%; }
	.heading-section h1 { margin-bottom: 50px; }
	
	.blog-item .blog-info .blog-title { font-size: 17px; line-height: 25px; margin-bottom: 10px; }
	.blog-item .blog-info .blog-pub-date { font-size: 15px; }
    
    .section.news-blog > .content-inner .component-column { display: block; width: 100%; padding: 0px; }
    .section.news-blog > .content-inner .component-column:not(:last-child) { margin-bottom: 40px; }
    
    .section.news-blog > .content-inner .list-item .title { font-size: 1.15em; }
    .section.news-blog > .content-inner .list-item .publish-date { font-size: 1em; }
}

@media (max-width: 580px) {
    /*.main-header .header-social { width: 210px; }
    .header-social .big-number { font-size: 20px; }*/
}

@media (min-width: 551px) and (max-width: 660px) {
	.main-navigation ul > li > .submenu > .column2:nth-child(4n+4) { clear: both; }
}

@media (min-width: 551px) and (max-width: 1150px) {
	.main-navigation > ul { margin-top: 30px; }
}

@media (max-width: 550px) {
	.main-navigation ul > li > .submenu > .column3 { width: 100%; }
	.main-navigation ul > li > .submenu > .column3:not(:last-child) { padding-bottom: 0px; margin-bottom: -15px; }
	.main-header .header-social { display: none; }
	.main-navigation .menu-button { float: right; }
	.main-navigation ul > li > .submenu > .column2 { width: 50%; }
	h1, .heading-section h1 { font-size: 35px; margin-bottom: 50px; }
	.heading-section { margin-bottom: 50px; }
	.content .section:not(.news-blog) { margin-bottom: 50px; }
	.blog-item .blog-thumbnail { width: 40%; }
	.blog-item .blog-info { width: 60%; }
	.blog-item .blog-info .blog-title { font-size: 16px; line-height: 20px; margin-bottom: 5px; }
	.section.video iframe { height: 309px; }
	.section.photogallery .overlay .icon { width: 50px; height: 39px; }
	.section.photogallery .overlay .text { font-size: 28px; margin-top: 20px; }
    
    .appointment-form .content-inner .col6 .form-element.table { display: block; }
    .appointment-form .content-inner .col6 .form-element #captcha_change { margin: 0 auto; margin-bottom: 20px; }
    .appointment-form .content-inner .col6 .form-element #security_code { width: 100%; margin: 0px; margin-bottom: 30px; }
    .appointment-form .content-inner .col6 .form-element #formBtn { margin: 0 auto; }
    
    .resp-header-info { display: block; }
    
    
}

@media (max-width: 540px) {
	.blog-item { margin-bottom: 50px; }
	.blog-item .blog-thumbnail, .blog-item .blog-info { width: 100%; display: block; padding: 0px; }
	.blog-item .blog-thumbnail { margin-bottom: 15px; }
	.blog-item .blog-info { padding: 0px 20px; }
	.blog-item .blog-info .blog-title { font-size: 25px; line-height: 37px; text-decoration: none; color: #008aa2; display: block; margin-bottom: 20px; }
	.blog-item .blog-info .blog-pub-date { font-size: 18px; display: block; margin-bottom: 30px; color: #008aa2; }
	.blog-item .button { position: relative; bottom: unset; }
    .newsletter-box .tcs:first-child { display: table-caption; width: 100%; margin-bottom: 20px; text-align: center; }
}

@media (max-width: 500px) {
    .slick-slider .slick-arrow { display: none; }
    .section.news-blog > .content-inner .list-item .title { font-size: 1em; }
    .section.news-blog > .content-inner .list-item .publish-date { font-size: 1em; }
    
    .section.news-blog.news-only > .content-inner .list-item { width: 100%; margin-bottom: 20px; margin-right: 0px; }
    
    .slide-content[data-slide-template="1"] .text { font-size: 22px; line-height: 28px; }
    /*.slide-content[data-slide-template="1"] .text br { display: none; }*/
    
    .newsletter-box .container { display: block; }
    .newsletter-box .tcs { display: block !important; width: 100% !important; text-align: center; }
    .newsletter-box .tcs .button { margin-top: 20px; margin-left: 0px; }
    
    .slide-content[data-slide-template="1"] { padding-top: 20px; }
}

@media (max-width: 450px) {
	.slide-content[data-slide-template="1"] .button { position: absolute; bottom: 20px; }
	.slide-content[data-slide-template="1"] .text { margin-bottom: 30px; }
	.main-navigation ul > li > .submenu > .column2 { width: 100%; }
	.main-navigation ul > li > .submenu > .column2:not(:last-child) { padding-bottom: 0px; margin-bottom: -15px; }
	.main-navigation .submenu .submenu-section { margin-bottom: 10px; }
	.blog-item .blog-info .blog-title, .blog-item__pined .blog-title { font-size: 20px; line-height: 28px; margin-bottom: 10px; }
	.blog-item .blog-info .blog-pub-date, .blog-item__pined .blog-pub-date { font-size: 16px; }
	.blog-load-more { margin: 80px auto 0px; }
	.blog .blog-heading .blog-title { font-size: 20px; line-height: 28px; margin-bottom: 10px; }
    .blog .blog-heading .blog-pub-date { font-size: 16px; }
    .article-content { font-size: 15px; line-height: 25px; }
    .section.video iframe { height: 252px; }
    
    .slide-content[data-slide-template="1"] .button a { padding: 6px 5px; }
}

@media (max-width: 410px) {
	.photo-list .col6 { width: 100%; padding: 0px !important; margin-bottom: 30px; }
	.photo-list .col6:last-child { margin-bottom: 0px; }
    .photo-list .resp-photo-cap { display: block; }
    .section.photo-list + .section.photo-list { margin-top: 0px !important; }
    .photo-list.caption { display: none; }
}

@media (max-width: 400px) {
	.service-box { width: 100%; margin-bottom: 1.93%; margin-right: 0px; margin-bottom: 20px; }
	.service-box__description span { font-size: 26px; line-height: 40px; padding: 0px 20px; }
	.info-box__content { padding: 60px 35px 150px 35px; }
	.contact-box__content { padding: 60px 35px 60px 35px; }
	.heading-section .heading-intro { font-size: 15px; line-height: 25px; }
	h1, .heading-section h1 { font-size: 30px; margin-bottom: 40px; line-height: 40px; }
	.section.video iframe { height: 180px; }
	.section.photogallery .overlay .icon { width: 40px; height: 31px; }
	.section.photogallery .overlay .text { font-size: 23px; margin-top: 14px; }
	.section.photogallery .overlay { top: 58%; }
    
    .section.news-blog > .content-inner .list-item { float: none; float: unset; width: 100%; margin-bottom: 30px; margin-right: 0px; }
    .section.news-blog .component-column .button { float: none; float: unset; width: 100%; margin-top: 40px; }
    
    .slide-content[data-slide-template="1"] .text { font-size: 20px; line-height: 26px; }
    .slide-content[data-slide-template="1"] .button a { padding: 4px 5px; }
    .slide-content[data-slide-template="1"] { padding-top: 20px; }
}

@media (max-width: 360px) {
    
    
    .slide-content[data-slide-template="1"] { padding-top: 10px; }
    .slide-content[data-slide-template="1"] .button { position: absolute; bottom: 15px; }
}

.gdpr-info--block {
    font-size: 14px;
    display: block;
    margin-top: 10px;
    text-align: center;
    color: #fff;
}

.gdpr-info--block a {
    color: #fff;
}

.gdpr-info--block a:hover {
    text-decoration: none;
}