/*------------------------------------------------------------------------
# JF_CALLA-EXTERIORS! - JOOMFREAK.COM JOOMLA 2.5 TEMPLATE
# June 2013
# ------------------------------------------------------------------------
# COPYRIGHT: (C) 2013 JOOMFREAK.COM / KREATIF MULTIMEDIA GMBH
# LICENSE: Creative Commons Attribution
# AUTHOR: JOOMFREAK.COM
# WEBSITE: http://www.joomfreak.com - http://www.kreatif-multimedia.com
# EMAIL: info@joomfreak.com
-------------------------------------------------------------------------*/
 

* {
    margin: 0;
    padding: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
    display: block;
}
audio,
canvas,
video {
    display: inline-block;
}
audio:not([controls]) {
    display: none;
}
html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}
a:focus {
    outline: thin dotted #333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}
a:hover,
a:active {
    outline: 0;
}
sub,
sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline;
}
sup {
    top: -0.5em;
}
sub {
    bottom: -0.25em;
}
img {
    max-width: 100%;
    height: auto;
    vertical-align: middle;
    border: 0;
    -ms-interpolation-mode: bicubic;
}
#map_canvas img {
    max-width: none;
}
button,
input,
select,
textarea {
    margin: 0;
    font-size: 100%;
    vertical-align: middle;
}
input, textarea {
    background-color: #FAFAFA;
    border: 1px solid #EAEAEA;
    padding: 4px;
}
button {
    line-height: normal;
    padding: 0;
    border: 0;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    cursor: pointer;
    -webkit-appearance: button;
}
input[type="search"] {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none;
}
textarea {
    overflow: auto;
    vertical-align: top;
}
.clearfix:before, .clearfix:after {
    content: "";
    display: table;
    line-height: 0;
}
.clearfix:before, .clearfix:after {
    content: "";
    display: table;
    line-height: 0;
}
.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
}
body {
    margin: 0;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 20px;
    line-height: 1.2em;
    color: #262626;
    background-color: #fff!important;
    border:0px solid #ff0000!important;
}

a {color: #5c686d; text-decoration: none;}
a:hover {color: #21b24e; text-decoration: none;}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: normal;
    line-height: normal;
    color: inherit;
}
h1 {
    font-size: 36px;
}
h2 {
    font-size: 24px;
}
h3 {
    font-size: 36px;
}
h4 {
    font-size: 18px;
    margin: 0 0 20px;
}
h5 {
    font-size: 14px;
}
h6 {
    font-size: 12px;
}
p {margin: 0 0 20px; }

ul, ol {margin-left: 0; list-style: none;}

fieldset {
    padding: 0;
    margin: 0;
    border: 0;
}
legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 18px;
    font-size: 19.5px;
    line-height: 36px;
    color: #333;
    border: 0;
}
label,
input,
button,
select,
textarea {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 24px;
    line-height: normal;
}
label {
    display: block;
    margin-bottom: 5px;
}
button, .button {
    background: url(../images/read-more.png) no-repeat;
    border: none;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 18px;
    line-height: 31px;
    height: 31px;
    width: 151px;
    padding: 0;
    margin: 30px 0;
    text-transform: uppercase;
}

.componentheading, .contentheading {
    color: #262626;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 36px;
    padding-bottom: 25px;
    text-transform: uppercase;
}

#system-message, .reset {
    margin: 10px;
}

#jf-wrapper {
    overflow: hidden;
    position: relative;
}

.wrap {
    clear: both;
    width: 100%;
}

.main {
    margin: 0 auto;
    position: relative;
    width: 1100px;
}

/* HEADER */
#jf-header {position: fixed; top: 0; z-index: 99; height: 90px; transition: background 0.2s linear 0s;}
#jf-header {/*background-color:#000; opacity:0.7; background: url(../images/header-bg.png);*/}

 



/* SLIDESHOW */
#jf-slideshow {
    background-clip: border-box;
    background-color: #00446D;
    background-image: url(../images/banner.jpg);
    background-origin: padding-box;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    position: relative;
    z-index: 50;
}

#jf-slideshow .main {
    color: #fff;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 36px;
    font-weight: normal;
    text-transform: uppercase;
    margin-bottom: 40px;
    line-height: normal;
    text-align: center;
}

#jf-slideshow .main h1 {
    background: url(../images/linestar.png) no-repeat top center;
    font-size: 110px;
    font-weight: normal;
    font-family: 'Roboto Condensed', sans-serif;
    text-transform: uppercase;
    padding-top: 40px;
    line-height: normal;
}

#jf-slideshow .main a {
    background: url(../images/read-more.png) no-repeat;
    color: #fff;
    display: inline-block;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 24px;
    height: 31px;
    line-height: 31px;
    text-align: left;
    text-indent: 20px;
    text-transform: uppercase;
    width: 151px;
}

/* jf-home-c */
#jf-home-c {color: #262626; font-family: 'Roboto Condensed', sans-serif; font-size: 18px; line-height: 28px;}
#jf-home-c p{color:#262626; font-family: 'Roboto Condensed', sans-serif; font-size: 18px; line-height: 28px;}

#home-c-l {float: left;}
#home-c-l-1 {float: left;}
#home-c-l-2 {float: left;}
#home-c-l-3 {float: left;}
#home-c-l-4 {float: left;}
#home-c-l-5 {float: left;}
#home-c-l-6 {float: left;}
#home-c-l-7 {float: left;}
#home-c-l-8{float: left;}
#home-c-l-10 {float: left;}

#home-c-r {float: right;}
#home-c-r-1 {float: right;}
#home-c-r-2 {float: right;}
#home-c-r-3 {float: right;}
#home-c-r-4 {float: right;}
#home-c-r-5 {float: right;}
#home-c-r-6 {float: right;}
#home-c-r-7 {float: right;}
#home-c-r-8 {float: right;}
#home-c-r-10{float: right;}

#home-c-c {float: left;}
#home-c-c-1 {float: left;}
#home-c-c-2 {float: left;}
#home-c-c-3 {float: left;}
#home-c-c-4 {float: left;}
#home-c-c-5 {float: left;}
#home-c-c-6 {float: left;}
#home-c-c-7 {float: left;}
#home-c-c-8 {float: left;}
#home-c-c-10 {float: left;}

  
/* LATEST */
#jf-latest {background-clip: border-box;background-color: #000; background-image: url(../images/aktuelnosti.jpg); background-origin: padding-box;background-position: center center;
background-repeat: no-repeat;background-size: cover; background-attachment: fixed; color: #fff;}

#jf-latest h3 {
    color: #fff;
}

#jf-latest li, #jf-news li {
    float: left;
    width: 280px;
    margin-right: 60px;
}

li.lastItem {
    margin-right: 0 !important;
}
 

/*EFFECTI*/

