/*------------------------------------------------------------------------
# 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
-------------------------------------------------------------------------*/
.fade{ position:relative; top:100px;}



* {
    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;
}

a {color: #888; text-decoration: none;}
a:hover {color: #b8d346; 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;
}

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

#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;}

#jf-home-c h3, #jf-latest h3, .moduletable h3, h3.itemCommentsCounter, h3 {
    color: #262626;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 36px;
    padding-bottom: 25px;
    text-transform: uppercase;
}
 

#jf-home-c .main, #jf-latest .main {
    padding: 70px 0; padding: 40px 0; border:0px solid #ff0000!important;
}

 

/* 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;
}

div.k2ItemsBlock ul li .moduleItemImage {
    display: block;
    height: 140px;
    overflow: hidden;
    margin: 25px 0 50px;
    position: relative;
}

div.k2ItemsBlock ul li .moduleItemImage img {
    width: 100%;
}

#jf-latest div.k2ItemsBlock ul li .moduleItemTitle {
    color: #fff;
}

 

/* 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: 20px 0 40px;border:0px solid #ff0000; }
#jf-content .main h2{ font-size:34px; line-height: 44px; font-weight: bold; }
#jf-content .main a{ color:#1d82a7; font-weight: bold; }
#jf-content .main a:hover{ text-decoration: underline;}
#jf-content .pull-left{ margin-bottom: 30px; }
.home #jf-content .main {padding: 0;}
.itemid-105 #jf-content .main, .itemid-104 #jf-content .main, .itemid-102 #jf-content .main, .itemid-103 #jf-content .main {padding: 0;}
.itemid-123 #jf-content  { background-color:#252525;}
#jf-content div[itemprop="articleBody"]{ padding-top:20px; }
#jf-content .main p{color:#111; font-size: 16px; line-height: 26px;}
 
#jf-content ul {margin-bottom:20px; list-style-type:disc; margin-left:40px;}
#jf-content ul li {margin-bottom:10px; font-size: 16px; line-height: 24px; text-align: left;}
#jf-content ol {margin-bottom:20px; list-style-type:decimal; margin-left:40px;}
#jf-content ol li {margin-bottom:10px; font-size: 16px; line-height: 24px; text-align: left;}
#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-top:-30px; }
#jf-content .article-info-term{display:none;}
#jf-content .blog .published{display:none;}
#jf-content .published, #jf-content .modified{border-bottom:1px solid #ddd; text-align:right; margin-bottom: 30px; font-size:14px; line-height: 26px; color:#555; padding-right:10px;  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
#jf-content .icons{ display:none;}
#jf-content .actions{ display: none; }

#jf-content table{ width:auto; border-collapse: collapse; margin-bottom: 15px; border-bottom: 1px solid #ddd; width: 100%; }
#jf-content table th{ font-size: 16px; padding:9px 15px; line-height: 24px; background: #efefef; color:#000; }
#jf-content table td{ font-size: 16px; padding:9px 15px; line-height: 24px; border-bottom: 1px solid #ddd; }
#jf-content table tr td:nth-child(3){  text-align: center; }
#jf-content table tr:nth-child(odd){ }

 

 
 

/* COM_CONTENT */
.item-page h1{
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 30px;
    padding-bottom: 20px;
}
.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: 40px; line-height: normal;}
#jf-header h1#logo a:hover { text-decoration: none;}*/

 
 

/*HEADER TOP*/
.header-top{ height: 100%; width: 50px; left:0px; top:0px; background-color:#fff; position: fixed; }
.menu-button-cont{ border:0px solid #ff0000; text-align: center; margin-top:20px; }

#hamburger-icon {
     width: 30px;
     height: 30px;
     position: relative;
     display: block;
     margin:5px auto 5px auto;
     border:0px solid #ff0000;
     outline: none;
}
 #hamburger-icon .line {
     display: block;
     background: #3fa2c5;
     width: 30px;
     height: 3px;
     position: absolute;
     left: 0;
     border-radius: 1px;
     transition: all 0.4s;
     -webkit-transition: all 0.4s;
     -moz-transition: all 0.4s;
}
 #hamburger-icon .line.line-1 {
     top: 0;
}
 #hamburger-icon .line.line-2 {
     top: 10px;
}
 #hamburger-icon .line.line-3 {
     top: 20px;
}
 #hamburger-icon:hover .line-1, #hamburger-icon:focus .line-1 {
     transform: translateY(-2px);
     -webkit-transform: translateY(-2px);
     -moz-transform: translateY(-2px);
}
 #hamburger-icon:hover .line-3, #hamburger-icon:focus .line-3 {
     transform: translateY(2px);
     -webkit-transform: translateY(2px);
     -moz-transform: translateY(2px);
}
 #hamburger-icon.active .line-1 {
     transform: translateY(10px) translateX(0) rotate(45deg);
     -webkit-transform: translateY(10px) translateX(0) rotate(45deg);
     -moz-transform: translateY(10px) translateX(0) rotate(45deg);
}
 #hamburger-icon.active .line-2 {
     opacity: 0;
}
 #hamburger-icon.active .line-3 {
     transform: translateY(-10px) translateX(0) rotate(-45deg);
     -webkit-transform: translateY(-10px) translateX(0) rotate(-45deg);
     -moz-transform: translateY(-10px) translateX(0) rotate(-45deg);
}


