/* Theme Name: Apartmani Jakovčev, Betina Theme URI: http://www.betina-murter-kornati.com/ Author: Ivan Livic, EGO MEDIA Author URI: http://www.egomedia.hr/ Description: Privatni smještaj | Apartmani Jakovčev, Betina Murter Kornati Version: 1.0 License: Copyright © Ego Media, Tezacka 47, 22000 Sibenik - Croatia License URI: http://www.egomedia.hr/ Tags: css, egomedia, ego, media, betina, murter, kornati Text Domain: betina Note: Creation Date: 20.11.2017. -------------------------------------------------------*/ /****************************************************** /// Osnovni stilovi ******************************************************/ html, body { height: 100%; } html:before { content: ""; position: fixed; top: -10px; left: -10px; width: 110%; height: 10px; -webkit-box-shadow: 0px 0px 15px rgba(0,0,0,.8); -moz-box-shadow: 0px 0px 15px rgba(0,0,0,.8); box-shadow: 0px 0px 15px rgba(0,0,0,.8); z-index: 9999999; } html:after { content: ""; position: fixed; bottom: -11px; left: -10px; width: 110%; height: 10px; -webkit-box-shadow: 0px 0px 25px rgba(0,0,0,.8); -moz-box-shadow: 0px 0px 25px rgba(0,0,0,.8); box-shadow: 0px 0px 25px rgba(0,0,0,.8); z-index: 9999999; } body { line-height: 24px; font-size: 14px; font-style: normal; font-weight: 400; visibility: visible; font-family: "Raleway", sans-serif; color: #757575; } h1, h2, h3, h4, h5, h6 { color: #4a4a4a; font-weight: bold; margin-top: 0; } p:last-child { margin-bottom: 0; } a, button { color: inherit; display: inline-block; line-height: inherit; text-decoration: none; } a, i, button, img, input, span, *:before, *:after { -webkit-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } *:focus { outline: 0px solid; } a:focus { color: inherit; outline: medium none; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); text-decoration: none; } a:hover { text-decoration: none; } ul { list-style: outside none none; margin: 0; padding: 0; } .fix { overflow: hidden; } .clear { clear: both; } .float-left { float: left; } .float-right { float: right; } .nopadding { padding-left:0!important; padding-right:0!important; } .nomargin { margin-left:0!important; margin-right:0!important; } .mt-0 {margin-top:0; }.mt-5{margin-top:5px}.mt-10{margin-top:10px}.mt-15{margin-top:15px}.mt-20{margin-top:20px}.mt-25{margin-top:25px}.mt-30{margin-top:30px}.mt-35{margin-top:35px}.mt-40{margin-top:40px}.mt-45{margin-top:45px}.mt-50{margin-top:50px}.mt-55{margin-top:55px}.mt-60{margin-top:60px}.mt-65{margin-top:65px}.mt-70{margin-top:70px}.mt-75{margin-top:75px}.mt-80{margin-top:80px}.mt-85{margin-top:85px}.mt-90{margin-top:90px}.mt-95{margin-top:95px}.mt-100{margin-top:100px}.mt-105{margin-top:105px}.mt-110{margin-top:110px}.mt-115{margin-top:115px}.mt-120{margin-top:120px}.mt-125{margin-top:125px}.mt-130{margin-top:130px}.mt-135{margin-top:135px}.mt-140{margin-top:140px}.mt-145{margin-top:145px}.mt-150{margin-top:150px}.mb-0 {margin-bottom:0; }.mb-5{margin-bottom:5px}.mb-10{margin-bottom:10px}.mb-15{margin-bottom:15px}.mb-20{margin-bottom:20px}.mb-25{margin-bottom:25px}.mb-30{margin-bottom:30px}.mb-35{margin-bottom:35px}.mb-40{margin-bottom:40px}.mb-45{margin-bottom:45px}.mb-50{margin-bottom:50px}.mb-55{margin-bottom:55px}.mb-60{margin-bottom:60px}.mb-65{margin-bottom:65px}.mb-70{margin-bottom:70px}.mb-75{margin-bottom:75px}.mb-80{margin-bottom:80px}.mb-85{margin-bottom:85px}.mb-90{margin-bottom:90px}.mb-95{margin-bottom:95px}.mb-100{margin-bottom:100px}.mb-105{margin-bottom:105px}.mb-110{margin-bottom:110px}.mb-115{margin-bottom:115px}.mb-120{margin-bottom:120px}.mb-125{margin-bottom:125px}.mb-130{margin-bottom:130px}.mb-135{margin-bottom:135px}.mb-140{margin-bottom:140px}.mb-145{margin-bottom:145px}.mb-150{margin-bottom:150px}.pt-0{padding-top:0px}.pt-5{padding-top:5px}.pt-10{padding-top:10px}.pt-15{padding-top:15px}.pt-20{padding-top:20px}.pt-25{padding-top:25px}.pt-30{padding-top:30px}.pt-35{padding-top:35px}.pt-40{padding-top:40px}.pt-45{padding-top:45px}.pt-50{padding-top:50px}.pt-55{padding-top:55px}.pt-60{padding-top:60px}.pt-65{padding-top:65px}.pt-70{padding-top:70px}.pt-75{padding-top:75px}.pt-80{padding-top:80px}.pt-85{padding-top:85px}.pt-90{padding-top:90px}.pt-95{padding-top:95px}.pt-100{padding-top:100px}.pt-105{padding-top:105px}.pt-110{padding-top:110px}.pt-115{padding-top:115px}.pt-120{padding-top:120px}.pt-125{padding-top:125px}.pt-130{padding-top:130px}.pt-135{padding-top:135px}.pt-140{padding-top:140px}.pt-145{padding-top:145px}.pt-150{padding-top:150px}.pt-160{padding-top:160px}.pt-170{padding-top:170px}.pt-180{padding-top:180px}.pt-190{padding-top:190px}.pt-200{padding-top:200px}.pb-0{padding-bottom:5px}.pb-0{padding-bottom:5px}.pb-10{padding-bottom:10px}.pb-15{padding-bottom:15px}.pb-20{padding-bottom:20px}.pb-25{padding-bottom:25px}.pb-30{padding-bottom:30px}.pb-35{padding-bottom:35px}.pb-40{padding-bottom:40px}.pb-45{padding-bottom:45px}.pb-50{padding-bottom:50px}.pb-55{padding-bottom:55px}.pb-60{padding-bottom:60px}.pb-65{padding-bottom:65px}.pb-70{padding-bottom:70px}.pb-75{padding-bottom:75px}.pb-80{padding-bottom:80px}.pb-85{padding-bottom:85px}.pb-90{padding-bottom:90px}.pb-95{padding-bottom:95px}.pb-100{padding-bottom:100px}.pb-105{padding-bottom:105px}.pb-110{padding-bottom:110px}.pb-115{padding-bottom:115px}.pb-120{padding-bottom:120px}.pb-125{padding-bottom:125px}.pb-130{padding-bottom:130px}.pb-135{padding-bottom:135px}.pb-140{padding-bottom:140px}.pb-145{padding-bottom:145px}.pb-150{padding-bottom:150px} .right-c { float:right; text-align:center; } .left-c { float:left; text-align:center; } input:-moz-placeholder, textarea:-moz-placeholder { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } input::-moz-placeholder, textarea::-moz-placeholder { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .nopadding { padding-right: 0; padding-left: 0; } .nopaddingl { padding-right: 15px; padding-left: 0; } .nopaddingr { padding-right: 0; padding-left: 15px; } /****************************************************** /// Na vrh ******************************************************/ .scrollup { position: fixed; bottom: 20px; right: 20px; display: none; padding:8px 12px; text-align:center; color:#b4964e; font-size:20px; line-height:30px; background-color: #fff; -webkit-box-shadow: -1px 0px 15px 0px rgba(0,0,0,0.45); -moz-box-shadow: -1px 0px 15px 0px rgba(0,0,0,0.45); box-shadow: -1px 0px 15px 0px rgba(0,0,0,0.45); z-index:9999999; } .scrollup:hover,.scrollup:focus { color:#000; text-decoration:none; } /****************************************************** /// Cookies notice ******************************************************/ #cookies-notice { position: fixed; bottom: 0; width: 100%; background: rgba(0, 0, 0, 0.5); z-index: 1030; color: #fff; padding: 8px 0; } /****************************************************** /// Overlay pozadine ******************************************************/ .overlay, .overlay-reverse, .bg-trans { position: relative; } .overlay::before { z-index: 0; background: #b4964e; background: -moz-linear-gradient(left, #b4964e 0%, #524015 50%); background: -webkit-gradient(left top, right top, color-stop(0%, #b4964e), color-stop(50%, #524015)); background: -webkit-linear-gradient(left, #b4964e 0%, #524015 50%); background: -o-linear-gradient(left, #b4964e 0%, #524015 30%); background: -ms-linear-gradient(left, #b4964e 0%, #524015 50%); background: -webkit-gradient(linear, left top, right top, from(#b4964e), to(#524015)); background: linear-gradient(to right, #b4964e 0%, #524015 50%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$theme-color-1', endColorstr='$theme-color-2', GradientType=1 ); position: absolute; left: 0; top: 0; right: 0; bottom: 0; opacity: 0.6; content: ""; } .overlay-reverse::before { z-index: 9; background: #b4964e; background: -moz-linear-gradient(right, #b4964e 0%, #524015 50%); background: -webkit-gradient(right top, left top, color-stop(0%, #b4964e), color-stop(50%, #524015)); background: -webkit-linear-gradient(right, #b4964e 0%, #524015 50%); background: -o-linear-gradient(right, #b4964e 0%, #524015 50%); background: -ms-linear-gradient(right, #b4964e 0%, #524015 50%); background: -webkit-gradient(linear, right top, left top, from(#b4964e), to(#524015)); background: linear-gradient(to left, #b4964e 0%, #524015 50%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$theme-color-1', endColorstr='$theme-color-2', GradientType=1 ); position: absolute; left: 0; top: 0; right: 0; bottom: 0; opacity: 0.6; content: ""; } .bg-brown::before { background: rgba(82,64,21, 0.85); position: absolute; left: 0; top: 0; right: 0; bottom: 0; content: ""; } .bg-light { background:#eee; } /****************************************************** /// Header - Top, Bottom + Izbornik ******************************************************/ .header-wrapper { position: absolute; left: 0; right: 0; top: 0; z-index: 99999; } .header-top { width: 100%; display: block; float: left; background-color: #f5f5f5; padding: 10px 0; } .header-contact p { font-size: 16px; line-height: 25px; color: #757575; float: left; font-family: "Poppins", sans-serif; font-weight: 400; margin: 10px 30px 10px 0; } .header-contact p span { color: #b4964e; } .languages ul { list-style:none; margin: 10px 0 3px 15px; } .languages ul li { display:inline; padding-left: 15px; } .languages ul li a { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity:1; padding:0px 5px 3px 5px; border-radius:4px; border: 1px solid #9b9b9b; } .languages ul li a.active, .languages ul li a:hover, .languages ul li a:focus { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30); opacity:0.30 } .header-bottom { position: relative; float: left; display: block; width: 100%; padding: 30px 0; /*background-color: #fff;*/ z-index: 99999; } .header-bottom.stick { position: fixed; background: #524015; background: -moz-linear-gradient(left, #524015 0%, #b4964e 51%, #524015 100%); background: -webkit-gradient(left top, right top, color-stop(0%, #524015), color-stop(51%, #b4964e), color-stop(100%, #524015)); background: -webkit-linear-gradient(left, #524015 0%, #b4964e 51%, #524015 100%); background: -o-linear-gradient(left, #524015 0%, #b4964e 51%, #524015 100%); background: -ms-linear-gradient(left, #524015 0%, #b4964e 51%, #524015 100%); background: -webkit-gradient(linear, left top, right top, from(#524015), color-stop(51%, #b4964e), to(#524015)); background: linear-gradient(to right, #524015 0%, #b4964e 51%, #524015 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$theme-color-2', endColorstr='$theme-color-2', GradientType=1 ); background-size: 200% auto; top: 0; padding: 10px 0; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); -webkit-animation: 300ms ease-in-out 0s normal none 1 running fadeInDown; animation: 300ms ease-in-out 0s normal none 1 running fadeInDown; } .header-bottom.stick .logo { width: 130px; margin: 8px 0; } @-webkit-keyframes fadeInDown { from { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { from { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-transform: none; transform: none; } } .navbar-header { } .navbar-header .logo { height: auto; padding: 0; } .navbar-header .logo img { width: 100%; } .menu-toggle { padding: 0; margin: 9px 0; } .menu-toggle i { font-size: 30px; height: 40px; line-height: 40px; text-align: center; width: 40px; opacity: 1; color: #524015; } .menu-toggle i.open { display: none; } .menu-toggle i.close { display: block; } .menu-toggle.collapsed i.open { display: block; } .menu-toggle.collapsed i.close { display: none; } .main-menu { margin: 8px 0; padding: 0; } .main-menu nav ul li { display: block; float: left; margin-left: 20px; } .main-menu nav ul li:first-child { margin-left: 0; } .main-menu nav ul li a { position:relative; display: block; text-shadow: 0 0 1px rgba(0,0,0, 0.5); text-transform: uppercase; font-size: 14px; color: #fff; line-height: 30px; font-weight: 700; font-family: "Poppins", sans-serif; } .nav>li { position: relative; padding: 0 15px; } .nav>li>a { position: relative; text-align:left; display: block; padding: 10px 0px; text-shadow: 0 0 1px rgba(0,0,0, 0.5); text-transform: uppercase; font-size: 15px; color: #fff; line-height: 30px; font-weight: 700; font-family: "Poppins", sans-serif; } .nav>li>a:hover, .nav>li>a:focus { background: none; background-color: transparent; color: #b4964e; text-decoration: none; } .nav>li>a.active { color: #b4964e; } .nav>li>a.active:hover { color: #fff; } .nav>li>a.active::before, .nav>li:hover>a::before { content: ""; display:block; width: 0px; height: 0px; border: 0.8em solid transparent; position: absolute; right: 0; left: 0; margin: auto; bottom: -15px; border-top: 10px solid #fff; } .nav>li>a.active::after, .nav>li:hover>a::after { content: ""; display:block; width: 0px; height: 0px; border: 0.8em solid transparent; position: absolute; right: 0; left: 0; margin: auto; top: -15px; border-bottom: 10px solid #fff; } .nav>li>a:hover::before { -webkit-animation: 300ms ease-in-out 0s normal none 1 running fadeInDown; animation: 300ms ease-in-out 0s normal none 1 running fadeInDown; } .nav>li:hover>a::after { -webkit-animation: 300ms ease-in-out 0s normal none 1 running fadeInUp; animation: 300ms ease-in-out 0s normal none 1 running fadeInUp; } .nav>li:first-child>a.active::before, .nav>li:first-child>a.active::after, .nav>li:first-child>a::before, .nav>li:first-child>a::after { border:0; -webkit-animation: none; animation: none; } .nav>li>a.active::before, .nav>li>a.active::after { -webkit-animation: none; animation: none; } .navbar-collapse.in { background: #fff; } .dropdown-submenu { position:relative; } .dropdown-submenu>.dropdown-menu { top:0; left:100%; margin-top:-6px; margin-left:-1px; -webkit-border-radius:0 6px 6px 6px; -moz-border-radius:0 6px 6px 6px; border-radius:0 6px 6px 6px; } .dropdown-submenu>a:after { display:block; content:" "; float:right; width:0; height:0; border-color:transparent; border-style:solid; border-width:5px 0 5px 5px; border-left-color:#cccccc; margin-top:5px; margin-right:-10px; } .dropdown-submenu:hover>a:after { border-left-color:#555; } .dropdown-submenu.pull-left { float:none; } .dropdown-submenu.pull-left>.dropdown-menu { left:-100%; margin-left:10px; -webkit-border-radius:6px 0 6px 6px; -moz-border-radius:6px 0 6px 6px; border-radius:6px 0 6px 6px; } .nav .open>a, .nav .open>a:hover, .nav .open>a:focus { background-color: transparent; border-color: transparent; } .dropdown-menu { padding: 0px 0 0 0; } .dropdown-menu>li:first-child { margin: 0px 0 0 0; } .dropdown-menu>li>a { font-family: "Poppins", sans-serif; font-size: 15px; text-transform:uppercase; font-weight:700; line-height: 30px; color: #fff; white-space: nowrap; text-shadow: 0 0 1px rgba(0,0,0, 0.5); display: block; padding: 2px 0px; clear: both; } .dropdown-menu>li>a.active { color: #b4964e; text-decoration: none; outline: 0; background-color: transparent; } .dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { color: #b4964e; background: none; } .dropdown-toggle:focus { outline: 0; background: none; background-color: transparent; } .dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus { color: #b4964e; text-decoration: none; outline: 0; background-color: transparent; } .navbar-nav>li>.dropdown-menu { left: -12px; text-align: center; background: transparent; border: 0px solid rgba(0,0,0,0.15); border-radius: 0px; -webkit-box-shadow: 0 0px 0px rgba(0,0,0,0.175); box-shadow: 0 0px 0px rgba(0,0,0,0.175); } .header-bottom.stick .open>.dropdown-menu { width:180px; margin: 19px 0 0 0; padding-bottom: 10px; text-align:center; background:#524015; } /****************************************************** /// Header - Slider ******************************************************/ .header-slider { /*padding-top: 165px;*/ padding-top: 0px; } .slide { position: relative; } .slide .container { position: absolute; left: 0; right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .slide img { width: 100%; } .slide .slide-content { z-index: 1; padding-top: 180px; } .slide .slide-content::before { border: 50px solid rgba(180,150,78, 0.6); content: ""; height: 409px; left: 15px; position: absolute; top: 50%; margin-top: -135px; width: 446px; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; z-index: -1; } .slide .slide-content * { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } .slide .slide-content h1 { text-transform: uppercase; color: #fff; font-weight: 900; font-size: 50px; line-height: 1px; margin-bottom: 0; } .slide .slide-content h2 {text-transform: uppercase; color: #fff; font-weight: 900; line-height: 100px; font-size: 90px; margin-bottom: 45px; margin-left:-4px; } .slide .slide-content h2 span { font-family: 'Sriracha', cursive; display:block; text-transform: initial; font-weight: 300; line-height: 36px; font-size: 35px; margin-left:3px; } .slide .slide-content a { text-transform: uppercase; color: #fff; height: 52px; font-size: 15px; font-weight: 700; letter-spacing: 0.2px; padding: 15px 40px; border-radius: 5px; line-height: 22px;-webkit-box-shadow: 0 0 20px rgba(24, 24, 24, 0.3); box-shadow: 0 0 20px rgba(24, 24, 24, 0.3); background: #524015; background: -moz-linear-gradient(left, #524015 0%, #b4964e 51%, #524015 100%); background: -webkit-gradient(left top, right top, color-stop(0%, #524015), color-stop(51%, #b4964e), color-stop(100%, #524015)); background: -webkit-linear-gradient(left, #524015 0%, #b4964e 51%, #524015 100%); background: -o-linear-gradient(left, #524015 0%, #b4964e 51%, #524015 100%); background: -ms-linear-gradient(left, #524015 0%, #b4964e 51%, #524015 100%); background: -webkit-gradient(linear, left top, right top, from(#524015), color-stop(51%, #b4964e), to(#524015)); background: linear-gradient(to right, #524015 0%, #b4964e 51%, #524015 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$theme-color-2', endColorstr='$theme-color-2', GradientType=1 ); background-size: 200% auto; } .slide .slide-content a:hover { background-position: right center; } .slide.slick-active .slide-content::before { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; -webkit-animation-delay: 0.6s; animation-delay: 0.6s; } .slide.slick-active .slide-content * { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } .slide.slick-active .slide-content h1 { -webkit-animation-delay: 1.3s; animation-delay: 1.3s; } .slide.slick-active .slide-content h2 { -webkit-animation-delay: 1.7s; animation-delay: 1.7s; } .slide.slick-active .slide-content a { -webkit-animation-delay: 2.1s; animation-delay: 2.1s; } /*-- No Gradient Background for IE --*/ .no-cssgradients .slide-content a { -webkit-filter: none; filter: none; } .no-cssgradients .slide-content a:hover { background-color: #fff; color: #b4964e; } .slider .slick-dots { text-align: center; position: absolute; left: 0; right: 0; bottom: 25px; z-index: 999; } .slider .slick-dots li { display: inline-block; width: 60px; height: 60px; margin: 8px 0; -webkit-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .slider .slick-dots li button { border: none; border: 2px solid #fff; padding: 0; border-radius: 50%; overflow: hidden; width: 35px; height: 35px; } .slider .slick-dots li button::before { background: #b4964e; border-radius: 50%; overflow: hidden; } .slider .slick-dots li button img { display:none; } .slider .slick-dots li.slick-active button::before { opacity: 0; } /****************************************************** /// SubHeader - Naslovi + Breadcrumb ******************************************************/ .banner { padding: 140px 15px 20px 15px; z-index: 0; } .banner .breadcrumb { padding: 0; margin-bottom: 0; background-color: transparent; border-radius: 0; } .banner .breadcrumb li a { color: #fff; font-size: 13px; text-transform: uppercase; font-weight: 600; } .banner .breadcrumb li a:hover { text-decoration: underline; opacity:0.75; } .sub-header { overflow:hidden; padding-top: 165px; } #sub_header_slika { height: auto; left: 0; margin: 0; min-height: 100%; min-width: 674px; padding: 0; position: absolute; top: -50%; width: 100%; z-index: -1; } /****************************************************** /// Footer video ******************************************************/ .sub-footer { overflow:hidden; padding: 135px 0 165px 0; } #sub_footer_slika { height: auto; left: 0; margin: 0; min-height: 100%; min-width: 674px; padding: 0; position: absolute; top: -50%; width: 100%; z-index: -1; } .video { position:relative; top:0px; z-index:99; } /****************************************************** /// Header - vremenska prognoza + sharrer ******************************************************/ #sideNavi { position: fixed; right: 50px; top: 26%; z-index:9999; } .side-navi-item { position: absolute; display: inline-block; width: 150px; height: 50px; transform: rotate(-90deg); transform-origin: left top 0; color: #fff; background-color: #b4964e; cursor: pointer; border-radius: 5px 5px 0 0; } .side-navi-item.item1 { top: 180px; left: 0; } .side-navi-item.item2 { top: 340px; left: 0; } .side-navi-item.active { color: #fff; background-color: #b4964e; } .side-navi-item > div { padding-top: 15px; text-align: center; } .side-navi-data { position: absolute; top: 30px; left: 50px; width: 350px; height: 350px; background-color: #524015; border-left:3px solid #b4964e; } .side-navi-tab { display: none; } .side-navi-tab.active { display: inline-block; color: #fff; } .side-navi-tab > div { padding: 0px; } .side-navi-tab p { width:90%; display:block; margin:25px auto 20px auto;text-align:center; color:#fff; font-size: 16px; border-bottom:1px solid #fff; padding-bottom:8px; } .side-navi-tab i { margin: 0 0 20px 40px; color:#fff; font-size:60px; opacity:1; } .side-navi-tab i:hover, .side-navi-tab i:focus { cursor: pointer; opacity:0.65; } .side-navi-item:hover, .side-navi-item.active { background-color: #e5e5e5; color: #000; } @font-face { font-family: 'weather'; src: url('../fonts/weather/artill_clean_icons-webfont.eot'); src: url('../fonts/weather/artill_clean_icons-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/weather/artill_clean_icons-webfont.woff') format('woff'), url('../fonts/weather/artill_clean_icons-webfont.ttf') format('truetype'), url('../fonts/weather/artill_clean_icons-webfont.svg#artill_clean_weather_iconsRg') format('svg'); font-weight: normal; font-style: normal; } .weather-module { min-width:210px; position:relative; z-index:999; top:50%; right:0; color:#fff; font-weight:300; padding:26px 0 0 42px; } #weather h2 { margin: 0; padding: 0; color: #fff; font-size: 40px; font-weight: 300; text-align: center; } #weather ul { margin: 0; padding: 0; } #weather li { text-align:center; padding: 0px 5px; display: block; } #weather .current { font-weight:600; } #weather h2 i { color: #fff; display:inline-block; font-family: weather; font-size: 72px; font-weight: normal; font-style: normal; line-height: 40px; } .icon-0:before { content: ":"; } .icon-1:before { content: "p"; } .icon-2:before { content: "S"; } .icon-3:before { content: "Q"; } .icon-4:before { content: "S"; } .icon-5:before { content: "W"; } .icon-6:before { content: "W"; } .icon-7:before { content: "W"; } .icon-8:before { content: "W"; } .icon-9:before { content: "I"; } .icon-10:before { content: "W"; } .icon-11:before { content: "I"; } .icon-12:before { content: "I"; } .icon-13:before { content: "I"; } .icon-14:before { content: "I"; } .icon-15:before { content: "W"; } .icon-16:before { content: "I"; } .icon-17:before { content: "W"; } .icon-18:before { content: "U"; } .icon-19:before { content: "Z"; } .icon-20:before { content: "Z"; } .icon-21:before { content: "Z"; } .icon-22:before { content: "Z"; } .icon-23:before { content: "Z"; } .icon-24:before { content: "E"; } .icon-25:before { content: "E"; } .icon-26:before { content: "3"; } .icon-27:before { content: "a"; } .icon-28:before { content: "A"; } .icon-29:before { content: "a"; } .icon-30:before { content: "A"; } .icon-31:before { content: "6"; } .icon-32:before { content: "1"; } .icon-33:before { content: "6"; } .icon-34:before { content: "1"; } .icon-35:before { content: "W"; } .icon-36:before { content: "1"; } .icon-37:before { content: "S"; } .icon-38:before { content: "S"; } .icon-39:before { content: "S"; } .icon-40:before { content: "M"; } .icon-41:before { content: "W"; } .icon-42:before { content: "I"; } .icon-43:before { content: "W"; } .icon-44:before { content: "a"; } .icon-45:before { content: "S"; } .icon-46:before { content: "U"; } .icon-47:before { content: "S"; } /****************************************************** /// Sadržaji, sekcije, wrapperi ******************************************************/ .section { float: left; width: 100%; } .section.bg-gray { background-color: #f1f1f1; } .section.bg-white { background-color: #fff; } .section-title p { font-size: 22px; font-weight: 700; text-transform: uppercase; line-height: 12px; margin-bottom: 15px; } .section-title h2 { font-size: 40px; text-transform: uppercase; font-weight: 800; line-height: 29px; margin-bottom: 0; } .section-title h2 span { color: #b4964e; } /****************************************************** /// Naslovi ******************************************************/ .naslov h1 { font-size: 40px; font-weight: 800; line-height: 40px; margin-bottom: 2px; } h3.naslov { font-size: 111px; font-weight: 100; color: #9b9b9b; text-align:center; font-weight:100; padding:0 0 30px 0; } h3.naslov span { color: #524015; } .naslov h1 span { color: #b4964e; } .naslov h4 { font-size: 18px; font-weight: 500; color: #9b9b9b; margin-bottom: 23px; } /****************************************************** /// Naslovnica - Udaljenosti ******************************************************/ .udaljenosti { background-image: url(../images/amenities/1.jpg); background-size: cover; background-position:center left; background-repeat: no-repeat; background-color: transparent; } .udaljenosti-right { background-image: url(../images/amenities/2.jpg); background-size: cover; background-position:center left; background-repeat: no-repeat; background-color: transparent; } .udaljenosti img, .udaljenosti-right img { width: 100%; } .udaljenosti-sadrzaj { padding: 110px 180px 100px 85px; z-index: 1; } .udaljenosti-sadrzaj-right { padding: 110px 85px 100px 180px; z-index: 1; } .udaljenosti-sadrzaj::before, .udaljenosti-sadrzaj-right::before { opacity: 1; z-index: -1; } .udaljenosti-sadrzaj h2, .udaljenosti-sadrzaj-right h2 { font-size: 30px; text-transform: uppercase; font-weight: 700; margin-bottom: 18px; color: #fff; } .udaljenosti-sadrzaj p, .udaljenosti-sadrzaj-right p { font-size: 15px; line-height: 23px; margin-bottom: 50px; color: #ebebeb; font-weight: 500; } .udaljenosti-sadrzaj ul li, .udaljenosti-sadrzaj-right ul li { color: #ebebeb; font-size: 15px; line-height: 23px; font-weight: 600; float: left; width: 260px; margin-bottom: 7px; position: relative; } .udaljenosti-sadrzaj ul li .border, .udaljenosti-sadrzaj-right ul li .border { background: transparent url("../images/amenities/line.png") repeat scroll 0 0; height: 1px; overflow: hidden; position: absolute; top: 50%; } .udaljenosti-sadrzaj ul li:nth-child(2n), .udaljenosti-sadrzaj-right ul li:nth-child(2n) { margin-left: 90px; } .udaljenosti-sadrzaj ul li span.left, .udaljenosti-sadrzaj-right ul li span.left { float: left; } .udaljenosti-sadrzaj ul li span.right, .udaljenosti-sadrzaj-right ul li span.right { float: right; font-family: "Raleway", sans-serif; } .btn-more, .btn-less { position:relative; color: #b4964e; top:30px; margin:0 auto; padding:0; text-align:center; clear:both; display:block; background:#fff; width:auto; max-width:200px; outline:0; border-radius: 5px; font-size:40px; font-weight:400; line-height:normal; } /****************************************************** /// O nama ******************************************************/ div.over { position:absolute; display:block; font-size:78px; color:#fff; padding:84px 24px 50px 28px; font-weight:800;border-radius:50%; width:200px; height:200px; margin:0px auto;left:-50px; right:0;bottom:-77px;vertical-align:center; } .content-image { margin-right: 52px; width: 318px; position:relative } .content-image img { width: 100%; } .content-text h1 { font-size: 40px; font-weight: 800; line-height: 40px; margin-bottom: 2px; } .content-text h1 span { color: #b4964e; } .content-text h4 { font-size: 18px; font-weight: 500; color: #9b9b9b; margin-bottom: 23px; } .content-text h5 { font-size: 111px; font-weight: 100; color: #9b9b9b; margin-bottom: 23px; } .content-text h5 span { color: #524015; } .content-text p { font-size: 16px; font-weight:500; line-height: 27px; } /****************************************************** /// Apartmani - kategorija + navigacija ******************************************************/ #apartmani .apartmani { padding: 50px 0; border-bottom: 20px solid #ddd; } #apartmani .apartmani:first-child { padding: 0 0 50px 0; border-bottom: 20px solid #ddd; } #apartmani .apartmani:last-child { padding: 50px 0 0 0; border-bottom: 0px solid #ddd; } .post-nav { margin-top: -30px; float:right; } .btn-group > .btn:first-child:not(:last-child):not(.btn-submit):before { -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; -moz-border-radius-topright: 0; -webkit-border-top-right-radius: 0; border-top-right-radius: 0; } .btn-group > .btn:last-child:not(:first-child):not(.btn-submit):before { -moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; -moz-border-radius-topleft: 0; -webkit-border-top-left-radius: 0; border-top-left-radius: 0; } .btn-group > .btn:not(.btn-link):not(:first-child) { border-left: 1px solid rgba(255, 255, 255, 0.2); } .btn-group > .btn-secondary:not(:first-child) { border-left-color: rgba(0, 0, 0, 0.1) !important; } .btn-secondary { border-color: transparent; background-color: #f3f3f3; color: #272727; } .btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active, .btn-secondary:focus:active { color: inherit; opacity:0.85; } .btn-secondary i { padding-right:10px; } /****************************************************** /// Apartmani - karakteristike ******************************************************/ .karakteristike { float: left; width: 100%; margin: 12px 0 10px 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; } .karakteristike .karakteristika { float: left; width: 25%; padding: 10px 15px 25px; } .karakteristike .karakteristika + .karakteristika { border-left: 1px solid #ddd; } .karakteristike .karakteristika h2 { font-size: 30px; color: #b4964e; line-height: 24px; font-family: "Raleway", sans-serif; font-size:40px; margin-bottom: 18px; } .karakteristike .karakteristika p { font-size: 16px; font-weight: 600; margin-bottom: 0; color: #524015; } .dodatna-oprema { padding: 50px 0 38px 0; border-top: 5px solid #ddd; } .dodatna-oprema > .oprema { font-size: 14px; font-weight: 500; margin-top: 10px; } .dodatna-oprema > .oprema > i { display: inline-block; vertical-align: middle; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; text-align: center; font-size: 17px; margin: -0.25rem 0.5rem 0 0; color: green; } .dodatna-oprema > .oprema a:hover, .post .dodatna-oprema > .oprema a:focus { color: #1b75bc; } .dodatna-oprema > .oprema span { display: block; } .dodatne-napomene { padding: 0px 0 58px 0; border-bottom: 5px solid #ddd; } .napomena p { font-size:14px; line-height:24px; font-style: italic; font-weight:500; } .napomena p span { font-size:40px; line-height:14px; padding-right:10px; position:relative; top:17px; left:2px; color:red; font-style: normal; font-weight:800; } .napomena ul { margin: 0 0 0 18px; padding: 0; } .napomena ul li { list-style:disc; font-size:14px; line-height:24px; } /****************************************************** /// Apartmani - Rezervacijska forma ******************************************************/ .btn-wrapper button { color: #fff; width:100%; font-size: 25px; font-weight: 700; letter-spacing: 0.2px; padding: 23px 25px; border-radius: 5px; line-height: 21px; border:none; outline:0; -webkit-box-shadow: 0 0 20px rgba(24, 24, 24, 0.3); box-shadow: 0 0 20px rgba(24, 24, 24, 0.3); background: #524015; background: -moz-linear-gradient(left, #524015 0%, #b4964e 51%, #524015 100%); background: -webkit-gradient(left top, right top, color-stop(0%, #524015), color-stop(51%, #b4964e), color-stop(100%, #524015)); background: -webkit-linear-gradient(left, #524015 0%, #b4964e 51%, #524015 100%); background: -o-linear-gradient(left, #524015 0%, #b4964e 51%, #524015 100%); background: -ms-linear-gradient(left, #524015 0%, #b4964e 51%, #524015 100%); background: -webkit-gradient(linear, left top, right top, from(#524015), color-stop(51%, #b4964e), to(#524015)); background: linear-gradient(to right, #524015 0%, #b4964e 51%, #524015 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$theme-color-2', endColorstr='$theme-color-2', GradientType=1 ); background-size: 200% auto; } .btn-wrapper button:hover { background-position: right center; } .btn-wrapper a { color: #fff; width:100%; font-size: 25px; font-weight: 700; letter-spacing: 0.2px; padding: 23px 25px; border-radius: 5px; line-height: 21px; border:none; outline:0; -webkit-box-shadow: 0 0 20px rgba(24, 24, 24, 0.3); box-shadow: 0 0 20px rgba(24, 24, 24, 0.3); background: #524015; background: -moz-linear-gradient(left, #524015 0%, #b4964e 51%, #524015 100%); background: -webkit-gradient(left top, right top, color-stop(0%, #524015), color-stop(51%, #b4964e), color-stop(100%, #524015)); background: -webkit-linear-gradient(left, #524015 0%, #b4964e 51%, #524015 100%); background: -o-linear-gradient(left, #524015 0%, #b4964e 51%, #524015 100%); background: -ms-linear-gradient(left, #524015 0%, #b4964e 51%, #524015 100%); background: -webkit-gradient(linear, left top, right top, from(#524015), color-stop(51%, #b4964e), to(#524015)); background: linear-gradient(to right, #524015 0%, #b4964e 51%, #524015 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$theme-color-2', endColorstr='$theme-color-2', GradientType=1 ); background-size: 200% auto; } .btn-wrapper a:hover { background-position: right center; } .modal { z-index: 99999999999; } .modal-backdrop.in { opacity: 0.75; z-index: 9999999; } span.required { color:red; font-weight:500; } .modal-header h3 { color: #4a4a4a; padding:10px 10px 0px 10px; font-weight:500; } .modal-header h3 span { color: #b4964e; font-weight:800; } .modal-header .required-info { padding:0 10px; color:red; font-size:12px; font-weight:500; font-style:italic; } .modal-header .close { padding:5px; font-size:40px; font-weight:300; } .modal-body { padding: 0 20px 20px 20px; } .modal-footer { padding: 0px 10px 20px 10px; border-top: 0px solid #e5e5e5; } .modal-footer p { font-size:12px; line-height:20px; font-weight:400; } /****************************************************** /// Galerija - kategorije ******************************************************/ .gallery-category { } .gallery-category a:hover { opacity:0.85; } .gallery-caption { width:100%; margin-bottom:30px; color:#000; background: #eee; text-align:center; text-transform:uppercase; font-size:18px; padding:12px 12px; border:1px solid #ddd; border-top:0px solid #ddd; } /****************************************************** /// Galerija ******************************************************/ .galerija { padding:0; } .glavna-fotka { display:block; margin: 0; padding: 0 0 30px 0; } .fotka::before { opacity: 0; background-color: #524015; position: absolute; left: 0; top: 0; right: 0; bottom: 0; content: ""; } .fotka { position: relative; overflow: hidden; display: block; width:32.334%; margin: 1% 1% 0 0; padding:0; } .fotka:hover { } .fotka > a { width: 45px; height: 45px; position: absolute; top: 45%; left: 0; right: 0; z-index: 1; opacity: 0; margin: 0 auto; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; transition: all 1s ease 0s; -webkit-transform: translate(0%, -50%); -moz-transform: translate(0%, -50%); -ms-transform: translate(0%, -50%); transform: translate(0%, -50%); } .fotka-hover { position: absolute; left: 0; right: 0; bottom: 30px; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; transition: all 1s ease 0s; opacity: 0; z-index: 1; display: inline-block; text-align: center; color: #fff; text-transform: uppercase; } .fotka-hover h3 { font-family: 'Raleway', sans-serif; font-size: 14px; font-weight: bold; letter-spacing: 1px; } .fotka-hover h4 { font-family: 'Raleway', sans-serif; font-size: 12px; color: #33a9ee; margin-bottom: 0; } .fotka:hover .fotka-hover, .fotka:hover::before, .fotka:hover > a { opacity:0.7; } .fotka .image-caption { opacity:0; position:absolute; bottom:20px; left:0; right:0; font-size:15px; color:#fff; font-weight:500; text-align:center; text-transform:uppercase; padding:5px; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .fotka:hover .image-caption { opacity:1; } .fotka > a i { font-size:70px; color: #fff; line-height: 1; } .video { } .video h2 { color: #fff; margin-top:20px; font-size:30px; } .btn-play { background-color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; outline: none; cursor: pointer; -webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; -o-transition: all 0.25s ease-out; transition: all 0.25s ease-out; position: relative; display: inline-block; font-size: 52px; width: 92px; height: 92px; vertical-align: middle; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; } .btn-play:before { position: absolute; top: 0; left: 0; bottom: 0; right: 0; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; background-color: #fff; -webkit-transition: all 0.8s ease-out; -moz-transition: all 0.8s ease-out; -o-transition: all 0.8s ease-out; transition: all 0.8s ease-out; -webkit-box-shadow: 0 0 45px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 45px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 0 45px 0 rgba(0, 0, 0, 0.1); content: ' '; } .btn-play:after { position: absolute; top: 50%; left: 50%; -webkit-transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); -ms-transform: translate3d(-50%, -50%, 0); -o-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); -webkit-filter: blur(0); -moz-filter: blur(0); filter: blur(0); border-style: solid; border-width: 8px 0 8px 14px; border-color: transparent transparent transparent #000; content: ' '; -webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; -o-transition: all 0.25s ease-out; transition: all 0.25s ease-out; } .btn-play:hover, .btn-play:focus, .btn-play:active, .btn-play:focus:active { outline: none; } .btn-play:hover:before, .btn-play:focus:before, .btn-play:active:before, .btn-play:focus:active:before { -webkit-transform: scale(1.3, 1.3); -moz-transform: scale(1.3, 1.3); -ms-transform: scale(1.3, 1.3); -o-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; visibility: visible; } .btn-play:hover:after, .btn-play:focus:after, .btn-play:active:after, .btn-play:focus:active:after { border-color: transparent transparent transparent #caab5b; } /****************************************************** /// Naslovnica - Blog Slider ******************************************************/ .blog-slider-bg.overlay { background-image: url(../images/bg/blog-slider.jpg); background-repeat: no-repeat; background-size: cover; background-position: center center; } .blog-slider-bg.overlay::before { background: #524015; opacity: 0.80; z-index: 0; } .blog-slider-title h2 { font-size:90px; font-weight: 100; line-height: 59px; margin-bottom: 30px; color: #fff; z-index: 999;} .blog-slider-title p { font-size: 22px; font-weight: 700; text-transform: uppercase; line-height: 12px; margin-bottom: 15px; color: #fff; } /****************************************************** /// Blog ******************************************************/ .blog-item .image { margin-bottom: 13px; display: block; } .blog-item .image img { width: 100%; } .blog-item .content h4 { font-size: 18px; font-weight: 700; line-height: 28px; margin-bottom: 0; } .blog-item .content h4 a { color: #4a4a4a; } .blog-item .content h4 a:hover { color: #b4964e; } .blog-item .content .meta { border-bottom: 1px solid #eee; padding-bottom: 6px; margin-bottom: 0; } .blog-item .content .meta span { color: #757575; font-size: 12px; line-height: 23px; font-weight: 400; } .blog-item .content .meta span a { color: #757575; } .blog-item .content .meta span a:hover { color: #b4964e; } .blog-item .content p { color: #757575; } .blog-item .content.white h4 a { color: #fff; } .blog-item .content.white h4 a:hover { opacity: 0.75; } .blog-item .content.white .meta { border-bottom: 1px solid #d8e0e5; } .blog-item .content.white .meta span { color: #fff; } .blog-item .content.white .meta span a { color: #fff; } .blog-item .content.white .meta span a:hover { opacity: 0.75; } .blog-item .content.white p { color: #fff; } /****************************************************** /// Blog - Item ******************************************************/ .blog-details-media img { width: 100%; } .blog-details-content { padding: 30px 0 50px; } .blog-details-content .blog-title { color: #4a4a4a; font-size: 24px; font-weight: 500; margin: 0 0 5px; } .blog-details-content .blog-meta { margin-bottom: 12px; } .blog-details-content .blog-meta a { color: #757575; display: block; float: left; font-size: 12px; line-height: 24px; margin-right: 15px; } .blog-details-content .blog-meta a:hover { color: #b4964e; } .blog-details-content .blog-meta a i { display: block; float: left; font-size: 14px; line-height: 22px; margin-right: 7px; padding-left: 2px; } .blog-details-content p { color: #757575; font-weight: 300; margin-bottom: 35px; } .blog-details-content p:last-child { margin-bottom: 0; } .blog-details-footer { border-bottom: 1px solid #dbdbdb; border-top: 1px solid #dbdbdb; padding: 10px 0; } .blog-details-footer .blog-tags p { color: #757575; display: block; float: left; margin-bottom: 0; margin-right: 3px; text-transform: capitalize; } .blog-details-footer .blog-tags a { color: #757575; display: block; float: left; margin-right: 5px; } .blog-details-footer .blog-tags a:hover { color: #b4964e; } .single-sidebar { padding-left: 30px; } .single-sidebar h4 { font-size: 18px; font-weight: 600; text-transform: uppercase; margin-bottom: 20px; } #search-form { position: relative; margin: 0; } #search-form input { border: 1px solid #ddd; width: 100%; background-color: #F3F3F3; height: 40px; padding: 8px 50px 8px 15px; } #search-form button { width: 40px; height: 40px; background-color: #EBEBEB; border: none; text-align: center; position: absolute; right: 0; top: 0; border: 1px solid #ddd; border-left:0; } #search-form button i { font-size: 20px; line-height: 32px; } .categories li { display: block; margin-bottom: 10px; } .categories li:last-child { margin-bottom: 0; } .categories li a:hover { color: #b4964e; } .sidebar-post { overflow: hidden; margin-bottom: 20px; padding-bottom:15px; border-bottom: 2px solid #b4964e; } .sidebar-post:last-child { margin-bottom: 0; border-bottom: 0; } .sidebar-post .image { width: 80px; margin-right: 15px; } .sidebar-post .image img { margin-top: 5px; width: 100%; } .sidebar-post .content a { font-size: 18px; color: #4a4a4a; margin-bottom: 5px; text-transform: capitalize; font-weight: 600; } .sidebar-post .content a:hover { color: #b4964e; } .sidebar-post .meta span { color: #757575; font-size: 12px; line-height: 16px; font-weight: 400; } .tag-cloud { float: left; width: 100%; } .tag-cloud a { display: block; float: left; font-size: 13px; border: 1px solid #f1f1f1; padding: 3px 10px; margin-right: 5px; margin-bottom: 5px; } .tag-cloud a:hover { color: #b4964e; border-color: #b4964e; } /****************************************************** /// Paginacija ******************************************************/ .paginacija { z-index: 9999; position: relative; right: 0; } /****************************************************** /// Kontakti ******************************************************/ #page-2 form button.btn { -webkit-transition:All 0.4s ease; -moz-transition:All 0.4s ease; -o-transition:All 0.4s ease; line-height: 1.42857143; width:auto; text-align: center; border: 1px solid transparent; padding: 8px 15px; font-size: 18px; font-weight: 300; margin: 8px 0; display: block; text-transform:uppercase; border-radius: 0; } #page-2 form button.btn-primary { color: #fff; background-color: #000; border-color: #000; } #page-2 form button.btn-primary:hover { color: #fff; background-color: gray; border-color: gray; } #page-2 form a i { color: #333; font-size: 40px; margin-left: 10px; top: 10px; position: relative; } #page-2 form a i:hover { opacity:0.65; } .form-group img { height: 58px; } .input-group-addon { padding: 8px 12px; font-size: 16px; font-weight: 400; line-height: 1; color: #333; text-align: center; background-color: #eee; border: 1px solid #ccc; border-radius: 0px; } .form-control { display: block; width: 100%;height: 58px; font-weight: 600; padding: 8px 12px; font-size: 16px; line-height: 1.42857143; color: #333; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 0px;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; } .alert-danger { padding: 15px; min-height: 50px; } .info {color: #333; padding: 15px 0; font-size: 14px; border-top:1px solid #ccc; margin-top:20px; } .alert-success { padding: 15px; min-height: 70px; } /****************************************************** /// Kontakt forme, GMap ******************************************************/ #mapWrapper { height: 530px; width: 100%; } .podatci { font-size:15px; text-align:right; padding:10px 20px 20px 20px; margin:20px 0 0 0; border:1px solid #ccc; } .podatci h2 { font-size:25px; color:#b4964e; } /****************************************************** /// Footer ******************************************************/ .footer-wrapper { padding: 17px 0 13px; } .copyright { background: #fff; text-align: center; position:relative; top:-45px; z-index:9; padding:12px 22px 10px 22px; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom: 1px solid #eee; } .copyright p { font-size: 13px; color: #949494; line-height: 20px; font-family: "Poppins", sans-serif; font-weight: 300; padding: 20px 5px 0px 5px; } .copyright p a { position:relative; margin:0 auto 10px auto; display: block; line-height: 40px; font-size: 44px; } .copyright p a:hover i { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .design p { font-size: 12px; color: #524015; line-height: 16px; font-weight: 600; margin:-20px 0 30px 0; } .design p a { text-indent:-90000000; opacity:1; color: #949494; } .design p a:hover { color: #524015;opacity:0.6; } .design p i { color: #524015; } .footer-menu { text-align: center; position:relative; top:-25px; padding:12px 22px 10px 22px; border-bottom: 1px top #eee; } .footer-menu a { display: inline-block; font-size: 13px; color: #949494; line-height: 20px; font-family: "Poppins", sans-serif; font-weight: 300; padding: 20px 5px 0px 5px;position:relative; margin:0 auto 10px auto; } .footer-menu a:hover { opacity:0.8; color: #524015; } /****************************************************** /// Isotope Mansonry plugin ******************************************************/ .isotopeInner { max-width: 100%; overflow: hidden; } .isotopeWrapper { padding: 20px 0; background: url("../images/loading.gif") no-repeat center 50px; } .isotopeWrapper.loaded { background: none; } .isotopeContent { display: block; padding: 0; background: #fff; } .isotopeContent h4 { margin-top: 0; } .isotopeItem { margin-right:20px; margin-bottom: 20px; visibility: hidden; } .isotopeWrapper.loaded .isotopeItem { visibility: visible; } .more-link { position: relative; display: block; } .more-action { position: absolute; top:0; left:0; width: 100%; height: 100%; display: block; overflow: hidden; opacity: 0; -moz-opacity: 0; -webkit-opacity: 0; -ms-opacity: 0; -o-opacity: 0; } .more-action figcaption { position: absolute; top: 42%; width: 100%; } .more-action figcaption p { text-align: center; padding: 0 20px; font-size: 22px; font-weight: 200; color: #fff; } .more-link:hover .more-action { opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; -ms-opacity: 1; -o-opacity: 1; background: rgba(27,117,188, 0.25); } .more-icon { position: absolute; bottom: -40px; text-align: center; width: 100%; display: block; } .more-icon i { font-size: 34px; width: 80px; height: 40px; color: #1B75BC; background: #fff; margin: 0 auto; line-height: 50px; display: block; border-radius: 40px 40px 0 0; -moz-border-radius: 40px 40px 0 0; -webkit-border-radius: 40px 40px 0 0; -ms-border-radius: 40px 40px 0 0; -o-border-radius: 40px 40px 0 0; } .more-link:hover .more-action .more-icon { bottom: 0; } .lazy-more-btn::before { font-family: "FontAwesome"; content: ""; margin-right: 0.5em; font-size: 24px; vertical-align: middle; } .lazy-more-btn { background: #aaa!important; color: #fff!important; } .lazy-more-btn:hover { background: #fff!important; color: #333!important; } .image-link { margin-bottom: 28px; } /****************************************************** /// Share This ******************************************************/ .st-custom-button[data-network] { background-color: transparent; display: inline-block; cursor: pointer; } /****************************************************** /// Offline modus ******************************************************/ body#odrzavanje { background: url("../images/odrzavanje-bg.jpg") no-repeat center top fixed!important; background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; -ms-background-size: cover; -o-background-size: cover; } .odrzavanje { position:relative; top:100px; } .odrzavanje h1 { font-size: 48px; color: #fff; font-weight: 100; } .odrzavanje p { font-size: 24px; line-height:30px; color: #fff; font-weight: 400; }