/*FADE EFFECT*/
.fade {border:0px solid #ff0000; top:100px; opacity:0; position: relative;}
.pomjeriGore {top: 0px; opacity:1; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
/*ZOOM IN EFFECT*/
.zoom-in{transform: scale(0.1);}
.zumiraj{transform: scale(1); -webkit-transition: all 0.7s linear; -moz-transition: all 0.7s linear; -o-transition: all 0.7s linear; transition: all 0.7s linear;-webkit-backface-visibility: hidden; backface-visibility: hidden;}


/* CONTENT */
#jf-content, #jf-home-c, #jf-latest, #jf-news, #jf-map {position: relative; z-index: 50;}
#jf-content {background-color: #fff;}
#jf-content .main {padding: 40px 0 40px;border:0px solid #ff0000; }
#jf-content .main h2{ font-size:24px; line-height: 34px; font-weight: bold;}
#jf-content .main h1{padding:7px 0px 7px 15px; border-left: 7px solid #1e6d36; font-size:28px; line-height: 38px; font-weight: bold; border-bottom: 0px; margin-bottom: 40px; text-transform: uppercase;}
.home #jf-content .main {padding: 0;}
.itemid-101 #jf-content .main {padding: 0;}
#jf-content div[itemprop="articleBody"]{ padding-top:20px; }
#jf-content .main p{color:#111; font-size: 17px; line-height: 26px;}
#jf-content .main a{color:#111;}
#jf-content .main .item-page a{color:#21b24e;}
#jf-content .main a:hover{color:#21b24e;}
#jf-content ul {margin-bottom:20px; list-style-type:disc; margin-left:40px;}
#jf-content ul li {margin-bottom:10px; font-size: 17px; line-height: 26px; text-align: left;}
#jf-content ol {margin-bottom:20px; list-style-type:decimal; margin-left:40px;}
#jf-content ol li {margin-bottom:10px;}
#jf-content .page-header{font-size:18px; line-height:28px; border:0px solid #ff0000; padding-bottom:0px;}
#jf-content .page-header a{ border:0px solid #ff0000;}
#jf-content .article-info{ margin-bottom: 20px;  }
#jf-content .article-info-term{display:none;}
#jf-content .pull-left{ margin-bottom: 20px; }
#jf-content .blog .published{display:none;}
#jf-content .published{border-bottom:1px solid #ddd; text-align:right; font-size:13px; line-height: 26px; color:#888; padding-right:10px;  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
#jf-content .modified{border-bottom:1px solid #ddd; text-align:right; font-size:13px; line-height: 26px; color:#888; padding-right:10px;  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
#jf-content .icons{ display:none;}

#jf-content table{ border-collapse: collapse; margin-bottom: 10px;  }
#jf-content table th{background-color: #666; color:#fff; padding:5px; font-weight: bold; font-size:16px; line-height: 22px;   }
#jf-content table td{ padding:5px; font-size:16px; font-weight: normal; line-height: 22px;   }
#jf-content table tr:nth-child(odd){ background-color: #efefef; }

.item-page h1, .item-page h2 { font-family: 'Roboto Condensed', sans-serif; font-size: 30px; padding-bottom: 20px; border-bottom: 1px solid #ddd; }

 
 
/*MENI*/
#jf-header .main {position: relative;}
#jf-header h1#logo {float: left; font-weight: normal;}
#jf-header h1#logo a {color: #fff; display: block; font-family: 'Roboto Condensed', sans-serif; font-size: 30px; line-height: normal;}
#jf-header h1#logo a:hover { text-decoration: none;}


/*NAZIV*/
.nazivAll{ color: #000; margin-left: 30px; padding-top: 23px; }
.nazivLara{ font-family: 'Niconne', cursive; font-size: 35px; line-height: 35px; }
.nazivGrad{ font-size: 14px; line-height: 14px; text-align: center; letter-spacing: 10px; margin-top:5px; color: #222;  text-transform: uppercase;}

/*HEADER TOP*/
.header-top{ height: 30px; background-color: #21b24e; }
.header-top-left{float:left; color:#cff9dc; width:50%; height: 30px; font-size:14px; line-height: 30px;  }
.header-top-left span:nth-child(2){ margin-left: 30px; position: relative; }
.header-top-right{ float:right; width:50%; padding-left:20px; text-align: right;  height: 30px; -moz-box-sizing:border-box;  -webkit-box-sizing:border-box;  box-sizing:border-box;  margin-top:4px;  padding-right: 15px;  }
.header-top-right .header-top-social-text{color:#cff9dc; font-size:14px; line-height: 20px;}
.header-top-right img{height: 20px; margin-left:20px;}
 


/*CONTACT HEADER*/
.contact-header{ font-size: 14px; line-height: 30px; color:#d0ba26; }
.contact-header-left{ float:left; padding-right:30px;}
.contact-header-right{ float:left; }
.contact-header-bold{ color:#fff; font-weight: bold; }


/*HEADER*/
.header{height:100px;  border:0px solid #ff0000;  }
.header .logo{border:0px solid #ff0000; float:left; width:30%; }
.header .logo img{ border:0px solid #ff00ff; float:left; height: 60px; margin-top:20px;  }
.header .logo-naziv{ border:0px solid #ff0000; float:left; }
 

/*SLIDESHOW*/
#slideshow1{ position: relative; }
.kiwi-slideshow{ position:relative; overflow:hidden; text-align:center; margin:0px auto;}
.kiwi-slideshow-images{overflow:hidden; border:0px solid #ffff00; height:100px; list-style-type:none; margin:0px;}
.kiwi-slideshow-images li{ margin:0px;  }
.kiwi-slideshow-slide{ position:absolute; width: 100%; background-color:#efefef; background-repeat: no-repeat; background-position: center top; background-size:100% auto; }
.kiwi-slideshow-slide-m{ display: none; }

.slideshow-katalog{ position: absolute; color:#afffc8; top:100px; right: 10%; border-radius: 10px; padding:30px; background-color: rgba(0, 62, 128, 0.8); }
.slideshow-text{  text-transform: uppercase; text-align: center; font-weight: bold; margin-top:10px;}
.slideshow-text a{ color:#fff;  }

/*...slideshow box*/
.slideshow-box{ position:absolute; left: 0%; width: 50%; bottom: 0px; background-color: #fff; height: 200px;  }
.slideshow-circles{ position: absolute; bottom: 0px; left:0px; border:0px solid #cc0000; width: 300px; height: 300px; background: url(../images/slide-circles.png) bottom left no-repeat; background-size: cover; }
.slideshow-desc{ font-family: 'Montserrat', sans-serif; position: absolute; left:55%; width:45%; top: 30px; font-size: 60px; line-height: 70px; font-weight: 800; color:#2c4170; text-transform: uppercase; text-align: left;  }

.slideshow-vertical{ position: absolute; left: 40px; bottom:80px; height: 250%; width:7px; background-color: #fff; }
.slideshow-vertical::before{ position: absolute; top:55px; width: 130px; height: 20px; text-align: right; left:-77px; font-size: 16px; -moz-transform: rotateZ(-90deg); -webkit-transform: rotateZ(-90deg); transform: rotateZ(-90deg); line-height: 20px; color:#fff; content: '#experaapoteke'; }

.slideshow-highlight{ position: absolute; top: -40px; left: 0px; width: 50%; height: 200px; background: #e5b5cc; border-top-right-radius: 40px;  }
.slideshow-popust{ font-family: 'Montserrat', sans-serif; position: absolute; top: -40px; left:50px; width: calc(50% - 60px); font-size:120px; line-height: 200px; font-weight: 900; color:#2c4170; text-align: center;  }
.slideshow-popust-under{ font-family: 'Montserrat', sans-serif; position: absolute; left:0%; width: 50%; bottom: 0px; font-size: 24px; line-height: 40px; font-weight: 400; color:#2c4170; text-transform: uppercase; text-align: right;  }

/*GLAVNI MENI*/
.glavniMeni-container{ height:60px; width: 70%; float: right; margin-top:20px; }
.glavniMeni{ border:0px solid #ff0000; height:60px;  z-index:99; }


/*HEADER 2*/
.header2{ padding:100px 0px;  position: relative; background:#efefef url(../images/expera-apoteke-drogerije.jpg) no-repeat center center; background-size:cover; }
.header2 .slika100-text{ font-size: 60px; line-height: 70px; text-align: right; color:#fff; }
.header2 .slika100-text-span{ font-weight: bold; }


/* MAIN NAVIGATION */
#kiwi-menu {border:0px solid #ddd; position: relative; padding:0px; margin:0px; margin-top:10px; z-index:99; width:auto; float:right;}
#kiwi-menu{  }
#kiwi-menu ul:after {clear: both; content: " "; display: block; height: 0; visibility: hidden;}
#kiwi-menu ul li {cursor: pointer; color: #000; font-size: 15px; font-weight:700; text-transform: uppercase;  line-height:40px; display: block; float: left; padding: 0px 15px;}
#kiwi-menu ul li a {color: #000; font-family: 'Roboto Condensed', sans-serif; font-weight:700; font-size: 15px; line-height:40px;  text-transform: uppercase; }
#kiwi-menu ul li.active, #kiwi-menu ul li.active a  {color: #21b24e; }
#kiwi-menu ul li a:hover, #kiwi-menu ul li:hover  {color: #21b24e; transition: 0.5s; -moz-transition:0.5s; -webkit-transition: 0.5s; -o-transition:0.5s;}
#kiwi-menu .blob {position: absolute; height: 1px; bottom: -1px; z-index: 99;}
#kiwi-menu .mod-menu__sub{position:absolute;  background-color: #21b24e; height:0px; transition:0.7s; overflow:hidden; min-width:200px;  max-width: 350px; width: auto;}
#kiwi-menu .parent:hover .mod-menu__sub{ height:93px; transition: 0.7s; -moz-transition:0.7s;  -webkit-transition: 0.7s; -o-transition:0.7s;  }
#kiwi-menu .mod-menu__sub li{border-bottom:1px dotted #138d39; float:none; width: 100%; line-height: 40px; display: block; padding:0 10px; margin:0px 0px!important; box-sizing: border-box;}
#kiwi-menu ul .mod-menu__sub li a {color:#fff;}
/*...COVID-19*/
#kiwi-menu li.item-105 {background-color: #8ff5af;} 
 
#kiwi-menu .item-102:hover .mod-menu__sub{ height:82px;}
#kiwi-menu .item-103:hover .mod-menu__sub{ height:0px;}
#kiwi-menu .item-106:hover .mod-menu__sub{ height:0px;}


/*CONTENT*/
.content-radno-vrijeme{ width:100%; }
.content-radno-vrijeme td{ font-size: 14px!important; padding:4px 5px; }

 

/*PAGE CLANICE*/
.tabela-clanice td{ padding:10px 5px!important; }
.tabela-clanice td img{ height: 150px; width:auto; }

/*PAGE - GENERAL*/
.page-dugme{ padding:10px 30px; background-color:#21b24e; color:#fff; text-transform: uppercase; font-size: 15px; line-height: 19px;  }
.page-dugme:hover{ background-color:#117f33;  -moz-transition: .5s; -webkit-transition: .5s; transition: .5s; }

.page-subtitle{ font-size: 22px; line-height: 32px; font-weight: bold; margin-top:50px; margin-bottom: 25px;  }
.page-subtitle span{ padding:5px 15px; background: #21b24e; border-radius: 3px; color:#fff; }


/*OGLAS ZA POSAO*/
#jf-content table.table-oglasposao{ margin-bottom: 30px; }
#jf-content table.table-oglasposao td{padding: 10px 15px; font-size: 16px; font-weight: normal; line-height: 22px; }
#jf-content table.table-oglasposao tr td:first-child{ font-weight: bold; }
#jf-content table.table-oglasposao tr:first-child td{ border-top: 1px solid #aaa; }
#jf-content table.table-oglasposao tr:last-child td{ border-bottom: 3px double #aaa; }

/*AKCIJE*/
.page-akcija-cont{ width: 100%; overflow: hidden;}
.page-akcija-box{ width:48%; float:left; margin-right: 4%; }
.page-akcija-box:nth-child(2){ margin-right: 0%; }
.page-akcija-label{ font-size: 12px; text-transform: uppercase; color:#888; }
.page-akcija-tema{font-weight: bold; font-size:24px; line-height: 32px; margin-bottom: 20px; color:#003e80;}
.page-akcija-akcija{ font-weight: bold; font-size:20px; line-height: 28px; margin-bottom: 20px; color:#21b24e; }
.page-akcija-detalji{font-size:16px; line-height: 22px; color:#000; margin-bottom:15px;}
.page-akcija-period{font-size:16px; line-height: 22px; font-weight: bold; color:#000; margin-bottom:15px;}
.page-akcija-lokacije{font-size:14px; line-height: 20px; font-weight: bold; color:#000; margin-bottom:10px; padding-bottom: 10px; border-bottom: 1px solid #ddd;}
.page-akcija-lokacije span{ font-size: 13px; font-weight: normal; color:#444; }
.page-akcija-download{overflow: hidden; padding:15px 0px;}
.page-akcija-download-span{ padding: 10px 40px; color:#fff; background-color: #21b24e; text-transform: uppercase; }
.page-akcija-download-span:hover{ background-color: #117f33; -moz-transition: .5s; -webkit-transition: .5s; transition: .5s;}


/*APOTEKE*/
.page-apoteke{ overflow: hidden; width:100%; margin-bottom: 40px; }
.page-apoteke-box{ width: 18%; position: relative; float:left; margin-right: 2.5%; background-color: #efefef; font-size: 16px; font-weight: bold; text-transform: uppercase; text-align: center; margin-bottom: 15px; }
.page-apoteke-box:nth-child(5n){ margin-right: 0%; }
.page-apoteke-inner{ position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.page-apoteke-box:hover{ background-color: #21b24e; cursor: pointer;  -moz-transition: .5s; -webkit-transition: .5s; transition: .5s;}
.page-apoteke-box:hover a{ color:#fff!important; }
.page-apoteke-box a{ color:#000!important; -moz-transition: .5s; -webkit-transition: .5s; transition: .5s; }

/*APOTEKA*/
.page-apoteka{width: 100%; overflow: hidden; margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px dotted #21b24e}
.page-apoteka-box{ width: 48%; float:left; margin-right: 4%; }
.page-apoteka-box:nth-child(2){ margin-right: 0%; text-align: right }
.page-apoteka-naslov{ font-weight: bold; font-size:24px; line-height: 34px; margin-bottom: 20px; color:#003e80; }
.page-apoteka-label{ font-size: 16px; font-weight: bold; margin-bottom: 8px; color:#111;  margin-top: 20px; }
.page-apoteka-name{ font-size: 16px; color:#111; margin-bottom: 5px;}
.page-apoteka-name a{ color:#21b24e!important; }
.page-apoteka-radno{   }
.page-apoteka-radno td{ padding:3px 0px!important; background-color: #fff!important  }
.page-apoteka-radno td:nth-child(2){ padding-left:25px!important; color:#21b24e; font-weight: bold!important;  }
.page-apoteka-box img{ width: 60%; border:1px solid #ddd; }
.page-apoteka-button-cont{ width: 60%; padding:15px 0px; overflow: hidden; text-align: center; float:right;  }
.page-apoteka-button{ background-color: #21b24e; color:#fff; font-size:14px; text-transform: uppercase; font-weight: bold; width: 100%; padding:20px 0px; display: block;  }
.page-apoteka-button:hover{ background-color: #158939; transition: .5s; cursor: pointer; }

/*KIWI SLIDER*/
#kiwi-slider { position: relative;}
#kiwi-slider .MS-content {margin-top:15px;  overflow: hidden; white-space: nowrap; border: 0px solid #fff; }
#kiwi-slider .MS-content .item { display: inline-block; height: 100%; overflow: hidden; position: relative; vertical-align: top; padding-left:20px; box-sizing: border-box; width: 100%;
  color:#fff;}
#kiwi-slider .MS-controls { text-align: right; margin-top:10px; }
#kiwi-slider .MS-controls button{ border:2px solid #21b24e; border-radius: 0px; font-size: 24px; line-height: 18px; height: auto; width: auto; background: none; margin:0px; padding:5px 6px;  }
#kiwi-slider .MS-controls button .material-icons{ font-size: 24px; line-height: 24px; color:#000; }
#kiwi-slider .MS-controls button:hover{ border:2px solid #21b24e; background-color: #21b24e; color:#fff;  }
 
/* LANGUAGE JEZIK */
.jezik{float:right; z-index:1000; font-family: 'Roboto Condensed', sans-serif; font-weight:700; border-left:0px solid #666; width:80px; height:50px; font-size:16px; line-height:50px; }
.jezik a{color:#50B0C6;}
.jezik .lang-active a{color:#EBE4F0;}


/*KONTAKT FORMA*/
.sscf-header {}
.sscf-header p{ font-size:24px!important; color:#111; line-height: 34px!important; margin-bottom:20px; text-align:left; font-weight: bold;  }


 
 

.mobileHeader{ display:none;}
.edit-icon{ display:none;}
.scale{transition-duration:0.5s; -o-transition-duration:0.5s; -webkit-transition-duration: 0.5s; -moz-transition-duration:0.5s;}
.scale:hover{cursor: pointer; -moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); transition-duration:0.5s; -o-transition-duration:0.5s; -webkit-transition-duration: 0.5s; -moz-transition-duration:0.5s;}
.hoverBoja a{color:#111;}
.hoverBoja a:hover{color:#0D7187; transition-duration:0.5s; -o-transition-duration:0.5s; -webkit-transition-duration: 0.5s; -moz-transition-duration:0.5s; }
.pitanja:hover{background-color:#107388; color:#fff!important; transition-duration:0.5s; -o-transition-duration:0.5s; -webkit-transition-duration: 0.5s; -moz-transition-duration:0.5s;}


.homeMargina1{ margin:0px 20px; }


.tim{float:left; width:28%; margin-right:4%; margin-top:30px;}
.clr{ clear:both; width:100%; overflow:hidden;}

/*NASLOVI*/
.naslov{font-family: 'Montserrat', sans-serif;  padding-left:120px; font-size:24px; line-height: 34px; text-transform: uppercase; margin-bottom:20px; font-weight: 700; background:  url(../images/bg-naslov.png) center left no-repeat;}
.podnaslov{ font-size:20px; font-weight: bold; line-height: 30px; margin-bottom:20px; }

/*DUGME*/
.dugme-contanier{ margin-top:60px; }
.dugme{ font-size:14px; padding:12px 50px; background-color: #d0ba26; border:1px solid #d0ba26; text-transform: uppercase; color:#000; margin-right:20px;}
.dugme-sivo{font-size:14px; padding:8px 40px; background-color: transparent; text-transform: uppercase;  border:1px solid #712776; color:#712776; }
.dugme:hover{ background-color: #212289; border:1px solid #212289; color:#fff;  cursor: pointer; -moz-transition: .5s; -webkit-transition: .5s; transition: .5s;}
.dugme-sivo:hover{background-color: #712776; color:#fff;  cursor: pointer; -moz-transition: .5s; -webkit-transition: .5s; transition: .5s;}
.dugme-ukljucise-container { margin-top:30px; }
.dugme-ukljucise-container .dugme{ background-color: transparent;  font-size:20px; line-height: 20px; font-weight: bold; color:#fff; border:1px solid #fff;  }
.dugme-ukljucise-container .dugme:hover{ background-color: #fff; color:#000; border:1px solid #fff;  }
.dugme-donate-container { margin:20px 0px; text-align: center; overflow: hidden;}
.dugme-donate-container .dugme{ display: block ; width:33%; float:left; padding:5px 0px;}
.dugme-donate-container .dugme-sivo{ display: block; width:33%;  float:left; padding:5px 0px;  }
.dugme-donate-container .dugme:hover{  }

/*CONTENT*/
.content-left{ width:66%; float:left; }
.content-right{ width:32%; border-left:1px solid #ddd; padding-left:2%;  float:right;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

/*KIWI LATEST NEWS*/
.content-right h3{ font-weight: bold; font-size:18px; text-transform: uppercase; color:#fff; background-color: #1e6d36; line-height: 44px; padding-bottom:0px; padding-left:20px; margin-bottom: 0px; }
.latestnews { background-color: #21b24e; padding: 0px 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;  } 
.kiwi-latest{overflow:hidden; padding:0px 20px 20px 20px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.kiwi-latest-date{font-size:12px; color:#c3f8d3;}
.kiwi-latest-list{padding:10px 0px; font-size:16px; line-height: 21px; border-bottom:1px dotted #1e6d36;}
.kiwi-latest-list:last-child{ border-bottom: 0px; }
.kiwi-latest-list a{ color:#fff!important; }
.kiwi-latest-list a:hover{color:#c3f8d3!important;}
/*ARHIVA PROMOCIJA*/
.promocije-arhiva{ font-weight: bold; font-size:18px; text-transform: uppercase; color:#000; background-color: #efefef; line-height: 28px; padding:15px 0px 15px 20px; margin-bottom: 10px;}

/*KIWI CLANCI*/
.moduletable_clanci{ background-color: #2d3f71;} 
.moduletable_clanci  h3{ font-weight: bold; font-size:18px; color:#fff; text-transform: uppercase; background-color: #15244d!important;}
.moduletable_clanci .kiwi-latest{padding:0px 20px 20px 20px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.moduletable_clanci .kiwi-latest-list{ border-bottom:1px dotted #0c183b;}
.moduletable_clanci .kiwi-latest-list:last-child{ border-bottom:0px dotted #0c183b;}
.moduletable_clanci .kiwi-latest-date{ display: none; }
.moduletable_clanci .kiwi-latest-list a{ color:#fff!important; font-size:18px!important; line-height: 24px!important; }
.moduletable_clanci .kiwi-latest-list a:hover{ color:#c0cae6!important; }

/*PRETRAGA RIGHT*/
.pretraga-right{ margin-top:40px; position: relative; min-height: 110px; margin-bottom: 40px; }
.pretraga-right-title{ font-size: 18px; line-height: 30px; margin-bottom: 20px; font-weight: bold; color:#000; }
.pretraga-right-preinput{ width: 30%; background-color:#21b24e; float:left; border-top-left-radius: 5px; border-bottom-left-radius: 5px; line-height: 54px; text-align: center; color:#fff; text-transform: uppercase; font-size: 14px; }
.pretraga-right-input{ width: 70%; float: right; margin: 0px auto; border-top-right-radius: 5px; border-bottom-right-radius: 5px; padding:10px 20px; font-size: 20px; line-height: 34px; background-color:#efefef; border:0px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.pretraga-right-flow-cont{ position: absolute; z-index: 999; margin-left:30%; top:105px; border:0px solid #ff0000; width: 70%; padding:10px 15px; background: #efefef; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; max-height: 300px; overflow-y: scroll;}
.pretraga-right-flow-cont ul{ margin:0!important; list-style-type: none!important; }
.pretraga-right-flow-cont li{ border-bottom: 1px dotted #ddd; padding:5px 20px; margin:0px!important; }
.pretraga-right-flow-cont li:last-child{ border-bottom: 0px dotted #ddd; }
.pretraga-right-flow-cont li a{ color:#000; }
.pretraga-right-flow-cont li a:hover{ color:#21b24e; }

/*VIJESTI*/
.vijesti{ padding:60px 0px; background-color: #efefef;}
.aktuelnosti{ padding:60px 0px; background-color: #fff;}
.vijesti-dugme{ padding:10px 0px; text-align: center; margin-top:50px; }
.vijesti-dugme span{ padding:14px 60px; text-transform: uppercase; border:2px solid #21b24e; font-size: 15px; color:#000; font-weight: bold; line-height: 14px; border-radius: 23px;   }
.vijesti-dugme span:hover{ background-color:  #21b24e; color:#fff; transition:.5s;   }

/*MREZA APOTEKA*/
.apoteke{ padding:60px 0px; background:#003e80;   }
.apoteke .main{ padding:0px!important; }
.apoteke .naslov{ color:#fff; }
.apoteke-uvod{ font-size: 20px; line-height:30px; color:#9cc7f8; margin-top:150px; }
.apoteke-uvod-span{ font-weight: bold; color:#fff; }
.apoteke-left{ width:50%; float: left;}
.apoteke-right{ width:50%; float: right; min-height: 520px; background:#003e80 url(../images/mapa-expera-pharmacy-apoteke.png) center center no-repeat; background-size: 570px;}
.apoteke-input-cont{ width: 100%; position: relative; margin-top:40px; }
.apoteke-preinput{ width: 30%; background-color:#2d65a0; float:left; border-top-left-radius: 5px; border-bottom-left-radius: 5px; line-height: 54px; text-align: center; color:#fff; text-transform: uppercase; }
.apoteke-input{ width: 70%; float: right; margin: 0px auto; border-top-right-radius: 5px; border-bottom-right-radius: 5px; padding:10px 20px; font-size: 24px; line-height: 34px; background-color:#fff; border:0px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.apoteke-flow-cont{ position: absolute; margin-left:30%; top:55px; border:0px solid #ff0000; width: 70%; padding:20px 30px; background: #fff; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; max-height: 300px; overflow-y: scroll; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
.apoteke-flow-cont li{ border-bottom: 1px dotted #ddd; padding:5px 20px; }
.apoteke-flow-cont li:last-child{ border-bottom: 0px dotted #ddd; }
.apoteke-flow-cont li a{ color:#000; }
.apoteke-flow-cont li a:hover{ color:#21b24e; }

/*SLIKA 100*/
.slika100{ padding:100px 0px; background: #efefef url(../images/expera-apoteke-bijeljina.jpg) center center no-repeat; }
.slika100-text{ font-size: 60px; line-height: 70px; text-align: right; }
.slika100-text-span{ font-weight: bold; }
 


/*BANERI*/
.baneri{ padding: 80px 0px; background-color: #efefef}
.baneri a{ color:#fff; }
.baneri-cont{ width: 100%; overflow: hidden; }
.baneri-box{ width: 47%; float:left; position: relative;   }
.baneri-box:nth-child(2){ float:right; } 
.baneri-box:hover { border-radius: 30px; overflow: hidden; }
.baneri-box:hover .baneri-box-abs{/*position: absolute; bottom:auto; padding:15px 0px; top:50%; left:50%; transform: translate(-50%, -50%); transition:.5s;*/  }
.baneri-box:hover .baneri-desc{ height:35px;  transition:.5s; border-bottom-left-radius: 30px; border-bottom-right-radius: 30px;  }
.baneri-box:hover .baneri-image img{  opacity: 0.5;  }
.baneri-image{  }
.baneri-image img{ width:100%;  opacity: 1;  }
.baneri-box-abs{position: relative; width: 100%;  min-height:100px;  /* background-color: rgba(0,0,0,0.5); transform: translate(-50%);*/ box-sizing: border-box;}
.baneri-title{ font-size: 24px; line-height: 34px; text-align: center; color:#fff;  background-color: #21b24e; padding-top:10px; padding-bottom: 5px; font-weight: bold; text-transform: uppercase;  }
.baneri-desc{ height:0px; font-size: 16px; line-height: 22px; text-align: center;  background-color: #21b24e; color:#eee;  overflow: hidden;  }
 
 /*BROJACI*/
.brojaci{ background:#85b7f1; padding:60px 0px; background:#003e80 url('../images/bg-brojaci.jpg') center center no-repeat;  background-attachment: fixed; }
.brojaci .naslov{ color:#fff; }
.brojaci-cont{ width: 100%; display: table; margin-top:40px; }
.brojaci-box{ width: 25%; display: table-cell; padding:20px 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.brojaci-number{ font-size: 26px; text-align: center; color:#ddd; line-height: 60px; margin-bottom: 10px;}
.fig-number{color:#fff; font-size: 50px; font-weight: bold;}
.brojaci-title{ font-size:15px; text-align: center; color:#000; background-color:#fff; border-radius: 16px; letter-spacing: 0px; text-transform: uppercase; line-height: 18px; margin:0px 20px; padding:7px 0px;}
.brojaci-title-span{ color:#033979;  font-weight: bold;}


/*ATRIBUTI*/
.atributi{ color:#d0ba26; font-weight:bold; padding:60px; z-index: 1!important}
.atributi .naslov{ margin-bottom:50px; }
.atributi-cont{ width: 100%; overflow: hidden; }
.atributi-box{ width: 45%; margin-right: 10%; margin-bottom:40px; float:left; overflow: hidden; }
.atributi-box:nth-child(2n){ margin-right: 0%; }
.atributi-box:nth-child(3), .atributi-box:nth-child(4){ margin-bottom:0px; }
.atributi-icon{ width:20%; float:left; }
.atributi-icon img{ width: 50px; height: 50px; padding:10px; background-color:#21b24e; border-radius: 5px;}
.atributi-content{ width: 80%; float: right; }
.atributi-naslov{ font-size: 20px; font-weight: bold; color:#000; line-height: 28px; margin-bottom: 15px; }
.atributi-opis{ font-size: 16px; color:#555; line-height: 22px; font-weight: normal; min-height: 88px  } 


/* CATEGORY BLOG*/
.blog-items{ overflow: hidden;  }
.blog-items .blog-item{ border:1px solid #fff; width: 45%; float:left; margin-right: 9%; }
.blog-items .blog-item:nth-child(2n){ margin-right: 0%; }
.items-leading{ border:0px solid #ff0000; overflow: hidden; display: block; }
.blog .subheading-category{ font-size:24px; text-transform: uppercase; font-weight: bold; line-height: 34px; margin-bottom:30px; overflow: hidden;  display: block; }
.categoryBlog{border:0px solid #000; overflow:hidden; margin-bottom:20px; padding-bottom:20px; }

.categoryTitle1 h2{font-size:18px!important; line-height: 24px!important; font-weight: bold; height: 48px; overflow: hidden;}
.categoryTitle1 h2 a:hover{color:#21b24e!important;}
 
.categoryImage{width:100%; float:none; border:0px solid #00ff00;}
.categoryImageSpan{width:100%; display: block; background-size:cover; background-position: center center;}
.categoryDate{font-size:14px; line-height: 22px; color:#888; }
.categoryIntro{float:left; font-size:16px; line-height: 26px; width:100%; margin-top:5px; }

/*TESTIMONIALS*/
.parallax{background-attachment: fixed;   background-size: cover;  }
.testimonials-quote{ font-size:20px; padding-left:120px; background: url(../images/bg-naslov.png) top left no-repeat;line-height: 30px; color:#fff; width: 60%;}
.testimonials{ background-image: url("../images/sad-5.jpg"); background-position: center center; background-repeat: no-repeat;margin-top:40px; padding:180px 0px; }
.testimonials-container { position: relative; margin: auto;}
 
 


/*SOCIAL ICONS */
.fa {padding: 14px 11px 14px 14px; font-size: 25px; width: 25px; border:1px solid #E9E9E9; text-align: center; text-decoration: none; margin: 10px 5px;}
.fa:hover {opacity: 0.7; color:#fff;}
.fa-facebook {background: #3B5998; color: white;}
.fa-twitter {background: #55ACEE; color: white;}
.fa-google {background: #dd4b39; color: white;}
.fa-linkedin {background: #007bb5; color: white;}
.fa-youtube {background: #bb0000; color: white;}
.fa-instagram {background: #125688; color: white;}

/*POWERED BY*/
.powered-by-container{ background-color:#252525; padding:10px 0px; text-align:right; font-size:14px; color:#888; padding-right:10px;}
.powered-by{color:#fff;}
.powered-by:hover{color:#f1b41d;}
.powered-by-co{color:#f1b41d}
.powered-by-container .main{padding:0px!important; }


/* ALL VIDEO SHARE */

#avs_gallery .title{color:#262626!important; font-size:18px!important;}
#avs_gallery .title:hover{color:#107388!important;}
#avs_gallery .youtube-title{font-size:36px!important; color:#262626!important;}
#avs_gallery .avs_video_description span{font-size:18px!important;}


/* BT - CONTENTSLIDER */
#btcontentslider90.bt-cs{ padding-top: 30px; }
.bt-cs .bt-inner .bt-title{ text-transform: none!important }
#btcontentslider90 .bt-row .bt-center{padding:0px 10px; background: 0px solid #ff0000!important;}
#btcontentslider90 .bt-row .bt-center:hover{ animation: fadeEffect .5s ease-in-out;  }
#btcontentslider90 .bt-row .bt-center:hover .bt-title{ color:#21b24e;}
#btcontentslider90 .bt-row-last .bt-center{padding-left:20px; padding-right:0px; }
#btcontentslider90 .bt-row-first .bt-center{padding-right:20px; padding-left:0px;}
#btcontentslider90 .bt-row:nth-child(3) .bt-center{padding-left:20px; padding-right:0px;}
#btcontentslider90 .bt-row:nth-child(5) .bt-center{padding-right:20px; padding-left:0px;}
#btcontentslider90 .bt-date{border:0px solid #ff0000; width: 100%; padding:0px; margin:0px!important; color:#888; font-size:13px; top:0px; line-height:15px; padding-top:5px;}
#btcontentslider90 .traka{ border:0px solid #ff0000; text-align:left;}
#btcontentslider90 .bt-title{border:0px solid #ff0000; width: 100%; padding:0px; margin:0px!important; font-size:17px; color:#000; text-align:left; line-height:21px; display:block; text-transform: normal!important; overflow: hidden; }
#btcontentslider90 .bt-row-separate{border:0px solid #ff0000!important;}
#btcontentslider90 .bt-row-separate:before{border:5px solid #ff0000!important;}
#btcontentslider90 .bt_handles{ background-color:#efefef; padding:5px; }

#btcontentslider110.bt-cs{ padding-top: 30px; }
.bt-cs .bt-inner .bt-title{ text-transform: none!important }
#btcontentslider110 .bt-row .bt-center{padding:0px 10px; background: 0px solid #ff0000!important;}
#btcontentslider110 .bt-row .bt-center:hover{ animation: fadeEffect .5s ease-in-out;  }
#btcontentslider110 .bt-row .bt-center:hover .bt-title{ color:#21b24e;}
#btcontentslider110 .bt-row-last .bt-center{padding-left:20px; padding-right:0px; }
#btcontentslider110 .bt-row-first .bt-center{padding-right:20px; padding-left:0px;}
#btcontentslider110 .bt-row:nth-child(3) .bt-center{padding-left:20px; padding-right:0px;}
#btcontentslider110 .bt-row:nth-child(5) .bt-center{padding-right:20px; padding-left:0px;}
#btcontentslider110 .bt-date{border:0px solid #ff0000; width: 100%; padding:0px; margin:0px!important; color:#888; font-size:13px; top:0px; line-height:15px; padding-top:5px;}
#btcontentslider110 .traka{ border:0px solid #ff0000; text-align:left;}
#btcontentslider110 .bt-title{border:0px solid #ff0000; width: 100%; padding:0px; height: 44px; margin:0px!important; font-size:18px; color:#000; text-align:left; line-height:22px; display:block; text-transform: normal!important; overflow: hidden; }
#btcontentslider110 .bt-row-separate{border:0px solid #ff0000!important;}
#btcontentslider110 .bt-row-separate:before{border:5px solid #ff0000!important;}
#btcontentslider110 .bt_handles{ background-color:#efefef; padding:5px; }

@keyframes fadeEffect {
  0%   {opacity: 0.8;}
  20%   {opacity: 0.7;}
  50%   {opacity: 0.9;}
  100% {opacity: 1;}
}


/*CLANCI - SAVJETI*/
.savjeti{ padding: 60px 0px; background-color: #033979 }
.savjeti .naslov{ color:#fff; }

#btcontentslider94.bt-cs{ padding-top: 30px; }
#btcontentslider94 .bt-row .bt-center{padding:0px 10px; background: 0px solid #ff0000!important;}
#btcontentslider94 .bt-row .bt-center:hover{ animation: fadeEffect .5s ease-in-out;  }
#btcontentslider94 .bt-row .bt-center:hover .bt-title{ color:#21b24e;}
#btcontentslider94 .bt-row-last .bt-center{padding-left:20px; padding-right:0px; }
#btcontentslider94 .bt-row-first .bt-center{padding-right:20px; padding-left:0px;}
#btcontentslider94 .bt-row:nth-child(3) .bt-center{padding-left:20px; padding-right:0px;}
#btcontentslider94 .bt-row:nth-child(5) .bt-center{padding-right:20px; padding-left:0px;}
#btcontentslider94 .bt-date{ display: none;}
#btcontentslider94 .traka{  text-align:left;}
#btcontentslider94 .bt-title{width: 100%; padding:0px; height:44px; margin:10px 0px 0px 0px!important; font-size:18px; color:#fff; text-align:left; line-height:22px; display:block; text-transform: none!important; overflow: hidden}
#btcontentslider94 .bt-row-separate{border:0px solid #ff0000!important;}
#btcontentslider94 .bt-row-separate:before{border:5px solid #ff0000!important;}
#btcontentslider94 .bt_handles{ background-color:#efefef; padding:5px; }



/* SIDE NAVIGATION */
#mySidenav{display:none; }

 

#rotateBox{ background-color:#ff0000; width:100px; height:100px; }


/*PAGINATION*/ 
.com-content-category-blog__navigation {display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1rem; margin-top: 2rem; padding: 0.5rem 0; }
.com-content-category-blog__counter {font-size: 0.95rem; color: #6c757d; margin: 0; }
.com-content-category-blog__pagination {display: flex; width: 100%; }
.pagination__wrapper .pagination {display: flex; list-style: none; padding: 0; margin: 0; gap: 6px; margin-left: 0px!important}
.pagination .page-item {display: flex; text-align:  center; }
.pagination .page-link {display: flex; align-items: center; justify-content: center; min-width: 21px; height: 21px; padding: 4px 4px; border-radius: 2px; border: 1px solid #e5e7eb; background: #fff; color: #374151; text-decoration: none; transition: all 0.2s ease; box-shadow: 0 1px 2px rgba(0,0,0,0.04); }
.pagination .page-link:hover {background: #f3f4f6; border-color: #d1d5db; }
.pagination .active .page-link {background: #8ff5af;  border-color: #8ff5af; color: #fff; font-weight: 600; box-shadow: 0 4px 10px rgba(37, 99, 235, 0.25); }
.pagination .disabled .page-link {color: #9ca3af; background: #f9fafb; border-color: #e5e7eb; cursor: not-allowed; box-shadow: none; }
.pagination .page-link:focus {outline: none; box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.25); }


/*ROTATOR KLIJENTI*/
.brendovi{ padding:60px 0px; }
#clients {display: block; margin-left: auto; margin-right: auto;}
#clients .clients-wrap {display: block; width: 95%; margin: 0 auto;overflow: hidden;}
#clients .clients-wrap ul {display: block; list-style: none; position: relative; margin-left: auto; margin-right: auto;}
#clients .clients-wrap ul li {display: block; float: left; position: relative; width: 200px; height: 100px; line-height: 100px; text-align: center;}
#clients .clients-wrap ul li img {vertical-align: middle;max-width: 100%; max-height: 100%; -webkit-transition: 0 linear left; -moz-transition: 0 linear left transition: 0 linear left; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)"; filter: alpha(opacity=75); opacity: 0.80;}
#clients .clients-wrap ul li img:hover {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100);opacity: 1.0;}



/*FOOTER*/
.footer{ background-color: #262626; padding:60px 0px; z-index: 1!important}
.footer-margin-top{ margin-top: 30px; }
.footer-image img{ height: 120px; }
.footer-slogan{ color:#fff; font-size:20px; font-weight: bold; line-height: 26px; margin-top:30px; margin-bottom: 30px; text-align: center; }
.slogan-span{ color:#21b24e; }
.footer-desc{ color:#888; font-size: 14px; line-height: 20px; text-align: center; }
.footer-naslov{ font-size:14px; line-height: 20px; margin-bottom: 10px; color:#fff; font-weight: bold; text-transform: uppercase; }
.footer-list{  background: #262626 url("../images/bg-line-footer.png") no-repeat center left; font-size:14px; line-height: 24px; padding: 7px 0px; color:#888;  padding-left:30px;}
.footer-list a{ color:#888; }
.footer-list a:hover{ color:#21b24e; -moz-transition: .5s; -webkit-transition: .5s; transition: .5s; }
 
.footer-telefon{ background: #262626 url("../images/phone.png") no-repeat center left; background-size: 16px; line-height: 24px; padding:7px 0px; padding-left:30px; }
.footer-adresa{ background: #262626 url("../images/Home.png") no-repeat center left; background-size: 16px; line-height: 24px; padding:7px 0px; padding-left:30px;  }
.footer-fax{ background: #262626 url("../images/faxMachine.png") no-repeat center left; background-size: 16px; line-height: 24px; padding:7px 0px; padding-left:30px;  }
.footer-email{ background: #262626 url("../images/email.png") no-repeat center left; background-size: 16px; line-height: 24px; padding:7px 0px; padding-left:30px;  }


.footer-social{ margin-top:30px;  }
.footer-social img{ height: 20px; margin-right: 15px; padding:10px; background-color:#21b24e; border-radius: 5px;  }
.footer-social img:hover{cursor:pointer; background-color:#0d6c2b; -moz-transition: .5s; -webkit-transition: .5s; transition: .5s;  }


 

/* #Base 960 Grid
================================================== */
.main {
    width: 1200px;
    border:0px solid #ff0000;
}

.main100 {
    width: 100%;
}

.colspan2 {
    width: 440px;
}

.colspan3 {
    width: 33%;
}

.colspan50 {
    width: 50%;
}

.colspan50a {
    width: 50%;
}
.colspan50b {
    width: 50%;
}

.colspan75 {
    width: 74%;
}
.colspan25 {
    width: 25%;
}
.colspan20 {
    width: 20%;
}

.colspan66 {
    width: 66%;
}
.colspan33 {
    width: 33%;
}
.colspan40 {
    width: 40%;
}
.colspan60 {
    width: 60%;
}

.colspan33a {
    display:none;
}


/* #BIG SCREEN (Portrait)
================================================== */

/* Note: Design for a width of 1200px */

@media (min-width: 1800px) {

    .colspan66 {
        width: 66% !important;
    }
    .colspan33 {
        width: 33% !important;
    }


 
}

 

@media (min-width: 1500px) and (max-width: 1799px) {

  

    .colspan66 {
        width: 66% !important;
    }
    .colspan33 {
        width: 33% !important;
    }

    .colspan33a{
    width: 10% !important;
    }

 

    /*...slideshow box*/
    .slideshow-box{ height: 180px;  }
    .slideshow-circles{width: 280px; height: 280px; }
    .slideshow-desc{ left:55%; width:45%; top: 30px; font-size: 50px; line-height: 60px;}
    .slideshow-vertical{ left: 40px; bottom:80px; height: 220%; width:7px; }
    .slideshow-highlight{top: -35px; width: 50%; height: 180px; border-top-right-radius: 40px;  }
    .slideshow-popust{ top: -35px; left:50px; width: calc(50% - 60px); font-size:110px; line-height: 180px; }
    .slideshow-popust-under { font-size: 22px; line-height: 35px;  }

}


@media (min-width: 1200px) and (max-width: 1499px) {

  

    .colspan66 {
        width: 66% !important;
    }
    .colspan33 {
        width: 33% !important;
    }

    .colspan33a{
    width: 10% !important;
    }


    /*...slideshow box*/
    .slideshow-box{ height: 160px;  }
    .slideshow-circles{width: 250px; height: 250px; }
    .slideshow-desc{ left:55%; width:45%; top: 30px; font-size: 44px; line-height: 50px;}
    .slideshow-vertical{ left: 40px; bottom:80px; height: 210%; width:4px; }
    .slideshow-highlight{top: -35px; width: 50%; height: 160px; border-top-right-radius: 30px;  }
    .slideshow-popust{ top: -35px; left:50px; width: calc(50% - 60px); font-size:90px; line-height: 160px; }
    .slideshow-popust-under { font-size: 20px; line-height: 35px;  }

}

@media (min-width: 1000px) and (max-width: 1199px) {

  

    .colspan66 {
        width: 66% !important;
    }
    .colspan33 {
        width: 33% !important;
    }

    .colspan33a{
    width: 10% !important;
    }

    /*...slideshow box*/
    .slideshow-box{ height: 140px;  }
    .slideshow-circles{width: 220px; height: 220px; }
    .slideshow-desc{ left:55%; width:45%; top: 25px; font-size: 36px; line-height: 45px;}
    .slideshow-vertical{ left: 25px; bottom:70px; height: 190%; width:4px; }
    .slideshow-highlight{top: -30px; width: 50%; height: 140px; border-top-right-radius: 40px;  }
    .slideshow-popust{ top: -30px; left:30px; width: calc(50% - 35px); font-size:75px; line-height: 140px; }
    .slideshow-popust-under { font-size: 18px; line-height: 30px;  }

}


/* #Tablet (Portrait)
================================================== */

/* Note: Design for a width of 768px */

@media (min-width: 768px) and (max-width: 959px) {
 
}


/*  #Mobile (Portrait)
================================================== */

/* Note: Design for a width of 320px */

@media (max-width: 767px) {
 
 
.glavniMeni{display:none;}
.glavniMeni-container{ display: none }
.header-top{ display: none; }
.header{display:none;}
.mobileHeader{display:block; width:100%; position:fixed; top:0px; background-color: #fff; height:50px; z-index:100;}

/* MENU DUGME */
a.gotomenu {display: block; height: 30px; font-size:20px; line-height: 30px; color:#000; position: absolute; right: 10px; top: 13px; width: 30px; z-index: 60;}
 
.projektiNaslov{margin:20px 15px;}
.homeMargina2015{margin:20px 15px;}
.homeMargina{ margin:0px 20px; }
.homeMargina1{ margin:0px 20px; margin-bottom:40px;}
.spanBottom{margin-bottom:40px;}
.categories-list h3{margin-bottom:15px;}
.tim{width:100%;}

.logoSlika{ height: 46px; position: absolute; left:5%;  margin-top:2px; }

.homeMarginaRight{margin-right:0px; border:0px solid #ff0000;}
 

/*NASLOVI*/
.naslov{ padding-left:0px; font-size:22px; line-height: 32px; text-transform: uppercase; margin-bottom:20px; font-weight: bold; background: url(../images/bg-naslov-m.png) left bottom no-repeat; padding-bottom: 20px;}

/*KIWI SLIDESHOW*/
.kiwi-slideshow{ overflow: visible;  }
.kiwi-slideshow-images{ margin-top:50px; }
.kiwi-slideshow-slide-m{ display: block; position:absolute; width: 100%; background-color:#efefef; background-repeat: no-repeat; background-position: center center; background-size:cover;}
.slideshow-katalog{ position: relative; width: 100%; color:#afffc8; top:auto; right: auto; border-radius: 0px; padding:15px 0px; background-color: rgba(0, 62, 128, 1); }
.slideshow-text{  text-transform: uppercase; text-align: center; font-weight: bold; margin-top:10px;}
.slideshow-text a{ color:#fff;  }

/*...slideshow box*/
.slideshow-box { width: 100%; bottom: -50px; height: 100px;  }
.slideshow-circles{  width: 160px; height: 160px; }
.slideshow-desc{ top: 15px; font-size: 25px; line-height: 35px;  }
.slideshow-vertical{  left: 25px; bottom:50px; height: 280%; width:3px;  }
.slideshow-vertical::before{  font-size: 14px;  }
.slideshow-highlight{ position: absolute; top: -20px; left: 0px; width: 50%; height: 100px; background: #e5b5cc; border-top-right-radius: 25px;  }
.slideshow-popust{  position: absolute; top: -20px; left:30px; width: calc(50% - 35px); font-size:50px; line-height: 100px;   }
.slideshow-popust-under { font-size: 14px; line-height: 20px;  }

 
/*HEADER 2*/
.header2{ padding:40px 0px; margin-top:50px; position: relative; background:#efefef url(../images/expera-apoteke-drogerije-m.jpg) no-repeat center center; background-size: cover  }
.header2 .slika100-text{ font-size: 30px; line-height: 40px; text-align: right; color:#fff; margin-right: 20px; }
.header2 .slika100-text-span{ font-weight: bold; }


/*AKCIJE*/
.page-akcija-cont{ width: 100%; overflow: hidden;}
.page-akcija-box{ width:100%; float:left; margin-right:0%; }
.page-akcija-box:nth-child(2){ margin-right: 0%; margin-top:30px; }
.page-akcija-label{ font-size: 12px; text-transform: uppercase; color:#888; }
.page-akcija-tema{font-weight: bold; font-size:24px; line-height: 32px; margin-bottom: 20px; color:#003e80;}
.page-akcija-akcija{ font-weight: bold; font-size:20px; line-height: 28px; margin-bottom: 20px; color:#21b24e; }
.page-akcija-detalji{font-size:16px; line-height: 22px; color:#000; margin-bottom:15px;}
.page-akcija-period{font-size:16px; line-height: 22px; font-weight: bold; color:#000; margin-bottom:15px;}
.page-akcija-lokacije{font-size:16px; line-height: 22px; font-weight: bold; color:#000; margin-bottom:15px;}
.page-akcija-download{overflow: hidden; padding:15px 0px;}
.page-akcija-download-span{ padding: 10px 40px; color:#fff; background-color: #21b24e; text-transform: uppercase; }
.page-akcija-download-span:hover{ background-color: #117f33; -moz-transition: .5s; -webkit-transition: .5s; transition: .5s;}


/*APOTEKE*/
.page-apoteke{ overflow: hidden; width:100%; margin-bottom: 40px; }
.page-apoteke-box{ width: 48%; position: relative; float:left; margin-right: 4%; background-color: #efefef; font-size: 15px; line-height: 21px; font-weight: bold; text-transform: uppercase; text-align: center; margin-bottom: 13px; }
.page-apoteke-box:nth-child(5n){ margin-right: 4%; }
.page-apoteke-box:nth-child(2n){ margin-right: 0%; }
.page-apoteke-inner{ position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.page-apoteke-box:hover{ background-color: #21b24e; cursor: pointer;  -moz-transition: .5s; -webkit-transition: .5s; transition: .5s;}
.page-apoteke-box:hover a{ color:#fff!important; }
.page-apoteke-box a{ color:#000!important; -moz-transition: .5s; -webkit-transition: .5s; transition: .5s; }

/*APOTEKA*/
.page-apoteka{width: 100%; overflow: hidden; margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px dotted #21b24e}
.page-apoteka-box{ width: 100%; float:left; margin-right:0%; }
.page-apoteka-box:nth-child(2){ margin-right: 0%; margin-top:20px; text-align: right }
.page-apoteka-naslov{ font-weight: bold; font-size:20px; line-height: 30px; margin-bottom: 15px; color:#003e80; }
.page-apoteka-label{ font-size: 16px; font-weight: bold; margin-bottom: 0px; color:#111;  margin-top: 20px; }
.page-apoteka-name{ font-size: 16px; color:#111; margin-bottom: 5px;}
.page-apoteka-name a{ color:#21b24e!important; }
.page-apoteka-radno td{ padding:3px 0px!important; background-color: #fff!important  }
.page-apoteka-radno td:nth-child(2){ padding-left:25px!important; color:#21b24e; font-weight: bold!important;  }
.page-apoteka-box img{ width: 100%; border:1px solid #ddd; }
.page-apoteka-button-cont{ width: 50%; padding:15px 0px; overflow: hidden; text-align: center; float:left;  }
.page-apoteka-button{ background-color: #21b24e; color:#fff; font-size:14px; text-transform: uppercase; font-weight: bold; width: 100%; padding:12px 0px; display: block;  }
.page-apoteka-button:hover{ background-color: #158939; transition: .5s; cursor: pointer; }
 

/*CONTENT*/
.content-left{ width:100%; float:none; }
.content-right{ width:100%; float:none; padding-top:40px; padding-left:0px; border:0px;}

 
/*DUGME*/
.dugme-contanier{ margin-top:40px; }
.dugme{ font-size:14px; padding:9px 35px; background-color: #d0ba26; border:1px solid #d0ba26; text-transform: uppercase; color:#000; margin-right:10px;}
.dugme-sivo{font-size:14px; padding:6px 30px; background-color: transparent; text-transform: uppercase;  border:1px solid #712776; color:#712776; }
.dugme:hover{ background-color: #212289; border:1px solid #212289; color:#fff;  cursor: pointer; -moz-transition: .5s; -webkit-transition: .5s; transition: .5s;}
.dugme-sivo:hover{background-color: #712776; color:#fff;  cursor: pointer; -moz-transition: .5s; -webkit-transition: .5s; transition: .5s;}
.dugme-ukljucise-container { margin-top:30px; }
.dugme-ukljucise-container .dugme{ display: block; text-align: center; background-color: transparent;  font-size:22px; line-height: 22px; font-weight: bold; color:#fff; border:2px solid #fff;  padding:10px 0px;}
.dugme-ukljucise-container .dugme:hover{ background-color: #fff; color:#000; border:2px solid #fff;  }
.dugme-donate-container { margin:20px 0px; text-align: center; overflow: hidden;}
.dugme-donate-container .dugme{ display: block ; width:43%; float:left; padding:5px 0px;}
.dugme-donate-container .dugme-sivo{ display: block; width:43%;  float:left; padding:5px 0px;  }
.dugme-donate-container .dugme:hover{  }

/*BANERI*/
.baneri{ padding: 40px 0px; background-color: #efefef}
.baneri-box{ width: 100%; float:none; position: relative;   }
.baneri-box:nth-child(2){ float:none; } 
.baneri-box:hover { border-radius: 20px; overflow: hidden; }
.baneri-box:hover .baneri-desc{ height:45px;  transition:.5s; border-bottom-left-radius: 30px; border-bottom-right-radius: 30px;  }
.baneri-image img{ width:100%;  opacity: 1;  }
.baneri-box-abs{position: relative; width: 100%;  min-height:100px; /* background-color: rgba(0,0,0,0.5); transform: translate(-50%); */ box-sizing: border-box;}
.baneri-title{ font-size: 20px; line-height: 30px; text-align: center; color:#fff;  background-color: #21b24e; padding-top:10px; padding-bottom: 5px; font-weight: bold; text-transform: uppercase;  }
.baneri-desc{ height:0px; font-size: 16px; line-height: 20px; text-align: center;  background-color: #21b24e; color:#eee; padding-left:8px; padding-right: 8px;  overflow: hidden;  }

/*UKLJUCI SE*/
.slika100{ background: #efefef url(../images/expera-apoteke-bijeljina.jpg) center center no-repeat; }
 
/*MREZA APOTEKA*/
.apoteke{ padding:60px 0px; background:#003e80; }
.apoteke .main{ padding:0px!important; }
.apoteke .naslov{ color:#fff; }
.apoteke-uvod{ font-size: 18px; line-height:28px; color:#9cc7f8; margin-top:40px; }
.apoteke-left{ width:100%; float: none;}
.apoteke-right{ width:100%; float: none; min-height: 340px; background:#003e80 url(../images/mapa-expera-pharmacy-apoteke.png) center center no-repeat; background-size: 340px;}
.apoteke-input-cont{ width: 100%; position: relative; margin-top:20px; margin-bottom: 140px; }
.apoteke-preinput{ width: 30%; background-color:#2d65a0; float:left; border-top-left-radius: 5px; border-bottom-left-radius: 5px; line-height: 54px; text-align: center; color:#fff; text-transform: uppercase; }
.apoteke-input{ width: 70%; float: right; margin: 0px auto; border-top-right-radius: 5px; border-bottom-right-radius: 5px; padding:10px 20px; font-size: 24px; line-height: 34px; background-color:#fff; border:0px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.apoteke-flow-cont{ position: absolute; margin-left:30%; top:55px; border:0px solid #ff0000; width: 70%; padding:10px 10px; background: #fff; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; max-height: 300px; overflow-y: scroll;}
.apoteke-flow-cont li{ border-bottom: 1px dotted #ddd; padding:5px 20px; }
.apoteke-flow-cont li:last-child{ border-bottom: 0px dotted #ddd; }
.apoteke-flow-cont li a{ color:#000; }
.apoteke-flow-cont li a:hover{ color:#21b24e; }

 /*BROJACI*/
.brojaci{ background:#85b7f1; padding:60px 0px; background:#efefef url('../images/bg-brojaci.jpg') center center no-repeat; background-size: cover; }
.brojaci .naslov{ color:#fff; }
.brojaci-cont{ width: 100%; display: block; margin-top:40px; }
.brojaci-box{ width: 100%; display: block; padding:20px 15px; margin-bottom: 30px; }
.brojaci-box:last-child{ margin-bottom: 0px; }
.brojaci-title{ font-size:15px; text-align: center; color:#000; background-color:#fff; border-radius: 15px; letter-spacing: 1px; text-transform: uppercase; line-height: 20px; margin:0px 20px;}
.brojaci-title-span{ color:#033979;  font-weight: bold;}


/*ATRIBUTI*/
.atributi{ color:#d0ba26; font-weight:bold; padding:60px 0px;}
.atributi .naslov{ margin-bottom:50px; }
.atributi-cont{ width: 100%; overflow: hidden; }
.atributi-box{ width: 100%; margin-right: 0%; margin-bottom:40px; float:none; overflow: hidden; }
.atributi-box:nth-child(2n){ margin-right: 0%; }
.atributi-box:nth-child(3) { margin-bottom: 40px; }
.atributi-box:nth-child(4){ margin-bottom:0px; }
.atributi-icon{ width:20%; float:left; }
.atributi-icon img{ width: 30px; height: 30px; padding:5px; background-color:#21b24e; border-radius: 5px; margin-top: 7px;}
.atributi-content{ width: 80%; float: right; }
.atributi-naslov{ font-size: 20px; font-weight: bold; color:#000; line-height: 28px; margin-bottom: 15px; }
.atributi-opis{ font-size: 15px; color:#555; line-height: 21px; font-weight: normal; min-height:auto  } 

/*SLIKA 100*/
.slika100{ padding:150px 0px; background: #efefef url(../images/expera-apoteke-bijeljina-m.jpg) center center no-repeat; background-size: cover; }
.slika100-text{ font-size: 32px; line-height:42px; color:#fff; text-align: right; text-shadow: 1px 1px 2px #555, 1px 1px 1px #555; }
.slika100-text-span{ font-weight: bold; }

 




/* SIDE NAVIGATION */
#mySidenav{display:block;}
.sidenav .sidenav-logo{ border:0px solid #ff0000; color:#be9b64; padding:50px 0px 20px 0px; background-color:#21b24e; margin-bottom:20px; text-align:center; font-weight:bold;  }
.sidenav img{  height:60px; margin-bottom:10px;}
.sidenav { background-color:#fff; border:0px solid #ff0000; height: 100%; width: 0; position: fixed; z-index: 1000; top: 0; left: 0; overflow-x: hidden; transition: 0.5s; }
.sidenav  ul{margin:0px 30px;}
.sidenav li{font-size:24px; line-height:40px; color:#000; border-bottom:1px dotted #21b24e; list-style-type:none;}
.sidenav a {padding: 0px 0px 0px 0px; text-align:left; text-decoration: none; font-size: 22px; line-height:40px;  color: #000; display: block; transition: 0.3s}
.sidenav a:hover, .offcanvas a:focus{color: #000;}
#mySidenav .mod-menu__sub li{ display:none;  margin-left:0px; line-height:22px; border:0px solid #0000ff; min-height:30px;}
#mySidenav .mod-menu__sub li .separator{font-size:18px; padding-left:0px;  min-height:30px; font-weight:bold; }
#mySidenav .mod-menu__sub li a{font-size:18px!important; border:0px solid #ff0000; padding-left:0px; line-height:22px; margin:5px 0px;}
.sidenav .closebtn {position: absolute; top: 0; right: 25px; font-size: 40px; margin-left: 50px; color:#fff;}
/*...UKINUTO*/
#mySidenav .item-103 ul, #mySidenav .item-106 ul, #mySidenav .item-134 { display: none!important; }


/*BTCONTENTSLIDER */
.vijesti{ padding-top: 110px; }

#btcontentslider90.bt-cs .bt-row{ padding:0px; padding-bottom:40px; }
#btcontentslider90.bt-cs .bt-row:nth-last-child(2){ padding-bottom: 0px;}
#btcontentslider90 .bt-row  .bt-center{padding:0px 0px;}
#btcontentslider90 .bt-row:nth-child(3) .bt-center{padding:0px 0px;}
#btcontentslider90 .bt-row:nth-child(5) .bt-center{padding:0px 0px;}
#btcontentslider90 .bt-row-last .bt-center{padding:0px 0px; }
#btcontentslider90 .bt-row-first .bt-center{padding:0px 0px;}
#btcontentslider90 .bt-title{height: auto;}

#btcontentslider110.bt-cs .bt-row{ padding:0px; padding-bottom:40px; }
#btcontentslider110.bt-cs .bt-row:nth-last-child(2){ padding-bottom: 0px;}
#btcontentslider110 .bt-row  .bt-center{padding:0px 0px;}
#btcontentslider110 .bt-row:nth-child(3) .bt-center{padding:0px 0px;}
#btcontentslider110 .bt-row:nth-child(5) .bt-center{padding:0px 0px;}
#btcontentslider110 .bt-row-last .bt-center{padding:0px 0px; }
#btcontentslider110 .bt-row-first .bt-center{padding:0px 0px;}
#btcontentslider110 .bt-title{height: auto;}

#btcontentslider94.bt-cs .bt-row{ padding:0px; padding-bottom:40px; }
#btcontentslider94.bt-cs .bt-row:nth-last-child(2){ padding-bottom: 0px; }
#btcontentslider94 .bt-row  .bt-center{padding:0px 0px;}
#btcontentslider94 .bt-row:nth-child(3) .bt-center{padding:0px 0px;}
#btcontentslider94 .bt-row:nth-child(5) .bt-center{padding:0px 0px;}
#btcontentslider94 .bt-row-last .bt-center{padding:0px 0px; }
#btcontentslider94 .bt-row-first .bt-center{padding:0px 0px;}
#btcontentslider94 .bt-title{ height: auto; }
 
 

/*CONTENT */
#jf-content {border:0px solid #ff0000; width:100%; font-size:16px; line-height:24px;}
#jf-content .main{padding:50px 20px 20px 20px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
#jf-content .main p{ font-size: 16px; line-height: 24px; margin-bottom: 12px;}
#jf-content .main h2{ font-size:22px; line-height: 30px; }
.itemid-115 #jf-content .main {padding: 0;}
.itemid-120 #jf-content .main {padding: 0;}

/* CATEGORY BLOG*/
.blog-items{ overflow: hidden; }
.blog-items .blog-item{ border:1px solid #fff; width: 100%; float:left; margin-right: 0%; }
.blog-items .blog-item:nth-child(2n){ margin-right: 0%; }
.items-leading{ border:0px solid #ff0000; overflow: hidden; display: block; }
.blog-items .subheading-category{ font-size:24px; text-transform: uppercase; font-weight: bold; line-height: 34px; margin-bottom:30px; overflow: hidden;  display: block; }
.categoryBlog{border:0px solid #000; overflow:hidden; margin-bottom:20px; padding-bottom:20px; }

.categoryTitle1 h2{font-size:18px!important; line-height: 24px!important; font-weight: bold; height: auto; overflow: hidden;}
.categoryTitle1 h2 a:hover{color:#21b24e!important;}
 
.categoryImage{width:100%; float:none; border:0px solid #00ff00;}
.categoryImageSpan{width:100%; display: block; background-size:cover; background-position: center center;}
.categoryDate{font-size:14px; line-height: 22px; color:#888; }
.categoryIntro{float:left; font-size:16px; line-height: 26px; width:100%; margin-top:5px; }


/*PAGINATION*/
.com-content-category-blog__navigation {flex-direction: column;  }
.com-content-category-blog__counter {text-align: center; }

    /*EFEKTI*/
    /*FADE EFFECT*/
    .fade { top:30px;   opacity:0;}
    .pomjeriGore {top: 0px; opacity:1; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
    
 

.main, #jf-footer .main-inner1 {
    width: 300px;
    width:100%;
}
.colspan2 {
    width: 100% !important;
}

.colspan3 {
    width: 100% !important;
}

.colspan25 {
    width: 100% !important;
}

.colspan20 {
    width: 100% !important;
}


.colspan50 {
    width: 100% !important;
}

.colspan40 {
    width: 100% !important;
}

.colspan50a {
    width: 100% !important;
}

.colspan50b {
    width: 100% !important;
}

.colspan66 {
    width: 100% !important;
}
.colspan60 {
    width: 100% !important;
}
.colspan33 {
    width: 100% !important;
}

.colspan75 {
    width: 100% !important;
}



#jf-header {
    position: absolute;
    left: 0;
    top: 0;
}

#jf-mainnav {
    display: none;
}


 

div.itemListPortfolio div.itemContainer, div.itemListBlog div.itemContainer {
    width: 100% !important;
    margin-right: 0;
}

.form-left, .form-right {
    float: none;
}

div.itemCommentsForm form input.inputbox, div.itemCommentsForm form textarea.inputbox, #contact-form textarea, #contact-form input#jform_contact_name, #contact-form input#jform_contact_email {
    width: 290px !important;
}

div.itemCommentsForm form textarea.inputbox {
    float: none;
}

#jf-contact h3 {
    font-size: 52px;
}

#jf-footer{
    font-size: 18px;
}

#jf-footer .main-inner1 {
    padding: 135px 0 0;
    bottom: 30px;
}

#jf-footer li {
    font-size: 18px;
}

#jf-footer h3 {
    font-size: 36px;
}

#jf-social {
    margin-top: 20px;
}

#jf-footer .copyright {
    margin-top: 20px;
    position: static;
    font-size: 14px;
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none; /* IE 9 */
}

#jf-footer .copyright a {
    font-size: 14px;
}

.testimonial-inner {
    padding: 0 60px;
}

div.addthis_toolbox a {
    margin-right: 5px;
}

}


/* #Mobile (Landscape)
================================================== */

/* Note: Design for a width of 480px */

@media (min-width: 480px) and (max-width: 767px) {

.main, #jf-footer .main-inner1 {
    width: 420px;
    width:100%;
}

.colspan25 {width: 100% !important;}
.colspan50 {width: 100% !important;}
.colspan66 {width: 100% !important;}
.colspan33 {width: 100% !important;}
.colspan75 {width: 100% !important;}

#home-c-c-2 {
    padding-top:0px;
}


div.itemListPortfolio div.itemContainer, div.itemListBlog div.itemContainer {
    width: 100% !important;
    margin-right: 0;
}

.form-left, .form-right {
    float: none;
}

div.itemCommentsForm form input.inputbox, div.itemCommentsForm form textarea.inputbox, #contact-form textarea, #contact-form input#jform_contact_name, #contact-form input#jform_contact_email {
    width: 410px !important;
}

div.itemCommentsForm form textarea.inputbox {
    float: none;
}

#jf-footer .main-inner1 {
    background-position: center 30px;
}

#jf-social li {
    margin: 0 12px;
}

div.addthis_toolbox a {
    margin-right: 20px;
}



}


@media (min-width: 481px) and (max-width: 599px) {
#jf-footer {
    min-height: 320px;
}

.colspan25 {width: 100% !important;}
.colspan50 {width: 100% !important;}
.colspan75 {width: 100% !important;}

#home-c-c-2 {
    padding-top:0px;
}


#jf-footer .main-inner1 {
    bottom: 10px;
    padding: 105px 0 0;
}

#jf-footer p {
    margin-bottom: 10px;
}

#jf-social, #jf-footer .copyright {
    margin-top: 0;
}
.contactLeft{width:100%; border:0px solid #ff0000; }
.contactRight{width:100%; border:0px solid #ff0000;}



}

@media  (max-width: 479px) {

/* SIDE NAVIGATION */

 


/*header*/
#jf-header {background: url(../images/header-bg.png); position:fixed; top:0px; }
#jf-header .main{border:0px solid #ffff00!important; width:100%;}

.contactLeft{width:100%; margin-bottom:40px; border:0px solid #ff0000; }
.contactRight{width:100%; border:0px solid #ff0000;}
.logoNatpis{display:block!important; font-size:60px; color:#DDB437; text-align:center; margin-top:15px; font-family: 'Dynalight', cursive;}
.version1{font-size:16px!important; line-height:26px!important; margin-right:20px!important; margin-left:20px!important; }

.colspan25 {width: 100% !important;}
.colspan50 {width: 100% !important;}
.colspan66 {width: 100% !important;}
.colspan33 {width: 100% !important;}
.colspan75 {width: 100% !important;}



}