/*COVID19 BANNER*/
.covid19{display: none; position:fixed; width:100%; height:100%; background-color:rgba(0,0,0,0.7); z-index: 9997; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.covid19 .closebtn {font-size:44px; line-height: 44px; top:10px; position:absolute; color:#fff; right:25px; }
.covid19 a{color:#ff0000;}
.covid19 .modalconent-cont{position: absolute; background-color: #00abc9; width:600px; left:50%; margin-left:-300px;  top:50%; margin-top:-150px;}
.covid19 .modalconent{  margin:0px auto; padding:50px 50px; color:#fff;box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box  }
.covid19-title{ font-size: 22px; line-height: 28px; text-align: center; font-weight: bold; margin-bottom: 10px;}
 


#jf-body{ width:calc(100% - 300px); margin-left: 300px; }
 
/*HEADER*/
.header{height:100%; position: fixed; left:50px; top:0px; z-index: 99; width: 250px; background:#efefef; box-sizing: border-box; overflow: hidden; }
.header-inner{ margin:0px 15px; width: 220px; }
.header .logo{ width:100%; font-size: 16px; line-height: 20px; color:#000; font-weight: bold; margin-top: 20px;  }
.header .logo img{   }
.logo-usaid { position: absolute; bottom:30px; left:10%; width: 80%; text-align: center; font-size: 12px; line-height: 16px; color:#000; text-transform: uppercase; } 
.logo-usaid img{ height: 40px;  }
.footer-powered{ display: none; }

/* LANGUAGE JEZIK */
.jezik{margin-top:20px;}
.jezik  .visually-hidden { display: none; }
.jezik button { background: transparent; border:1px solid #999; padding: 4px 10px; width: 110px; border-radius: 3px; font-size: 14px; font-weight: 700; text-transform: uppercase; line-height: 18px; margin:0px; height: auto; color: #000; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
 
.jezik ul.dropdown-menu{ display: none;  position: absolute; background: #46b2d9; padding:5px 20px; margin:0px; }
.jezik ul li{  padding:5px 0px; font-size: 12px; text-transform: uppercase; line-height: 18px; text-align: left }
.jezik ul li a{  color:#fff;  }
.jezik ul li.lang-active a{  color:#5bc7ee; }

 

 
/*BREADCRUMBS*/
.breadcrumbs-cont{ width: 90%; margin:0px auto; padding:20px 0px; background-color: #e1f7ff; border-bottom:1px solid #5bc7ee;  } 
.breadcrumbs_title{ width: 100%; text-align: center; font-size: 36px; line-height: 46px; letter-spacing:3px;  font-weight: 300; color:#fff; margin-bottom: 20px; }
.breadcrumbs-cont li{ display: inline-block; color:#666; font-size: 16px; line-height: 24px; padding:0px 10px;}
.breadcrumbs a{ color:#666;    }
.breadcrumbs span{padding:0px 7px; }
.breadcrumbs img{ margin-bottom: 2px;  }
.breadcrumbs a:hover{ color:#5bc7ee; }

/*GLAVNI MENI*/
.glavniMeni-container{ height:50px; display: none; }
.glavniMeni{ border:0px solid #ff0000; height:50px; background-color:#666; z-index:99; }


/* SLIDESHOW CK 
.slideshow-cover{ z-index: 3; position: absolute; height: 200px; top:0px; width: 100%; background-image: linear-gradient(to bottom, rgba(0,0,0,0.7), rgba(0,0,0,0)); }
#camera_wrap_125{height:600px; z-index:0;}
#camera_wrap_125 .camera_caption {z-index:11!important; font-family: 'Roboto Condensed', sans-serif; width: 1000px; left:15%;  top:200px; }
#camera_wrap_125 .camera_caption > div{ background: none!important; z-index:11!important; }
.camera_caption_title{ font-size:80px!important; line-height: 100px!important; color: #fff!important; width:bold!important; text-shadow: 1px 1px 2px #000;}
.camera_caption_desc{font-size:40px!important; line-height: 50px!important; margin-top:20px!important; color:#ddd!important; text-shadow: 1px 1px 2px #000;}*/


/* SIDE NAVIGATION */
#mySidenav{display:none; }
 
.sidenav {margin-top:30px; background-color:#efefef; border:0px solid #ff0000; height: 100%; transition: 0.5s; }
.sidenav  ul{margin:0px;}
.sidenav li{font-size:14px; line-height:20px; color:#222; padding:8px 0px; padding-left:5px; border-bottom: 1px dotted #999; list-style-type:none; -moz-box-sizing:border-box;  -webkit-box-sizing:border-box;  text-transform: uppercase; box-sizing:border-box;  background:url(../images/icon-mask.png) left center no-repeat; background-size: 18px; }
.sidenav li:last-child{ border-bottom: 0px dotted #a9d043;}
.sidenav li:hover{cursor: pointer; background-color:#5bc7ee; color:#000; transition: 0.5s;}
.sidenav a {padding: 0px; text-align:left; text-decoration: none; font-size: 14px; line-height:20px; color: #222; display: block;  transition: 0.5s;}
.sidenav a:hover, .offcanvas a:focus{color: #000;}
.sidenav .mod-menu__sub li { display: none;  margin-left:5px; border:0px; line-height:20px; padding: 6px 0px; padding-left: 4px; }
.sidenav .mod-menu__sub li:first-child{  margin-top:5px;  }
.sidenav .mod-menu__sub li:last-child{    }
.sidenav .mod-menu__sub li:hover{ background-color:#09abe5;  }
.sidenav .mod-menu__sub li .separator{font-size:15px; padding-left:0px; font-weight:bold; }
.sidenav .mod-menu__sub li a{font-size:15px!important; color:#000; text-transform: none; border:0px solid #ff0000; padding-left:0px; line-height:20px; }
 


 
/* MAIN NAVIGATION */
#kiwi-menu {border:1px solid #ff0000; position: relative; padding:0px; margin:0px; margin-top:20px; z-index:99; width: 100%; }
#kiwi-menu ul:after {clear: both; content: " "; display: block; height: 0; visibility: hidden;}
#kiwi-menu ul li {cursor: pointer; color: #333; font-size: 18px; line-height:24px; display: block; text-transform: uppercase; margin-bottom: 20px; }
#kiwi-menu ul li a {color: #333; font-size: 18px; line-height:24px; }
#kiwi-menu ul li.active a {color: #000;  }
#kiwi-menu ul li a:hover {color: #000; 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: #215f94; border:0px solid #ff0000; height:0px; transition:0.7s; overflow:hidden;}
#kiwi-menu .parent:hover .mod-menu__sub{ height:123px; transition: 0.7s; -moz-transition:0.7s; line-height:40px!important; background-color:#215f94; -webkit-transition: 0.7s; -o-transition:0.7s;}
#kiwi-menu .mod-menu__sub li{border-bottom:1px dotted #3281c4; width:100%; line-height:40px!important;  margin:0px; padding:0 10px; margin:0px 0px!important;}
#kiwi-menu ul .mod-menu__sub li a {line-height:40px;}
 
#kiwi-menu .item-123:hover .mod-menu__sub , #kiwi-menu .item-131:hover .mod-menu__sub { height:82px;}
#kiwi-menu .item-127:hover .mod-menu__sub{ height:205px;}

/*PAGE GENERAL*/
.page-podnaslov{font-size:20px; font-weight: bold; margin-top:40px; margin-bottom:20px; }
.page-naslov{font-size:20px; line-height: 28px; font-weight: bold; color:#006935; margin-bottom: 15px; margin-top:0px;}
.page-cont{ overflow:hidden; margin-bottom: 30px; padding-bottom: 20px; border-bottom: 1px solid #ddd}
.page-100{ width: 100%; overflow: hidden; margin-bottom: 30px;}
.page-60{ float: left; width: 60%; }
.page-40{ float: right; width: 40%; }
.page-50{ float: left; width: 48%; margin-right: 4%; }
.page-50:nth-child(2){ margin-right: 0%; }
.page-line{ border-bottom:1px solid #3180c2; margin:25px 0px; height: 1px; width: 33%; }
.page-blueline{border-bottom:1px solid #3180c2; width: 30%; margin:20px auto; height: 1px; }
.page-godina{ padding:7px 15px; color:#fff; background: #3180c2; }
.page-button-cont{ margin-top:20px; padding:10px 0px; width: 100%; text-align: center; }
.page-button{ border:2px solid #3180c2; padding:10px 40px; color:#111; border-radius: 10px; text-transform: uppercase; font-weight: bold; font-size: 14px; line-height: 20px;   }
.page-button:hover{cursor: pointer; background-color:#3180c2; color:#fff; -moz-transition: .5s; -webkit-transition: .5s; transition: .5s;  }

 

 

 
 

.repertoar-slider .MS-content .item { display: inline-block; height: 100%; overflow: hidden; position: relative; vertical-align: top; padding:20px; box-sizing: border-box; width: 33.33%!important; color:#fff; border-left:3px solid #222;}
.repertoar-slider .page-repertoar-datum{font-size: 15px; line-height: 18px; color:#fff; font-weight: bold;  }
.repertoar-slider .page-repertoar-direktor{ font-size: 15px; line-height: 15px; color:#fff; margin-top:10px; }
.repertoar-slider .page-repertoar-naziv{ font-size: 20px; line-height: 28px; color:#fff; font-weight: bold; margin-bottom: 5px; }
.repertoar-slider .page-repertoar-opis{ font-size: 12px; line-height: 14px; color:#aaa; font-style: italic;  }
.repertoar-slider .page-repertoar-rezija{ font-size: 15px; line-height: 22px; color:#aaa;    }
#kiwi-slider2 { position: relative;}
#kiwi-slider2 .MS-content {margin-top:15px;  overflow: hidden; white-space: nowrap; border: 0px solid #fff; }
#kiwi-slider2 .MS-controls { text-align: right; }
#kiwi-slider2 .MS-controls button{ border:2px solid #555; border-radius: 0px; font-size: 24px; line-height: 18px; height: auto; width: auto; background: none; margin:0px; padding:5px 6px;  }
#kiwi-slider2 .MS-controls button .material-icons{ font-size: 24px; line-height: 24px; }
#kiwi-slider2 .MS-controls button:hover{ border:2px solid #fff;  }
 
 


/*KIWI GALLERY*/
.kiwi-gallery{display: flex; flex-wrap: wrap; }
.kiwi-gallery-column {flex: 33%; max-width: 33%;padding: 0 4px; box-sizing: border-box;}
.kiwi-gallery-column img {  margin-top: 8px;  vertical-align: middle; width: 100%; }

/*MODAL IMAGE*/
.modal-image-small { border-radius: 5px; cursor: pointer; transition: 0.3s;}
.modal-image-small:hover {opacity: 0.7;}

.modal-container { display: none; position: fixed; z-index: 100; padding-top: 20px; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.9); }

.modal-image {position: absolute; width: auto; height: auto; max-width:800px; max-height: 80%; /*-webkit-animation-name: zoom; -webkit-animation-duration: 0.6s; animation-name: zoom; animation-duration: 0.6s;*/ -webkit-transform: translate(-50%, -50%); left:50%; top:50%; transform: translate(-50%, -50%);}
 
@-webkit-keyframes zoom {
  from {-webkit-transform:scale(0)} 
  to {-webkit-transform:scale(1)}
}

@keyframes zoom {
  from {transform:scale(0)} 
  to {transform:scale(1)}
}

/* The Close Button */
.modal-close {position: absolute; top: 15px; right: 35px; color: #f1f1f1; font-size: 40px; font-weight: bold; transition: 0.3s;}
.modal-close:hover,
.modal-close:focus {color: #bbb; text-decoration: none;cursor: pointer;}

 



/*TABOVI*/
.rl_tabs ul{ margin-left:0px!important; margin-bottom:0px!important; }
.rl_tabs.outline_content > .tab-content > .tab-pane{ padding:15px 0px 0px 0px!important; }
.rl_tabs.outline_content > .tab-content{   border:0!important;}
.rl_tabs .nav-tabs{ border:0px; }
.rl_tabs > ul.nav-tabs > li{ margin-right: 5px!important; }
.rl_tabs .nav-tabs > li > a { border-radius: 0px!important; background: #efefef!important; border:0px!important; }
.rl_tabs .nav-tabs > li > a:hover{ background: #3180c2!important; color:#fff!important; }
.rl_tabs.top > ul.nav-tabs > li.active > a, .rl_tabs.top > ul.nav-tabs > li.active > a:focus, .rl_tabs.top > ul.nav-tabs > li > a:focus{ background: #3180c2!important; color:#fff!important; }
.rl_tabs.top>ul.nav-tabs>li.active>a:focus,.rl_tabs.top>ul.nav-tabs>li>a:focus { -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; }

/*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;}
 
.clr{ clear:both; width:100%; overflow:hidden;}


/*NASLOVNA*/
.naslovna{ padding-top:30px; }
.naslovna-title{ width: 90%; margin:0px auto; text-align: center; text-transform: uppercase; font-size: 34px; padding-bottom: 20px; line-height: 40px; font-weight: bold; color:#000; border-bottom: 2px solid #efefef }


/*DOKUMENTI*/
.dokumenti-cont{ width: 100%; overflow: hidden; padding-top:20px; }
.dokumenti-box{ width:calc(18% - 2px); float:left; cursor: pointer; margin-right: 2.5%; text-align: center; border:1px solid #ddd; padding:50px 0px; margin-bottom: 20px; text-transform: uppercase; }
.dokumenti-box:hover{ background-color:#1d82a7; }
.dokumenti-box:hover a{ color:#fff!important; text-decoration: none!important; transition: .5s; -moz-transition:.5s; -webkit-transition:.5s; }
.dokumenti-box:nth-child(5n){ margin-right: 0%; }
.dokumenti-img{ text-align: center; }
.dokumenti-img img{ height: 60px; } 
.dokumenti-title{ font-size: 18px; line-height: 28px; margin-top:15px; }

/*COVER*/
.cover{border:0px solid #ff0000; height: 400px; }
.cover-cont{ overflow: hidden; display: flex; align-items: center; justify-content: center; width:100%; }
.cover-right{  width: 40%; border:0px solid #ddd; }
.cover-left{ width: 60%; border:0px solid #ddd;  }
.cover-left div:first-child{ font-size: 40px; line-height: 50px; margin-left:5%; margin-bottom: 10px; }
.cover-left div:first-child span{ color:#5bc7ee; }
.cover-left div:nth-child(2){ font-size: 40px; line-height: 50px; margin-left:20%; margin-bottom: 10px; font-weight: bold; }
.cover-left div:nth-child(3){ font-size: 40px; line-height: 50px; margin-left:40%; color:#5bc7ee;}

/*MODULI*/
.moduli{ background-color: #5bc7ee; padding:20px 0px; }
.moduli-cont{ widows: 100%; overflow: hidden;  }
.moduli-box{ width:30%; margin-right: 5%; float:left; padding: 40px 0px; background-color: #46b2d9; font-weight: bold; text-align: center; color:#fff; text-transform: uppercase; }
.moduli-box:hover{background-color: #0f9ccf; cursor: pointer; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s; }
.moduli-box a{ color:#fff;  }
.moduli-box img{ height: 50px; margin-bottom: 10px; }
.moduli-box:hover img{ transform: scale(1.2); transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; }
.moduli-box:nth-child(3){ margin-right: 0%;  }


/*NASLOVI*/
.naslov{  font-family: 'Roboto Condensed', sans-serif; font-size:38px; color:#111;  font-weight:bold; line-height: 48px; margin-bottom:40px; /* padding-bottom: 15px;background: url(../images/bg-naslov.png) left bottom no-repeat;  padding:20px 0px 20px 30px;*/ border-left:0px solid #fff; }
.podnaslov{ font-size:20px; font-weight: bold; line-height: 30px; margin-bottom:20px; }

/*DUGME*/
.dugme-cont{ margin-top:30px; padding:15px 0px; text-align: center; }
.dugme{ font-size:16px; padding:12px 50px; line-height: 18px; border-radius: 21px; border:1px solid #006935; text-transform: uppercase; color:#000; }
.dugme:hover{ background-color: #006935; border:1px solid #006935;  color:#fff; cursor: pointer; -moz-transition: .5s; -webkit-transition: .5s; transition: .5s;}
 

/*CONTENT*/
.content-left{ width:100%;   }
.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-align: center; color:#000; text-transform: uppercase; border:2px solid #000; line-height: 42px; padding-bottom:0px; padding-left:10px; }
.kiwi-latest{border:0px solid #ff0000;  overflow:hidden; padding:0px 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.kiwi-latest-date{font-size:12px; color:#777;}
.kiwi-latest-list{padding:10px 0px; font-size:16px; line-height: 20px; border-bottom:1px dotted #859b27;}
.kiwi-latest-list a{ color:#111!important; }
.kiwi-latest-list a:hover{ color:#7d1416!important; }


/* NEWS CUSTOM - MOJ KIWI */
.vijesti{ padding:40px 0px; z-index: 0;   }
.vijesti-sve{ font-size: 18px; text-transform: uppercase; text-align: center; margin-top:30px; }
.vijesti-sve a{ color:#fff; }
.vijesti-sve a:hover{ color:#bd9d78; }
#newsKiwi .newsSeparator{width:100%; height:10px; border:0px solid #ff0000;}
#newsKiwi .newsLeft {width:62%; border:0px solid #ff0000; float:left; margin-right:2%; }
#newsKiwi .newsRight {width:35%; border:0px solid #ff0000; float:left;}
#newsKiwi .bitneVijesti{position:relative; float:none; border:0px solid #0000ff; overflow:hidden;}
#newsKiwi .newsTrackBig{position:absolute; padding:10px;  background: url(../images/kiwinews-bg.png); box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; width:100%; bottom:0px; left:0px;}
#newsKiwi .newsDateBig{border:0px solid #ddd; font-size:14px; line-height:18px; color:#ddd; }
#newsKiwi .newsTitleBig{border:0px solid #ddd; line-height:36px; font-size:26px;  color:#fff; font-weight:bold;}
#newsKiwi .smallLeft{width:32%; margin-right:2%; float:left; overflow:hidden;}
#newsKiwi .smallCenter{width:32%; float:left; overflow:hidden;}
#newsKiwi .smallRight{width:32%; float:right; overflow:hidden;}
#newsKiwi .smallNews{ overflow:hidden;}
#newsKiwi .smallNewsDate{font-size:12px; line-height:20px; color:#777;}
#newsKiwi .smallNewsTitle{font-size:16px; line-height:22px;}
#newsKiwi .subtitle{background-color:#3281c4; color:#fff; padding:8px 15px; margin-bottom:10px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
#newsKiwi .listDate {font-size:12px; line-height:12px; color:#777;}
#newsKiwi .listTitle {font-size:16px; line-height:22px; margin-bottom:10px; padding-bottom:10px; border-bottom:1px dotted #aaa;}


 

/*KONTAKT FORMA*/
.kontakt-forma-box{ border-bottom: 1px solid #ddd; padding-bottom:15px;  width: 70%; margin:0px auto;margin-bottom: 15px; }
.kontakt-forma-box:first-child {margin-top: 18px;}
.kontakt-forma-title{ font-size: 15px; line-height: 21px; text-align: center; text-transform: uppercase; color:#aaa; letter-spacing: 4px;  }
.kontakt-forma-desc{ font-size: 15px; line-height: 21px; text-align: center; color:#111;  }
.kontakt-forma-desc a{ color:#000; }
.kontakt-forma-social{ text-align: center; }
.kontakt-forma-social img{ height: 34px; margin-top:10px; }
.kontakt-forma-social a:first-child img{ margin-right: 20px; }

/*O NAMA*/
.lijepojeznati{ padding:80px 0px; z-index: 0;  }
.lijepojeznati-left{ float:left; width: 33.3%; margin-top:54px; padding-right: 20px; box-sizing: border-box;  }
.lijepojeznati-left:hover, #kiwi-slider .MS-content .item:hover{ -webkit-animation-name: opacitychange; -webkit-animation-duration: 1s; animation-name: opacitychange; animation-duration:1s;  }
.lijepojeznati-right{ float:left; width: 66.6%; }
#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: 50%;
  color:#fff;}
#kiwi-slider .MS-controls { text-align: right; }
#kiwi-slider .MS-controls button{ border:2px solid #555; 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; }
#kiwi-slider .MS-controls button:hover{ border:2px solid #fff;  }

 

 
 

 
 

/* CATEGORY BLOG*/
.items-leading{overflow: hidden; display: block; padding-top:30px; }
.items-leading article:nth-child(3n) .categoryBlog{ margin-right: 0%;   }
.blog h1{ border-bottom: 0px solid #ddd; margin-bottom: 30px; padding-bottom: 20px; }
.blog .subheading-category{ font-size:24px; text-transform: uppercase; font-weight: bold; line-height: 34px; margin-bottom:30px; overflow: hidden;  display: block; }
.categoryBlog{width: calc(31% - 4px); border:2px solid #000; float:left; margin-right: 3.5%; overflow:hidden; margin-bottom:40px; cursor: pointer; position: relative;}
.categoryBlog:hover .categoryBlogCover{ opacity: 0; transition: .8s;}
.categoryBlog:hover .categoryIntro{ bottom:100px; transition: .8s;}
.categoryBlog:hover h2{ color:#fff; transition: .8s; text-shadow: 0 0 1px #666, 0 0 3px #666;}
.categoryBlog:hover .categoryDate{ color:#aaa; }
.categoryTitle1 h2{font-size:24px!important; line-height: 32px!important; font-weight: normal!important; color:#000; max-height: 96px; overflow: hidden;}
.categoryBlogCover { position: absolute; width: 100%; height:100%; top:0px; left:0px; background: #fff; opacity: 1; z-index: 10; }
.categoryImage{height: 100%;}
.categoryDate{font-size:14px; line-height: 22px; color:#888; }
.categoryIntro{position: absolute; bottom:180px; left:10%; width: 80%; z-index: 11;  }
.categoryIntro a:hover{  text-decoration: none!important;}

 
/*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 */
#btcontentslider144 .bt-row .bt-center{padding:0px 10px; background: 0px solid #ff0000!important;}
#btcontentslider144 .bt-row .bt-center div{overflow: hidden;}
/*#btcontentslider144 .bt-row .bt-center:hover{ animation: fadeEffect 1s ease-in-out;  }*/
#btcontentslider144 .bt-row .bt-center:hover .traka{ bottom:80px; transition: bottom .5s ease-in-out; }
#btcontentslider144 .bt-row-last .bt-center{padding-left:20px; padding-right:0px; }
#btcontentslider144 .bt-row-last .bt-center{padding-left:20px; padding-right:0px; }
/*#btcontentslider144 .bt-row .bt-center:hover .bt-title{ color:#000;}*/
#btcontentslider144 .bt-row-last .bt-center{padding-left:20px; padding-right:0px; }
#btcontentslider144 .bt-row-first .bt-center{padding-right:20px; padding-left:0px;}
#btcontentslider144 .bt-row:nth-child(3) .bt-center{padding-left:20px; padding-right:0px;}
#btcontentslider144 .bt-row:nth-child(5) .bt-center{padding-right:20px; padding-left:0px;}
#btcontentslider144 .bt-date{border:0px solid #ff0000; padding:0px; margin:0px!important; color:#888; font-size:13px; top:0px; line-height:15px; padding-top:5px;}
#btcontentslider144 .traka{ position: absolute; bottom:180px; left:10%; width: 80%;  text-align:left; z-index: 20;}
#btcontentslider144 .bt-title{ padding:0px; min-height: 64px; margin:0px!important; font-size:24px; line-height: 30px; color:#fff; text-align:left; display:block; font-weight: 400; text-transform: none; }
#btcontentslider144 .bt-title a{ color:#fff;  }
#btcontentslider144 .bt-image-cont{ position: relative; border:2px solid #555;  }
#btcontentslider144 .bt-image-cont:hover{ transform: scale(1.05); transition:.8s; }

#btcontentslider144 .bt-image-cont:hover .bt-overlay{ opacity: 0.3; transition: .8s; }
#btcontentslider144 .bt-overlay{cursor: pointer; background-color: #252525; opacity: 1; position: absolute; top:0px; left:0px; width: 100%; height: 100%; z-index: 10; }
#btcontentslider144 .bt-opis{ text-align: left; margin-top:15px; font-size: 16px; line-height: 22px; }
#btcontentslider144 .bt-procitaj{ text-align: left; position: absolute; bottom:30px; left:10%; z-index: 100  }
#btcontentslider144 .bt-procitaj a{ font-weight: bold; color:#bc9d79;    }
#btcontentslider144 .bt-procitaj .material-icons{ font-size: 36px; line-height: 36px; }
#btcontentslider144 .bt-row-separate{border:0px solid #ff0000!important;}
#btcontentslider144 .bt-row-separate:before{border:5px solid #ff0000!important;}

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


 

/*PAGINATION*/
.pagination {margin:0px; padding:0px; margin-top:50px; border:0px solid #ff0000; overflow: hidden;}
.pagination ul{ border:0px solid #ff0000; margin:0px!important; padding:0px; overflow: hidden; }
.pagination .pagination-start{}
.pagination ul li{ margin:0px; padding:0px; border:1px solid #bbb; list-style-type:none; float:left; padding:0px 5px; margin:0px 3px 10px 3px!important;}




/****** PHOCAGALLERY ***************/
#phocagallery #pg-icons{display:none;}
#phocagallery h1{margin-bottom:30px!important; color:#262626;}
.pg-csv-name{border:0px solid #ff0000;  font-size:16px; line-height:16px;}
.pg-csv-name a:hover{color:#107388!important;}
.pg-csv-box{border:0px solid #ff0000; margin-right:25px; margin-bottom:25px; overflow:hidden; height:330px!important;}
.pg-cv-box{ margin-right:25px;  margin-bottom:25px;}


 
.homeMargina{margin:0px; border:0px solid #ff0000;}
.homeMarginaRight{margin-right:20px; border:0px solid #ff0000;}
 
 
/****** TESTIMONIALS ***************/
.testimonials .naslov{ color:#fff;  }
.testimonials .naslov-container{ border:1px solid #dbae1d; }
.testimonials .naslov-absolute{ background-color: #fff; color:#dbae1d; background-color: #013042}
.testimonials{ background-image: url("../images/bg-pozoriste-bijeljina.jpg");  z-index: 0; background-color:#252525; background-position: center center; background-attachment: fixed; background-size: cover; background-repeat: no-repeat; padding:80px 0px; }
.testimonials-container { position: relative; margin: auto;}
.testimonials-slide {display: none}
.testimonials-image { text-align: center; overflow: hidden; border:0px solid #ff0000; display: none; }
.testimonials-prev, .testimonials-next { cursor: pointer; position: absolute; top: 40%; width: auto; padding: 16px; margin-top: -22px; color: white;
  font-weight: bold; font-size: 18px; transition: 0.6s ease;/* border-radius: 0 3px 3px 0;*/ user-select: none;  border:1px solid #555;}
.testimonials-next { right: 0; /*border-radius: 3px 0 0 3px;*/}
.testimonials-prev:hover, .testimonials-next:hover {  border:1px solid #fff; color: #fff;  }
.testimonials-text {color: #fff; font-size: 30px; line-height: 40px; min-height: 242px!important; border:1px solid #555; padding:60px 40px 60px 40px; margin-left: 7%;  width: 86%; text-align: center; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; margin-bottom:30px; }
.testimonials-name{color:#fff; font-size:18px; line-height: 28px; font-weight: bold; text-align: center;  }
.testimonials-work{color:#c6a47f; font-size:12px;  text-align: center;  margin-top:5px; text-transform: uppercase;}
.testimonials-dot { cursor: pointer; height: 15px; width: 15px; margin: 0 2px; background-color: #c6a47f; border-radius: 50%; display: inline-block; transition: background-color 0.6s ease;}
.testimonials-active, .testimonials-dot:hover { background-color: #fff;}
.testimonials-fade { -webkit-animation-name: fade; -webkit-animation-duration: 1.5s; animation-name: fade; animation-duration: 1.5s;}




 /*FOOTER*/
.footer{ background-color: #000; padding:0px 0px; z-index: 1!important}
.footer-margin-top{ margin-top: 10px; }
.footer-image img{ height: 80px; }
#home-c-r-5 .homeMargina{ padding-left: 50px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;  }
.footer-slogan{ color:#fff; font-size:30px; letter-spacing: 3px; font-weight: bold; line-height: 36px; margin-top:40px; margin-bottom: 30px; text-align: center; }
.footer-ul ul{ margin-top:5px; margin-left: 0px;   }
.footer-ul ul li{ font-size: 15px; line-height: 22px; padding-left:22px; color:#888; margin-bottom:10px; background: url('../images/bg-ul-li.png') left 6px no-repeat; background-size: 10px; }
.slogan-span{ color:#9fcc40; }
.footer-desc{ color:#888; font-size: 15px; line-height: 22px; margin-bottom: 10px; }
.footer-naslov{ font-size:14px; line-height: 20px; margin-bottom: 20px; color:#fff; font-weight: bold; text-transform: uppercase; }
.footer-list{  background: #262626 url("../images/bg-line-footer.png") no-repeat center left; font-size:15px;  line-height: 24px; padding: 7px 0px; color:#888;  padding-left:30px;}
.footer-list a{ color:#888; }
.footer-list a:hover{ color:#9fcc40; -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: 20px; padding:7px 0px; padding-top: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:17px; text-align: right;  }
.footer-social img{ height: 20px; margin-right: 15px; padding:7px; border:2px solid #888; }
.footer-social img:hover{cursor:pointer; border-color:#fff; background-color:#fff; -moz-transition: .5s; -webkit-transition: .5s; transition: .5s;  }
 
 
.preloader{ position:fixed; top:0px; left:0px; background-color:#0C0C0C; width:100%; height:100%; z-index:9999;}



 



/* #Base 960 Grid
================================================== */
.main {
    width: 90%;
    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%;
}

.colspan66 {
    width: 66%;
}
.colspan33 {
    width: 33%;
}
.colspan30 {
    width: 30%;
}
.colspan20 {
    width: 20%;
}
.colspan40 {
    width: 40%;
}
.colspan60 {
    width: 60%;
}

.colspan33a {
    display:none;
}


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

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

@media (min-width: 1600px) {
    /*SLIDESHOW CK*/
   /* #camera_wrap_125{height:700px; z-index:0;}
    #camera_wrap_125 .camera_caption {font-family: 'Roboto Condensed', sans-serif; width: 1100px; left:15%;  top:150px; }
    #camera_wrap_125 .camera_caption > div{ background: none!important }
    .camera_caption_title{ font-size:100px!important; line-height: 120px!important; color: #fff!important; width:bold!important; text-shadow: 1px 1px 2px #000;}
    .camera_caption_desc{font-size:50px!important; line-height: 60px!important; margin-top:30px!important; color:#ddd!important; text-shadow: 1px 1px 2px #000;}*/

    /*NASLOVNA*/
    .naslovna-title{  font-size: 40px; line-height: 40px; font-weight: bold; color:#000;  }

    /*COVER*/ 
    .cover-right{  width: 40%;  }
    .cover-left{ width: 60%;  }
    .cover-left div:first-child{ font-size: 60px; line-height: 70px; margin-left:5%; margin-bottom: 10px; }
    .cover-left div:nth-child(2){ font-size: 60px; line-height: 70px; margin-left:20%; margin-bottom: 10px;  }
    .cover-left div:nth-child(3){ font-size: 60px; line-height: 70px; margin-left:40%; color:#5bc7ee;}

}

@media (min-width: 1300px) and (max-width: 1599px) {
    .dokumenti-box{ padding:40px 0px; }
    .dokumenti-title{ font-size: 16px; line-height: 26px; margin-top:10px; }

}

@media (min-width: 1100px) and (max-width: 1299px) {
    /*NASLOVNA*/
    .naslovna-title{  font-size: 28px; line-height: 40px; font-weight: bold; color:#000;  }

    /*DOKUMENTI*/
    .dokumenti-box{ width:calc(23% - 2px); float:left; cursor: pointer; margin-right: 2.6%; padding:30px 0px;   margin-bottom: 20px; text-transform: uppercase; }
    .dokumenti-box:nth-child(4n){ margin-right: 0%; }
    .dokumenti-box:nth-child(5n){ margin-right: 2.6%; }
    .dokumenti-title{ font-size: 16px; line-height: 26px; margin-top:10px; }


    /*COVER*/ 
    .cover-right{  width: 40%;  }
    .cover-left{ width: 60%;  }
    .cover-left div:first-child{ font-size: 30px; line-height: 40px; margin-left:5%; margin-bottom: 5px; }
    .cover-left div:nth-child(2){ font-size: 30px; line-height: 40px; margin-left:20%; margin-bottom: 5px;  }
    .cover-left div:nth-child(3){ font-size: 30px; line-height: 40px; margin-left:40%; color:#5bc7ee;}

}


@media (min-width: 960px) and (max-width: 1099px) {
    /*NASLOVNA*/
    .naslovna-title{  font-size: 22px; line-height: 40px; font-weight: bold; color:#000;  }

     /*DOKUMENTI*/
    .dokumenti-box{ width:calc(32% - 2px); float:left; cursor: pointer; margin-right: 2%; padding:35px 0px;  margin-bottom: 10px; text-transform: uppercase; }
    .dokumenti-box:nth-child(4n){ margin-right: 2%; }
    .dokumenti-box:nth-child(5n){ margin-right: 2%; }
    .dokumenti-box:nth-child(3n){ margin-right: 0%; }
    .dokumenti-title{ font-size: 14px; line-height: 24px; margin-top:7px; }

    /*COVER*/ 
    .cover-right{  width: 40%;  }
    .cover-left{ width: 60%;  }
    .cover-left div:first-child{ font-size: 24px; line-height: 34px; margin-left:5%; margin-bottom: 3px; }
    .cover-left div:nth-child(2){ font-size: 24px; line-height: 34px; margin-left:20%; margin-bottom: 3px;  }
    .cover-left div:nth-child(3){ font-size: 24px; line-height: 34px; margin-left:40%; color:#5bc7ee;}

}


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

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

@media (min-width: 768px) and (max-width: 959px) {
    /*NASLOVNA*/
    .naslovna-title{  font-size: 22px; line-height: 40px; font-weight: bold; color:#000;  }

    /*DOKUMENTI*/
    .dokumenti-box{ width:calc(32% - 2px); float:left; cursor: pointer; margin-right: 2%; padding:20px 0px;  margin-bottom: 10px; text-transform: uppercase; }
    .dokumenti-box:nth-child(4n){ margin-right: 2%; }
    .dokumenti-box:nth-child(5n){ margin-right: 2%; }
    .dokumenti-box:nth-child(3n){ margin-right: 0%; }
    .dokumenti-title{ font-size: 13px; line-height: 23px; margin-top:5px; }

    /*COVER*/ 
    .cover-right{  width: 40%;  }
    .cover-left{ width: 60%;  }
    .cover-left div:first-child{ font-size: 20px; line-height: 28px; margin-left:5%; margin-bottom: 0px; }
    .cover-left div:nth-child(2){ font-size: 20px; line-height: 28px; margin-left:20%; margin-bottom: 0px;  }
    .cover-left div:nth-child(3){ font-size: 20px; line-height: 28px; margin-left:40%; color:#5bc7ee;}
 

 
}


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

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

@media (max-width: 767px) {
 
 
 #jf-body{ width:100%; margin-left:0px; }
.glavniMeni{display:none;}
.glavniMeni-container{ display: none }
.header{display:none;}
.mobileHeader-cont{ height: 60px; }
.mobileHeader{display:block; background-color: #efefef; width:100%; position: relative; height:60px; z-index:100;}
.logoSlika{ height: 60px; position: absolute; top:0px; left:50%; margin-left: -64px; }
 
.homeMargina2015{margin:20px 15px;}
.homeMargina{ margin:0px 20px; }
 
/* MENU DUGME */
a.gotomenu {display: block; height: 30px; font-size:30px; line-height: 30px; color:#5bc7ee; position: absolute; right: 15px; top: 16px; width: 30px; z-index: 60;}
a.gotomenu .material-icons{ font-size: 30px; }
 
.jezik{margin-top:15px; position: absolute; left:8px; }
.jezik button{ font-size: 12px;line-height: 16px; padding:2px 10px;   width: 80px;    }
 
 
/*HEADER TOP*/
.header-top{ height: 30px; border-bottom:0px solid #ddd;  background-color: #006935; }


.footer-powered{ display: block; background-color: #efefef; padding:20px 0px; }
.logo-usaid { position: relative; bottom:0px; left:auto; width: 80%; margin:0px auto; text-align: center; font-size: 12px; line-height: 16px; color:#000; text-transform: uppercase; } 
.logo-usaid img{ height: 40px;  }
 
/*NASLOV*/
.naslov{font-size:30px; line-height: 40px; margin-bottom:30px; }

 

/*CONTENT*/
.content-left{ width:100%; float:none; margin-bottom: 40px;}
.content-right{ width:100%; float:none;  padding-left:0px; border:0px;}
 #jf-content .main h2{ font-size:24px; line-height: 30px; }


/* SLIDESHOW CK */
.slideshow-cover{height: 120px; background-image: linear-gradient(to bottom, rgba(0,0,0,0.7), rgba(0,0,0,0)); }
#camera_wrap_125{height:350px; z-index:0;}
#camera_wrap_125 .camera_caption {font-family: 'Roboto Condensed', sans-serif; width: 90%; left:5%;  top:120px; height: auto; }
.camera_caption_title{ font-size:40px!important; line-height: 50px!important; color: #fff!important; width:bold!important; text-shadow: 1px 1px 2px #000;}
.camera_caption_desc{font-size:24px!important; line-height:32px!important; margin-top:10px!important; color:#ddd!important; text-shadow: 1px 1px 2px #000;}


/*DOKUMENTI*/
.dokumenti-box{ width:calc(90% - 2px); float:none; cursor: pointer; margin-right: 0%; padding:50px 0px; margin:0px auto;  margin-bottom: 15px; text-transform: uppercase; }
.dokumenti-box:nth-child(4n){ margin:0px auto; margin-bottom: 15px;}
.dokumenti-box:nth-child(5n){ margin:0px auto; margin-bottom: 15px;}
.dokumenti-box:nth-child(3n){ margin:0px auto; margin-bottom: 15px;}

/*COVID19 BANNER*/
.covid19 .closebtn {font-size:32px; line-height: 32px; top:7px; position:absolute; color:#fff; right:15px; }
.covid19 .modalconent-cont{position: absolute; background-color: #00abc9; width:300px; left:50%; margin-left:-150px;  top:50%; margin-top:-50px;}
.covid19 .modalconent{  margin:0px auto; padding:20px 20px; color:#fff;box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box  }
.covid19-title{ font-size: 18px; line-height: 25px; font-weight: bold; margin-bottom: 5px;}


/*NASLOVNA*/
.naslovna{ padding-top:30px; }
.naslovna-title{ width: 90%; margin:0px auto; text-align: center; text-transform: uppercase; font-size: 24px; line-height: 30px; padding-bottom: 20px; font-weight: bold; color:#000; border-bottom: 1px solid #efefef }



/*COVER*/
.cover{border:0px solid #ff0000; height: auto; margin-bottom: 40px; }
.cover-cont{ overflow: hidden; display: block; align-items: inherit; justify-content: inherit; width:100%; }
.cover-right{  width: 100%; border:0px solid #ddd; margin-top:40px;}
.cover-left{ width: 100%; border:0px solid #ddd;  }
.cover-left div:first-child{ font-size: 28px; line-height: 36px; margin-left:0%; margin-bottom: 2px; }
.cover-left div:first-child span{ color:#5bc7ee; }
.cover-left div:nth-child(2){ font-size: 28px; line-height: 36px; margin-left:15%; margin-bottom: 2px; font-weight: bold; }
.cover-left div:nth-child(3){ font-size: 28px; line-height: 36px; margin-left:30%; color:#5bc7ee;}



/*MODULI*/
.moduli{ background-color: #5bc7ee; padding:20px 0px; }
.moduli-cont{ widows: 100%; overflow: hidden;  }
.moduli-box{ width:100%; margin-right: 0%; float:left; padding: 40px 0px; background-color: #46b2d9; text-align: center; color:#fff; margin-bottom: 20px; }
.moduli-box:nth-child(3){ margin-right: 0%; margin-bottom: 0px }

/*DUGME*/
.dugme-cont{ margin-top:30px; }
.dugme{ font-size:16px; padding:10px 40px;  }

/*MODAL IMAGE*/
.modal-container { display: none; position: fixed; z-index: 100; padding-top: 20px; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.95); }
.modal-image {position: absolute; width: auto; height: auto; max-width:80%; max-height: 60%; /*-webkit-animation-name: zoom; -webkit-animation-duration: 0.6s; animation-name: zoom; animation-duration: 0.6s;*/ -webkit-transform: translate(-50%, -50%); left:50%; top:50%; transform: translate(-50%, -50%);}
 
/*PAGE GENERAL*/
.page-podnaslov{ margin:30px 0px; margin-bottom:20px;}
.page-naslov{font-size:20px; line-height: 28px; font-weight: bold; color:#006935; margin-bottom: 15px; margin-top:0px;}
.page-cont{ overflow:hidden; margin-bottom: 30px; padding-bottom: 20px; border-bottom: 1px solid #ddd}
.page-100{ width: 100%; overflow: hidden; margin-bottom: 30px;}
.page-60{ float: none; width: 100%; }
.page-40{ float: none; width: 100%; }
.page-50{ float: none; width: 100%; }

 
 

/*BREADCRUMBS*/
.breadcrumbs-cont{ background-size: cover; height:auto;  width: 100%; padding:10px 8px; } 
.breadcrumbs_title{ width: 100%;  }
.breadcrumbs{  font-size: 14px; line-height: 22px; }
.breadcrumbs a{  padding:0px 5px;  }
.breadcrumbs span{ padding-left: 5px; }
.breadcrumbs a:hover{   }




/* SIDE NAVIGATION */
#mySidenav{display:block;}
.sidenav .sidenav-logo{ border:0px solid #ff0000; min-width: 360px; color:#be9b64; padding:50px 0px 20px 0px; background-color:#efefef; margin-bottom:20px; text-align:center; font-weight:bold;  }
.sidenav img{  height:90px; margin-bottom:10px;}
.sidenav { background-color:#fff; margin:0px; 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; min-width: 300px;}
.sidenav li{font-size:18px; line-height:24px; color:#222; padding-left: 20px; border-bottom: 1px dotted #ddd; list-style-type:none; -moz-box-sizing:border-box;  -webkit-box-sizing:border-box;  box-sizing:border-box;  background:url(../images/icon-mask.png) left center no-repeat; background-size: 18px; }
.sidenav li:last-child{ border-bottom: 0px dotted #a9d043;}
.sidenav a {padding: 0px 0px 0px 0px; text-align:left; text-decoration: none; font-size: 18px; line-height:24px; color: #222; display: block; transition: 0.5s}
.sidenav a:hover, .offcanvas a:focus{color: #fff;}
#mySidenav .mod-menu__sub{ margin:0px!important; }
#mySidenav .mod-menu__sub li{ display:none; padding-left: 20px; margin-left:0px;  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: 20px; right: 25px; font-size: 40px; margin-left: 50px; color:#5bc7ee;}



 

/* NEWS CUSTOM - MOJ KIWI */
#newsKiwi .newsLeft {width:100%; border:0px solid #ff0000; float:left; margin-right:2%; }
#newsKiwi .newsRight {width:100%; border:0px solid #ff0000; float:left; margin-top:20px;}
#newsKiwi .newsTitleBig{border:0px solid #ddd; line-height:30px; font-size:20px;  color:#fff; font-weight:bold;}

/*Repertoar*/
.repertoar{ overflow: hidden; padding:0px 0px; z-index: 0; background-color:#000; }


/*LICE IZ ANSAMBLA*/
.lice{ padding-top:0px;  }
.lice-left{ float: none; width: 100% }
.lice-right{ float: none; width: 100%; padding-bottom: 80px  }
.lice-content{ display: none; }
.lice-title{ margin-top: 25px; font-size: 22px; color:#fff; line-height:32px; margin-bottom: 20px; margin-left:15px; font-weight: bold;}
.lice-desc{ font-size: 15px; color:#ddd; line-height: 23px; margin-bottom: 12px; margin-right:20px; margin-left:20px;}
.lice-button-cont{ position: absolute; bottom:30px; right: 10px; padding:10px 0px;  }
.lice-button{ border:1px solid #555; padding:10px 30px; line-height: 15px; font-size: 15px; text-transform: uppercase; color:#bc9d79; }
.lice-button:hover{ background-color: #fff; color:#000; transition: .6s; cursor: pointer; }

/*LIJEPO JE ZNATI*/
.lijepojeznati{ padding:0px 0px; padding-bottom: 40px; z-index: 0; background:#252525; }
.lijepojeznati-left{ float:none; width: 100%; margin-top:0px; padding-right:0px;   }
.lijepojeznati-left:hover, #kiwi-slider .MS-content .item:hover{ -webkit-animation-name: opacitychange; -webkit-animation-duration: 1s; animation-name: opacitychange; animation-duration:1s;  }
.lijepojeznati-right{ float:none; width: 100%; margin-top:40px; }
#kiwi-slider { position: relative;}
#kiwi-slider .MS-content {float:none; width: 100%; 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:0px; box-sizing: border-box; width: 100%;
  color:#fff;}
#kiwi-slider .MS-controls { text-align: right; }
#kiwi-slider .MS-controls button{ border:2px solid #555; 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; }
#kiwi-slider .MS-controls button:hover{ border:2px solid #fff;  }

/*LIJEPO JE ZNATI SVE*/
.lijepojeznati-sve-cont{ overflow:hidden; }
.lijepojeznati-sve-box{ width:47%; margin-right:6%; float: left; margin-bottom: 25px; }
.lijepojeznati-sve-box:nth-child(3n){ margin-right: 6%; }
.lijepojeznati-sve-box:nth-child(2n){ margin-right: 0%; }

 
/*PREDSTAVE*/
.predstave{ width: 100%;  }
.predstave-cont{ overflow:hidden; display: table }
.predstave-box{display: table-cell; vertical-align:top; width:50%; padding-right:3%; margin-right: 0%; float: none; margin-bottom: 0px; padding-bottom: 40px; box-sizing: border-box; }
.predstave-box:nth-child(2n){ padding-left: 3%; padding-right: 0%; }
.predstave-bottom{ margin:10px 0px; }
.predstave-direktor{ font-size: 13px; font-weight: normal; color:#111; line-height:20px;  }
.predstave-naslov{ font-size: 18px; font-weight: bold; line-height:24px; margin-bottom: 10px; }
.predstave-rezija{ font-size: 12px;  line-height:19px; color:#555; }
 


/*ZAKUP PROSTORA*/
.ukljucise{padding-bottom:0px;}
 

/*ZASTO MI*/
.zastomi{ padding:0px 0px;}
 

 /*BROJACI*/

.brojaci .naslov{ display: none; }
 

 

/****** TESTIMONIALS ***************/
.testimonials .naslov{ color:#fff; }
.testimonials .naslov-container{ border:1px solid #dbae1d; }
.testimonials .naslov-absolute{ background-color: #fff; color:#dbae1d; background-color: #013042}
.testimonials{  padding:40px 0px; background-image: url("../images/bg-pozoriste-bijeljina-m.jpg"); background-size: cover; }
.testimonials-container { position: relative; margin: auto;}
.testimonials-slide {display: none}
.testimonials-image { text-align: center; overflow: hidden; border:0px solid #ff0000; }
.testimonials-image img{height: 70px; }
.testimonials-prev, .testimonials-next { cursor: pointer; position: absolute; top: 40%; width: auto; padding: 6px 8px; color: white;
  font-weight: bold; font-size: 14px; left:5px; transition: 0.6s ease; user-select: none;  border:1px solid #555;}
.testimonials-next { right: 5px; left:auto; }
.testimonials-prev:hover, .testimonials-next:hover { }
.testimonials-text {color: #fff; font-size: 18px; line-height: 24px; min-height: auto!important; margin-left:10%;  width: 80%; padding:30px 20px 30px 20px; text-align: center; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; margin-bottom:15px;  }
.testimonials-name{color:#fff; font-size:16px; line-height: 24px; font-weight: bold; text-align: center;  }
.testimonials-work{ font-size:12px; margin-top:0px; line-height: 14px; }
 
.testimonials-fade { -webkit-animation-name: fade; -webkit-animation-duration: 1.5s; animation-name: fade; animation-duration: 1.5s;}



/*BTCONTENTSLIDER */
#btcontentslider144 .bt-row{ padding-bottom: 30px; }
#btcontentslider144 .bt-row:nth-child(3) { padding-bottom: 0px; }
#btcontentslider144 .bt-row  .bt-center{padding:0px 0px; }
#btcontentslider144 .bt-row:nth-child(3) .bt-center{padding:0px 0px;}
#btcontentslider144 .bt-row:nth-child(5) .bt-center{padding:0px 0px;}
#btcontentslider144 .bt-row-last .bt-center{padding:0px 0px; }
#btcontentslider144 .bt-row-first .bt-center{padding:0px 0px;}
#btcontentslider144 .bt-title{ min-height: auto;  font-size:22px; line-height: 28px;  }
#btcontentslider144 .bt-image-cont{ position: relative; border:2px solid #555; height: 190px; }
#btcontentslider144 .traka{ position: absolute; bottom:60px; left:10%; width: 80%;  text-align:left; z-index: 20;}
#btcontentslider144 .bt-row .bt-center:hover .traka{ bottom:60px; transition: bottom .5s ease-in-out; }
#btcontentslider144 .bt-procitaj{ text-align: left; position: absolute; bottom:15px; left:10%; z-index: 100  }
 
/*FOOTER*/
#home-c-r-5 .homeMargina{ padding-left: 0px; margin-top:30px; }
 
/* GK - TABS */
#gk-tabs-153 {margin:20px 15px;}
#gk-tabs-153 .gkTabsContainer li{margin-bottom:12px;}
#gk-tabs-153 .gkTabsContainer li a{font-size:18px; line-height:18px;}

/*CONTENT */
#jf-content {border:0px solid #ff0000; width:auto; font-size:18px; line-height:28px;}
#jf-content .main{margin-left:20px; margin-right:20px; width:auto; padding-top:40px; border:0px solid #0000ff;}
.itemid-117 #jf-content .content-left {margin-bottom: 0;}
.itemid-105 #jf-content .main, .itemid-135 #jf-content .main{padding-bottom: 0;}

/* CATEGORY BLOG*/
.categoryImage{ }
.categoryIntro{ }
.categoryBlog:hover .categoryIntro{ bottom:30px; transition: .8s;}
.categoryBlog{width: calc(100% - 4px); height: 170px; overflow:hidden; margin-bottom:30px; }
.categoryIntro{position: absolute; bottom:30px; left:10%; width: 80%; z-index: 11;  }
 
 
 

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

.colspan3 {
    width: 100% !important;
}

.colspan25 {
    width: 100% !important;
}
.colspan40{ width: 100%; }

.colspan50 {
    width: 100% !important;
}

.colspan50a {
    width: 100% !important;
}

.colspan50b {
    width: 100% !important;
}

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

.colspan20 {
    width: 100%;
}
.colspan30 {
    width: 100%;
}

.colspan75 {
    width: 100% !important;
}



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

#jf-mainnav {
    display: none;
}



#jf-menu {
    display: block;
    background-color: #fff;
    position: relative;
    z-index: 49;
}

#jf-menu .main {
    padding: 50px 0;
}

#jf-menu ul {
    border-top: 1px solid #404040;
}

#jf-menu ul li {
    border-bottom: 1px solid #404040;
    padding: 5px 0;
}

#jf-menu ul li a {
    color: #404040;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 18px;
    text-transform: uppercase;
}

#jf-menu ul li a:hover {
    color: #247D99;
}

#jf-slideshow .main {
    font-size: 18px;
}

#jf-slideshow .main h1 {
    font-size: 52px;
}

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;
}


 
 


}


@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;}



}