/* Theme Name: AB Dental Description: Custom WordPress child theme. Author: Kha-Concept.com Author URI: https://bokisha.net Version: 1.0.0 Template: abdental */ @font-face { font-family: 'Stolzl'; src: local('Stolzl Regular'), local('Stolzl-Regular'), url('fonts/Stolzl-Regular.woff2') format('woff2'), url('fonts/Stolzl-Regular.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Stolzl'; src: local('Stolzl Medium'), local('Stolzl-Medium'), url('fonts/Stolzl-Medium.woff2') format('woff2'), url('fonts/Stolzl-Medium.woff') format('woff'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Stolzl'; src: local('Stolzl Thin'), local('Stolzl-Thin'), url('fonts/Stolzl-Thin.woff2') format('woff2'), url('fonts/Stolzl-Thin.woff') format('woff'); font-weight: 100; font-style: normal; font-display: swap; } @font-face { font-family: 'Stolzl'; src: local('Stolzl Light'), local('Stolzl-Light'), url('fonts/Stolzl-Light.woff2') format('woff2'), url('fonts/Stolzl-Light.woff') format('woff'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Stolzl Book'; src: local('Stolzl Book'), local('Stolzl-Book'), url('fonts/Stolzl-Book.woff2') format('woff2'), url('fonts/Stolzl-Book.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Stolzl'; src: local('Stolzl Bold'), local('Stolzl-Bold'), url('fonts/Stolzl-Bold.woff2') format('woff2'), url('fonts/Stolzl-Bold.woff') format('woff'); font-weight: bold; font-style: normal; font-display: swap; } /* latin-ext */ @font-face { font-family: 'DM Sans'; font-style: normal; font-weight: 100 1000; font-display: swap; src: url(fonts/rP2Hp2ywxg089UriCZ2IHTWCBl0-8RH9.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'DM Sans'; font-style: normal; font-weight: 100 1000; font-display: swap; src: url(fonts/rP2Hp2ywxg089UriCZOIHTWCBl0-8Q.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /*** Genneral ***/ #top h1,#top h2,#top h3,#top h4,#top h5,#top h6 {font-family: 'Stolzl';font-weight: 400;font-style: normal;text-transform:none;} body, #top p {font-family: "DM Sans", sans-serif;font-weight:400;font-style: normal;line-height: 1.2;} #top .image-overlay{display:none!important} #top .special_amp {font-family:inherit;font-style: inherit;font-size: inherit;line-height: inherit;font-weight: inherit;color:inherit!important;} #top strong {color:inherit!important;} /*** Header ***/ #top #header_main{border:0px!important;} #top #header_main .container.av-logo-container{max-width: 1920px;padding: 0px 65px 0px 65px;height: 105.2px;line-height: 105.2px;} #top #header_main .logo{position: relative;display: table;float: left;left:0px;} #top #header_main .logo{height: auto;margin-top: 20px;} #top #header_main .logo svg{height:62.2px;} #top #header_main .main_menu{right: auto;display: table;margin: 0px auto;float: left;position: absolute;left: 50%;transform: translateX(-50%);} #top #header_main .headerphone{font-size:20px;font-weight:400;line-height:28px;color:#000000;font-family: 'Stolzl';} #top #header_main .headertermin{background:#368DE6;color:#fff;font-weight:400;font-size:13px;border-radius:24px;padding: 15px 31px;margin-left: 35.5px;font-family: 'Stolzl';} #top #header_main .menu-custom-sidebar{float: right;right: 0px;position: relative;} #top #header_main .menu-custom-sidebar p{margin:0px;display: flex;align-items: center;height: 105.2px;} #top #header_main .menu-custom-sidebar .widget{padding:0px;} #top #header_main .main_menu ul{display: table;} #top #header_main .main_menu li a{line-height:21px;padding: 41.1px 12.6px;color:#000000;font-weight:400;letter-spacing:normal;font-size:14px;font-family: 'Stolzl';height: auto;} #top #header_main .main_menu li a .avia-menu-fx{display:none;} #top #header_main .main_menu li a:after{content: "" !important;background:#000000;display: block !important;position: relative;z-index: 1;top: auto;bottom: -2px;left: 0;-webkit-transform: none;-ms-transform: none;transform: none;width: 0;height: 2px;-webkit-transition: all 0.2s ease;transition: all 0.2s ease;} #top #header_main .main_menu li a:hover:after{width: 100%;} #top #header_main .main_menu li.current_page_item a:after{width: 100%;} #top #header_main .main_menu ul ul{width: 240px;left: -9px;box-shadow:none;margin-top:0px;border-top:0px;background:#0E1821;padding: 1em 0;border-radius: 10px;} #top #header_main .main_menu ul ul li a:after{display:none!important;} #top #header_main .main_menu ul ul li a{padding: 0.65em 1.6em;border-bottom:0px;background: transparent;color: #fff;border: 0px;transition: padding-left 0.2s ease;width: auto;} #top #header_main .main_menu ul ul li a .avia-menu-text{opacity:0.7;transition: opacity 0.2s ease;} #top #header_main .main_menu ul ul li a:hover .avia-menu-text{opacity:1;} #top #header_main .main_menu ul ul li a:after{background:#fff;display:none;} #top #header_main .main_menu ul ul li a:hover{padding-left: 31.4px;} .html_header_top.html_header_sticky #main{padding-top: 105.2px;} #top #header .header_bg{opacity:1;} /* ========================================================= Desktop submenu visibility ========================================================= */ @media only screen and (min-width: 990px) { #top #header_main .main_menu li > ul.sub-menu { visibility: hidden; opacity: 0; pointer-events: none; transform: translateY(8px); transition: opacity 0.2s ease, transform 0.2s ease, visibility 0s linear 0.2s; } #top #header_main .main_menu li:hover > ul.sub-menu, #top #header_main .main_menu li:focus-within > ul.sub-menu, #top #header_main .main_menu li > ul.sub-menu.visible { visibility: visible; opacity: 1; pointer-events: auto; transform: translateY(0); transition-delay: 0s; } } /*** Homepage ***/ #top #hs1{background-image:url(images/Ab-Dental-Naslovna-Hero.jpg);background-repeat:no-repeat;background-position: center;background-size:cover;min-height: 100vh;transform: none !important;background-attachment:scroll;position: relative;} #top #hs1 .template-page{padding-bottom:98px;vertical-align: bottom;} #top #hs2 .template-page{padding-bottom:237px;padding-top:91px;} #top #hs2header .av-subheading p{font-family: 'Stolzl';font-weight: 400;letter-spacing: 1.8px;line-height: 18px;text-transform:uppercase;} #top #hs2header .av-subheading{margin-bottom:20px;} #top #hs2header h1, #top #hs2header h2{line-height:60px;font-weight:500;} #top #hs2header{margin-bottom:20px;margin-top: 44px;} #top #hs2text p{margin-top:0px;margin-bottom:26px;} #top #hs2text p:last-child{margin-bottom:0px;} #top #hs2button a{border-radius: 30px;margin: 0px;margin-bottom: 10px;font-size: 14px;font-family: 'Stolzl';font-style: normal;font-weight: 400;height: 55px;letter-spacing: normal;line-height: 21px;color: rgb(255, 255, 255);padding: 17px 45px;margin-top: 64px;} #top #hs2button a:hover{opacity:1;background-color: #255080;} #top #hs2 .container{padding-left:145px;max-width:1581px} #top #hs2img{margin-right:0px;} #top #hs2img2{position: absolute;top: 166px;right: -182px;} #top #hs2clm2{width: 45.887%;margin-left: 18.255%;} #top #hs2clm1{width: 35.858%;} #top #hs3 .template-page{padding-top:0px;padding-bottom: 140px;} #top #hs3header .av-subheading{margin-bottom:0px;} #top #hs3header .av-subheading p{letter-spacing: 1.8px;line-height: 18px;margin-bottom: 19.6px;text-transform: uppercase;font-weight: 500;opacity: 0.9;font-family: 'Stolzl';} #top #hs3header h2{font-weight: 500;letter-spacing: -1.8px;line-height: 62.0167px;margin-bottom: 0px;margin-left: -1px;} #top #hs3text p{line-height: 29px;max-width: 712px;margin: 0px;} #top #hs3header{margin-bottom:23px;} #top #hs4 .template-page{padding-top:0px;padding-bottom: 155px;} #top #hs4header .av-subheading{margin-bottom:0px;} #top #hs4header .av-subheading p{letter-spacing: 1.8px;line-height: 18px;margin-bottom: 19.6px;text-transform: uppercase;font-weight: 500;opacity: 0.9;font-family: 'Stolzl';} #top #hs4header h2{font-weight: 500;letter-spacing: -1.8px;line-height: 62.0167px;margin-bottom: 0px;margin-left: -1px;} #top #hs4header{margin-bottom:45px;margin-top:0px!important;} #top #hsheader-pola h2 {font-weight:500;} #top #hs4clm1{width: 57.143%;} #top #hs4clm2{width: 42.857%;padding: 3px 0px 0px 60px;} #top #hs4image img{border-radius:14px;} #top #hs4clm2 p{margin-top:0px;margin-bottom:26.69px;font-weight: 400;letter-spacing: normal;line-height: 28px} #top #hs4clm2 p:last-child{margin-bottom:0px;} #top #hs4button{margin-top: 40px;} #top #hs4button a{margin: 0px;padding-bottom:10px;background: transparent;border: 0px;border-radius: 0px;font-size: 15px;font-style: normal;font-weight: 500;letter-spacing: normal;line-height: 21px;color: rgb(43, 43, 45);padding: 0px;font-family: 'Stolzl';min-width: auto;} #top #hs4button a:after{content: "" !important;background: #000000;display: block !important;position: relative;z-index: 1;top: auto;bottom: -2px;left: 0;-webkit-transform: none;-ms-transform: none;transform: none;width: 0;height: 2px;width:100%;-webkit-transition: all 0.2s ease;transition: all 0.2s ease;} #top #hs4button a:hover:after{width:0%;} #top #hs4 .container{max-width: 1680px;padding-left: 195px;} #top #hs4 .flex_column_table{width: 49.099%;float: right;margin-top: -140px;background: #135DE8;margin-bottom: 0px;padding: 72px 65px 72px 65px;display: grid;grid-template-columns: repeat(2, 1fr);border-radius:14px;gap: 0px;z-index: 1;position: relative;} #top #hs4 .flex_column_table .flex_column {display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;} #top #hs4 .flex_column_table .av-special-heading, #top #hs4 .flex_column_table .av-special-heading-tag, #top #hs4 .flex_column_table .avia-animated-number, #top #hs4 .flex_column_table .avia-animated-number-content, #top #hs4 .flex_column_table .avia-animated-number-content p { text-align: center; } #top #hs4aclm1{width:100%;} #top #hs4aclm2{width:100%;} #top #hs4aheader h3{font-style: normal;font-weight: 500;letter-spacing: normal;line-height: 26.6px;margin-bottom:13.6px;} #top #hs4anum1{text-align:left;} #top #hs4anum1 strong{color:#fdfdfd!important;font-weight: 500!important;letter-spacing: -0.1px;font-family: 'Stolzl';line-height: 61.3833px} #top #hs4anum1 strong .avia-no-number{opacity:inherit;font-size:inherit;font-weight:inherit;} #top #hs4anum1 .avia-animated-number-content p{line-height:28px;margin-top: 12px;} #top #hs4anum2{text-align:left;} #top #hs4anum2 strong{color:#fdfdfd!important;font-weight: 500!important;letter-spacing: -0.1px;font-family: 'Stolzl';line-height: 61.3833px} #top #hs4anum2 strong .avia-no-number{opacity:inherit;font-size:inherit;font-weight:inherit;} #top #hs4anum2 .avia-animated-number-content p{line-height:28px;margin-top: 12px;} #top.home #guslg2 .template-page{padding-bottom: 409.5px;} #top #hs4image2{margin-top: -173px;margin-bottom: 118px;} #top #hs4 #hs4-col1.flex_column {margin-top:-90px;} #top #hs5 .template-page{padding-top: 238px;padding-bottom: 244px;} #top #hs5clm1{padding: 110px 70px;background: #F2F7FF;border-radius: 15px;} #top #hs5clm2{padding: 77px 25px 70px 77px;} /* ========================================================= AB Dental - CF7 forme globalno Forme: homepage #hs5form, kontakt #knt2form, usluga #uslg1forma Napomena: bez nepotrebnog !important; selektori su dovoljno specifični. ========================================================= */ #top #hs5form form, #top #knt2form form, #top #uslg1forma form { margin-bottom: 0; } #top #hs5form p, #top #knt2form p, #top #uslg1forma p { margin: 0; } #top #hs5form .column-full, #top #knt2form .column-full, #top #uslg1forma .column-full { position: relative; width: 100%; margin-bottom: 22px; background-repeat: no-repeat; box-sizing: border-box; } /* Input / textarea osnova */ #top #hs5form .column-full input, #top #hs5form .column-full textarea, #top #knt2form .column-full input, #top #knt2form .column-full textarea, #top #uslg1forma .column-full input, #top #uslg1forma .column-full textarea { width: 100%; margin: 0; border: 0; background-color: transparent; box-shadow: none; font-family: "DM Sans", sans-serif; font-size: 16px; font-weight: 400; letter-spacing: 0.1px; line-height: 24px; color: rgb(110, 114, 118); box-sizing: border-box; outline: none; } /* Homepage forma */ #top #hs5form .column-full input, #top #hs5form .column-full textarea { padding: 14.5px 0; border-bottom: 1px solid #1A1A1A; color: #1A1A1A; } #top #hs5form .column-full input { min-height: 53px; } #top #hs5form .column-full textarea { min-height: 80px; height: 80px; resize: vertical; } /* Kontakt forma */ #top #knt2form .column-full input, #top #knt2form .column-full textarea { padding: 13.5px 0 13.5px 36px; } #top #knt2form .column-full input { min-height: 51px; } #top #knt2form .column-full textarea { min-height: 89px; height: 89px; resize: vertical; } /* Usluga forma */ #top #uslg1forma .column-full input, #top #uslg1forma .column-full textarea { padding: 13px 0 14px 0; } #top #uslg1forma .column-full input { min-height: 50px; } #top #uslg1forma .column-full textarea { min-height: 72px; height: 72px; resize: vertical; } /* Placeholder */ #top #hs5form .column-full input::placeholder, #top #hs5form .column-full textarea::placeholder, #top #knt2form .column-full input::placeholder, #top #knt2form .column-full textarea::placeholder, #top #uslg1forma .column-full input::placeholder, #top #uslg1forma .column-full textarea::placeholder { opacity: 1; transition: color 0.3s ease; text-overflow: ellipsis; } #top #hs5form .column-full input::placeholder, #top #hs5form .column-full textarea::placeholder { color: #1A1A1A; } #top #knt2form .column-full input::placeholder, #top #knt2form .column-full textarea::placeholder, #top #uslg1forma .column-full input::placeholder, #top #uslg1forma .column-full textarea::placeholder { color: #85898D; } #top #knt2form .column-full:hover input::placeholder, #top #knt2form .column-full:hover textarea::placeholder, #top #knt2form .column-full input:focus::placeholder, #top #knt2form .column-full textarea:focus::placeholder, #top #uslg1forma .column-full:hover input::placeholder, #top #uslg1forma .column-full:hover textarea::placeholder, #top #uslg1forma .column-full input:focus::placeholder, #top #uslg1forma .column-full textarea:focus::placeholder { color: #2B2B2D; } /* Animirana linija ispod polja */ #top #knt2form .column-full .line, #top #uslg1forma .column-full .line { display: block; width: 100%; height: 1px; margin-top: -1px; position: relative; z-index: 1; background-color: #d0d6dd; transition: all 0.4s ease; } #top #knt2form .column-full .line::before, #top #uslg1forma .column-full .line::before { content: ""; display: block; width: 0; height: 1px; position: absolute; left: 0; top: 0; z-index: 1; background-color: #2b2b2d; transition: all 0.4s ease; } #top #knt2form .column-full:hover .line::before, #top #knt2form .column-full:focus-within .line::before, #top #uslg1forma .column-full:hover .line::before, #top #uslg1forma .column-full:focus-within .line::before { width: 100%; } /* Kontakt forma - ikonice */ #top #knt2form .kontaktikonica1, #top #knt2form .kontaktikonica2, #top #knt2form .kontaktikonica3, #top #knt2form .kontaktikonica4, #top #knt2form .kontaktikonica5 { background-repeat: no-repeat; background-size: 22px 22px; background-position: left 0 top 14px; } #top #knt2form .kontaktikonica1 { background-image: url(images/kontakticon1.png); } #top #knt2form .kontaktikonica2 { background-image: url(images/kontakticon2.png); } #top #knt2form .kontaktikonica3 { background-image: url(images/kontakticon3.png); } #top #knt2form .kontaktikonica4 { background-image: url(images/kontakticon4.png); } #top #knt2form .kontaktikonica5 { background-image: url(images/kontakticon5.png); } /* Homepage i usluga forme ne koriste kontakt ikonice */ #top #hs5form .kontaktikonica1, #top #hs5form .kontaktikonica2, #top #hs5form .kontaktikonica3, #top #hs5form .kontaktikonica4, #top #hs5form .kontaktikonica5, #top #uslg1forma .kontaktikonica1, #top #uslg1forma .kontaktikonica2, #top #uslg1forma .kontaktikonica3, #top #uslg1forma .kontaktikonica4, #top #uslg1forma .kontaktikonica5 { background-image: none; } /* Napomena ispod poruke */ #top #hs5form .form-note, #top #knt2form .form-note, #top #uslg1forma .form-note { margin-top: 0; margin-bottom: 18px; color: #6e7276; font-size: 15px; line-height: 1.45; } #top #hs5form .form-note p, #top #knt2form .form-note p, #top #uslg1forma .form-note p { margin: 0; color: #6e7276; font-size: 15px; line-height: 1.45; } /* Acceptance checkbox */ #top #hs5form .acceptance-row, #top #knt2form .acceptance-row, #top #uslg1forma .acceptance-row { margin-top: 0; margin-bottom: 26px; } #top #hs5form .acceptance-row .wpcf7-form-control-wrap, #top #knt2form .acceptance-row .wpcf7-form-control-wrap, #top #uslg1forma .acceptance-row .wpcf7-form-control-wrap, #top #hs5form .acceptance-row .wpcf7-acceptance, #top #knt2form .acceptance-row .wpcf7-acceptance, #top #uslg1forma .acceptance-row .wpcf7-acceptance { display: block; } #top #hs5form .acceptance-row .wpcf7-list-item, #top #knt2form .acceptance-row .wpcf7-list-item, #top #uslg1forma .acceptance-row .wpcf7-list-item { display: block; margin: 0; } #top #hs5form .acceptance-row label, #top #knt2form .acceptance-row label, #top #uslg1forma .acceptance-row label { display: flex; align-items: flex-start; gap: 10px; margin: 0; cursor: pointer; font-family: "DM Sans", sans-serif; font-size: 14px; line-height: 1.45; font-weight: 400; color: #6e7276; } #top #hs5form .acceptance-row input[type="checkbox"], #top #knt2form .acceptance-row input[type="checkbox"], #top #uslg1forma .acceptance-row input[type="checkbox"] { appearance: none; -webkit-appearance: none; width: 18px; height: 18px; min-width: 18px; min-height: 18px; margin: 1px 0 0 0; padding: 0; border: 1.5px solid #b8c1cc; border-radius: 5px; background: #ffffff; box-shadow: none; cursor: pointer; position: relative; transition: all 0.2s ease; } #top #hs5form .acceptance-row input[type="checkbox"]:hover, #top #knt2form .acceptance-row input[type="checkbox"]:hover, #top #uslg1forma .acceptance-row input[type="checkbox"]:hover { border-color: #368de6; } #top #hs5form .acceptance-row input[type="checkbox"]:checked, #top #knt2form .acceptance-row input[type="checkbox"]:checked, #top #uslg1forma .acceptance-row input[type="checkbox"]:checked { background: #368de6; border-color: #368de6; } #top #hs5form .acceptance-row input[type="checkbox"]:checked::after, #top #knt2form .acceptance-row input[type="checkbox"]:checked::after, #top #uslg1forma .acceptance-row input[type="checkbox"]:checked::after { content: ""; position: absolute; left: 5px; top: 2px; width: 5px; height: 9px; border: solid #ffffff; border-width: 0 2px 2px 0; transform: rotate(45deg); } #top #hs5form .acceptance-row .wpcf7-list-item-label, #top #knt2form .acceptance-row .wpcf7-list-item-label, #top #uslg1forma .acceptance-row .wpcf7-list-item-label { display: inline-block; } #top #hs5form .acceptance-row a, #top #knt2form .acceptance-row a, #top #uslg1forma .acceptance-row a { color: #368de6; text-decoration: none; font-weight: 500; } #top #hs5form .acceptance-row a:hover, #top #knt2form .acceptance-row a:hover, #top #uslg1forma .acceptance-row a:hover { color: #255080; text-decoration: underline; } /* CF7 greške */ #top #hs5form .wpcf7-not-valid-tip, #top #knt2form .wpcf7-not-valid-tip, #top #uslg1forma .wpcf7-not-valid-tip { display: none; } #top #hs5form .acceptance-row .wpcf7-not-valid-tip, #top #knt2form .acceptance-row .wpcf7-not-valid-tip, #top #uslg1forma .acceptance-row .wpcf7-not-valid-tip { display: block; margin-top: 8px; font-size: 13px; line-height: 1.35; color: #d94b4b; } /* Submit dugmad */ #top #hs5form .submitbutton, #top #knt2form .submitbutton, #top #uslg1forma .submitbutton { margin-top: 6px; margin-bottom: 0; } #top #hs5form .submitbutton input, #top #knt2form .submitbutton input, #top #uslg1forma .submitbutton input { width: auto; min-width: 205px; padding: 16px 40px 16px 60px; border: 0; border-radius: 999px; background-color: #368de6; background-image: url(images/paper-plane.png); background-repeat: no-repeat; background-size: 19px; background-position: left 32px center; color: #ffffff; font-family: "DM Sans", sans-serif; font-size: 15px; font-weight: 500; line-height: 21px; letter-spacing: normal; text-transform: none; cursor: pointer; transition: color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease; box-shadow: none; } #top #hs5form .submitbutton input { font-family: 'Stolzl', "DM Sans", sans-serif; } #top #hs5form .submitbutton input:hover, #top #knt2form .submitbutton input:hover, #top #uslg1forma .submitbutton input:hover { background-color: #255080; } #top #hs5header { margin-bottom: 25px; } #top #hs5header2 .av-subheading,#top #hs5header2 .av-subheading{margin-bottom:0px;} #top #hs5header2 .av-subheading p{letter-spacing: 1.8px;line-height: 18px;margin-bottom: 19.6px;text-transform: uppercase;font-weight: 500;opacity: 0.9;font-family: 'Stolzl';} #top #hs5header2 h2{font-weight: 500;letter-spacing: -1.8px;line-height: 62.0167px;margin-bottom: 0px;margin-left: -1px;} #top #hs5header2{margin-bottom:40px;} #top #hs5text p{margin-top:0px;margin-bottom:26.69px;font-weight: 400;letter-spacing: normal;line-height: 28px} #top #hs5text p:last-child{margin-bottom:0px;} #top #hs5text p a{color:inherit;text-decoration:none;} /*** O nama ***/ #top #onamas1 .template-page{padding-top:0px;padding-bottom:0px;} #top #onamas1header .av-subheading{margin-bottom:0px;} #top #onamas1header .av-subheading p{letter-spacing: 1.8px;line-height: 18px;margin-bottom: 19.6px;text-transform: uppercase;font-weight: 500;opacity: 0.9;font-family: 'Stolzl';} #top #onamas1header h2{font-weight: 500;letter-spacing: -1.8px;line-height: 62.0167px;margin-bottom: 0px;margin-left: -1px;} #top #onamas1header{margin-bottom:45px;} #top #onamas1clm1{width: 63.5%;} #top #onamas1clm2{width: 36.5%;padding: 3px 0px 0px 60px;} #top #onamas1image img{border-radius:14px;} #top #onamas1clm2 p{margin-top:0px;margin-bottom:26.69px;font-weight: 400;letter-spacing: normal;line-height: 28px} #top #onamas1clm2 p:last-child{margin-bottom:0px;} #top #onamas1button{margin-top: 40px;} #top #onamas1button a{margin: 0px;padding-bottom:10px;background: transparent;border: 0px;border-radius: 0px;font-size: 15px;font-style: normal;font-weight: 500;letter-spacing: normal;line-height: 21px;color: rgb(43, 43, 45);padding: 0px;font-family: 'Stolzl';min-width: auto;} #top #onamas1button a:after{content: "" !important;background: #000000;display: block !important;position: relative;z-index: 1;top: auto;bottom: -2px;left: 0;-webkit-transform: none;-ms-transform: none;transform: none;width: 0;height: 2px;width:100%;-webkit-transition: all 0.2s ease;transition: all 0.2s ease;} #top #onamas1button a:hover:after{width:0%;} #top #onamas1 .flex_column_table{width: 49.099%;float: right;margin-top: -70px;background: #135DE8;margin-bottom: 0px;padding: 72px 65px 72px 65px;display: grid;grid-template-columns: repeat(2, 1fr);border-radius:14px;gap: 0px;z-index: 1;position: relative;} #top #onamas2clm1{width:100%;} #top #onamas2clm2{width:100%;} #top #onamas2clm1, #top #onamas2clm2 { display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; padding-left: 25px; padding-right: 25px; } #top #onamas2clm1 .avia_textblock, #top #onamas2clm2 .avia_textblock { width: 100%; text-align: center; } #top #onamas2clm1 h1, #top #onamas2clm1 h2, #top #onamas2clm1 h3, #top #onamas2clm1 p, #top #onamas2clm2 h1, #top #onamas2clm2 h2, #top #onamas2clm2 h3, #top #onamas2clm2 p { text-align: center; } #top #onamas2header h3{font-style: normal;font-weight: 500;letter-spacing: normal;line-height: 26.6px;margin-bottom:13.6px;} #top #onamas2num1{text-align:left;} #top #onamas2num1 strong{color:#fdfdfd!important;font-weight: 500!important;letter-spacing: -0.1px;font-family: 'Stolzl';line-height: 61.3833px} #top #onamas2num1 strong .avia-no-number{opacity:inherit;font-size:inherit;font-weight:inherit;} #top #onamas2num1 .avia-animated-number-content p{line-height:28px;margin-top: 12px;} #top #onamas2num2{text-align:left;} #top #onamas2num2 strong{color:#fdfdfd!important;font-weight: 500!important;letter-spacing: -0.1px;font-family: 'Stolzl';line-height: 61.3833px} #top #onamas2num2 strong .avia-no-number{opacity:inherit;font-size:inherit;font-weight:inherit;} #top #onamas2num2 .avia-animated-number-content p{line-height:28px;margin-top: 12px;} #top #onamas3text #animated-text-strip{overflow: hidden;white-space: nowrap;display: flex;align-items: center;position: relative;width: 100%;background: transparent;padding:0px;color: #000;} #top #onamas3text .marquee span{color: #E7ECF0;font-size: 13vw;font-weight: 400;line-height: 1em;letter-spacing: 0px;text-transform: uppercase;white-space: nowrap;display: inline-block;font-family: 'Stolzl';} #top #onamas3text .marquee{display: flex;align-items: center;gap: 30px;animation: marquee 40s linear infinite;min-width: max-content;} @keyframes marquee { 0% { transform:translateX(0) } 100% { transform:translateX(-50%) } } #top #onamas4 .onamas4clm1{border-radius: 0px 14px 14px 0px;} #top #onamas4header h2{font-weight: 500;letter-spacing: -1.8px;line-height: 62.0167px;margin-bottom: 0px;margin-left: -1px;} /*#top #onamas4header{margin: 0px 0px 0px -216px;padding: 0% 0% 0% 0%;}*/ #top #onamas4text p{margin-top:0px;margin-bottom:26.69px;font-weight: 400;letter-spacing: normal;line-height: 28px} #top #onamas4text p:last-child{margin-bottom:0px;} #top #onamas4text{margin-top:29px;} #top #onamas4button{margin-top:40px;} #top #onamas4button a{background: #368DE6;border-radius: 30px;margin:0px;margin-bottom: 10px;font-size: 14px;font-family: 'Stolzl';font-style: normal;font-weight: 400;height: 55px;letter-spacing: normal;line-height: 21px;color: rgb(255, 255, 255);padding: 17px 45px;} #top #onamas5 .template-page{padding-top:140px;padding-bottom:140px;} #top #onamas5 .entry-content-wrapper{display: grid;grid-template-columns: repeat(3, 1fr);gap: 30px;} #top #onamas5 .entry-content-wrapper:before{display:none;} #top #onamas5 .entry-content-wrapper:after{display:none;} #top #onamas5 .onamas5clm #onamas5img{margin-bottom:0px;} #top #onamas5 .onamas5clm #onamas5img2{margin-bottom:0px;display:none;} #top #onamas5 .onamas5clm:hover #onamas5img{display:none;} #top #onamas5 .onamas5clm:hover #onamas5img2{display:block;} #top #onamas5 .onamas5clm #onamas5header{margin-top:34px;} #top #onamas5 .onamas5clm #onamas5header h4 a{opacity:1;} #top #onamas5 .onamas5clm #onamas5header h4{font-weight: 500;letter-spacing: normal;line-height: 31.75px;text-align:center;} #top #onamas5 .onamas5clm #onamas5button{margin-top:25.5px;} #top #onamas5 .onamas5clm #onamas5button a{font-size: 15px;line-height: 21px;font-weight: 500;color:#2B2B2D;overflow: hidden;padding: 0px;border: 0px;background: transparent;margin: 0px;} #top #onamas5 .onamas5clm #onamas5button a:after{content:"";width:21px;display:table;height:21px;float:left;background:url(images/next.png)no-repeat center;background-size:18px;} #top #onamas5 .onamas5clm #onamas5button a .avia_iconbox_title{font-family: 'Stolzl';position: relative;font-size: 15px;line-height: 21px;font-weight: 500;float: left;margin-right: 0;display: inline-block;vertical-align: middle;text-indent: -110px;visibility: hidden;white-space: nowrap;opacity: 0;-webkit-transition: visibility 0.4s ease,margin-right 0.4s ease-out,text-indent 0.5s ease-out,opacity 0.4s ease;transition: visibility 0.4s ease,margin-right 0.4s ease-out,text-indent 0.5s ease-out,opacity 0.4s ease;will-change: visibility,margin-right,text-indent,opacity;} #top #onamas5 .onamas5clm:hover #onamas5button a .avia_iconbox_title{opacity: 1;text-indent: 0;margin-right: 6px;visibility: visible;-webkit-transition: visibility 0.4s ease,margin-right 0.3s ease-out,text-indent 0.4s ease-out,opacity 0.4s ease;transition: visibility 0.4s ease,margin-right 0.3s ease-out,text-indent 0.4s ease-out,opacity 0.4s ease;} #top #onamas5 .onamas5clm{width: 100%;margin-left: 0px;padding: 0px 34px;} #top #onamas5text p{margin-bottom:0px;margin-top:15.3px;font-weight: 400;letter-spacing: normal;line-height: 27.2px;} #top #onamas6 .template-page{padding-top:80px;padding-bottom:80px;} #top #onamas6button a{opacity: 1;font-size: 14px;font-style: normal;font-weight: 400;letter-spacing: normal;line-height: 21px;transition: color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease;font-family: 'Stolzl';border-radius: 30px;background: transparent;border-width: 2px !important;border-style: solid;padding: 15px 43px;border-color: #fff;margin-top: 0px;margin-bottom: 10px;} #top #onamas6button a:hover{color: rgb(43, 43, 45);background:#fff;} #top #onamas6header h2{font-weight: 500;letter-spacing: normal;line-height: 50.3px} #top #onamas7 .template-page{padding-top:140px;padding-bottom:140px;} #top #onamas7header .av-subheading p{font-family: 'Stolzl';font-weight: 400;letter-spacing: 1.8px;line-height: 18px;text-transform:uppercase;font-size:14px;} #top #onamas7header .av-subheading{margin-bottom: 19.6px;} #top #onamas7header h2{font-weight: 500;letter-spacing: -1.8px;line-height: 62.0167px} #top #onamas7header{margin-bottom:45px;} #top #onamas7image{margin-bottom:0px;} #top #onamas7image img{border-radius: 14px;} #top #onamas7header2{margin-top: 24px;} #top #onamas7header2 h3{font-weight: 500;line-height: 28.8px;} #top #onamas7header2 .av-subheading{margin-top:11px;line-height: 20px;font-weight: 400;letter-spacing: 0;} #top #onamas7 .flex_column_table{display: grid;grid-template-columns: repeat(3, 1fr);gap:30px;margin-top:0px!important} #top #onamas7 .flex_column_table .onamas7clm{width:100%!important} #top #o-nama-button.avia-button-wrap { margin-top: 20px; } #top #o-nama-button a { font-family: 'Stolzl'; font-size: 15px; line-height: 21px; font-weight: 500; color: #2B2B2D; padding: 0; border: 0; background: transparent; margin: 0; display: inline-flex; align-items: center; gap: 10px; opacity: 1; transition: color 0.25s ease; } #top #o-nama-button a:hover { color: #368de6; opacity: 1; } #top #o-nama-button a::after { content: ""; width: 36px; height: 22px; display: inline-block; background-color: currentColor; mask: url("images/next.png") no-repeat center; -webkit-mask: url("images/next.png") no-repeat center; mask-size: 18px; -webkit-mask-size: 18px; transition: background-color 0.25s ease; } /*** Nase Usluge ***/ #top #guslg1 .template-page{padding-top:0px;padding-bottom:60px;} #top #guslg1header .av-subheading{margin-bottom:0px;} #top #guslg1header .av-subheading p{letter-spacing: 1.8px;line-height: 18px;margin-bottom: 19.6px;text-transform: uppercase;font-weight: 500;opacity: 0.9;font-family: 'Stolzl';} #top #guslg1header h2{font-weight: 500;letter-spacing: -1.8px;line-height: 62.0167px;margin-bottom: 0px;margin-left: -1px;} #top #guslg1text p{margin-top:0px;font-weight: 400;letter-spacing: normal;line-height: 28px;margin-bottom: 26.69px;} #top #guslg1text p:last-child{margin-bottom:0px;margin-bottom:0px;} #top .guslg2clm{padding: 15px 20px 15px 0;width: 100%;margin-left: 0px;border-right: 1px solid #D0D6DD;} #top .guslg2clm:nth-child(5){border-right:0px;} #top .guslg2clm:nth-child(10){border-right:0px;} #top #guslg2 .template-page{padding-top:0px;padding-bottom:120px;} #top #guslg2 .entry-content-wrapper{display: grid;grid-template-columns: repeat(5, 1fr);gap: 50px;} #top #guslg2 .entry-content-wrapper:before{display:none;} #top #guslg2 .entry-content-wrapper:after{display:none;} #top #guslg2 .guslg2clm #guslg2img{margin-bottom:0px;} #top #guslg2 .guslg2clm #guslg2img2{margin-bottom:0px;display:none;} #top #guslg2 .guslg2clm #guslg2img .avia-image-container-inner{margin: 0px;display: table;} #top #guslg2 .guslg2clm #guslg2img2 .avia-image-container-inner{margin: 0px;display: table;} #top #guslg2 .guslg2clm:hover #guslg2img{display:none;} #top #guslg2 .guslg2clm:hover #guslg2img2{display:block;} #top #guslg2 .guslg2clm #guslg2header{margin-top:40px;} #top #guslg2 .guslg2clm #guslg2header h4 a{opacity:1;} #top #guslg2 .guslg2clm #guslg2button{margin-top:48px;} #top #guslg2 .guslg2clm #guslg2button a{font-size: 15px;line-height: 21px;font-weight: 500;color:#2B2B2D;overflow: hidden;padding: 0px;border: 0px;background: transparent;margin: 0px;} #top #guslg2 .guslg2clm #guslg2button a:after{content:"";width:21px;display:table;height:21px;float:left;background:url(images/next.png)no-repeat center;background-size:18px;} #top #guslg2 .guslg2clm #guslg2button a .avia_iconbox_title{font-family: 'Stolzl';position: relative;font-size: 15px;line-height: 21px;font-weight: 500;float: left;margin-right: 0;display: inline-block;vertical-align: middle;text-indent: -110px;visibility: hidden;white-space: nowrap;opacity: 0;-webkit-transition: visibility 0.4s ease,margin-right 0.4s ease-out,text-indent 0.5s ease-out,opacity 0.4s ease;transition: visibility 0.4s ease,margin-right 0.4s ease-out,text-indent 0.5s ease-out,opacity 0.4s ease;will-change: visibility,margin-right,text-indent,opacity;} #top #guslg2 .guslg2clm:hover #guslg2button a .avia_iconbox_title{opacity: 1;text-indent: 0;margin-right: 6px;visibility: visible;-webkit-transition: visibility 0.4s ease,margin-right 0.3s ease-out,text-indent 0.4s ease-out,opacity 0.4s ease;transition: visibility 0.4s ease,margin-right 0.3s ease-out,text-indent 0.4s ease-out,opacity 0.4s ease;} #top #guslg3header .av-subheading{margin-bottom:0px;} #top #guslg3header .av-subheading p{letter-spacing: 1.8px;line-height: 18px;margin-bottom: 19.6px;text-transform: uppercase;font-weight: 500;opacity: 0.9;font-family: 'Stolzl';} #top #guslg3header h2{font-weight: 500;letter-spacing: -1.8px;line-height: 62.0167px;margin-bottom: 0px;margin-left: -1px;} #top #guslg3header{margin-bottom:45px;} #top #guslg3test{margin:0px;padding-bottom: 196px;} #top #guslg3test .avia-testimonial{padding: 0px;} #top #guslg3test .avia-testimonial:before{margin-bottom: 42px;margin-left: 4px;height:31.2px;content:"";width: 100%;background:url(images/quotes.png)no-repeat center left;background-size:35px;visibility: visible;} #top #guslg3test .avia-testimonial .avia-testimonial-content p{font-size: 18px;font-style: normal;font-weight: 400;letter-spacing: normal;line-height: 29.1667px;color: rgb(110, 114, 118);margin-bottom:0px;margin-top: 1em;text-align:left;} #top #guslg3test .avia-testimonial .avia-testimonial-content p strong{color:rgb(43, 43, 45)!important;font-family: 'Stolzl';font-size:24px;text-align: left;line-height: 24px;font-weight: 400!important;letter-spacing: normal} #top #guslg3test .avia-testimonial .avia-testimonial-content p:first-child{margin-top:0px;} #top #guslg3test .avia-testimonial-meta{margin-top: 36px;display: table;} #top #guslg3test .avia-testimonial-meta .avia-testimonial-image{margin: 0 15px 1px 0;width: 78px;height: 78px;} #top #guslg3test .avia-testimonial-meta .avia-testimonial-name{font-size: 19px;font-style: normal;font-weight: 500;letter-spacing: normal;line-height: 24.7px;color: rgb(43, 43, 45)!important;font-family: 'Stolzl';} #top #guslg3test .avia-testimonial-meta .avia-testimonial-subtitle {font-size: 16px;line-height: 1.3em;opacity: 0.8;color:#6E7276;margin-top: 6px;position: relative;display: table;} #top #guslg3test .avia-slideshow-arrows{position: absolute;bottom: 0px;width: 100%;height: 56px;} #top #guslg3test .avia-slideshow-arrows a{width: 56px;height: 56px;opacity: 1;line-height: 40px;margin: 0px;border-radius: 50%;border: 1px solid #D0D6DD;} #top #guslg3test .avia-slideshow-arrows a svg{height: 14px;width: 14px;line-height: 0px;margin:0px;font-size: 14px;} #top #guslg3test .avia-slideshow-arrows a.next-slide{left: 64.5px;} #top #guslg2 .guslg3clm2{border-radius: 14px 0px 0px 14px;} /* Kuula 360 tour iframe */ #top .kuula-tour-wrapper { width: 100%; max-width: 100%; overflow: hidden; border-radius: 18px; } #top .kuula-tour-wrapper .ku-embed { display: block; width: 100%; height: 75vh; min-height: 500px; } @media only screen and (max-width: 989px) { #top .kuula-tour-wrapper .ku-embed { height: 520px; } } @media only screen and (max-width: 767px) { #top .kuula-tour-wrapper .ku-embed { height: 420px; } } @media only screen and (max-width: 480px) { #top .kuula-tour-wrapper .ku-embed { height: 360px; } } /*** Nasi radovi ***/ #top #galerija.avia-gallery img {border-style: none;padding: 0px;} #top .lwptoc .lwptoc_i {border-radius: 15px;} /*** Kontakt ***/ #top #knt1 .template-page{padding:120px 0px;} #top #knt1header h1{font-weight: 500;letter-spacing: 0px;padding-bottom: 47.5px;background-image:url(images/kontaktstrelica.svg);background-position:bottom 8.5px center;background-repeat:no-repeat;} #top #knt2 .template-page{padding-top:0px;padding-bottom:120px;} #top #knt2header{margin-bottom: 72px;padding: 0% 15% 0% 0%;} #top #knt2header .av-subheading{margin-bottom:19.6px;} #top #knt2header .av-subheading p{text-transform:uppercase;font-weight:400;letter-spacing: 1.8px} #top #knt2header h2{font-weight: 500;letter-spacing: -1.8px;} #top #knt2map p{margin:0px;} #top #knt2map iframe{border-radius:14px;width: 100%;height: 635px;} #top #knt2clm1{width: 58.258%;} #top #knt2clm2{width: calc(41.742% + 105px);background-color: #FFF;margin: 0px 0px 0px -105px;padding: 70px 70px 80px 70px;border-radius: 14px 14px 14px 14px;margin-top:48px;} #top #knt3 .template-page,#top #knt3 .template-page{padding-top:0px;padding-bottom:140px;} #top #knt3 .slide-entry img{opacity: 0.25;transition-duration: 0.3s;} #top #knt3 .slide-entry img:hover{opacity:1;} /* AB Dental - centriranje logo slidera */ #top .avia-logo-element-container .slide-entry-wrap { text-align: center !important; } #top .avia-logo-element-container .slide-entry { float: none !important; display: inline-block !important; vertical-align: middle !important; margin: 0 45px !important; } #top .avia-logo-element-container .slide-entry img { display: block; margin: 0 auto; } /* Mobile */ @media only screen and (max-width: 767px) { #top .avia-logo-element-container .slide-entry { margin: 15px 20px !important; } } /*** Usluga stranica ***/ #top.page-id-74{overflow-x: visible;} #top.page-id-74 #wrap_all{overflow: visible;} #top #uslg1{overflow: visible;} #top #uslg1 .container{max-width: 1490px;} #top #uslg1 .template-page{padding-top:0px;padding-bottom:140px;} #top #uslg1 .entry-content-wrapper {display: flex;align-items: flex-start;gap: 3.10%;overflow: visible;} #top #uslg1clm1{width: 65.12%;} #top #uslg1clm2{width: 31.78%;background: #fff;position: sticky;top: 140px;margin-left:0px;border-radius: 15px;padding: 70px 40px;} #top #uslg1clm1 img{border-radius: 15px;margin-bottom:2em;} #top #uslg1clm1 p:first-child{margin-top:0px;} #top #uslg1clm1 p{margin-bottom:26px;margin-top:0px;font-size: 17px;font-weight: 400;letter-spacing: normal;line-height: 28px;} #top #uslg1clm1 h2, #top #uslg1clm1 h5{font-size: 24.004px;font-weight: 500;letter-spacing: normal;line-height: 29px;margin-bottom: 20.1634px;margin-top: 31.2052px;} #top #uslg1header1 h3{line-height: 24.7px;margin-bottom: 28.5px;margin-top: -7px;font-weight: 500} #top #uslg1header2{margin-top:0px!important;} #top #uslg1header2 h3{line-height: 24.7px;margin-bottom: 28.5px;font-weight: 500;margin-top:33px;} #top #uslg1clm1 .dupleslike{display: flex;gap: 8px;flex-wrap: wrap;margin-bottom: 1.2em;} #top #uslg1clm1 .dupleslike .duplaslika {flex: 1 1 calc(50% - 4px);max-width: 100%;height: auto;display: block;} /*#top #uslg1kontakt .uslgakont1{font-family: "DM Sans", sans-serif;font-size: 17px;font-style: normal;font-weight: 400;letter-spacing: normal;line-height: 28.9px;background:url(images/Ab-Dental-Icons-1.svg)no-repeat left 5px top 5px;padding-left:40px;line-height: 28px;background-size: 27px;height: 28px;position: relative;display: table;} #top #uslg1kontakt .uslgakont2{font-family: "DM Sans", sans-serif;font-size: 17px;font-style: normal;font-weight: 400;letter-spacing: normal;line-height: 28.9px;background: url(images/Ab-Dental-Icons-2.svg)no-repeat left 5px center;padding-left: 40px;line-height: 28px;background-size: 27px;height: 28px;position: relative;display: table;margin-top:25.5px;} #top #uslg1kontakt .uslgakont3{font-family: "DM Sans", sans-serif;font-size: 17px;font-style: normal;font-weight: 400;letter-spacing: normal;line-height: 28.9px;background:url(images/Ab-Dental-Icons-3.svg)no-repeat left 5px center;padding-left: 40px;line-height: 28px;background-size: 27px;height: 28px;position: relative;display: table;margin-top:25.5px;} #top #uslg1kontakt .uslgakont4{font-family: "DM Sans", sans-serif;font-size: 17px;font-style: normal;font-weight: 400;letter-spacing: normal;line-height: 28.9px;background:url(images/Ab-Dental-Icons-3.svg)no-repeat left 5px center;padding-left: 40px;line-height: 28px;background-size: 27px;height: 28px;position: relative;display: table;} */ #top #uslg1kontakt a{color:#6E7276;} #top #uslg1kontakt a:hover{color:#2B2B2D;} #top #uslg1kontakt p{margin:0px;} #top #uslg1clm1 .avia-image-container{margin-bottom:0px;} #top #uslg1clm1 .av-special-heading{margin-top:0px;} /* ========================================================= USLUGA - Contact info ========================================================= */ #top #uslg1kontakt, #top #uslg1kontakt .avia_textblock { display: block; width: 100%; text-align: left; } #top #uslg1kontakt .avia_textblock p { margin: 0; padding: 0; } #top #uslg1kontakt .uslga-contact-list { display: block; width: 100%; max-width: none; margin: 0; padding: 0; text-align: left; } #top #uslg1kontakt .uslga-contact-item { --contact-icon-size: 23px; --contact-icon-gap: 14px; position: relative; display: block; width: 100%; min-height: 28px; margin: 0; padding: 0 0 0 calc(var(--contact-icon-size) + var(--contact-icon-gap)); font-family: "DM Sans", sans-serif; font-size: 17px; font-weight: 400; font-style: normal; line-height: 28px; letter-spacing: normal; color: inherit; text-align: left; text-decoration: none; } #top #uslg1kontakt .uslga-contact-item + .uslga-contact-item { margin-top: 25.5px; } #top #uslg1kontakt .uslga-contact-item::before { content: ""; position: absolute; top: 3px; left: 0; display: block; width: var(--contact-icon-size); height: var(--contact-icon-size); background-repeat: no-repeat; background-position: center; background-size: var(--contact-icon-size) var(--contact-icon-size); } #top #uslg1kontakt .uslga-contact-address::before { background-image: url('images/Ab-Dental-Icons-1.svg'); } #top #uslg1kontakt .uslga-contact-email::before { background-image: url('images/Ab-Dental-Icons-2.svg'); } #top #uslg1kontakt .uslga-contact-phone::before { background-image: url('images/Ab-Dental-Icons-3.svg'); } #top #uslg1kontakt .uslga-contact-item span { display: block; margin: 0; padding: 0; text-align: left; } #top #uslg1kontakt .uslga-contact-email span, #top #uslg1kontakt .uslga-contact-phone span { white-space: nowrap; } #top #uslg1kontakt a.uslga-contact-item:hover { opacity: 0.75; } /* Phone numbers closer together */ #top #uslg1kontakt .uslga-contact-phone + .uslga-contact-phone { margin-top: 8px; } /*** Footer ***/ #top #footer{padding-top:113px;padding-bottom:62px;} #footer .widget{margin:0px;} #footer h3{margin-top:0px;font-size: 19px;font-weight: bold;margin-bottom: 27px;line-height: 26px;} #footer .first p{margin:0px;} #top #footer p{font-size:17px;font-weight:400;line-height:28px;color:rgba(255, 255, 255, 0.7);margin:0px;} #top #footer a{font-size:17px;font-weight:400;color:rgba(255, 255, 255, 0.7);} #top #footer a:hover{color:rgba(255, 255, 255, 1);} #top #footer .phonediv a{font-size:16px;font-weight:400;line-height: 27px;} #top #footer .phonediv:before{content: "";display: block;width: 130px;height: 0;border-top: 2px dotted rgba(255, 255, 255, 0.45);margin: 24px 0 22px 0;} #top #footer ul#menu-korisni-linkovi{min-height: 206px;display: flex;flex-direction: column;justify-content: space-between;} #top #footer ul#menu-korisni-linkovi li a{padding:0px;} #top #socket{margin-top:0px;} #socket .container:before{content:"";position:relative;height:1px;width:100%;background:rgba(121, 121, 121, 0.46);display: table;margin-bottom:27px;} #socket .container{padding-top:0px;padding-bottom:24px;} #socket .copyright{font-size: 14px;color: #b8bcbf;font-weight: 400;} /* KHA Enfold Social Icons Shortcode - footer clean style */ #top #footer .kha-enfold-social-icons { display: block !important; width: 100% !important; margin: 18px 0 0 0 !important; padding: 0 !important; text-align: left !important; } #top #footer .kha-enfold-social-icons .social_bookmarks { display: flex !important; align-items: center !important; justify-content: flex-start !important; gap: 12px !important; float: none !important; clear: both !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; list-style: none !important; text-align: left !important; } #top #footer .kha-enfold-social-icons .social_bookmarks li { display: inline-flex !important; float: none !important; clear: none !important; width: 34px !important; height: 34px !important; margin: 0 !important; padding: 0 !important; border: none !important; overflow: visible !important; background: transparent !important; } #top #footer .kha-enfold-social-icons .social_bookmarks li a { display: flex !important; align-items: center !important; justify-content: center !important; width: 34px !important; height: 34px !important; min-width: 34px !important; min-height: 34px !important; line-height: 34px !important; padding: 0 !important; margin: 0 !important; border-radius: 50% !important; border: 1px solid rgba(255, 255, 255, 0.18) !important; background: rgba(255, 255, 255, 0.06) !important; color: #ffffff !important; text-align: center !important; text-decoration: none !important; box-shadow: none !important; overflow: hidden !important; transition: background-color 0.25s ease, border-color 0.25s ease, color 0.25s ease !important; } #top #footer .kha-enfold-social-icons .social_bookmarks li a:hover { background: #2f8ee8 !important; border-color: #2f8ee8 !important; color: #ffffff !important; box-shadow: none !important; } #top #footer .kha-enfold-social-icons .social_bookmarks li:hover, #top #footer .kha-enfold-social-icons .social_bookmarks li a:hover { transform: none !important; top: auto !important; } #top #footer .kha-enfold-social-icons .social_bookmarks li a::before, #top #footer .kha-enfold-social-icons .social_bookmarks li a::after { display: none !important; content: none !important; } #top #footer .kha-enfold-social-icons .social_bookmarks svg { display: block !important; width: 16px !important; height: 16px !important; fill: currentColor !important; color: inherit !important; margin: 0 !important; } #top #footer .kha-enfold-social-icons .social_bookmarks .avia_hidden_link_text { display: none !important; } /***** Custom CF7 stranica ******/ #top #custompagecf7 #responsive-form{ max-width:100%; margin:0 auto; width:100%; padding: 6px 0 20px 0; } #top #custompagecf7 .form-row{ width: 100%; } #top #custompagecf7 div.wpcf7 .ajax-loader{position:absolute;top:23px;} #top #custompagecf7 .form-row p {margin:0;} #top #custompagecf7 .column-full{ float: right; position: relative; padding-bottom: 10px; width:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #top #custompagecf7 .column-half{ float: left; position: relative; padding-bottom: 10px; width:49%; margin-left: 2%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #top #custompagecf7 .column-three{ float: left; position: relative; padding-bottom: 10px; width:32%; margin-left: 2%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #top #custompagecf7 .column-fourth{ float: left; position: relative; padding-bottom: 10px; width:24%; margin-left: 2%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #top #custompagecf7 .column-three:first-child, #top #custompagecf7 .column-half:first-child, #top #custompagecf7 .column-fourth:first-child {margin-left:0;} #top #custompagecf7 .column-three:last-child, #top #custompagecf7 .column-half:last-child, #top #custompagecf7 .column-fourth:last-child {margin-right:0;} #top #custompagecf7 .clearfix:after { content: ""; display: table; clear: both; } #top #custompagecf7 #responsive-form .wpcf7-form-control.wpcf7-text.wpcf7-countrytext {padding: 8px 50px!important;} #top #custompagecf7 #responsive-form .wpcf7-form-control.wpcf7-text.wpcf7-phonetext.wpcf7-validates-as-required {padding: 8px 50px!important;} #top #custompagecf7 #responsive-form .wpcf7-textarea,#top textarea {min-height:160px!important;max-height:260px!important;min-width:100%!important;max-width:100%!important;} #top #custompagecf7 .wpcf7-form input[type="submit"], #top #custompagecf7 .wpcf7-submit { margin: 0 auto; width: 100%; border: 1px solid #333; background: #333; font-family: "DM Sans", sans-serif; font-size: 16px; font-weight: 600; text-transform: uppercase; letter-spacing: 2px; height: auto; border-radius: 0px; color: #ffffff; padding:13px 50px; } #top #custompagecf7 .wpcf7-submit:hover {background-color: transparent!important;color: #000!important;border: 1px solid #ffce30!important;border-radius:2px!important;} #top #custompagecf7 .wpcf7 input[type="text"], #top #custompagecf7 .wpcf7 input[type="email"], #top #custompagecf7 .wpcf7 input[type="tel"], #top #custompagecf7 .wpcf7 input[type="url"], #top #custompagecf7 .wpcf7 input[type="select"], #top #custompagecf7 .wpcf7 input[type="date"] {height:46px;} #top #custompagecf7 .wpcf7 input[type="text"], #top #custompagecf7 .wpcf7 input[type="email"], #top #custompagecf7 .wpcf7 input[type="tel"], #top #custompagecf7 .wpcf7 input[type="url"], #top #custompagecf7 .wpcf7 input[type="select"], #top #custompagecf7 .wpcf7 input[type="date"], #top #custompagecf7 .wpcf7 textarea, #top #custompagecf7 .wpcf7 select { height: auto; padding: 17px 15px 17px 20px; margin-bottom: 10px; border: 1px solid #f1f1f1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color:#f5f5f5; border-radius: 2px; font-family: "DM Sans", sans-serif; font-size: 16px; color:#151618!important; font-weight:400; } #top #custompagecf7 .wpcf7-list-item input {position: relative;right:3px;} #top #custompagecf7 .wpcf7-form-control:focus {border:1px solid #ffce30!important;} #top #custompagecf7 .wpcf7-not-valid-tip {font-family: "DM Sans", sans-serif;;font-weight:400;color:#fd0000;} #top #custompagecf7 .intl-tel-input ul.country-list {top:-20px;} #top #custompagecf7 label {font-size:16px;font-weight:400;} #top #custompagecf7 th {text-transform:none!important;letter-spacing:0px!important;padding:4px 8px!important;} #top #custompagecf7 .wpcf7-list-item-label {font-size: 16px;} #top #custompagecf7 .cf7-dragandrophandler {background-color: #f5f5f5;} #top #custompagecf7 .cf7-text-drop {font-size:20px;} #top #custompagecf7 .cf7-text-or {font-size:15px;} #top #custompagecf7 .cf7-text-browser a {background: #c21505;padding: 0px 20px;font-weight: 400;font-size: 14px;} #top #custompagecf7 .wpcf7-form-control.wpcf7-acceptance {position:relative;top:-5px;margin-left:20px;} /*** Footer ***/ #footer {padding:60px 0;} #footer a, #footer p {font-size:16px;} /*** Scroll to top ***/ #scroll-top-link, #av-cookie-consent-badge { color: #fff; border: 1px solid #368de6; } #scroll-top-link, #av-cookie-consent-badge { background-color: #368de6; } #scroll-top-link:hover, #av-cookie-consent-badge:hover { background-color: #000; color: #fff; border: 1px solid #000; } @media only screen and (max-width:1469px) { #top #hs4 .flex_column_table{margin-top: -70px;} #top #hs4 .container{padding-left: 50px;} } @media only screen and (max-width:1357px) { #top #header_main .main_menu{left: 42%;} } @media only screen and (max-width:1283px) { #top #onamas1 .flex_column_table{margin-top: 25px;width: 100%;float: left;} #top #onamas1clm2{width: 45.5%;padding: 3px 0px 0px 20px;} #top #onamas1clm1{width: 54.5%;} #top #hs2 .container{padding-left: 50px;} #top #hs2img2{right: -148px;} #top #hs4 .flex_column_table{margin-top: 25px;width: 100%;float: left;} #top #hs4clm2{width: 45.5%;padding: 3px 0px 0px 20px;} #top #hs4clm1{width: 54.5%;} } @media only screen and (max-width:1100px) { #top #guslg2 .entry-content-wrapper{grid-template-columns: repeat(2, 1fr);gap:20px;} #top .guslg2clm{border-right:0px;margin-bottom:0px!important;} #top .guslg2clm:nth-child(odd){border-right: 1px solid #D0D6DD;} #top #header_main .headertermin{padding: 13px 20px;} #top #header_main .headerphone{font-size: 17px;} #top #header_main .container.av-logo-container{padding: 0px 50px 0px 50px;} #top #header_main .main_menu li a{padding: 41.1px 7.6px;} } @media only screen and (max-width: 989px) { #top #knt1 .template-page{padding: 80px 0px;} #top #knt2clm1{width: 100%;} #top #knt2clm2{width: 100%;margin-left: 0px;} #top #onamas1clm2{width: 100%;padding: 30px 0px 20px 0px;} #top #onamas1clm1{width: 100%;} #top #hs4clm2{width: 100%;padding: 30px 0px 20px 0px;} #top #hs4clm1{width: 100%;} #top #onamas2{height: 80px;min-height: 80px;} #top #onamas2 .container{height: 80px!important;} #top #onamas2 .template-page{padding:0px;} #top #onamas4 .onamas4clm1{border-radius:0px!important;width:100%!important;min-height: 400px;} #top #onamas4 .onamas4clm2{width: 100%!important;padding: 0px 50px;} #top #onamas4header{margin-left: 0px;} #top #onamas4header h2{line-height: 42px;} #top #onamas4text{margin-top:25px;} #top #onamas5 .onamas5clm{max-width: 600px;margin: 0px auto;text-align: center;} #top #onamas5 .onamas5clm #onamas5button a{width: auto;min-width: 21px;} #top #onamas5 .template-page{padding-top: 80px;padding-bottom: 80px;} #top #onamas5 .entry-content-wrapper{grid-template-columns: repeat(1, 1fr);} #top #onamas8 .container{height: 528px!important;} #top #guslg4 .container{height: 450px!important;} #top #onamas6header h2{line-height: 1.07em;} #top #onamas6clm2{margin-bottom:0px!important;} #top #onamas6button a{margin-bottom:0px;} #top #onamas6button{float: left;} #top #onamas7 .flex_column_table{grid-template-columns: repeat(2, 1fr);} #top #onamas7header h2{line-height: 42px;} #top #uslg1clm1{width: 100%;} #top #uslg1clm2{width: 100%;position: relative;top: 0px;} #top #uslg1 .entry-content-wrapper{display: block;} #top #guslg1header h2{line-height: 42px;} #top #guslg1header .av-subheading p{margin-bottom: 0.6em;} #top #guslg1 .template-page{padding-bottom:35px;} #top #guslg5 .template-page{padding:0px;} #top #guslg5 .container{height: 80px!important;min-height: 80px!important;} #top #guslg5{height: 80px!important;min-height: 80px!important;} #top #guslg6 .template-page{padding:0px;} #top #guslg6 .container{height: 80px!important;min-height: 80px!important;} #top #guslg6{height: 80px!important;min-height: 80px!important;} #top #guslg3 .guslg3clm2{min-height: 500px;background-position: top;} #top #guslg3 .guslg3clm1{padding: 60px 0px !important;} #top #guslg3 .guslg3clm1 .flex_cell_inner{max-width: 85%!important;margin: 0px auto;} #top #guslg3header .av-subheading p{margin-bottom: 0.6em;} #top #guslg3header{margin-bottom:30px;} #top #guslg3header h2{line-height: 42px;} #top #hs3header .av-subheading p{margin-bottom: 0.6em;} #top #hs3header h2{line-height: 42px;} #top #hs3 .template-page{padding-bottom: 60px;} #top #hs2 .template-page{padding-top:0px;padding-bottom: 140px;} #top #hs2clm1{width: 100%;} #top #hs2clm2{width: 100%;margin-left:0px} #top #hs2img2{right: auto;left: 400px;} #top #hs2header .av-subheading{margin-bottom: 0.6em;} #top #hs2header h2{line-height: 42px;} #top.home #guslg2 .template-page{padding-bottom: 200px;} #top #hs4image2{margin-top: -90px;margin-bottom: 60px;} #top #hs4header .av-subheading p{margin-bottom: 0.6em;} #top #hs2header h1{line-height: 42px;} #top #hs5header2 .av-subheading p{margin-bottom: 0.6em;} #top #hs5header2 h2{line-height: 42px;} #top #hs5clm2{padding: 30px 0px;} #top #hs5clm1{padding: 56px 40px;} #top #header_main .main_menu{float: none;left: auto;transform: none;right: 0px;margin: 0px;} #top #header_main .main_menu ul ul{background: transparent;width: 100%;padding: 0px;padding-top: 15px;} #top #header_main .main_menu li a::after{display:none!important;} #top #header_main .menu-custom-sidebar{display: none;} } @media only screen and (max-width: 767px) { #top #custompagecf7 .column-half,#top #custompagecf7 .column-three,#top #custompagecf7 .column-fourth{width:100%;padding-right:0px!important;margin-left: 0;} #top #custompagecf7 .wpcf7-form input[type="submit"], #top #custompagecf7 .wpcf7-submit {width:100%;} #top #custompagecf7 .input-text, #top input[type="text"], #top input[type="input"], #top input[type="password"], #top input[type="email"], #top input[type="number"], #top input[type="url"], #top input[type="tel"], #top input[type="search"], #top textarea, #top select {margin-bottom:10px;} #footer .widget {margin: 0px 0;} #socket .copyright {display:block;float:none;padding-top:40px;text-align:center;width:100%;} #top #wrap_all #socket .social_bookmarks {float:none;margin:0;position:absolute;text-align:center;top:10px;width:100%;} #socket .social_bookmarks li {float:none;display:inline-block;} #socket .sub_menu_socket {float: none;width: 100%;display: block;text-align: center;margin: 0 0 0 -6px!important;} #socket .sub_menu_socket li {float:none;display:inline-block;} #top #footer .flex_column{margin-bottom:0px!important} #top #footer .flex_column .widget{margin: 10px 0 10px 0;} #top ul.sub-menu {margin-top: 0;} #top #knt2clm2{padding: 17px 20px 30px 20px;} #top #knt2map iframe{height: 400px;} #top #knt2 .template-page{padding-bottom: 80px;} #top #knt3 .template-page{padding-bottom: 80px;} #top #knt2header{margin-bottom: 25px;} #top #knt2header .av-subheading{margin-bottom: 0.6em;} #top #knt1 .template-page{padding: 60px 0px;} #top #knt1header h1{padding-bottom: 21px;background-position: bottom 5.5px center;} #top #onamas1header .av-subheading p{margin-bottom: 0.6em;line-height: 16px;} #top #onamas1header h2{line-height: 34px;} #top #onamas1header h2 br{display:none;} #top #onamas1header{margin-bottom: 25px;} #top #hs4header .av-subheading p{margin-bottom: 0.6em;line-height: 16px;} #top #hs4header h2{line-height: 34px;} #top #hs4header h2 br{display:none;} #top #hs4header{margin-bottom: 25px;} #top #hs4 .flex_column_table{grid-template-columns: repeat(1, 1fr);padding: 10% 10% 10% 10%;} #top #hs4 .flex_column_table {grid-template-columns: 1fr;width: calc(100% - 30px);margin: -80px auto 0 auto;padding: 45px 25px;row-gap: 35px;} #top #hs4clm2{padding: 10px 0px 0px 0px;} #top #onamas1 .flex_column_table{grid-template-columns: repeat(1, 1fr);padding: 10% 10% 10% 10%;} #top #onamas1clm2{padding: 10px 0px 0px 0px;} #top #onamas4header h2{line-height: 34px;} #top #onamas4text{margin-top:19px;} #top #onamas4 .onamas4clm2 .flex_cell_inner{max-width: 85%!important;} #top #onamas6header h2{line-height: 28px;} #top #onamas6 .template-page{padding-top: 60px;padding-bottom: 60px;} #top #onamas7header .av-subheading{margin-bottom: 0.6em;} #top #onamas7header{margin-bottom: 25px;} #top #onamas7header h2{line-height: 34px;} #top #uslg1clm2{margin-bottom:0px!important;} #top #uslg1 .template-page{padding-bottom:60px;} #top #guslg1header h2{line-height: 34px;} #top #guslg1header h2 br{display:none;} #top #guslg1clm1{margin-bottom:0px!important;} #top #guslg3header h2{line-height: 34px;} #top #wrap_all #guslg3test .avia-testimonial{padding: 0px !important;} #top #guslg3test{padding-bottom: 70px;} #top #guslg3test .avia-slideshow-arrows a{line-height: 45px;} #top #socket .copyright{padding-top: 0px;} #top #footer{padding-top: 60px;padding-bottom: 60px;} #top #hs3header h2 br{display:none;} #top #hs3 .template-page{padding-bottom: 40px;} #top #hs2img2{position: relative;top: 20px;right: auto;left: 0px;} #top #hs2header h2{line-height: 34px;} #top #hs2button a{margin-top: 40px;} #top #o-nama-button a {margin-top: 20px;} #top #hs4 .template-page{padding-bottom: 30px;} #top #hs5 .template-page{padding-top: 30px;padding-bottom: 30px;} #top #hs2header h1{line-height: 34px;} #top #header_main .container.av-logo-container{padding: 0px;} #top #header_main .logo{margin-top:0px;max-width: 156px;} #top #hs2img{display:none;} #top #hs2 .template-page{padding-bottom: 60px;} #top #hs6 .container{height: 30px!important;} #top #hs6 .template-page{padding:0px!important;} #top #hs6{min-height: auto!important;} #top #hs4image2{margin-top:0px;} #top #hs4image2 img{height: 300px;object-fit: cover;} #top #hs4clm2 p{line-height: 24px;} #top #hs3text p{line-height: 24px;} #top #hs2text p{line-height: 24px;} #top #hs1 .container{height: 70vh!important;} #top #hs1{background-position: right 24% top 36%;} } @media only screen and (max-width: 480px) { #top #onamas8 .container.av-section-cont-open{height: 270px!important;} #top #guslg4 .container.av-section-cont-open{height: 250px!important;} #top #onamas7 .flex_column_table{grid-template-columns: repeat(1, 1fr);} #top #uslg1clm1 .dupleslike{display: block;margin-bottom: 0px;} #top #uslg1clm1 img{margin-bottom: 15px;} }