*       { margin: 0; padding: 0; }
img, fieldset { border: none; }
:focus  { outline: 0; }
a       { text-decoration: underline; }
.alt    { display: none; }

/************************ TYPO *********************************/
body { font-family: 'Open Sans', sans-serif; font-size: 13px; color: #848484; line-height: 17px; }

a       { color: #4949A1; text-decoration: none;}
a:hover { color: #4949A1; text-decoration: underline;}

h1 { font-family: 'Open Sans', sans-serif; color: #999c9f; margin-top: 0px; background: transparent; padding: 0 15px 0 0; line-height: 26px; font-size: 24px; font-weight: bold;  }
h2 { color: #999c9f; font-family: 'Open Sans', sans-serif; line-height: 17px; font-size: 16px; font-weight: normal; padding: 0 0 0 0; }
h3 {color: #999c9f; font-family: 'Open Sans', sans-serif; line-height: 16px; font-size: 15px;  font-weight: normal; padding: 5px 0 5px 0; margin: 0 0 0 0;}

.green{ color: #7cb736; }
.black { color: #000000; }
.blue{color: #33338f; font-weight: 600;}
.white, .white a{color: #ffffff; font-weight: 600;}

.pagination {float: right; margin: 10px 0 0 0;}

.spacer15 {margin-top: 15px;}
.spacer25 {margin-top: 25px;}

.help-block { clear: both; float: left; color: #D9030A; width: 100%; }

/************************ GENERAL *********************************/
html { background: #1e1e1e;}
body { min-height:1000px; background: url('../../img/site/BKG-body.jpg') top center no-repeat; overflow-x: hidden;}
.container {  margin: 0px auto; background: transparent; padding: 0 10px 0 10px; }

/************************ TOP *********************************/
#top{ width: 100%;}
#top-contact{ float: right; background-color:rgba(149,151,154,0.7); height: 150px; width: 306px; text-align: left; color:#FFF;  padding: 30px 20px 20px 20px; line-height: 30px;}
#top-contact a{color:#FFFFFF; text-decoration: underline;}
#top-contact a:hover{ color: #33338F; }
#phone{font-size: 19px;}
#google-marker img{ margin: -7px 0 0 0;}

/************************MAIN MENU***********************************/
#main-menu{float: left; width: 100%;  height: 60px; background-color:rgba(51,51,143,0.9);} 
#lang1 ul { margin: 20px 0; list-style: none; height:20px; overflow:hidden;}
#lang1 a  { float: left; display: block; width: 20px; height: 20px; }
#lang1 li.cro a { background: url('../../img/site/BKG-lang-cro.png') 0px 0px no-repeat; }
#lang1 li.eng a { background: url('../../img/site/BKG-lang-eng.png') 0px 0px no-repeat; }
#lang1 li.ger a { background: url('../../img/site/BKG-lang-ger.png') 0px 0px no-repeat;}
#lang1 li.cro a:hover, #lang1 li.cro a.on {background: url('../../img/site/BKG-lang-cro.png') 0px -20px no-repeat; }
#lang1 li.eng a:hover, #lang1 li.eng a.on {background: url('../../img/site/BKG-lang-eng.png') 0px -20px no-repeat; }
#lang1 li.ger a:hover, #lang1 li.ger a.on {background: url('../../img/site/BKG-lang-ger.png') 0px -20px no-repeat; }

#lang2 ul { margin: 20px 0; list-style: none; height:20px; overflow:hidden;}
#lang2 a  { float: left; display: block; width: 20px; height: 20px; }
#lang2 li.cro a { background: url('../../img/site/BKG-lang-cro.png') 0px 0px no-repeat; }
#lang2 li.eng a { background: url('../../img/site/BKG-lang-eng.png') 0px 0px no-repeat; }
#lang2 li.ger a { background: url('../../img/site/BKG-lang-ger.png') 0px 0px no-repeat;}
#lang2 li.cro a:hover, #lang2 li.cro a.on {background: url('../../img/site/BKG-lang-cro.png') 0px -20px no-repeat; }
#lang2 li.eng a:hover, #lang2 li.eng a.on {background: url('../../img/site/BKG-lang-eng.png') 0px -20px no-repeat; }
#lang2 li.ger a:hover, #lang2 li.ger a.on {background: url('../../img/site/BKG-lang-ger.png') 0px -20px no-repeat; }

#top-right-side{display:none; float:right; margin-right: -50px; width:120px;}

/************************HEADER**************************************/
#slider{clear:both;}
.slider-title{text-align: left; font-size: 29px; color: #33338f; text-shadow: none; margin: 60px 0 40px 0; font-weight: 600; line-height: 32px;}
.slider-text{text-align: left; color: #000000; font-style: italic; font-size: 18px; text-shadow: none; font-weight: 300; line-height: 22px;}
#header{ width: 100%;}
#header-right{float:right; width: 306px;  padding: 0 30px 15px 30px; background-color:rgba(255,255,255,0.8); }
.header-right-title{text-transform: uppercase; font-size: 17px; color: #000000; text-align: center; margin: 15px 0 15px 0; font-weight: 600;}
#header-right-form{text-align:left;}
#header-right-form ul  { list-style: none; margin: 10px 0 10px 0; overflow: hidden; zoom: 1; }
#header-right-form ul li  { color: #848484; margin-bottom: 5px; padding-left: 20px; background: url('../../img/site/choose-us-bulletin.png') 0px 5px no-repeat; height:1%;}
.header-right-link { text-align: center;}
.header-right-link .btn { font-size: 13px;}

/************************ HEADER-PAGE *********************/
#header-page{float: left; width: 100%; min-height: 200px; }
.header-page-title{text-align: left; font-size: 29px; color: #33338f; text-shadow: none; margin: 60px 0 0 0; font-weight: 600; line-height: 38px; }

/************************ BREADCRUMB *********************/
#breadcrumbs{ float: left; width: 100%; background-color:rgba(70,70,70,0.75); padding: 20px 0 15px 0;}

/************************SUBHEADER**************************************/
#subheader{float: left; width: 100%; }
#subheader-box-container{padding-top:5px;}
.subheader-box{margin-top: 10px;} 
.last-subheader-box { margin-right: 0px; }
.subheader-box-title{width: 220px; height: 60px; background: url('../../img/site/BKG-subheader-box-title.png') no-repeat;}
.subheader-box-heading{float: left; padding: 30px 0 0 15px; font-size: 13px; color: #FFFFFF; font-weight: bold; }
.subheader-box-photo{float: right; width: 66px; height: 60px; }
.subheader-box-content{background-color:rgba(78,78,175,0.8); height: 120px; color: #DDDDDD; font-size: 11px; padding:20px 0 0 20px; width: 220px; overflow: hidden;}
.subheader-box-footer{height: 40px; background: #33338f; padding: 10px 0 0 25px; width: 220px}
.subheader-video-link { float:right; padding: 0 15px 0 0;}
.subheader-box-footer a{color: #FFFFFF;}
.subheader-box-footer a:hover{color: #5a5aef; text-decoration:none;}
#box-title-one{background: url('../../img/site/BKG-box-gradani.png') no-repeat;}
#box-title-two{background: url('../../img/site/BKG-box-subjekti.png') no-repeat;}
#box-title-three{background: url('../../img/site/BKG-box-obrtnici.png') no-repeat;}
#box-title-four{background: url('../../img/site/BKG-box-porezi.png') no-repeat;}

/************************ GRAY **************************/
 #gray{float: left; width: 100%; background-color:rgba(70,70,70,0.75); margin: 35px 0 0 0;}
 #gray-text p{color:#e2e2e2; font-size: 13px; text-align:center; padding: 30px; line-height: 22px;}
 
/************************ WRAPPER - CONTENT *********************************/
#wrapper {float: left; width: 100%; position: relative; padding: 25px 0 0 0; background: url('../../img/site/BKG-content.gif') top center repeat-y; }

/************************ LEFT SIDE *********************/
#left-side {padding-top:20px;}
.side-box{ width:306px; padding-left:30px; margin-bottom: 40px;}
.side-box-title{width:250px; color:#48489f; font-size: 18px; font-weight: 600; line-height: 22px; text-transform: uppercase; }
.side-box-text ul{list-style-type: none; padding: 0px; margin-top: 25px;}
.side-box-text ul li{ background-image: url('../../img/site/arrow.png'); background-repeat: no-repeat; background-position: 0px 5px; padding-left: 14px; margin-bottom: 15px;}
.side-box-text ul li a{color:#e2e2e2; font-size: 14px;}
.side-box-text ul li a:hover, .side-box-text ul li a.on {color: #5a5aef; text-decoration:none;}
.side-box-text p{color: #6b6b6b; font-size: 12px; font-style: italic; padding: 10px 30px 0 0;}
#side-box-title-img{background: url('../../img/site/BKG-content-left-box-title.png') no-repeat; height: 33px; padding-top: 7px; }

/************************ RIGHT SIDE *********************************/
#right-side {float: left; } 

.content {float: left; width: 100%; padding:20px 0 0 0;}
.content-text, .content-list {float: left; width: 100%; margin-top: 15px; color: #d6d6d6; line-height: 22px; padding-bottom: 20px;}
.modal-body.content-text { color: #888; }
.modal-body.content-text ul li, .modal-body.content-text ul li ul li { color: #888; }
.modal-header { border-bottom: 0; } 
.content-title{color: #999c9f; font-size: 24px; font-weight: 700;}
.content-text .picture {float: left; width: auto; margin: 0 20px 5px 0; }
.content-text ul  { list-style: none; margin: 10px 0 10px 10px; overflow: hidden; zoom: 1; }
.content-text ul li  {color:#d6d6d6; padding-left: 10px; background: url('../../img/site/bulletin1.gif') 0px 5px no-repeat; height:1%;}
.content-text ul li a {color:#ffffff; text-decoration: none; font-style: italic;  height:1%; }
.content-text ul li a:hover {color:#ffffff; text-decoration: underline;}
.content-text ul li ul { list-style: none; margin: 5px 0 5px 15px; }
.content-text ul li ul li  {color: #d6d6d6; padding-left: 20px; background: url('../../img/site/bulletin2.gif') 0px 5px no-repeat; height:1%;}
.content-text ul li ul li a {color: #ffffff; text-decoration: none;  font-style: italic; height:1%;}
.content-text ul li ul li a:hover {color: #ffffff; text-decoration: underline;}
.content-text ul li ul li ul  { list-style: none; margin: 5px 0 5px 15px; }
.content-text ul li ul li ul li  {color: #d6d6d6; padding-left: 9px; background: url('../../img/site/bulletin3.gif') 0px 5px no-repeat; height:1%;}
.content-text ul li ul li ul li a {color: #ffffff; text-decoration: none;  font-style: italic; height:1%;}
.content-text ul li ul li ul li a:hover {color: #ffffff; text-decoration: underline;}
.content-text ul li ul li ul li ul  { list-style: none; margin: 5px 0 5px 15px; }
.content-text ul li ul li ul li ul li  {color: #d6d6d6; padding-left: 9px; background: url('../../img/site/bulletin4.gif') 0px 5px no-repeat; height:1%;}
.content-text ul li ul li ul li ul li a {color: #ffffff; text-decoration: none;  font-style: italic; height:1%; }
.content-text ul li ul li ul li ul li a:hover {color: #ffffff; text-decoration: underline;}

/*naslovnica-novosti*/
ul#news{float:left; width: 100%; list-style: none; }
ul#news li{border-bottom:1px solid #1e1e1e; margin-bottom:35px; padding-bottom:30px;}
ul#news li.last-news{border:none;}
.news-title, .news-title a{color: #999c9f; font-size: 24px; font-weight: 700; line-height: 28px;}
.news-date{color: #969696; font-size: 12px; font-weight: 600; margin-top: 24px; float: left;}
.news-date span{color:#d9894e; font-weight:400; }
.news-more a{font-size: 12px; color: #d9894e; float: left; margin-top: 24px; margin-left: 55px;}
.news-text{color: #d6d6d6; font-size: 13px; line-height: 22px; clear:both; padding-top: 15px;}
.news-photo { float:left; width: 100px; height: 100px; margin: 5px 10px 5px 0; }

/* novosti */
#select-period { float: left; width: 100%; margin: 0 0 20px 0;}
#select-period label { font-weight: 300; padding: 5px 0 0 0;  }
#select-period select { width: 150px;}

/*usluge*/
.read-more a{font-size: 12px; color: #d9894e;}

/*komentari*/
#comments{float:left; width: 100%;}
#comments-title{color: #999c9f; font-size: 18px; font-weight: 600;}
#comments-form{color: #d6d6d6; font-size: 13px; line-height: 22px; clear:both; padding-top: 15px;}
#left-comment-form{float:left; width: 306px;}
#right-comment-form{float:right; width: 306px;}
#bottom-comment-form {clear:both; float:left; width: 306;}
.line-full{border: none; border-top: 1px solid #1e1e1e; padding-bottom: 20px;}
ul#comments-list{float:left; width: 100%; list-style: none; }
ul#comments-list li{border-bottom:1px dotted #1e1e1e; margin-bottom:35px; padding-bottom:30px;}
.single-comment-title{font-size: 18px; color: #999c9f;}
.single-comment-date{color: #969696; font-size: 12px; font-weight: 600; margin-top: 24px; float: left;}
.single-comment-date span{color:#d9894e; font-weight:400; }
.single-comment-text{color: #d6d6d6; font-size: 13px; line-height: 22px; clear:both; padding-top: 15px;}
#comment-form label{ width: 100%; font-weight: 400;}

#all-blogs{float:left; width: 100%; margin-top: -15px; }
#all-blogs a{color: #D9894E; font-size: 14px; }

/* kontakt */ 
#addresses{float:left; margin:-15px 0 20px 0;}
.address { float: left; width: 300px; margin: 0px 20px 0 0; color:#D6D6D6; line-height: 22px;}
.control-label{font-weight: 400;}

/*newsletter-box*/
#mc_embed_signup {  padding: 0 30px 0 0; }
#mc_embed_signup .form-group { margin: 0 0 10px 0; }
.indicates-required { padding: 0 0 10px 0; }

/************************FOOTER**********************************/
#footer{float:left; width:100%; background: url('../../img/site/BKG-footer.gif') top center repeat-y;}
.footer-box{ width: 306px;}
.footer-box-title{width: 100%; height: 73px; padding: 30px 0 0 0; font-size: 20px; color: #726e73; text-transform:uppercase; border-bottom: 1px solid #726e73;}
#footer-box-title-one{background: url('../../img/site/BKG-footer-sitemap.png') no-repeat; padding: 30px 0 0 30px; color: #1e1e1e; border-bottom: 1px solid #1e1e1e;}
.footer-box-content{background:transparent;}
.footer-box-content p{color:#726e73; font-size: 14px; line-height: 28px; padding-top: 15px;}
#footer-social-list{padding-top:15px;}
.footer-box-content a{color:#4949a1; text-decoration: none;}
.footer-box-content a:hover{text-decoration: underline;}
.last-footer-box { margin-right: 0px; }
ul#footer-social-list{list-style:none; }
ul#footer-social-list li{display:inline;}
#footer-copyright{font-size:13px; padding-bottom: 20px;}                    
#footer-copyright{margin: 0 0 20px 346px; clear:both; width: 350px;}
#copyright a{color:#4949a1;}
#sign a{color: #4949a1;}

/************************ COOKIES DETAIL *********************************/
#cookie-detail { position: fixed; bottom: 0; left: 0; right: 0; max-width: 2000px; margin: 0 auto; padding: 10px 0; background: #fff; z-index: 1000; box-shadow: 0 0 6px rgba(0,0,0,0.2); }
#cookie-center { margin: 0 auto; max-width: 800px; padding: 5px 15px; position: relative; }
#cookie-center::before { position: absolute; top: 10px; left: -45px; width: 46px; height: 35px; background: url('../../img/site/cookie.png') no-repeat 0 0; content: ""; }
#cookie-title { font-weight: bold; font-size: 16px; text-transform: uppercase; margin-bottom: 5px; color: #000; }
#cookie-text { font-size: 13px; line-height: 20px; margin-bottom: 10px; color: #000; }
#cookie-text a { font-weight: 600; }
#cookie-buttons { width: 100%; display: inline-block; }
.cookie-check-holder { position: absolute; top: 5px; left: 0; }
#cookie-more-link { float: left; font-size: 14px; font-weight: 700; right: 0; top: 0; bottom: 0; padding: 6px 10px; border-radius: 0; color: #4949a1; border: 1px solid #ccc; background-image: linear-gradient(#fff, #efefef); }
#cookie-more-link:hover { background: #fff; }
#cookie-more-link[aria-expanded="false"] #cookie-open { display: block; }
#cookie-more-link[aria-expanded="false"] #cookie-close { display: none; }
#cookie-more-link[aria-expanded="true"] #cookie-open { display: none; }
#cookie-more-link[aria-expanded="true"] #cookie-close { display: block; }
#cookie-check-link { float: left; width: 120px; margin-right: 20px; padding: 7px 0; background: #4949a1; color: #fff; text-align: center; text-transform: uppercase; font-size: 14px; font-weight: 700; }
#cookie-check-link:hover { background: #343470; }
#cookie-decline-link { float: left; width: 120px; margin-right: 20px; padding: 7px 0; background: #fff; color: #4949a1; border: 1px solid #4949a1; text-align: center; text-transform: uppercase; font-size: 14px; font-weight: 700; }
#collapsecookie { clear: both; font-size: 13px; line-height: 18px; color: #000; margin-top: 10px; }
#collapsecookie #v-pills-tab { padding-left: 5px; }
.nav#v-pills-tab { border-bottom: 0; }
.nav#v-pills-tab > li { float: left; width: 100%; position: relative; padding-left: 20px; }
.nav-pills#v-pills-tab > li+li { margin-left: 0; }
.nav#v-pills-tab > li> a:focus, .nav#v-pills-tab > li > a:hover { text-decoration: none; background-color: transparent; color: #4949a1; border-color: transparent; }
.nav-pills#v-pills-tab > li.active > a, .nav-pills#v-pills-tab > li.active > a:focus, .nav-pills#v-pills-tab > li.active > a:hover { color: #fff; background-color: #4949a1; }
.nav-pills#v-pills-tab > li > a { float: left; width: 100%; font-weight: 600; padding: 8px 16px; border-radius: 0; border: none; }
#collapsecookie .card { border: 1px solid #ccc !important; border-radius: 0; padding: 20px; }
#collapsecookie .table { margin-top: 10px; }
#collapsecookie .table td, #collapsecookie .table th { padding: 5px; vertical-align: middle; font-size: 12px; }
#collapsecookie hr { border-color: #ccc; }
.cookie-table.table th { background-color: #eee; } 
#page-disable { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0,0,0,0.5); z-index: 999; }
#v-pills-tabContent { height: 200px; overflow: auto; }
.cookie-table.table th:nth-child(3) { width: 65px; }
#page-cookie { float: left; width: 100%; margin-top: -20px; }
#page-cookie .cookie-check-holder { position: absolute; top: 8px; left: 0; }
#page-cookie-buttons { float: right; }
#page-cookie-check-link { float: left; width: 120px; margin-left: 20px; padding: 7px 0; background: #4949a1; color: #fff; text-align: center; text-transform: uppercase; font-size: 14px; font-weight: 700; }
#page-cookie-check-link:hover { background: #343470; }
#page-cookie-decline-link { float: left; width: 120px; margin-left: 20px; padding: 7px 0; background: #fff; color: #4949a1; border: 1px solid #4949a1; text-align: center; text-transform: uppercase; font-size: 14px; font-weight: 700; }
#page-collapsecookie { clear: both; font-size: 13px; line-height: 18px; color: #000; margin-top: 10px; }
#page-collapsecookie #page-v-pills-tab { padding-left: 25px; }
#page-collapsecookie .card { border: 1px solid #ccc !important; border-radius: 0; }
#page-collapsecookie .table { margin-top: 10px; }
#page-collapsecookie .table td, #page-collapsecookie .table th { padding: 5px; vertical-align: middle; font-size: 12px; }
#page-collapsecookie hr { border-color: #ccc; }
.cookie-table.table th { background-color: #4949a1; color: #fff; border-bottom: none; padding: 12px; } 
#page-cookie .cookie-table.table th:nth-child(3) { width: 110px; }
.nav#page-v-pills-tab { border-bottom: 0; }
.nav#page-v-pills-tab > li { float: left; width: 100%; position: relative; padding-left: 30px; }
.nav-pills#page-v-pills-tab > li+li { margin-left: 0; }
.nav#page-v-pills-tab > li> a:focus, .nav#page-v-pills-tab > li > a:hover { text-decoration: none; background-color: transparent; color: #4949a1; border-color: transparent; }
.nav-pills#page-v-pills-tab > li.active > a, .nav-pills#page-v-pills-tab > li.active > a:focus, .nav-pills#page-v-pills-tab > li.active > a:hover { color: #fff; background-color: #4949a1; }
.nav-pills#page-v-pills-tab > li > a { float: left; width: 100%; padding: 12px 16px; font-weight: 600; border-radius: 0; border: none; color: #fff; }

/************************BOOTSTRAP**********************************/
/*collapse*/
#accordion-menu { margin-top: -10px;}
.panel-default { border: 0; background: transparent;}
.panel-default > .panel-heading { padding: 0 0 5px 0; text-transform: uppercase; background: transparent; border: 0; color: #D6D6D6;}
.panel-default > .panel-heading a {font-family: 'Open Sans', sans-serif !important; font-size: 15px;  font-style: normal !important;}
.panel-default > .panel-heading a:hover { color: #d6d6d6;}
.panel-default > .panel-heading a.floor2 {font-family: 'Open Sans', sans-serif !important; font-size: 15px;  font-style: normal !important; padding-left: 10px; background: url('../../img/site/bulletin2.gif') 0px 7px no-repeat;}
.panel-default > .panel-heading a.floor2:hover { color: #d6d6d6;}
.panel-group .panel-heading + .panel-collapse .panel-body { border: 0; }
.panel-group .panel { box-shadow: none;}
.panel-group .panel-body { padding: 0 0 0 15px; background: transparent; }
.panel-group .panel-body ul { margin-top: 5px; }
.panel-group .panel-body a { color: #d6d6d6;}
.panel-group .panel-body a:hover { color: #d6d6d6;}
.panel-body .panel-default > .panel-heading { text-transform: none; }
.panel-body .panel-default ul li a {font-style: normal !important;}
.panel-body .panel-body ul { margin-top: 10px; margin-left: 5px; margin-bottom: 15px;}
.panel-body .panel-body ul li { padding-left: 10px; padding-bottom: 4px;}
.panel-body ul li { padding-bottom: 2px;}
.panel-body  ul li ul { margin-left: -0;}

/*breadcrumb*/
.breadcrumb {
    padding: 0;
    margin-bottom: 0;
    list-style: none outside none;
    background: transparent;
    border-radius: 0px;
    font-size: 15px;
    font-weight: 300;
}

.breadcrumb li { color: #fff; margin-bottom: 5px; }

.breadcrumb li.active { color: #3A3A9E; }

.breadcrumb > li + li:before {
    content: "» ";
    padding: 0px 5px;
    color: #fff;
}

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #ccc;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

.dropdown-submenu:hover, .dropdown-submenu:focus  { background: #ddd !important; }
.dropdown-submenu:hover a, .dropdown-submenu:focus a  { color: #333 !important; }
.dropdown-submenu:hover ul li a, .dropdown-submenu:focus ul li a  { color: #333 !important; } 

/*navbar*/
.navbar-default {
    background: transparent;
    border:none;
    z-index: 100;
}

.navbar-default .navbar-nav > li > a {
    color: #FFFFFF;
    font-size: 16px;
    text-transform: uppercase;  
    padding: 20px 15px;
}

.navbar-default .navbar-nav > li > a:hover {
    background: #DDDDDD; 
    color:#3e3d8f;
}   

.navbar-default .navbar-nav > li.active > a, 
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #3e3d8f;
  background-color: #DDDDDD;
} 

/*hidden menu name*/
.navbar-default .navbar-brand {
  float: left;
  height: 50px;
  padding: 20px 15px 15px 15px;
  font-size: 18px;
  line-height: 20px;
  display: none;
  color:#FFF;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  text-decoration: none;
  color:#FFFFFF;
}

.navbar-default .navbar-nav .open .dropdown-menu{
  background-color:#FFF;
}

.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover, 
.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus {
 background: #DDDDDD; 
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border: none;
}

.navbar-default .navbar-toggle{
  margin-top: 12px;
}

.navbar-default .navbar-nav .open .dropdown-menu{
  margin-top:-1px;
  border:none;
}

 /*btn-primary*/
.btn-primary { color: #fff; background-color: #424297; border-color: #35357d;}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary { color: #fff; background-color: #424297; border-color: #35357d;
}

/*btn-default*/
.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #d2d2d2;
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
  color: #333;
  background-color: #ebebeb;
  border-color: #d2d2d2;
} 


/*input editet*/
#consultation-form .form-group{ margin-bottom: 8px;}
#consultation-form .form-control{ width: 100%; color:#000000; font-style: italic; font-size: 11px; background: #c0c0c0; border: none; padding: 3px 12px 3px 18px; border-radius: 0;}
#consultation-form input[type=text].form-control, #consultation-form input[type=email].form-control { height: 25px;}
#consultation-form select { height: 25px; padding-top: 3px;}  
#consultation-form .btn{ text-transform:uppercase; height: 40px;  }
   
.container .navbar-header,
.container .navbar-collapse {
  margin-right: 0px;
  margin-left: 0px;
}

.input-group-addon {
padding: 6px 12px;
font-size: 12px;
font-weight: 400;
line-height: 1;
color: #555;
text-align: center;
background-color: #d6d6d6;
border: 0;
}

/*edit pagination*/
.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #CCC;
  text-decoration: none;
  background-color: #1e1e1e;
  border: 1px solid #515151;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  color: #999;
  background-color: #414040;
  border-color: #515151;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 2;
  color: #999;
  cursor: default;
  background-color: #414040;
  border-color: #515151;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #999;
  cursor: not-allowed;
  background-color: #414040;
  border-color: #515151;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

label.radio {font-weight: normal;}


/************************MEDIA QUERIES**********************************/

@media (max-width: 480px){
  .header-page-title{text-align: left; font-size: 24px; color: #33338f; text-shadow: none; margin: 40px 0 0 0; font-weight: 600; line-height: 32px; }
  .address{ width: 100%;}
}

@media (min-width: 768px) {
  .modal-dialog .modal-dialog { margin: 0 auto; }
}

/*extra small devices*/
@media (max-width: 767px) { 
    /*cookie*/
    #cookie-detail { max-height: 100vh; overflow: auto; }
    #cookie-title { min-height: 45px; padding-left: 55px; line-height: 1.5; }
    #cookie-list-left { width: 100%; }
    #cookie-check-link { margin: 0 10px 10px 0; }
    #cookie-list { width: 100%; padding-bottom: 50px; margin-left: 0; }  
    #cookie-more-link { left: 0; top: auto; border-top: 1px solid #ccc; }
    #cookie-center { padding: 5px 0; }
    #cookie-center::before { left: 0; } 
    #page-v-pills-tabContent { width: 100%; overflow: auto; font-size: 16px; margin-top: 20px; }
    #page-v-pills-tabContent > div { width: 770px; }
    #page-cookie-buttons { margin-top: 30px; }
    /*scroll on mobile*/
    ::-webkit-scrollbar { width: 6px !important; height: 6px !important; }
    ::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3) !important; box-shadow: inset 0 0 6px rgba(0,0,0,0.3) !important; -webkit-border-radius: 10px !important; border-radius: 10px !important; }
    ::-webkit-scrollbar-thumb { -webkit-border-radius: 10px !important; border-radius: 10px !important; background: #dee2e6 !important; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5) !important; box-shadow: inset 0 0 6px rgba(0,0,0,0.5) !important; }
    ::-webkit-scrollbar-thumb:window-inactive { background: #dee2e6 !important; }
    #top-contact{ width: 100%; text-align: center;}
    #logo img{margin: 0px auto;}
    .navbar-default .navbar-nav { background-color:rgba(51,51,143,0.9); margin-top:0px;}
    .navbar-default .navbar-nav > li > a {padding: 10px;}
    .navbar-default .navbar-brand {display:inline; }
    .dropdown-submenu .dropdown-menu { background-color: #ededed !important; }
    .dropdown-submenu .dropdown-menu > li > a { padding-left: 35px !important; }
    .dropdown-submenu .dropdown-menu > li > a:hover,
    .dropdown-submenu .dropdown-menu > li > a:focus { background: #ddd !important; }
    #header-right{width: 100%;  text-align:center;}
    #header-right-form { width: 200px; margin: 20px auto;}
    #subheader-box-container{background-color:rgba(255,255,255,0.8);  padding: 20px 0 20px 0; }
    .subheader-box-title, .subheader-box-content, .subheader-box-footer{margin: 0 auto;}  
    .navbar-default .navbar-right{display:none;}
    #top-right-side{display:inline;}
    #gray{margin: 20px 0 0 0;}
    #wrapper{background:#1e1e1e;}
    #select-period select { float:left; width: 200px; margin-bottom: 10px;} 
    #left-side{padding-bottom:20px;}
    .side-box{ margin: 0 auto 30px auto;}
    #right-side{width:100%; background:#353436;  padding: 40px;}   
    #left-comment-form{float:left; width: 100%;}
    #right-comment-form{float:left; width: 100%;}
    #bottom-comment-form {float:left; width: 100%;}
    #footer{background:#1e1e1e;}
    .footer-box{width:100%;}
    #footer-box-title-one{background: url('../../img/site/footer-sitemap-icon.png') 100% 15px no-repeat; color: #726e73; border-bottom: 1px solid #726e73;}
    .footer-box-title{padding: 30px 0 0 30px; }
    .footer-box-content{padding: 0 0 0 30px;}
    #footer-first ul.footernav {margin-left:-30px;}
    #footer-first ul.footernav li a{color: #726e73;}
    #footer-first ul.footernav li {background: url('../../img/site/BKG-footernav-li-gray.png') left 10px no-repeat; }
    #footer-first ul.footernav ul li { background: url('../../img/site/BKG-footernav-li-li-gray.png') left 10px no-repeat;}
    #footer-copyright{margin: 20px 0 0 30px;}
}     

/*small devices*/
@media (min-width: 768px) and (max-width: 991px) { 
    #top-contact{ width: 100%; text-align: center;}
    #logo img{margin: 0px auto;}
    .navbar-default .navbar-nav > li > a {font-size: 15px;padding: 20px 5px;}
    #header-right{float:left; width: 100%;  text-align:center; margin-top:10px;}
    #header-right-form { width: 200px; margin: 20px auto;}
    #subheader-box-container{background-color:rgba(255,255,255,0.8);  padding:20px 0 20px 75px;  } 
    #gray{margin: 20px 0 0 0;}
    #wrapper{background:#1e1e1e;}
    #select-period select { float:left; width: 200px; margin-bottom: 10px;}
    #left-side{ padding-left: 15px;}
    .side-box{ float: left; width: 240px; padding: 0 15px;}
    .side-box-title {width: 100%; }
    #right-side{clear:both; width:100%; background:#353436; padding: 40px;}
    #newsletter-box { clear: both; width: 100%; }
    #mc_embed_signup { padding: 0; }
    #footer{background:#1e1e1e;}
    .footer-box{width:100%;}
    #footer-box-title-one{background: url('../../img/site/footer-sitemap-icon.png') 100% 15px no-repeat; color: #726e73; border-bottom: 1px solid #726e73;}
    .footer-box-title{padding: 30px 0 0 30px; }
    .footer-box-content{padding: 0 0 0 30px;}
    #footer-first ul.footernav {margin-left:-30px;}
    #footer-first ul.footernav li a{color: #726e73;}
    #footer-first ul.footernav li {background: url('../../img/site/BKG-footernav-li-gray.png') left 10px no-repeat; }
    #footer-first ul.footernav ul li { background: url('../../img/site/BKG-footernav-li-li-gray.png') left 10px no-repeat;}
    #footer-copyright{margin: 20px 0 0 30px;}
}

/*medium devices*/
@media (min-width: 992px) and (max-width: 1200px) { 
  /*#right-side {width: 652px; }*/ 
  #mc_embed_signup {  padding: 0 50px 0 0; }         
}

/*large devices*/
@media (min-width: 1200px) {
  .container {
    width: 1020px;
  }
}