/*
 Theme Name:   Mrak
 Theme URI:	http://example.com/mrak
 Description:  Mrak Theme is an awesome theme.
 Author:   	Webtnt
 Author URI:   https://www.wpastra.com
 Template: 	astra
 Version:  	1.0.0
 License:  	GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:     	astra
 Text Domain:  mrak
*/
a{outline:none;}
a.underline, .underline{text-decoration:underline;text-underline-offset: 2px;text-decoration-thickness: from-font;text-decoration-color:#a3a3a3 !important;}
a.underline:hover, .underline:hover{text-decoration-color:#323232 !important;}
.ast-container h2.border-b{display:flex;flex-direction:column;align-items:start;gap:35px;margin:0;}
.border-b:after{content:'';width:104px;height:1px;background:#001325;}
.bold{font-weight:700;}
.medium{font-weight:500;}
.light{font-weight:300;}
.uppercase{text-transform:uppercase;}
.t-18 {font-size:18px;}
.t-24 {font-size:20px;}
.t-30 {font-size:22px;}
.t-36 {font-size:28px;}
.ast-container h2.t-72 {font-size:40px;}
.relative{position:relative;}
.page-top-h{max-width: 100%;}
.cover-light h2{color:#070a0c;font-weight:700;}
.ast-container h2{line-height: 1.2;margin:0.6em 0 1em;}
.top-auto-margin{margin-top:auto !important;}
p{line-height: 1.3;}
:root :where(.is-layout-flow) > * {margin-block-start: 20px;}
.control{display:flex;gap:15px;margin-block-start: 50px;}
.wp-block-quote:not(.has-text-align-right):not(.has-text-align-center){border-left:1px solid #000;padding:0 0 0 30px;margin-bottom:30px;font-style:normal;}
.wp-block-cover__inner-container{max-width:1396px;}
.wp-block-cover__inner-container>h1{max-width:1150px;margin:20px auto 0;}
.home-hero .wp-block-cover__inner-container>p{max-width:1150px;margin:0 auto;}
.blue-btn{color:#fff;line-height:20px;background:#0054a6;padding:15px 45px;border-radius:30px;text-align: center;font-weight: 400;text-decoration:none;}
.blue-btn-s:hover{background:#004d99;color:#fff;}
.blue-btn-s{color:#fff;line-height:20px;background:#0054a6;padding:35px 20px;text-align: center;font-weight: 700;width:100%;max-width:325px;cursor: pointer;}
.control a.blue-btn,.control a.blue-btn-s{text-decoration:none;}
.blue-btn:hover{background:#004d99;color:#fff;}
.black-btn{color:#fff;line-height:28px;background:#000;padding:15px 45px;border-radius:30px;text-align: center;font-weight: 400;text-decoration:none;}
.black-btn:hover{background:#0054a6;color:#fff;}
.container {max-width:1396px;margin: 0 auto;width: 100%;}
.container-1190 {max-width:1190px;margin: 0 auto;width: 100%;}
p.p-f-b{font-weight:700;margin:0;font-size:20px;}
.lightbox#lightbox{max-width:unset;max-height:unset;}
.lightbox{width: 100%;
position: fixed;
top: 0px;
left: 0px;
height: 100%;
background: rgb(0 0 0 / 80%);
z-index: 999999;
cursor: pointer;
font-size: 16px;
text-align: center;
max-width:0;max-height:0;overflow:hidden;margin: 0;}
.lightbox.active-lightbox{max-width:100%;max-height:100%;padding: 10px;}
.lightbox-in{max-width: 1190px;
position: absolute;
top: 50%;
left: 50%;
background: #15222f;
box-shadow: 0 0 10px rgb(0 0 0 / 10%);
border-radius: 30px;
padding: 35px 10px;
text-align: left;
width: 95%;
max-height: 95%;
overflow: auto;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%, -50%);}
.close-lightbox{position:absolute;padding-right:45px;height:45px;cursor:pointer;top:10px;right:10px;}
.close-lightbox:before,.close-lightbox:after {width:30px;height:3px;content:'';background: #fff;position: absolute;top:20px;right:8px;}
.close-lightbox:before {
-webkit-transform: rotate(55deg);
-moz-transform: rotate(55deg);
-ms-transform: rotate(55deg);
-o-transform: rotate(55deg);
transform: rotate(55deg);}
.close-lightbox:after {
-webkit-transform: rotate(-55deg);
-moz-transform: rotate(-55deg);
-ms-transform: rotate(-55deg);
-o-transform: rotate(-55deg);
transform: rotate(-55deg);}
.lightbox h4{font-size:24px;text-align:center;color:#fff;margin-bottom:40px;}
.lightbox form{max-width:460px;margin:0 auto;}
.flex-form {display:flex;flex-direction:column;gap:20px;margin:0;}
.flex-form p {margin:0;position:relative;}
.lightbox .wpcf7 input.wpcf7-form-control:not([type=submit]), .lightbox .wpcf7 textarea.wpcf7-form-control{background:#003663;color:#fff;box-shadow:none;border:1px solid #00bff3;border-radius:30px;color:#fff;padding: 32px 40px;}
.lightbox .wpcf7 input[type=submit]{margin: 0 auto;display: block;padding: 18px 20px;width: 100%;max-width: 300px;}
.flex-form .wpcf7-spinner {position: absolute;right:0;bottom:0;margin:0;}
::-webkit-scrollbar {
  width: 6px;
}
::-webkit-scrollbar-track {
  box-shadow: none; 
  border-radius: 10px;
}
::-webkit-scrollbar-thumb {
  background: rgb(0 51 77 / 60%); 
  border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
  background: #003663; 
}
.naslov{}
.ast-container, .ast-container-fluid{padding: 0 10px;}
.section{padding:30px 0;}
.site-header {position: fixed;/*width: 100%;*/padding: 20px 0px;top: 0;}
.admin-bar .site-header {top: 32px;}
.flex-row{display: flex;gap: 20px;}
.header-left{display: flex;background: #0a1160;width: 290px;align-items: center;z-index: 2;position: relative;border-radius:6px;}
.konfigurator-top{display: flex;background: #0054a6;width: 290px;align-items: center;z-index: 2;position: relative;color:#fff;text-decoration:none;font-weight:300;font-size:18px;height: 60px;align-items: center;justify-content: center;text-transform: uppercase;border-radius:6px;}
.konfigurator-top:hover{color:#fff;background: #004d99;}
.telefon-top{display: flex;background: #0054a6;width: 200px;align-items: center;z-index: 2;position: relative;color:#fff;text-decoration:none;font-weight:700;font-size:18px;height: 60px;align-items: center;justify-content: center;text-transform: uppercase;border-radius:6px;gap:10px;}
.telefon-top:hover{color:#fff;}
.header-logo{margin:0 auto;display: flex;}
.menu-ic {width: 76px;height:60px;background:#0a1160;cursor:pointer;padding-right: 15px;display: flex;justify-content: end;border-radius:3px;position: relative;display: flex;align-items: center;}
.menu-ic span {position:relative;width:100%;height:30px;border-left:1px solid #c9cfd5;}
.menu-ic span:before,.menu-ic span:after{content:'';height: 1px;background:#c9cfd5;left: 50%;position: absolute;top: 50%;transform: translate(-50%, -50%);transition-property: transform;width: 30px;transition: all .3s ease-in-out .2s;}
.menu-ic span:before{top: calc(50% + 3px);}
.menu-ic span:after{top: calc(50% - 3px);}
.active-menu .menu-ic span:after{transform: translate(-50%, -50%) translateY(3px) rotate(38deg) scaleX(.8);}
.active-menu .menu-ic span:before{transform: translate(-50%, -50%) translateY(-3px) rotate(-38deg) scaleX(.8);}
.menu-close {position: absolute;padding-right: 35px;height: 45px;width:45px;text-align: right;cursor: pointer;top: 40px;right: 40px;}
.menu-close:before, .menu-close:after {width: 30px;height: 3px;content: '';background: #fff;position: absolute;top: 20px;right: 0px;}
.menu-close:before {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.menu-close:after {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.mega-menu .flex{display: flex;justify-content: space-between;flex-direction: column;}
.mega-menu .flex>div:first-child{margin-left:0;order: unset;}
.mega-menu{position:fixed;left:-100%;width: 100%;max-width:1000px;height: 100%;top: 0;padding: 180px 10px 40px;overflow: auto;
background: #001f4b;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;}
.active-menu .mega-menu{left:0;}
.main-navigation{width:100%;}
.main-navigation ul{display:flex;flex-direction:column;width:100%;}
.main-navigation a{color:#d2e1ec;font-size:24px;line-height: 45px;}
.main-header-menu .sub-menu{background:transparent;top: 0;left: unset;right:0;border: none;}
.main-header-menu .menu-item:hover>.sub-menu{left: unset;right: 0;box-shadow: none;}
.submenu-with-border .sub-menu .menu-link{border:none;padding: 0 30px;}
.main-header-menu .menu-item{position:relative;}
.ast-menu-toggle{border:none;color:#d2e1ec;}
.ast-menu-toggle:focus, .ast-menu-toggle:hover{border:none;color:#d2e1ec;outline:none;}
.ast-header-break-point .ast-icon.icon-arrow svg{margin:0;width:20px;height:12px;}
.active-sub .ast-menu-toggle .icon-arrow svg{rotate: 180deg;}
.main-navigation .small-item a{font-size:16px;}
.main-navigation .first-line{border-top:1px solid #03396c;padding-top: 20px;margin-top: 20px;}
.main-navigation .last-line{border-bottom:1px solid #03396c;padding-bottom: 20px;margin-bottom: 20px;}

.site-above-footer-wrap[data-section="section-above-footer-builder"] .ast-builder-grid-row {max-width: 1396px;grid-template-columns: 1fr;}
#logo-footer .cls-1 {fill: #22215c;}
#logo-footer .cls-2 {fill: #0655a5;}
.footer-top .site-footer-section-2{background:#0054a6;color:#fff;padding: 3em 1em 3em 3em;height: 100%;}
.footer-top .site-footer-section-2 a{color:#fff;font-weight:700;}
.footer-top .site-footer-section-2 a:hover{text-decoration:underline;}
.footer-top #block-10{position:relative;}
.footer-top #block-10:before{content:'';position:absolute;left:-30px;width:20px;height:30px;top:0;background:url(img/pin.svg) center no-repeat;}
#block-14 p{margin:0;}
.site-below-footer-wrap {padding-top: 15px;padding-bottom: 15px;}
#menu-footer{display: grid;grid-template-columns: auto auto;}
#menu-footer> li:nth-child(1){grid-row-end: span 4;margin-bottom: 30px;}
#menu-footer> li:nth-child(2){grid-row-end: span 4;margin-bottom: 30px;}
#menu-footer> li:nth-child(3){grid-row-end: span 4;margin-bottom: 30px;}
#menu-footer> li:nth-child(4){grid-row-end: span 4;margin-bottom: 30px;}
#menu-footer> li:nth-child(5){grid-row-end: span 4;margin-bottom: 30px;}
#menu-footer a{font-size:16px;}
#menu-footer a:hover{color: #0054a6;}
#menu-footer>li>a{font-weight:700;}
.widget_nav_menu ul ul.sub-menu li{padding:0;}

.home-hero{color:#fff;max-width: 100%;}
#home-hero-1{padding-top: 100px;aspect-ratio: 16 / 9;}
#home-hero-2{padding: 10em 1em 4em;}
#home-hero-3{padding: 2em 1em 1em;}
.home-hero .control{margin-top: 50px;}
.home-hero.wp-block-cover h1{line-height: 1.2;}
.main-header-menu .menu-link{padding:0px;}
.mega-menu p{color:#d2e1ec;font-size:16px;}
.mega-menu p a{color:#d2e1ec;display: flex;}
.cover-small{gap:0;flex-direction: column;align-items: start;}
.home-hero.wp-block-cover .cover-small p{margin:0;font-size:18px;font-weight:700;}
.wp-block-columns.is-not-stacked-on-mobile.cover-4-col{gap: 15px;flex-wrap: wrap !important;padding: 0 3.403%;margin-top: 15%;}
#home-hero-2 .cover-4-col{justify-content: center;}
.cover-4-col a img{transition: all .3s ease-in-out;}
.cover-4-col a:hover img{transform: scale(1.1);}
.cover-4-col>div{min-width:314px;}
#home-hero-1{padding-top: 100px;margin-top: 10px;min-height: 550px;}
#home-10-g{margin-top:5em;flex-wrap: wrap !important;justify-content: center;gap:50px;}
#home-10-g .wp-block-columns{gap:10px;}
#home-10-g>div{max-width: 300px;flex-basis: 300px;}
#home-10-g p{font-size:16px;font-weight:300;}
#home-10-g p.big-font{font-size:100px;letter-spacing: -16px;line-height: 80px;}
.home-hero .wp-block-quote:not(.has-text-align-right):not(.has-text-align-center){border-color:#fff;max-width:580px;margin: 50px 3.403% 0;padding:0 0 0 35px;}
.home-hero .wp-block-quote:not(.has-text-align-right):not(.has-text-align-center) p{color:#fff;font-size:16px;font-weight:400;font-style:normal;}
#home-bottom .wp-block-quote p{font-size:25px;margin-bottom:30px;font-weight:700;line-height: 1;}
#home-bottom .wp-block-quote p:last-child{margin-bottom:0;}
.home-sunce-p{max-width:420px;}
.home-roletne-p{max-width:300px;}
#home-bottom h3{font-size:25px;}
.viber-ic .cls-1 {fill: #7c59e8;}
.viber-ic .cls-2 {fill: #fff;}
.wa-ic .cls-1 {fill: #3ee85e;}
.wa-ic .cls-2 {fill: #fff;}
.foot-top{margin-bottom: 30px;}
#footer-call{display:flex;gap:10px;flex-wrap: wrap;}
.foot-phone{display:flex;flex-direction:column;line-height: 1.2;margin-left: 15px;}
.foot-phone span{color:#4b4b4b;font-size:12px;text-transform: uppercase;}
.foot-phone a{font-size:36px;font-weight:700;color:#000;}
.footer-top{margin-bottom:30px;}
.footer-widget-area:nth-child(3){float:left;}
.ast-builder-layout-element[data-section="section-fb-social-icons-1"]{color:#0054a6;font-size:18px;font-weight:700;gap: 20px;}
.ast-builder-layout-element[data-section="section-fb-social-icons-1"]:before{content:"Zapratite nas:";}
.ast-builder-layout-element[data-section="section-fb-social-icons-1"] .ast-footer-social-wrap{width:auto;}
#block-15 a{border-bottom: 5px solid #0054a6;padding:0 15px 15px;margin-bottom:0;display: block;}
#block-15 a:hover{border-color:#000;}
.cover-h {max-width: 1150px;margin: 0px auto;display: flex;flex-direction: column;}
.cover-naslov{float:left;background:#212932;padding:15px 40px;font-size:24px;line-height:30px;font-weight: 400;}
.cover-h p{font-size:46px;line-height: 1.2;margin-bottom: 40px;font-weight:700;}
.page-top-h{overflow:visible;}
.like-arr{width:57px;height:57px;border-radius:50%;border:1px solid #2b323a;background:#fff;position: absolute;right: 0;bottom: -28px;align-items: center;justify-content: center;display:flex;}
#home-specijalne-ponude{}
#home-bottom #home-specijalne-ponude h2{margin:0;position:absolute;top:-15px;left:-15px;background:#112138;color:#fff;border-left: 20px solid #212a33;padding: 15px 20px;text-transform:uppercase;font-size: 18px;
box-shadow: 20px 0px 0px 0px rgba(0, 0, 0, 0.49);
-webkit-box-shadow: 20px 0px 0px 0px rgba(0, 0, 0, 0.49);
-moz-box-shadow: 21px 1px 0px 0px rgba(0,0,0,0.49);}
#home-bottom #home-specijalne-ponude h2+p{margin-top:80px}
#bottom-page-links-1{gap:4px;}
#bottom-page-links-1>div{position:relative;}
#bottom-page-links-1 a{max-width:90%;width:315px;background:#fff;border: 1px solid #e8c7c8;position:absolute;right:5px;bottom:2px;text-align:center;text-decoration:none;line-height:48px;color:#4b4b4b;font-size:16px;font-weight:700;}
#bottom-page-links-1 a:hover{background:#0054a6;color:#fff;}
.entry-content > .wp-block-columns.section{}
#pvc-prozori-1 {padding:40px 0 20px;}
.pvc-prozori-profili{gap:0;margin-top:0px;}
#pvc-prozori-1 .gray-bg {padding:15px;display: flex;flex-direction: column;}
#pvc-prozori-1 .gray-bg>p{margin:0 0 15px;}
#pvc-prozori-1 .gray-bg p:last-child{margin:0;}
#pvc-prozori-1 .gray-bg p.t-18{margin-top:auto;}
.profil-top h3{margin:0;font-size: 1.5em;}
.profil-top h2{margin:0;font-weight:700;}
.profil-top .right{display: flex;flex-direction: column;align-items: end;}
.profil-top .right p{margin:3px 0;line-height: 21px;font-size:12px;width: 220px;}
.profil-top:first-child{margin-bottom:30px;}
.profil-left{display: flex;flex-direction: column;}
.profil-left svg:first-child {margin:45px auto 25px;display:block;}
.profil-left-img{max-width:320px;}
.profil-left-img-bottom{margin-top:auto;}
#gealan-kolor {padding: 40px 0;}
#gealan-kolor h2{font-weight:700;text-align:center;}
#gealan-kolor h2+p{font-weight:300;text-align:center;font-size:24px;max-width:600px;margin:0 auto;}
#pvc-bottom{margin-top:40px;}
#pvc-bottom h3{max-width:940px;margin:0 auto 40px;font-size:24px;}
#pvc-bottom .control{align-items:center;justify-content: center;}
#pvc-rek {padding:150px 0 170px;}
#pvc-rek .relative{display:flex;}
#pvc-rek h2{background:#0a1160;padding:2em 1em 3em;color: #f3f3f3;font-weight: 700;float: right;margin:0;position:relative;}
#pvc-rek .control{position:absolute;bottom:-50px;right:0;z-index:2;width:100%;max-width:325px;}
#pvc-prozori-1 .gray-bg>p.top-auto{margin-top:auto;}
#pvc-prozori-1 .gray-bg>p.bottom-auto{margin-bottom:auto;}
#alu-kako{margin-top:30px;}
#alu-ponuda{padding:40px 0;}
#alu-ponuda .control{justify-content: center;}
#alu-ponuda .text-upit{font-size:28px;font-weight:700;color:#0a1160;text-decoration:underline;text-decoration-thickness: 2px;cursor:pointer;transition: all .2s linear;}
#alu-ponuda .text-upit:hover{text-decoration-color:#a3a3a3;}
.strec .is-vertically-aligned-stretch{display: flex;flex-direction: column;}
#ulazna-vrata-1{}
.ulazna-vrata{position:relative;}
.ulazna-vrata:before{content:'';width:100%;height:297px;position:absolute;bottom:0;left:0;background:#f8f8f8;}
.ulazna-vrata>div{position:relative;}
.ulazna-vrata h2.t-72{margin:0;font-weight:300;}
.ulazna-vrata h3{margin:0;font-weight:300;}
#ulazna-vrata-2 h3{margin-top:40px;}
.swiper-button-prev, .swiper-button-next{border-radius:50%;border:1px solid #000;padding:10px;}
.swiper-button-prev path, .swiper-button-next path{fill:#000;}
.upit-row{margin-top:30px;}
.upit-row-left{display: flex;align-items: center;gap: 20px;}
.upit-row p{margin:0;}
.upit-row-right {position:relative;}
.upit-row-right .wpcf7{}

.btn-upit{display:flex;color: #fff;line-height: 16px;background: #0054a6;padding: 13px 0px;border-radius: 30px;justify-content: center;font-size:14px;width:100%;max-width:300px;cursor:pointer;transition: all .2s linear;
box-shadow: 0px 15px 30px 0px rgba(0,84,166,0.5);
-webkit-box-shadow: 0px 15px 30px 0px rgba(0,84,166,0.5);
-moz-box-shadow: 0px 15px 30px 0px rgba(0,84,166,0.5);}
.btn-upit span{max-width:170px;}
.btn-upit:hover{background: #004d99;}
.upit-light{cursor:pointer;}
.cover-3-col {}
.cover-3-col .box{position:relative;display: flex;border:1px solid #ebebeb;overflow:hidden;max-width: 443px !important;}
.cover-3-col .box:hover img {transform: scale(1.1);}
.cover-3-col .box img {transition: all .3s ease-in-out;}
.cover-3-col .box >div{position:absolute;}
.cover-3-col p{margin:0;font-size:18px;}
.ast-single-post .entry-content .cover-3-col p a{text-decoration:none;}
.cover-3-col p a:nth-child(1){color: #c4c4c4;}
.cover-3-col p a:nth-child(2){color: #4b4b4b;}
#ulazna-vrata-ponuda .control{margin-block-start: 30px;align-items: center;justify-content: center;}
.sobna-vrata .container-1190{margin-bottom:30px;}
.sobna-vrata {position:relative;}
.sobna-vrata>div {position:relative;}
.sobna-vrata h2+p{max-width:440px;margin-top:30px;}
.ponuda-link-centar .control{align-items: center;justify-content: center;}
.sobna-vrata:before {content: '';width: 100%;height: 297px;position: absolute;bottom: 0;left: 0;background: #f8f8f8;}
#alu-venecijaneri{padding-top:50px;}
#alu-vencijaneri-4-box .box{background:url(img/venecijaner-specifikacije.jpg) top right no-repeat #f8f8f8;padding:20px 10px;border-bottom:2px solid #0054a6;}
#alu-vencijaneri-4-box h3{font-size:30px;line-height: 1.2;}
#alu-vencijaneri-4-box p{line-height: 1.2;margin: 16px 0 0px;}
#alu-vencijaneri-4-box h3+p{color:#0054a6;font-weight:700;margin: 15px 0 40px;}
#alu-vencijaneri-4-box svg{margin:0;display: flex;}
#alu-vencijaneri-4-box .control {justify-content: center;}
#alu-vencijaneri-4-box .btn-upit {padding: 21px 0px;}
#alu-vencijaneri-4-box .btn-upit span {max-width: 220px;}
#zebra-zavese{padding-top:50px;}
#rolo-zavese{padding-top:50px;}
.zavesa-box .box{background:#f8f8f8;padding:20px 10px;border-bottom:2px solid #0054a6;}
.zavesa-box .box p{line-height: 1.2;margin: 16px 0 0px;color:#434c57;}
.zavesa-box .box h3{margin-bottom:30px;}
.zavesa-box h3{font-size:30px;}
.zavesa-box .box svg{margin:0;display: flex;}
.zavesa-box .control{align-items: center;justify-content: center;}
.zavesa-box .btn-upit {padding: 21px 0px;}
.zavesa-box .btn-upit span {max-width: unset;}
#trakaste-zavese .wp-block-cover{padding:30px;}
#trakaste-zavese .wp-block-cover p{max-width:670px;}
.gap-70{gap: 70px;display: flex;flex-direction: column;}
.gap-50{gap: 50px;display: flex;flex-direction: column;}
#komarnici-naslov p{margin:0;font-size:18px;color:#212932;font-weight:300;}
#komarnici-naslov h2{margin:0;font-weight:700;}
.ponuda-red {margin-top:30px;}
.ponuda-red>div:last-child{padding:25px 10px;display: flex;flex-direction: column;gap:20px;}
.ponuda-red p.blue-t{font-size:14px;color:#3f97ee;letter-spacing:2px;margin:0;}
.ponuda-red h3{color:#fff;font-size:24px;margin:0px 0 20px;line-height: 1.3;}
.ponuda-red p{margin:0;}
.ponuda-red .btn-upit {padding: 21px 0px;}
.ponuda-red .control{margin-block-start: auto;}
#ponuda-rek {padding:150px 0 170px;}
#ponuda-rek h2{background:#0a1160;padding:4em 1em;color: #f3f3f3;font-weight: 700;float: right;margin:0;min-width: 50%;}
.vodjice-p{max-width:575px;}
#roletne-4-boxa{}
#roletne-4-boxa .box{background-repeat:no-repeat;background-position: top right;}
#roletne-4-boxa .box:nth-child(2){background-image:url(img/pvc-lamela.jpg);}
#roletne-4-boxa .box:nth-child(3){background-image:url(img/alu-lamela.jpg);}
#roletne-4-boxa .box:nth-child(4){background-image:url(img/gurtna-za-roletnu.jpg);}
#roletne-4-boxa .box h3{margin-bottom:70px;}
.roletne-3-kol .box{border:2px solid #d9d9d9;justify-content: center;display: flex;flex-direction: column;}
.roletne-3-kol .red{padding:0 10px;}
.roletne-3-kol .red p{font-weight:700;max-width:250px;}
.roletne-3-kol .red figure{max-width:90px;}
.ponuda-roletne.control{align-items: center;justify-content: center;margin-block-start: 50px;}
.ponuda-roletne .btn-upit {padding: 21px 0px;}
.ponuda-roletne .btn-upit span{max-width:unset;}
#podfasadne-roletne .t-30.light{}
#podfasadne-roletne .is-vertically-aligned-stretch{justify-content: space-between;display: flex;flex-direction: column;}
#garaza-ponuda {margin-top:50px;}
#garaza-ponuda >div>p{max-width:690px;margin:0 auto 40px;}
#klizni-sistemi-mera-img{margin-top:40px;}
#paralelno-klizni-sistemi{margin-top:40px;}
#uskocno-klizni-sistemi{margin-top:40px;}
#uskocno-img{margin-top:40px;}
#podizno-klizni-sistemi{margin-top:40px;}
#podizno-img{margin-top:40px;}
#klizni-sistemi-1{padding:40px 0 0;}
.klizni-sistemi-swiper .swiper{max-width:1000px;}
.klizni-sistemi-swiper .btn-upit {padding: 21px 0px;}
.entry-content > .wp-block-columns.klizni-sistemi-swiper {padding:40px 0 0;}
.klizni-sistemi-swiper h3{margin:0 0 40px;}
.klizni-swipe{position:relative;}
.klizni-swipe:before{content: '';width: 100%;height: 288px;position: absolute;bottom: 0;left: 0;background: #f8f8f8;}
.klizni-swipe>div {position: relative;}
#povrsine-boje{margin-top: 40px;}
#pregled-varijanti{margin-top: 40px;}
#ulazna-vrata-1{padding:40px 0 0;}
#sobna-vrata-1{padding:40px 0 0;}
#garaza-vrata-1{padding:40px 0 0;}
#balkonska-vrata-1{padding:40px 0 0;}
#spoljašnje-roletne{padding:40px 0 0;}
.kontakt-right .labela{color:#333;margin:0;}
.kontakt-right .strong{color:#212932;font-size:24px;font-weight:700;margin:8px 0 40px;line-height: 1;}
#kontakt-1{padding:40px 0 0;}
#kontakt-560 form{max-width:560px;}
.kontakt-soc{display:flex;gap:15px;margin:10px 0 0;}
.kontakt-soc a svg path{fill:#000;transition: all .3s ease-in-out .2s;}
.kontakt-soc a:hover svg path{fill:#0054a6;}
.kontakt-right .strong a{text-decoration:none;transition: all .3s ease-in-out .2s;}
.kontakt-right a:hover{color:#0054a6;}
#contact-form .wpcf7{margin-top:40px;}
#contact-form .wpcf7 input.wpcf7-form-control:not([type=submit]){border:none;border-bottom:1px solid #444649;border-radius:0;box-shadow:none;}
#contact-form .wpcf7 textarea{border:none;border-bottom:1px solid #444649;border-radius:0;box-shadow:none;}
#contact-form input[type="submit"]{max-width: 300px;width: 100%;margin: 0 auto;display: flex;padding: 22px 20px;font-size: 14px;font-weight: 400;border:none;}
#contact-form input[type="submit"]:hover{background: #004d99;color:#fff;}
#skrivena{margin-bottom:40px;}
.bot-140{padding-bottom:40px;}
.wpcf7 form.sent .wpcf7-response-output{border-color: #00bff3;color:#fff;}

@media screen and (min-width: 561px){
.mega-menu p.mob{display:none;}
}
@media screen and (min-width: 600px){
.site-above-footer-wrap[data-section="section-above-footer-builder"] .ast-builder-grid-row {grid-template-columns: 3fr 2fr;}
.site-footer-above-section-1{max-width:980px;}
.foot-top{display:flex;justify-content:space-between;max-width: 975px;}
}
@media screen and (min-width: 769px){
.wp-swiper {padding: 0 7px;}
.wp-swiper__wrapper {padding: 0 60px;position:relative;}
.upit-row {padding: 0 70px;}
}
@media screen and (min-width: 782px){
.ast-container h2.t-72 {font-size:72px;}
.home-hero.wp-block-cover h1{font-size:60px;}
.home-hero.wp-block-cover p{font-size:24px;}
.site-above-footer-wrap[data-section="section-above-footer-builder"] .ast-builder-grid-row {grid-template-columns: 2fr 1fr;}
.cover-h p{font-size:60px;margin-bottom: 60px;}
.cover-naslov{padding:20px 80px;font-size:30px;line-height:40px;}
.pvc-prozori-profili{margin-top:40px;}
#gealan-kolor h2+p{font-size:30px;}
#gealan-kolor {padding: 180px 0;}
#pvc-bottom h3{font-size:40px;}
#pvc-bottom{margin-top:150px;}
#home-bottom #home-specijalne-ponude h2{font-size: 30px;}
#alu-kako .wp-block-cover{padding:20px 65px;}
#alu-kako{margin-top:60px;}
#alu-ponuda{padding:150px 0;}
.ulazna-vrata h3{font-size:48px;margin-bottom: 35px;}
#ulazna-vrata-2 h3{margin-top:110px;}
.upit-row{margin-top:50px;}
.sobna-vrata .container-1190{margin-bottom:60px;}
.sobna-vrata h2.border-b{gap:50px;}
.ast-container h2.border-b {gap: 60px;}
#alu-vencijaneri-4-box .box{padding:30px 20px;}
#alu-vencijaneri-4-box h3+p{margin-bottom:90px;}
#alu-venecijaneri{padding-top:170px;}
#zebra-zavese{padding:150px 0 0;}
#rolo-zavese{padding-top:150px;}
#komarnici-naslov h2{margin-bottom:60px;}
#alu-vencijaneri-4-box .zavesa-box-4 {flex-wrap:wrap !important;}
.zavesa-box .zavesa-box-4 {flex-wrap:wrap !important;}
.zavesa-box-4 .box{flex-basis: auto !important;flex-grow: initial !important;width: calc(50% - 20px) !important;}
.ponuda-red>div:last-child{padding:45px 45px 40px;}
.ponuda-red h3{font-size:30px;}
.lightbox-in{padding:100px 45px;}
.lightbox h4{font-size:30px;margin-bottom:100px;}
.flex-form {gap:35px;}
.ponuda-red {margin-top:100px;}
#roletne-4-boxa .box h3{line-height: 42px;min-height: 84px;margin-bottom:100px;}
#alu-vencijaneri-4-box p{font-size:14px;}
.zavesa-box .box p{font-size:14px;}
#balkonska-vrata-1 figure{margin-top:auto;}
#garaza-vrata-1 figure{margin-top:auto;}
#garaza-ponuda {margin:100px 0 60px;}
#garaza-ponuda>div >p{margin:0 auto 70px;}
#klizni-sistemi-mera-img{margin-top:100px;}
#paralelno-klizni-sistemi{margin-top:60px;}
#uskocno-klizni-sistemi{margin-top:70px;}
#podizno-klizni-sistemi{margin-top:100px;}
#klizni-sistemi-1 figure {margin-top: auto;}
#klizni-sistemi-1 figure#paralelno-klizni-sistemi-img{margin-top:60px}
#uskocno-img{margin-top:70px;}
#podizno-img{margin-top:70px;}
#klizni-sistemi-1{padding:200px 0 0;}
.entry-content > .wp-block-columns.klizni-sistemi-swiper {padding:120px 0 0;}
.klizni-sistemi-swiper h3{margin-bottom:90px;}
.klizni-sistemi-swiper h2{margin-bottom:90px;}
#povrsine-boje{margin-top: 140px;}
#pregled-varijanti{margin-top: 140px;}
#klizni-sistemi-swiper-5{padding-bottom:120px;}
#ulazna-vrata-1{padding:200px 0 0;}
#sobna-vrata-1{padding:200px 0 0;}
#garaza-vrata-1{padding:200px 0 0;}
#balkonska-vrata-1{padding:200px 0 0;}
#spoljašnje-roletne{padding:200px 0 40px;}
.kontakt-right .strong{font-size:36px;margin-bottom:55px;}
#kontakt-1{padding:200px 0 0;}
#skrivena{margin-bottom:140px;}
.bot-140{padding-bottom:140px;}
#alu-ponuda .text-upit{font-size:36px;}
}
@media screen and (min-width: 922px){
.site-header{padding: 20px 20px;}
.pa-140{padding:140px 0;}
h1{font-size:60px;}
.ast-container h2{font-size:3rem;}
.t-24 {font-size:24px;}
.t-30 {font-size:30px;}
.t-36 {font-size:36px;}
h2.t-60 {font-size:60px;}
h2.t-36 {font-size:36px;}
p.p-f-b{font-size:24px;}
.home-hero.wp-block-cover p{font-size:30px;}
.home-hero .control{margin: 80px auto 0;max-width:1150px;}
.mega-menu{background: linear-gradient(to right, rgba(0,31,75,1) 0%,rgba(0,31,75,1) 65%,rgba(0,31,75,0.9) 65%,rgba(0,31,75,0.9) 100%);}
.main-navigation>ul{max-width:65%;padding: 0 0 0 200px;}
.main-header-menu .sub-menu{width: calc(40% - 60px);right: -350px;width: 350px;left: unset;}
.main-header-menu .menu-item:hover>.sub-menu{left: unset;right: -350px;width: 350px;}
.submenu-with-border .sub-menu .menu-link{border:none;}
.main-navigation a{font-size:36px;line-height: 66px;justify-content: space-between;}
.main-navigation .small-item a{font-size:24px;line-height: 45px;}
.main-navigation a:hover{color:#4e99e2;translate: 10px;}
.mega-menu p a:hover{color:#4e99e2;translate: 10px;}
.main-navigation li.menu-item-has-children a:after{content:"";width:95px;max-width:0;height:1px;background:#4e99e2;}
.main-navigation li.menu-item-has-children:hover a:after{max-width:95px;}
.main-navigation > ul > li {}
.mega-menu p{font-size:18px;max-width:605px;padding: 0 0 0 200px;}
#home-10-g{margin-top: 10em;}
#home-10-g>div{max-width:420px;flex-basis: 420px;}
#home-10-g p{font-size:24px;}
#home-10-g p.big-font{font-size:150px;letter-spacing: -20px;line-height: 130px;margin-left: -10px;}
#home-hero-3{padding: 10em 1em 4em;}
#menu-footer{display: grid;grid-template-columns: auto auto auto;}
.ast-builder-layout-element[data-section="section-fb-social-icons-1"]{float:right;max-width:210px;justify-content: end;}
#home-bottom .wp-block-cover {padding:40px 20px 20px;}
#home-bottom #home-specijalne-ponude h2{top:-40px;left:-20px;}
#bottom-page-links-1 a{line-height:78px;font-size: 18px;}
#pvc-prozori-1 {padding:200px 0 60px;}
#pvc-prozori-1 .gray-bg {padding:25px 35px;}
.profil-top:first-child{margin-bottom:80px;}
#pogledajte-jos{padding:30px 0 100px;}
#pogledajte-jos h2{margin-bottom:80px;}
}
@media screen and (min-width: 1024px){
#menu-footer{display: grid;grid-template-columns: auto auto auto auto auto auto;}
.site-above-footer-wrap[data-section="section-above-footer-builder"] .ast-builder-grid-row {grid-template-columns: 3fr 1fr;}
.foot-top{margin-bottom: 50px;}
.foot-phone span{letter-spacing: 2.5px;}
.wp-swiper {padding: 0 52px;}
.wp-swiper__wrapper {padding: 0 80px;position:relative;}
#alu-vencijaneri-4-box h3{font-size:30px;}
.zavesa-box h3{font-size:29px;}
.zavesa-box#komarnici h3{font-size:24px;}
}
@media screen and (min-width: 1100px){
.home-hero.wp-block-cover h1{font-size:90px;}
#menu-footer a{font-size:18px;}
#pogledajte-jos{padding-bottom:160px;}
.zavesa-box-4 .box{flex-basis: auto !important;flex-grow: initial !important;width: calc(25% - 18px) !important;}
}
@media screen and (min-width: 1350px){
#home-10-g{justify-content: space-between;gap:20px;}
#home-10-g>div{max-width:420px;flex-basis: 420px;}
#home-10-g p{font-size:24px;}
#home-10-g p.big-font{font-size:150px;letter-spacing: -20px;line-height: 130px;margin-left: -10px;}
#home-bottom .wp-block-cover {padding:70px 40px 50px;}
#home-bottom #home-specijalne-ponude h2{top:-70px;left:-40px;}
#home-bottom h2 {font-size:30px;margin-bottom: 2.5em;}
#home-bottom .wp-block-quote {margin-bottom:3.5em;}
#home-bottom .wp-block-quote p{font-size:45px;margin-bottom: 45px;}
#home-bottom h3{font-size:45px;}
#alu-vencijaneri-4-box h3{font-size:36px;}
.zavesa-box h3{font-size:36px;}
.zavesa-box .box{padding:30px 20px;}
}
@media screen and (max-width: 1023px){
.foot-phone a {font-size: 25px;}

}
@media screen and (max-width: 921px){
.ast-header-break-point .main-header-menu{background:transparent;max-width: 400px;margin: 0 auto;}
.ast-header-break-point .main-header-menu .sub-menu{background:transparent;}
.ast-header-break-point .main-navigation ul .menu-item .menu-link{color:#d2e1ec;border:none;padding: 0px;}
.ast-header-break-point .main-header-bar-navigation .menu-item-has-children .sub-menu{display:flex;flex-direction:column;max-height: 0;overflow: hidden;}
.ast-header-break-point .main-header-bar-navigation .menu-item-has-children.active-sub .sub-menu{max-height:1000px;}
.ast-header-break-point .main-header-bar-navigation .menu-item-has-children>.ast-menu-toggle{right:0;}
.mega-menu p{max-width: 400px;margin: 0 auto;width: 100%;}
.ast-container{padding:0 10px;}
.wp-block-cover{margin:0 -10px !important;max-width: calc(100% + 20px);width: calc(100% + 20px);}
.foot-top{flex-direction:column;gap: 30px;display: flex;        align-items: center;}
}
@media screen and (max-width: 781px){
.zavese-3-slike{gap:5px;}
.zavese-3-slike>div{margin:0 !important;}
#block-15 p{margin:0;}
.site-footer-section-1>div:last-child{padding:25px 0;}
}
@media screen and (max-width: 767px){
.control{flex-direction:column;align-items: start;}
}
@media screen and (max-width: 560px){
.telefon-top{display:none;}
.mega-menu p.mob{padding-top: 20px;}
.site-header{width:100%;}
.header-left{width:100%;}
.ast-header-break-point .ast-builder-layout-element[data-section="section-fb-social-icons-1"] {justify-content: center;}
}
@media screen and (max-width: 544px){
h2, .entry-content :where(h2) {font-size: 2.5rem;}
#pvc-prozori-1 .gray-bg>div:first-child{flex-direction: column;gap: 0;}
.profil-top .right p {width: 100%;}
}