/*
Theme Name: Maya Handmade Kozmetika
Theme URI: https://www.mayahandmadekozmetika.hr/
Author: EGO MEDIA
Author URI: http://www.egomedia.hr/
Description: Maya Handmade Kozmetika
Version: 1.0
License: Copyright © Ego Media, Tezacka 47, 22000 Sibenik - Croatia
License URI: http://www.egomedia.hr/
Tags: css, egomedia, ego, media, maya, handmade, kozmetika
Text Domain: mayahandmadekozmetika
Note: Date: 04.04.2021.; updated 08.04.2022.  
-------------------------------------------------------*/

* { outline: 0; margin: 0; padding: 0; }
html, * { text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
html { background: #ddb0b9; background: url(../images/bg/body_bg.jpg) no-repeat center center; width: 100%; background-size: cover; }
body { font-family: 'Poppins', sans-serif; font-size: 15px; line-height: 23px; color: #666666; font-weight: 400; margin: 0 100px 40px 100px; }
::-moz-selection { background-color: #ec5598; color: #ffffff; }
::selection { background-color: #ec5598; color: #ffffff; }
ul { margin: 0; padding: 0; }
ul li { list-style-type: none; }
p { color: #666666; font-weight: 400; margin-bottom: 15px; font-size: 15px; line-height: 29px; }
h1, h2, h3, h4, h5 { font-family: 'Charmonman', cursive; margin-top: 0; font-weight: 700; color: #666666; }
h2 { font-size: 24px; margin-bottom: 25px; line-height: 33px; }
h3 { font-size: 18px; margin-bottom: 15px; }
h3 a { color: #666666; }
h3 a:hover { color: #ec5598; }
h4 { font-size: 18px; margin-bottom: 20px; }
h5 { font-size: 15px; }
a { color: #ec5598; text-decoration: none; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
a:hover, a:focus { outline: 0; text-decoration: none; }
small, .small { font-size: 12px; }
.btn { transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; font-size: 20px; color: #fff; border-radius: 5px; padding: 11px 29px; background-color: #ec5598; text-transform: uppercase; border: none; display: inline-block; text-align: center; margin-top: 26px; }
.btn:focus, .btn.active, .btn:active, .btn:hover { border: none; outline: 0; color: #ffffff;  }
.btn-primary { background-color: #ec5598; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.btn-primary>i { margin-right: 10px; }
.btn-primary:hover { background-color: #666666; color:#fff;  }
.btn-primary:focus, .btn-primary.active, .btn-primary:active { background-color: #ec5598; }
.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover { border: none; background-color: #ec5598; outline: 0; }
.btn svg { margin-right:5px; }
.btn.filter { margin-top:0; }
.btn.filter, .btn.dark { background-color: #ec5598; }
.btn.filter:hover,.btn.dark:hover { opacity:0.65 }
.alert-danger { color: #fff; background-color: #ec5598; border-color: #ec5598 }
.no-bg { background: none!important; }
.mt-50 { margin-top: 50px!important; }
.pt-50 { padding-top: 50px!important; }
.pl-15 { padding-left: 15px!important; }
.pt-80 { padding-top: 80px!important; }
hr { margin-top: 0; margin-bottom: 10px; border: 0; border-top: 2px solid #ec5598; }
.icon::before { display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; }
.mb30 { margin-bottom: 30px;}
.mb50 { margin-bottom: 50px;}
.mb80 { margin-bottom: 80px;}
.mt50 { margin-top: 50px;}
.nopadding { padding-right: 0px; padding-left: 0px;}
input, select, textarea { vertical-align: top; border-radius: 0; }
select: -moz-focusring { color: transparent; outline: none !important; text-shadow: 0 0 0 #231f20 !important; border: 0 !important; }
textarea { resize: none; }
.input-group { margin-bottom: 20px; }
.input-group-addon { border-radius: 6px; background: #fff; }
.input-group .form-control { border-left: 0; }
.label.label-default { padding: .4em 0.9em 0.4em; font-size: 13px; background-color: #ec5598; }
.large { font-size: 48px; color:#ec5598; font-weight: 700; padding: 40px 0 40px 0; }

/******************************************************
/// Na vrh
******************************************************/
.naVrh { position: absolute; left: 50%; top: -45px; width: 90px; height: 90px; text-align: center; background-color: #ec5598; border-radius: 100%; display: block; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$value)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); }
.naVrh svg { font-size: 83px; font-weight: normal; line-height: 80px; color: #ffffff; }
.naVrh:hover svg { color: #ffffff; }

/******************************************************
/// Wrapperi, naslovi...
******************************************************/
.container { position: relative; width: 1170px; }
.container-fluid { padding-left:0; padding-right:0; }
.site-wrapper { position: relative; background-color: #fad0dc; }
.padding { padding: 140px 0 140px!important; }
.section-bg { background:#fad0dc; width: 100%; }
.section-title { text-align: center; padding: 50px 0 30px 0; }
.section-title h2 { font-size: 24px; letter-spacing: 10px; line-height: 40px; margin: 0; }
.section-title h2 span { display: block; letter-spacing: normal; color: #ec5598; font-family: 'Charmonman', cursive; font-size: 120px; line-height: 102px; font-weight: 700; }
.section-title.black h2 { color: #666666; }
.page-title-wrapper { width: 100%; background-size: cover; background-position: center top; padding-bottom: 0; position: relative; padding: 105px 0; background-repeat: no-repeat; }
.page-title h1 { margin: 0; text-align: center; font-size: 55px; line-height: 60px; color: #ffffff; font-family: 'Raleway'; }

/*  Top bar i izbornik   */
.top-bar { display: block; width: 100%; z-index: 100; background-color: #ec5598; height: 45px; }
.top-bar-right li a, .top-bar-right span { color: rgba(255, 255, 255, 0.8); line-height: 45px; }
.top-bar-right li a svg, .top-bar-right span svg { margin-right: 10px; }
.top-bar-right { text-align: right; }
.top-bar-right .list-inline svg { color: #fff;}
.top-bar-right a, .top-bar-right span { font-size: 12px; }

.menu-bg { position: relative; background: rgba(255,255,255,0.68); box-shadow: 0 18px 58px rgb(0 0 0 / 25%); z-index: 1030; padding: 0; border-bottom: 3px solid #ec5598; }
.menu-btn { display: inline-block; float: right; position: absolute; top: 32px; right: 0px; }
.menu-btn ul { margin:0; padding:0; list-style:none; }
.menu-btn ul li { border-radius:3px; margin: 0 2px 0 0; padding:0; display: inline-block; width: 40px; height: 40px; line-height: 40px; text-align: center; background-color: #eaeaea; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.menu-btn ul li:last-child { margin:0; }
.menu-btn ul li:hover { background: #ec5598; color:#fff; }
.menu-btn li a { width: 40px; height: 40px; display: block; color: #666666; position: relative; }
.menu-btn ul li:hover a { color:#fff; }

.navbar-header { height: 72px; }
.navbar .container { position: relative; }
.navbar-default { border: none; border-radius: 0; margin-bottom: 0; }
.navbar-nav { -webkit-transition: height 0.3s ease; transition: height 0.3s ease; margin: 0; }
.navbar-collapse { border-color: #ffffff; box-shadow: none; top: 0; }
.navbar-collapse.in { overflow-y: none; }
.navbar-brand { box-shadow: none; height: auto; float: left; position: absolute; top:0; z-index: 1000; background-color: transparent; }
.navbar-brand > img { width: 100%; } 
.navbar-default .navbar-nav { background-color: transparent; }
.navbar-default .navbar-nav>li>a { text-transform:uppercase; font-weight: 700; font-size: 16px; color: #666666; background-color: transparent; margin: 0; padding: 45px 18px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;  }
.navbar-default .navbar-nav>li>a:hover { background-color: transparent; color: #ec5598; }
.navbar-default .navbar-nav>li.active a { background-color: transparent; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$value)"; filter: alpha(opacity=1); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; color: #ec5598; }
.navbar-default .navbar-nav>li.active a:hover { background-color: transparent; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$value)"; filter: alpha(opacity=1); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; color: #ec5598; }
.navbar-default .navbar-nav>li.open>a { color: #ec5598; background-color: transparent; }
.navbar-default .navbar-nav>li.open>a:hover, .navbar-default .navbar-nav>li.open>a:focus { background-color: transparent; color: #ec5598; }
.navbar-default .navbar-nav>li.dropdown .dropdown-menu { border: none; }
.navbar-default .navbar-nav>li.dropdown .dropdown-menu a { padding: 5px 20px; margin-bottom: 0; }
.navbar-nav li.dropdown.megaDropMenu { position: static; }
.navbar-nav li.dropdown.megaDropMenu .dropdown-menu { width: 1140px; margin: -1px auto 10px auto; right: 15px; }
.navbar-nav.navbar-right:last-child { margin-right: 70px; }
.navbar-nav li.dropdown.megaDropMenu .dropdown-menu .mega-img { padding: 0; }
.navbar-nav li.dropdown.megaDropMenu .dropdown-menu .mega-img a { padding: 10px 0 0; background-color: transparent; }
.navbar-nav li.dropdown.megaDropMenu .dropdown-menu .mega-img a img { width: 100%; }
.navbar-nav li.dropdown.megaDropMenu .dropdown-menu .list-unstyled { width: 100%; float: left; padding-bottom: 15px; }
.navbar-nav li.dropdown.megaDropMenu .dropdown-menu .list-unstyled li a { padding: 8px 12px; color: #666666; font-size: 12px; float: left; width: 100%; background-color: transparent; }
.navbar-nav li.dropdown.megaDropMenu .dropdown-menu .list-unstyled li a:hover { color: #ec5598; }
.navbar-nav li.dropdown.megaDropMenu .dropdown-menu li:nth-child(2) { border-left: 1px solid #dedede; border-right: 1px solid #dedede; }
.navbar .navbar-nav li.open.megaDropMenu .dropdown-menu, .navbar .navbar-nav li.dropdown.megaDropMenu .dropdown-menu { width: 100%; margin-top: -6px; } 
.navbar .navbar-nav li.open .dropdown-menu, .navbar .navbar-nav li.dropdown .dropdown-menu { top: 100%; min-width: 230px; width: auto; padding: 15px 15px 20px 15px; margin-top: 0px; border-top: 3px solid #ec5598; border-radius: 0;  }
.navbar .navbar-nav li.open .dropdown-menu ul.dropdown-menu, .navbar .navbar-nav li.dropdown .dropdown-menu ul.dropdown-menu { border: none; top: 100%; left: 100%!important; margin-top: 0px; margin-left: -5px; border-left: 10px solid transparent; border-top: 3px solid transparent; }
.navbar-nav li.dropdown.singleDrop .dropdown-menu li .dropdown-menu li a { padding: 8px 12px; }
.navbar-nav li.dropdown.singleDrop .dropdown-menu li.open .dropdown-menu { border-left: 10px solid transparent; border-top: 3px solid transparent; }
.navbar-collapse ul.navbar-nav.in>li.dropdown>a:after { content: ""; } 
.navbar-collapse ul.navbar-nav>li.dropdown.open>a:after { content: ""; } 
.navbar-collapse ul.navbar-nav li.dropdown li.dropdown.open>a:after { content: ""; }
.navbar-collapse ul.navbar-nav>li.dropdown>a:after { content: ""; }
.navbar-collapse ul.navbar-nav li.dropdown li.dropdown>a:after { right: 15px; top: 11px; content: "\f105"; } 
.navbar-collapse ul.navbar-nav li.dropdown.open li.dropdown>a:after { content: "\f105"; }
.navbar .navbar-nav li.open .dropdown-menu.dropdown-menu-right, .navbar .navbar-nav li.dropdown .dropdown-menu.dropdown-menu-right { left: auto; right: 0; }
.navbar-nav li.dropdown.singleDrop .dropdown-menu li a { color: #666666; font-size: 16px; line-height: 30px; float: none; width: 100%; border-bottom:1px solid transparent; background-color: transparent; background: rgba(255,255,255,1); padding: 8px 12px; }
.navbar-nav li.dropdown.singleDrop .dropdown-menu li a:hover, .navbar-nav li.dropdown.singleDrop .dropdown-menu li a:focus { border-bottom:1px solid #ec5598; color: #ec5598; }
.navbar-nav li.dropdown.singleDrop .dropdown-menu li .dropdown-menu { margin-bottom: 0; }
.dropdown-menu { border-radius: 0; }
.dropdown-submenu { position: relative; }
.dropdown-submenu a { position: relative; }
.dropdown-submenu a i { padding-left: 10px; font-size: 9px; }
.dropdown-submenu>.dropdown-menu { top: 0; left: 0; margin-top: 0!important; margin-left: -1px; }
.dropdown-submenu.pull-left { float: none; }
.dropdown-submenu.pull-left>.dropdown-menu { left: -100%; margin-left: 10px; }
.navbar-toggle { margin-top: 20px; }
.navbar-toggle { background-color: #ffffff; }
.navbar-default .navbar-toggle { background-color: #ec5598; border-color: #ec5598; margin-top: 16px; border-radius: 0; padding: 12px 8px; }
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background-color: #ec5598; border-color: #ec5598; } .navbar-default .navbar-toggle .icon-bar { background-color: #ffffff; }
.navbar-collapse ul.navbar-nav.in>li.dropdown>a:after { position: relative; right: -8px; content: "\f107"; font-family: "Font Awesome 5 Free"; font-weight: 900; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.navbar-collapse ul.navbar-nav>li.dropdown.open>a:after {  font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f106"; }
.navbar-collapse ul.navbar-nav li.dropdown li.dropdown.open>a:after { content: "\f106"; font-family: "Font Awesome 5 Free"; font-weight: 900; }
.navbar-collapse ul.navbar-nav>li.dropdown>a:after { position: absolute; right: 4px; font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f107"; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.navbar-collapse ul.navbar-nav li.dropdown li.dropdown>a:after { position: absolute; right: 15px; top: 11px; font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f107"; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

/*  Header slider   */
.fade-carousel { position: relative; height: 700px; }
.fade-carousel .carousel-inner .item { height: 700px; }
.fade-carousel .carousel-indicators > li { margin: 0 2px; background-color: #f39c12; border-color: #f39c12; opacity: .7; }
.fade-carousel .carousel-indicators > li.active { width: 10px; height: 10px; opacity: 1; }
.hero { width: 980px; position: absolute; top: 50%; left: 50%; z-index: 3; color: #fff; text-align: center; -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); }
.hero h1 { font-size: 72px; line-height: 105px; }
.hero h3 { font-size: 32px; }
.hero h1, .hero h3 { font-weight: 700; color:#666666; margin: 0; padding: 0; }
.fade-carousel .carousel-inner .item .hero { opacity: 0; -webkit-transition: 2s all ease-in-out .1s; -moz-transition: 2s all ease-in-out .1s; -ms-transition: 2s all ease-in-out .1s; -o-transition: 2s all ease-in-out .1s; transition: 2s all ease-in-out .1s; }
.fade-carousel .carousel-inner .item.active .hero { opacity: 1; -webkit-transition: 2s all ease-in-out .1s; -moz-transition: 2s all ease-in-out .1s; -ms-transition: 2s all ease-in-out .1s; -o-transition: 2s all ease-in-out .1s; transition: 2s all ease-in-out .1s; }
.fade-carousel .slides .slide-1, .fade-carousel .slides .slide-2, .fade-carousel .slides .slide-3 { height: 100vh; background-size: cover; background-position: center center; background-repeat: no-repeat; }
.carousel-control { position:absolute; top: 42%; width: 100%; display:block; }
.carousel-control-prev-icon, .carousel-control-next-icon { height: 70px; display:block; width: 100%; outline: none; background-size: 100%, 100%; border: none; background-image: none; opacity: 0.45; position:absolute; }
.carousel-control-prev-icon { width: 70px; left:30px; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") !important; }
.carousel-control-next-icon { right:30px; width: 70px; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") !important; }
.carousel-control-prev-icon:hover, .carousel-control-next-icon:hover { opacity:1; }
.carousel.fade { opacity: 1; }
.carousel.fade .item { transition: opacity ease-out .7s; left: 0; opacity: 0; /* hide all slides */ top: 0; position: absolute; width: 100%; display: block; }
.carousel.fade .item:first-child { top: auto; opacity: 1; /* show first slide */ position: relative; }
.carousel.fade .item.active { opacity: 1; }

/*  Krugovi - naslovnica   */
.krugovi-wrapper { padding: 100px 0; width: 100%; margin-top:-262px; float: none; z-index:2; position:absolute; }
.krug { margin: 0px auto; position: relative; width: 254px; height: 254px; border-radius: 100%; padding: 18px; box-shadow: 0px 0px 162px -22px rgba(0,0,0,0.55); }
.krug:hover { box-shadow: 0px 0px 162px -22px rgba(236, 85, 152,1); }
.krug:hover .naslov, .krug:hover .mask { background-color: #fad0dc!important; }
.krug:hover .naslov h4 a { color: #ec5598!important; }
.krug img { border-radius: 100%; max-width: 100%; height: 100%; }
.krug .krug-mask { width: 100%; height: 100%; position: absolute; left: 0; top: 0; overflow: hidden; border-radius: 100%; }
.krug .naslov { width: 100%; background-color: rgba(236, 85, 152, 1)!important; text-align: center; border-radius: 0 0 100% 100%; position: absolute; left: 0; bottom: 0; padding: 12px 0 40px 0; } 
.krug .naslov h4 { margin: 0; }
.krug .naslov h4 a { font-size: 30px; line-height: 40px; color: #ffffff; font-weight: 400; padding: 12px 0 40px 0; }
.krug .broj { width: 90px; height: 90px; text-align: center; background-color: #fad0dc; border-radius: 100%; position: absolute; right: -45px; top: -45px; margin-right:50%; }
.krug .broj h5 { line-height: 90px; margin: 0; font-size: 30px; color: #fff!important; }

/*  O nama   */
.o-nama-wrapper { width: 100%; float: none; margin-top:0; background:#ec5598; padding: 200px 0 150px 0; }
.o-nama-container { width: 990px; position: absolute; left: 10px; top: 75px; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); }
.o-nama { position: relative; width: 40%; float: none; height: 620px; padding: 120px 0 0 0; left: 15%; margin: 0px auto; border: 10px solid #fff; background-color: rgba(255,255,255,0.6); }
.o-nama2 { position: relative; width: 41%; float: none; height: 1140px; padding: 120px 0 0 0; left: 15%; margin: 0px auto; border: 10px solid #fff; background-color: rgba(255,255,255,0.6); }

.imagebox {  border: 10px solid #ffffff; border-right: 0;  }
.imagebox img { width: 100%; margin: -40px 0 45px 45px; }
.o-nama-txt { padding: 0px; margin: 0 -40px 0 100px; }
.o-nama-txt h2 { letter-spacing: 5px; font-size: 40px; line-height: 56px; color: #666666; }
.o-nama-txt h3 { font-size: 18px; color: #666666; line-height: 29px; font-weight: 400; font-family: 'Poppins', sans-serif; }
.o-nama-txt p { font-size: 18px; line-height: 35px; color: #666666; }
.o-nama-txt a { text-decoration:underline; }

.rightPadding { padding: 50px 10px; }

/*  FB Comments   */
.fb-wrapper { float: none; }
.fb-container { position: relative; margin-bottom:30px; }
.fb-logo { position: absolute; top: 80px; width: 120px; height: 112px; border: 5px solid rgba(236, 85, 152, 0.2); left: -125px; }
.fb-logo img { position: absolute; left: 25px; top: -25px; }
.fb-txt { padding: 60px 30px 53px 65px; background-color: rgba(236, 85, 152, 0.2); margin: 0 0 30px 0; }
.fb-txt .fa-quote-left { font-size: 25px; margin: 0 0 25px 0; color: #ec5598; }
.fb-txt p { font-style: italic; margin: 0 0 25px 0; }
.fb-txt h3 { font-size: 23px; line-height: 28px; color: #666666; margin: 0 0 5px 0; font-weight: 400; }
.fb-txt h4 { font-size: 15px; line-height: 28px; color: #ec5598; margin: 0; font-weight: 400; font-family: 'Poppins', sans-serif; text-transform:none; }

/*  Static pages   */
.textSection { padding: 150px 0 150px 0; background-color: #ffffff; }
.text-img { display:block; margin-bottom:30px; }
.text h2 { font-weight: 400; font-size: 35px;line-height: 48px; color: #666666; margin: 20px 0 0 0; }
.text p strong { font-weight: 700; font-size: 19px; line-height: 30px; margin: 0; }
.text.nomargin p { margin: 0px 0 0 0; }
.text ul { font-weight: 400; font-size: 15px; line-height: 28px; color: #666666; margin: 10px 0 0 35px; }
.text ul li { list-style-type: disc; }

.text-module { padding: 40px 30px 40px 30px; margin: 0; }
.text-module h3 { font-weight: 400; font-size: 60px; color: #666666; padding: 20px 0; margin: 0 0 30px 0; }
.text-module p { margin: 0 0 30px 0; }
.text-module .modul-link { width:100%; display:block; font-size: 15px; line-height: 28px; color: #666666; position: relative; margin: 0; padding: 15px 0; border-bottom: 1px solid #ec5598; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.text-module .modul-link:hover { opacity: 0.65; }
.text-module .modul-link:last-child { margin: 0; padding-bottom:0; border:0; }
.text-module .modul-link a { width:100%; display:block; font-size: 20px; line-height: 28px; color: #666666; }
.text-module .modul-link:hover a { color: #ec5598; }
.modul-link img { display: inline-block; max-width:80px; }
.modul-link span { display: inline-block; padding-left:20px; }

/*  Kontakt   */
.kontakt-wrapper { padding: 0 0 80px 0; background-color: #ffffff; }
.kontakt-title h3 { font-weight: 400; font-size: 20px; color: #666666; margin: 0 0 25px 0; }


/*  Aktivne supstance   */
.supstance { padding: 100px 0; }
.supstance .slide { display: table; width: 100%; height: 115px; }
.supstance .slide .partnersLogo { display: table-cell; vertical-align: middle; text-align: center!important; }
.supstance .slide .partnersLogo img { margin: 0 auto; line-height: 115px; }

/*  Proizvod   */
.proizvod-podatci { background: rgba(236,85,152, 0.15); padding: 20px 20px 10px 20px; border-radius: 5px; margin-bottom: 0; }
.proizvod-podatci h2 { font-weight: 600; font-size:40px; line-height: 66px; margin: 20px 0 15px 0; }
.proizvod-podatci h3 { font-size: 45px; font-weight: 600; color: #ec5598; }
.proizvod-podatci h3 span { font-size: 20px; font-weight: 600; color: #666666; }
.proizvod-podatci h3 del { font-size: 35px; color: #e4e4e4; margin-left: 15px; }

ul.kategorija { display:block; margin: 50px 0; padding:0; }
ul.kategorija li { margin: 0; padding:0; }

.kategorije a { border: 1px solid #fff; background-color: #ec5598; color: #fff; font-weight: 700; text-transform: uppercase; padding: 25px 15px; margin:15px 0; display: block; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; box-shadow: 0px 0px 162px -22px rgba(236, 85, 152,1); }
.kategorije a:hover { opacity:0.6; }

.narudzba-btn .btn-primary { width: 100%; margin-top: 35px; }

.social-icons { position:relative; z-index: 9; top:30px; left: 5px; }
.social-icons li { color: #666666; font-size: 21px; font-weight: 400; letter-spacing: 1px; }
.social-icons li a .fa { width: 35px; height: 35px; display: block; border-radius: 100%; color: #ffffff; text-align: center; line-height: 35px; font-size: 16px; }
.social-icons li a .fa.fa-facebook { background-color: #3b5999; }
.social-icons li a .fa.fa-twitter { background-color: #55aced; }
.social-icons li a .fa.fa-pinterest-p { background-color: #bd081c; }
.social-icons li a .fa.fa-skype { background-color: #00aff0; }
.social-icons li a .fa.fa-linkedin { background-color: #0077b5; }

/*  Izdvojeni   */
.proizvod-wrapper { margin: 0 0 50px 0; overflow: visible!important; min-height: 700px; }
.izdvojeni-proizvodi, .proizvod-detaljno, .fb-wrapper { padding: 100px 0 100px 0; background-position: top center; background-size: cover; background-image: linear-gradient(to bottom, rgba(255,255,255,0.35) 0%,rgba(255,255,255,0.65) 100%), url(../images/bg/container_bg.jpg); }
.proizvod { margin-bottom: 30px;  width: 100%; height: 520px; background: rgba(255,255,255,0.68); box-shadow: 0px 0px 162px -22px rgba(236, 85, 152,1); }
.proizvod:hover .mask { opacity: 1; }
.proizvod .mask { width: 100%; height: 100%; background-color: rgba(236, 85, 152, 0.7); position: absolute; top: 0; left: 0; opacity: 0; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.proizvod .slika { width: 100%; height: 310px; text-align: center; line-height: 310px; position: relative; margin-bottom: 30px; overflow: hidden; }
.proizvod .slika img { display: inline-block; -webkit-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out;  width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.proizvod .link { width: auto; height: 45px; }
.proizvod .link li a { width: 95px; height: 95px; line-height: 95px; text-align: center; border: 1px solid #ffffff; color: #ffffff; font-size: 47px; display: inline-block; }
.proizvod .link li a:hover { background: #fff; color:#ec5598; }
.proizvod .naslov { text-align: center; padding: 0 30px; }
.proizvod .naslov h2 { font-family: 'Poppins', sans-serif; font-weight: 700; font-size: 18px; line-height:25px; text-transform: uppercase; margin: 0 0 12px 0; }
.proizvod .naslov h2 a { color: #666666; }
.proizvod .naslov h3 { font-family: 'Poppins', sans-serif; font-weight: 700; color: #ec5598; font-size: 24px; margin: 0; }

.proizvod .popust { position: absolute; z-index: 2; right: 15px; top: 0px; padding: 5px 10px 4px; text-transform: lowercase; font-weight: 700; width: auto; font-size: 12px; color: #fff; background-color: #ec5598; border-top-right-radius: 0px; border-bottom-left-radius: 10px; }
.proizvod .cijena { position: relative; top: 0%; padding: 8px 0; text-align: center; display: block; font-family: 'Poppins', sans-serif; font-weight: 700; color: #ec5598; font-size: 28px;  }
.proizvod .cijena_eur { position: relative; top: 0%; padding: 4px 0; text-align: center; display: block; font-family: 'Poppins', sans-serif; font-weight: 500; color: #974268; font-size: 16px;  }
.proizvod .stara_cijena { position: relative; top: -15%; text-align: center; display: block; font-weight: 400; line-height: 16px; font-size: 13px; }
.opis .napomenacijeni { padding:20px 0; font-weight: 400; line-height: 16px; font-size: 13px; font-style:italic; }
.proizvod-wrapper.col-sm-3 .cijena { top: -10%; }
.proizvod-wrapper.col-sm-3 .stara_cijena { top: -22%; }
.proizvod .sifra, .proizvod .kolicina, .proizvod .proizvodac { padding: 5px 20px; display: inline-block; width: 100%; font-weight: 400; font-size: 12px; border-top: 1px solid #e9e9e9; }

/*  Banner   */
.banner { width: 100%; height: auto; border: 0px solid #dedede; box-shadow: 0px 0px 162px -22px rgba(236, 85, 152,1); animation: banner 2s infinite;}
.banner:hover .slika img { -webkit-transform: scale(1); transform: scale(1); }
.banner .slika { width: 100%; height: auto; text-align: center; line-height: 0; position: relative; margin-bottom: 20px; overflow: hidden; }
.banner:hover { animation: none; box-shadow: none; }

@-webkit-keyframes banner {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(236, 85, 152, 0.5);
  }
  70% {
      -webkit-box-shadow: 0 0 162px -22px rgba(236, 85, 152, 1);
  }
  100% {
      -webkit-box-shadow: 0 0 0 0 rgba(236, 85, 152, 0);
  }
}
@keyframes banner {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(236, 85, 152, 0.5);
    box-shadow: 0 0 0 0 rgba(236, 85, 152, 0.4);
  }
  70% {
      -moz-box-shadow: 0 0 162px -22px rgba(236, 85, 152, 1);
      box-shadow: 0 0 162px -22px rgba(236, 85, 152, 1);
  }
  100% {
      -moz-box-shadow: 0 0 0 0 rgba(236, 85, 152, 0);
      box-shadow: 0 0 0 0 rgba(236, 85, 152, 0);
  }
}

/** Owl carousel ******/
.owl-item img { margin: 0 auto; }
.owl-carousel .owl-item img { border-radius: 5px; }
.owl-theme .owl-dots .owl-dot span { height: 15px; width: 15px; }
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #ec5598; }
.owl-carousel[data-nav="false"][data-dots="false"] .owl-controls { display: none; }

/*  Slični   */
.proizvodi-title { padding: 0; }
.proizvodi-title h2 { display: block; letter-spacing: 1px; font-size: 40px; line-height: 50px; text-align: center; margin-top: 50px; margin-bottom: 0!important; }
.slicni-proizvodi .sadrzaj { width: 100%; min-height: 430px; display: block; text-align: center; margin-top: 50px; background: #fff; box-shadow: 0px 0px 162px -22px rgba(236, 85, 152,1); }
.slicni-proizvodi .slika { width: 100%; height:290px; text-align: center; line-height: 0; }
.slicni-proizvodi .slika img { display: inline-block; border: 0px solid #ec5598; background-color: #ffffff; box-shadow: 0px 0px 162px -22px rgba(236, 85, 152,1); }
.slicni-proizvodi .naslov { font-size: 16px; color: #666666; margin-bottom: 10px; padding:0px 15px;  font-weight: 700; text-transform: uppercase; }
.slicni-proizvodi .cijena { color: #ec5598; font-size: 24px; padding:0px 15px;  margin-bottom: 10px; }
.slicni-proizvodi .popust { position: absolute; z-index: 2; right: 15px; padding: 5px 10px 4px; text-transform: lowercase; font-weight: 700; width: auto; font-size: 12px; color: #fff; background-color: #ec5598; border-top-right-radius: 0px; border-bottom-left-radius: 10px; }
.slicni-proizvodi .opis { margin-top: 0; padding: 0; position: relative; bottom: 0; z-index: 8; }
.slicni-proizvodi .cijena { position: relative; top: 0%; text-align: center; display: block; font-weight: 700; line-height: 16px; font-size: 16px; }
.slicni-proizvodi .stara_cijena { position: relative; text-align: center; display: block; font-weight: 400; line-height: 26px; font-size: 13px; }
.slicni-proizvodi .napomenacijeni { padding:20px 0; font-weight: 400; line-height: 16px; font-size: 13px; font-style:italic; }
.slicni-proizvodi .kolicina { padding: 2px 15px; display: inline-block; width: 100%; font-weight: 400; font-size: 12px; border-top: 1px solid #e9e9e9; }

/******************************************************
/// Parallax
******************************************************/
.home-img-panel { z-index:9; float: left; width: 100%; background-image: url(../images/bg/home-bg.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative; padding: 124px 0 124px 0; margin: 100px 0 0 0;}
.home-img-panel:after { content: ""; height: 50%; background-color: transparent;  background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#ffffff)); background: -webkit-linear-gradient(top, transparent, #ffffff);  background: -moz-linear-gradient(top, transparent, #ffffff); background: -ms-linear-gradient(top, transparent, #ffffff); background: -o-linear-gradient(top, transparent, #ffffff); overflow: hidden; opacity: 1; width: 100%; position: absolute; z-index:-1; bottom: 0%; left: 0px; right: 0px; }
.panel-img-detail { position: relative; z-index:11; background-color: #fff; text-align: center; padding: 55px 48px; text-align: center; width: 460px; box-shadow: 0px 0px 162px -22px rgb(236 85 152); }
.panel-img-detail h2 { font-size: 38px; line-height: 41px; color: #ec5598; }
.panel-img-detail p { font-size: 18px; line-height: 35px; color: #666666; }
.panel-img-detail .btn:hover { color: #ec5598; background-color: #fff; }

/******************************************************
/// Novosti
******************************************************/
.novosti { }
.novost-wrapper {  }
.novost { background: #fff; border: 1px solid #e9e9e9; padding: 20px; margin: 0 0 30px 0; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; }
.novost:hover { opacity: 0.65; }
.novost .detaljnije { color: #ec5598; font-size: 11px; font-weight: 700; text-transform: uppercase; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; }
.novost .datum { position: absolute; z-index: 9; right: 15px; top: 0px; padding: 10px 12px; text-transform: uppercase; width: 90px; background-color: #231f20; border-top-right-radius: 6px; border-bottom-left-radius: 10px; }
.novost .datum span { display: block; color: #fff; font-weight: 700; line-height: 15px; font-size: 12px; }
.novost .slika { position: relative; display: block; margin: 0 0 23px; }
.novost .slika .img-container img.loaded { width: 100%!important; height: auto!important; object-fit: cover; }
.novost h3 .naslov { display: block; margin-bottom: 5px; line-height: 50px; font-size: 40px; font-weight: 300; }
.novost_detaljnije .datum { position: absolute; z-index: 9; left: 15px; top: 0px; padding: 10px 12px; text-transform: uppercase; background-color: #231f20; border-top-left-radius: 6px; border-bottom-right-radius: 10px; }
.novost_detaljnije .datum span { display: block; color: #fff; font-weight: 700; line-height: 15px; font-size: 12px; }
.novost_detaljnije .slika { float: left; margin-bottom: 40px; }
.novost_detaljnije .slika img { border-radius: 6px; }
.novost_detaljnije .naslov { position: absolute; z-index: 2; top: 80px; right: 0px; float: right; display: table; margin: 60px 0 0 0px; padding: 0 28px; height: 360px; background-color: #231f20; }
.novost_detaljnije .naslov h3 { display: table-cell; vertical-align: middle; line-height: 44px; font-size: 36px; color: #fff; }
.novost_detaljnije .sadrzaj h3 { float: left; width: 100%; margin-bottom: 14px; text-transform: none; line-height: 33px; font-size: 20px; }
.novost_detaljnije .sadrzaj blockquote { float: left; width: 300px; }
.novost_detaljnije .sadrzaj p { margin-bottom: 24px; line-height: 24px; }

/*  Footer  */
footer { z-index:10; background-attachment: fixed; width: 100%; background-size: cover; background-position: left bottom; padding-bottom: 0; position: relative; }
.footer-content { padding: 96px 0 10px 0; border-top: 10px solid #ec5598; }
.footer-content ul.social { padding: 20px 0 30px 0; margin: 30px 0 0px 0; border-top: 0px solid rgba(0, 0, 0, 0.07); border-bottom: 0px solid rgba(0, 0, 0, 0.07); font-size:50px; }
.footer-content ul.social li { padding: 0 0 0 20px; margin: 0; }
.copyright-text p { font-size: 14px; line-height: 24px; color: #666666; margin-bottom: 10px; }
.copyright h4 { font-family: 'Poppins', sans-serif; font-size: 18px; line-height: 27px; margin-bottom: 35px; font-weight: 400; }
.footer-menu ul { padding: 20px 0 20px 0; margin: 30px 0 0px 0; border-top: 2px solid #ec5598; border-bottom: 2px solid #ec5598; }
.footer-menu ul li { margin: 0 0 20px 0; display:inline; padding-left:20px; font-weight:600; }
.footer-menu ul li a { font-size: 14px; line-height: 24px; color: #666666; }
.footer-menu ul li a i { margin-right: 10px; }
.footer-menu ul li:after { content: "/"; position: relative; top: 1px; bottom: 1px; right: -10px; width: 5px; }
.footer-menu ul li:last-child:after { display:none; }
.footer-menu ul li a:hover { color: #ec5598; }
.design { text-align: center; max-width:300px; padding: 16px 0; margin:50px auto; font-size: 11px; font-weight: 400; color: #666666; text-transform:uppercase; }
.design a { color:#2e3192; display:block; padding-top: 5px; }
.design a:hover { opacity: 0.75; }

/*  404  */
.notFound { background-color: #ffffff; text-align: center; padding: 100px 15px 100px 15px; }
.notFoundLogo { margin-bottom: 80px; } 
.notFoundImage { text-align: center; margin-bottom: 80px; }
.notFoundImage img { display: inline-block; }
.notFoundInfo h2 { font-weight: 400; font-size: 20px; margin-bottom: 70px; }
.notFoundInfo .btn-primary { padding-left: 30px; padding-right: 30px; font-size: 15px; }

/*  Modal, Modal Order Form, ImgPopup   */
.modalCommon .modal-dialog { width: 100%; margin: 25px 10px 10px 10px; }
.modalCommon .modal-header { position: relative; border: none; padding: 10px 15px; background-color: #ec5598; }
.modalCommon .modal-title { letter-spacing: 1px; font-size: 20px; color: #ffffff; }
.modalCommon .modal-content { padding: 2px 3px; border-radius: 0; width: 90%; margin: 0 auto; }
.modalCommon .modal-content .form-right { float: left; }
.modalCommon button.close { top: -10px; right: -7px; margin: 0; width: 38px; height: 38px; border-radius: 100%; background-color: #292929; text-shadow: none; color: #ffffff; opacity: 1; border: 2px solid #ffffff; position: absolute; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.45); }
.modalCommon .modal-footer { border: none; text-align: left; }
.modalCommon .categoryTitle h5 { font-size: 20px; color: #666666; font-weight: 400; margin: 0; letter-spacing: 1px; }
.modalCommon .modal-body { padding: 50px 15px 15px 15px; }

.form-right { float: right; }
.form-half { width: 100%; }
.form-group { display: block; position: relative; margin-bottom: 20px; z-index:9; }
.form-control { height: 52px; box-shadow: none; border-radius: 5px; padding: 10px 15px; border-color: #cccccc; color: #666666; }
.form-control:focus { border-color: #cccccc; box-shadow: none; }
textarea.form-control { height: 90px; }
.formPart { border-radius: 0; border-color: #cccccc; border: none; }
.formPart .form-group { position: relative; }
.formPart .form-control { padding-left: 38px; }
.formPart i.fa { position: absolute; left: 0; top: 0; width: 38px; height: 100%; text-align: center; line-height: 44px; color: #666666; color: #999; }
.formPart .checkbox { margin: 0 0 20px 0; }
.formPart .checkbox label { font-size: 13px; color: #666666; }
.form-group.inline { display: inline; }
.filter-dropdown { min-width: 160px; display: inline !important; width: 160px; margin-right: 15px; }

.fancybox-overlay { background-color: rgba(236, 85, 152, 0.5); background-image: none; }

/******************************************************
/// Pitanja i odgovori accordition
******************************************************/
#accordion { padding-top: 11px; }
#accordion h4.accordion_title { position: relative; margin: 0; padding: 16px 0 8px 60px; text-transform: none; line-height: 26px; font-size: 18px; color: #777; border-top: 1px solid #e9e9e9; cursor: pointer; transition: color 0.3s ease-in-out; -webkit-transition: color 0.3s ease-in-out; }
#accordion h4.accordion_title:hover { }
#accordion h4.accordion_title.active { border-top: 2px solid #231f20; }
#accordion h4.accordion_title:before { content: "+"; position: absolute; background: #fcb042; left: 2px; top: 12px; width: 35px; height: 35px; text-indent: 2px; line-height: 30px; text-align: center; font-size: 22px; color: #fff; border: 2px solid #fcb042; border-radius: 50%; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; }
#accordion h4.accordion_title:hover:before { border-color: #231f20; }
#accordion h4.accordion_title.active:before { color: #fff; border-color: #231f20; background-color: #231f20; transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); }
#accordion .accordion_content { display: none; padding: 13px 0 3px 50px; line-height: 24px; }
#accordion .accordion_content p { margin-bottom: 24px; }

/******************************************************
/// Sidebar -> Desno -> Pitanja i odgovori
******************************************************/
#sidebar h3 { margin: 0; text-align: center; font-weight: 700; padding: 10px 0; }
#sidebar .gumb { margin: 0 auto; padding: 10px 0px; border-radius: 6px; box-shadow: none; text-transform: uppercase; font-weight: 700; line-height: 20px; color: #231f20; background: #fff; text-shadow: none; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; }
#sidebar .gumb:hover { border-color: #ec5598; color: #ec5598; }
.widget { min-height: 1px; position: relative; margin-bottom: 15px; }
.widget-title { font-size: 16px; line-height: 1.4; text-align: center; margin: 15px 0 30px 0; text-transform: uppercase; font-weight: 600; }

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

/******************************************************
/// Ostali stilovi
******************************************************/
ul.nostyle { list-style: none; padding: 0; }

#content { }
#content ul:not(.nostyle):not(.dropdown-menu) { list-style: none; padding: 0; margin-top: 4px; }
#content ul:not(.nostyle):not(.dropdown-menu) li { padding-left: 20px; position: relative; margin-bottom: 4px; }
#content ul:not(.nostyle):not(.dropdown-menu) li::before { position: absolute; left: 4px; font-family: "Font Awesome 5 Free"; content: ''; margin-right: 10px; font-weight: 700; }

.img-container { display: block; overflow: hidden; }
.img-container.xl { height: 400px; }
.img-container.md { height: 170px; width: auto; }
.img-container.sm { height: 90px; width: 90px; }
.img-container.xs { height: 60px; width: 60px; }
.img-container img { visibility: hidden; }
.img-container img.loaded { visibility: visible; left: 0!important; }
.boxed .more-link.img-container,
.isotopeInner .more-link.img-container { border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
.video-container { display: block; padding-bottom: 52.20%; padding-top: 30px; position: relative; height: 0; overflow: hidden; }
.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#cookies-notice { position: fixed; bottom: 0; width: 100%; background: rgba(0, 0, 0, 0.5); z-index: 1030; color: #fff; padding: 8px 0; }

.white-popup-block { color: #fff; background: #fff none repeat scroll 0 0; margin: 40px auto; width: 850px; max-width: 100%; padding: 20px 30px; position: relative; text-align: left; }
.white-popup-block p,.white-popup-block h2, .white-popup-block h3, .white-popup-block h4 { text-transform: none; padding: 20px 20px; margin: 0; }

body#page-maintenance { background: url("../images/maintenance-bg.jpg") no-repeat center top fixed!important; background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; -ms-background-size: cover; -o-background-size: cover; }
.maintenance-msg { font-size: 24px; color: #fff; font-weight: 300; }