@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700");
/*!
 * bootswatch v3.3.5
 * Homepage: http://bootswatch.com
 * Copyright 2012-2015 Thomas Park
 * Licensed under MIT
 * Based on Bootstrap
*/
/*!
 * Bootstrap v3.3.5 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webit-text-size-adjust: 100%;
  background-color: #cccccc;
} 
body {
  font-family: 'Cuprum', sans-serif !important;
  /*font-family: 'Tenali Ramakrishna', sans-serif !important;*/
  /*font-family: 'Dhurjati', sans-serif !important;*/
  /*font-family: 'Dosis', sans-serif !important;*/
  line-height: 1.42857143;
  color: #fff;
  margin: 0;
  position: relative;
}
img{
    -ms-interpolation-mode: bicubic !important;
}
.affix {
  top:0;
  width: 100%;
  z-index: 9999 !important;
}

.navbar {
  margin-bottom: 0px !important;
  width: 100%;
  border-radius: 0 !important;
}
.navbar li{
  list-style:none;
}
.navbar-nav > li > a {
  color: #FFF;
  font-size: 18px;
}
.navbar-logo {
  margin-left: 16px;
  max-height: 44px; 
  }
.navbar-logo a{
  font-size: 18px;
  color: #cccccc;
} 
.navbar-logo a:hover{
  font-size: 18px;
  color: #cccccc;
  text-decoration: none;
}
.navbar-logo a, a:link, a:visited, a:active, a:hover {border:0!important;}{
  text-decoration: none;
}
.navabr-logo img{
  -ms-interpolation-mode: bicubic !important;
  width: 75px;
  height: 38px;
}
.affix ~ .container-fluid {
   position: relative;
   top: 50px; 
}
.content{
  min-height: calc(100% - 273px);
  min-height: calc(100vh - 273px);
}
.content p{
  text-align: justify;
  font-size:1.30em;
}
.content h1{
  font-size:2.1em;
}
.content h2{
  font-size:1.8em;
}
.content h3{
  font-size:1.6em;
}
.sub_content{
  width: 100%;
  padding-top: 20px !important;
}
.sub_content p{
  font-size:1.25em;
}
.left_manu{
  color: #000;
  background: transparent;
}
.left_manu p{
  font-size: 1.0em;
}
.left_manu h4{
  font-size: 1.1em;
  font-weight: 800;
}
.kontakt{
  height: 100%;
}
.kontakt h1{
  font-size:1.6em;
  }
.kontakt h2{
  font-size:1.4em;
}
.kontakt h3{
  font-size:1.3em;
}
.topNav{
  position: relative;
  height: 20px;
  background-color: transparent;
}
#myHeader  {
  height:70px;
  color: #fff; 
}

.parallaxParent {
  position: relative;
  z-index: 0;
}
.parallaxContent {
  height: auto;
  min-height: calc(100% - 273px);
  min-height: calc(100vh - 273px);
  width: 100%;
  background-color:#fff;
  position: relative;
  z-index: 1;
}
.pImage{
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  width: 100%;
  z-index: 1;
}
.pContent{
  z-index: 2;
}
.carousel-box{
  width: 100%;
  border: solid 1px red;
  display: inline-block;
  height: 100%;
}
.home {
  height: 50%;
  color: #fff; 
  background-image: url("/images/main-header.jpg");
/*  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-attachment: fixed;
  background-color: #cccccc;
  background-height: 100%;
  position: relative;*/
}
.home_back{
  height: 50% !important;
  height: 50vh !important;
}

#slajd1{
  background-image: url("/images/slajd1.jpg");
}
#slajd2{
  background-image: url("/images/slajd2.jpg");
}
#slajd3{
  background-image: url("/images/slajd3.jpg");
}
#o_nama {
  padding-top:85px;
  color: #fff;
  background-repeat: no-repeat;
  background-width: 100%; 
  background-color: #cccccc;
}
#o_nama h1{
  margin-top: 0px;
  margin-bottom: 0px;
  text-align: center;
  color: #ccc;
  font-size: 54px;
  font-weight: 900;
  background-color: #333
}
#o_nama h2{
  border: solid 5px #333;
  margin-top: 0px;
  text-align: center;
  color: #333;
  font-size: 2.1em;
  font-weight: 700;
  background-color: #fff;
}
.logo-big{
  background-color: #333;
  text-align: center;
  width: 100%;
}
#o_nama p{
  text-align: justify;
  color: #333;
  font-size: 1.6em;
  font-weight: 600;
}

#programi {
  padding-top:82px;
  color: #fff; 
  max-width: 100%; 
  background-color: #cccccc;
  /*background-image: url('/images/main_background.png');*/
}
#programi_mob{
  display: none;
}
#novosti {
  padding-top:40px;
  padding-bottom: 30px;
  color: #eee; 
  background-image: url("/images/news-header.jpg");
  
}
.novosti h1 {
 font-family: 'Lalezar', cursive;
 letter-spacing: 15px;
  font-size: 4.2em;
  font-weight: 900;
  color: #c14e4e; 
  margin-top: 10px;
  width: 100%;
  text-align: center;
}
.shadow3D{
  text-shadow:     0 1px 0 hsl(174,5%,80%),
                     0 2px 0 hsl(174,5%,75%),
                     0 3px 0 hsl(174,5%,70%),
                     0 4px 0 hsl(174,5%,66%),
                     0 5px 0 hsl(174,5%,64%),
                     0 6px 0 hsl(174,5%,62%),
                     0 7px 0 hsl(174,5%,61%),
                     0 8px 0 hsl(174,5%,60%),
    
                     0 0 5px rgba(0,0,0,.05),
                    0 1px 3px rgba(0,0,0,.2),
                    0 3px 5px rgba(0,0,0,.2),
                   0 5px 10px rgba(0,0,0,.2),
                  0 10px 10px rgba(0,0,0,.2),
                  0 20px 20px rgba(0,0,0,.3);
}
.shadow3Dsmall{
  text-shadow:    0 1px 0 hsl(56,5%,80%),
                  0 2px 0 hsl(56,5%,75%);
}
.novosti h2{
  font-size: 2.4em;
  font-weight: 600;
  color: #c14e4e;
  margin-top: 10px;
  text-align: center;
}
#novosti a:hover{
text-decoration: none;
}
#footer {
  padding-top:50px;
  color: #fff; 
  background-color: #1d2124;  
  bottom: 0px;
  min-height: 200px;
}
.DisplayNone{
  display: none;
}
.MainCaptionBox{
  position: absolute;
  bottom: 10%;
  width: 100%;
  margin-left: -15px;
}
.NovostiBox{
  position: relative;
  padding:10px;
  background-color: #6E6E6E;
  color: #fff;
  height:50px;
  width: 99%;
  margin-top: 2px;
  overflow: hidden;
  text-align: center;
  opacity: 0.9;
}
.NovostiBox h3{

  font-size: 1.5em;
  opacity:1.0;
}
.NovostiBoxMob{
  position: relative;
  padding-left:30px;
  padding-right:30px;
  background-color: #FFF;
  color: #000;
  height:250px;
  width: 100%;
  overflow: hidden;
  text-align: center;
  opacity:0.9;
}
.NovostiBoxMob h3{
  font-size: 1.3em;
}
.NovostiBoxSwipe{
  position: relative;
  padding:20px;
  background-color: #FFF;
  color: #000;
  height: 200px;
  width: 99%;
  margin-top: 2px;
  overflow: hidden;
  text-align: center;
}
.NovostiBoxSwipe h3{
  text-align: center;
  font-size: 1.25em;
}
.NovostiBoxS{
  color: #fff;
  position:absolute; 
  width: 100%;
  height: 100%;
  padding:10px;
  top:0;
  left: 0;
  z-index: 1;
  background-color: #1d2124;
}
.NovostiBoxS:hover{
  border: solid 1px white;
  background-color: #00bcd4;
  color: #fff;
  cursor: pointer;
  z-index: 1;
}
.NovostiBoxS h3{
  color: #fff;
  z-index: 100;
  text-align: left;
  margin-top:5px;
  font-size: 1.1em;
  font-weight: 400;
  opacity: 1.0;
}
.ReferenceBox{
/*  max-height: 100%;
  max-width: 100%;
  max-height: 120px;
  max-width: 256px;*/
  text-align: center;
}
.ReferenceBox img{
  height:  120px;
  width: 256px;
}
.Display{
  width: calc(100% - 40px);
  margin-left: 20px;
  height: 900px;
  background-image: url('/images/empty-display.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  /**/
}
.DisplayFit{
  /*outline: solid 1px red;*/
  margin-left:61px; 
  margin-top: 57px;
  width: calc(100% - 123px);
  height: 600px;
  background-color: #000;
}
.Header{
  font-family: 'Lalezar', cursive !important;
  display: inline-block;
  width: 100%;
  padding-top: 5px;
  color: #000;
  min-height: 180px;
  background-color: #fff;

}
.Header a{
  margin-top: 105px;
  text-align: right;
  font-size: 50px;
}
.Header h1{
  text-align: center;
  margin-top: 85px;
  font-size: 55px;
  font-weight: 900;
  color: #555;
  bottom: 0px;
}
.Header h2{
  font-size: 25px;
  font-weight: 900;
  color: #333;
  margin-bottom: 15px;
  text-align: center;
}
.Header-sm{
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1033;
  height: 80px;
}
.Header-sm h1{
  margin-top: 15px;
  font-size: 40px;
  font-weight: 900;
  color: #333;
}
.ProgramContent{
  padding-top: 30px;
}
.ProgramBox{
  margin-top: 15px;
  margin-bottom: 15px;
  height: 400px;
  overflow: hidden;
  color: #333;
  background-color: #efefef;
  -webkit-transition: background-color 0.5s ease-out;
  -moz-transition: background-color 0.5s ease-out;
  -o-transition: background-color 0.5s ease-out;
  transition: background-color 0.5s ease-out;
}
.ProgramBoxMob{
  text-align: center;
  min-height: 33vh;
  margin-top: 15px;
  width: 100%;
  color: #000;
  background-color: #efefef;
}
.ProgramBoxC{

  height: 100%;
}
.ProgramBox h3{
  text-align: center;
  width: 100%;
  background-color: #328cc1;
  margin-top: 0px;
  font-weight: 400;
  color: #fff;
  font-size: 22px;
  height: 38px;
  padding-top: 8px;
}
.ProgramBoxMob h3{
  text-align: center;
  width: 100%;
  background-color: #328cc1;
  margin-top: 0px;
  font-weight: 400;
  color: #fff;
  font-size: 22px;
  height: 38px;
  padding-top: 8px;
}
.ProgramBox p{
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom:15px;
  text-align: justify;
  font-weight: 200;
  font-size: 1.12em;
}
.ProgramBoxMob p{
  padding-left: 15px;
  padding-right: 15px;
  text-align: justify;
  font-weight: 200;
  font-size: 1.12em;
}
.ProgramBoxC p{
  font-size: 16px;
  color: #000;
  text-decoration: none;
}
.ProgramBox h1{
  font-size: 1.6em;
}
.ProgramBox:hover{
  background-color: #fff; 
}
.ProgramBox a{
  font-size: 1.4em;
  font-weight: 800;
}
.ProgramBox a:hover{  
  text-decoration: none;
}
.ProgramBoxView{
  width: 100%;
  padding-top: 15px;
  color: #000;
  min-height: 200px;
}

.ProgramBoxMob a:hover{
  text-decoration: none;
}

.DockBottomRight{
  width: 100%;
  position: absolute;
  bottom:10px;
  text-align: right;
}
.ProgramMainButton{
/*  outline: solid 1px orange;*/
  padding-top: 5px;
  width: 100%;
  background-color: #0B3C5D;  
  text-align: center;
}
.ProgramMainButton a, .ProgramButton a:hover, .ProgramButton a:after{
  color: white;
  width: 100%;
  font-size: 2.1em;
  font-weight: 900;
  text-decoration: none;
}
.ProgramMainButton h1{
  margin-top: 0px;
  margin-bottom: 5px;
  color: white;
  width: 100%;
  font-size: 2.1em;
  font-weight: 900;
  text-decoration: none;
}

.btnPHover a {
  text-align: center;
  width: 100%;
  display: inline-block;
  text-decoration: none;
  color: #44d3dd;
  font-weight: bold;
  font-size: 2.25em;
  position: relative;
  padding: .5em .2em;
  overflow: hidden;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
.btnPHover a:before {
  content: '';
  display: block;
  height: 1em;
  width: 1em;
  border-bottom: 2px solid #44d3dd;
  border-left: 2px solid #44d3dd;
  position: absolute;
  left: 0;
  bottom: 0;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
.btnPHover a:after {
  content: '';
  display: block;
  height: 1em;
  width: 1em;
  border-top: 2px solid #44d3dd;
  border-right: 2px solid #44d3dd;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
.btnPHover a:hover:before,
.btnPHover a:hover:after {
  text-decoration: none;
  width: 100%;
  height: 100%;
}
.ProgramLeftMenu{
  display: inline-block;
  text-align: right;
  width: 100%;
  margin-top: 5px;
  pad-right: 2em;
  left:0;

}
.ProgramLeftMenu img{
  height: 40px;
  max-width: 100%;
  max-height: 100%;  
}
.btnP {
  display: inline-block;
  background: #e9e9e9;
  border: 0;
  line-height: 2.5em;
  padding: 0 0 0 1em;
  outline: none;
  text-decoration: none;
  color: #666;
  margin-right: 10px;
}
.btnP .arrow {
  display: inline-block;
  line-height: 2.5em;
  text-align: center;
  color: white;
  font-size: 1em;
  width: 2.5em;
  -webkit-transition: margin 200ms;
  transition: margin 200ms;
  margin-left: .75em;
}
.btnP:hover {
  color: #666;
}
.btnP:hover .arrow {
  margin-left: 1.25em;
  background-color: #262626;
}
.btnP:active {
  background: #ccc;
}
.btnP:active .arrow {
  margin-left: 1.5em;
}

.btnP-info .arrow {
  background-color: indianred;
}
.btnP-info:hover .arrow {
  background-color: #c14e4e;
}

.btnP-learn .arrow {
  background-color: salmon;
}
.btnP-learn:hover .arrow {
  background-color: #f56d5e;
}
.btnP-mnu{
  background-color: #eee;
  color: #333;
  text-align: right;
  width: 100%;
}
.btnP-mnu .arrow {
  background-color: transparent;
}
.btnP-mnu:hover .arrow {
  background-color: transparent;
}

.IconBox {
  z-index: 1000;
  width: 100%;
  text-align: center;
}
.IconBox img{
  height: 100px;
  width: 100px;
}
.IconBox-lg img{
  margin-top: 10px;
  height: 150px;
  width: 150px;
}
.IconBox-md img{
  -ms-interpolation-mode: bicubic;
  height: 120px;
  width: 120px;
}
.IconBox-sm img{
  margin-top: 10px;
  height: 60px;
  width: 60px;
}
.IconBox-xs img{
  height: 45px;
  width: 45px;
}
.IconBox p{
  text-align: center;
  font-size: 16px !important;
}
.Reflection{
  -webkit-box-reflect: below 1px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(10%, transparent) , to(rgba(250, 250, 250, 0.1)));
}
.Reflection20{
 -webkit-box-reflect: below 20px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(10%, transparent) , to(rgba(250, 250, 250, 0.1))); 
}
.ReflectionMoz {
  -webkit-box-reflect: below 0px -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0.3) 0%, transparent 50%, transparent 100%);
}

.ReflectionMoz img {
  z-index: -1;
}

.ReflectionMoz:before {
  background: -moz-linear-gradient(center top, #FFFFFF, #FFFFFF 30%, rgba(255, 255, 255, 0.9) 65%, rgba(255, 255, 255, 0.7)) repeat scroll 0 0 padding-box, -moz-element(.ReflectionMoz) no-repeat scroll 0 -127px content-box rgba(0, 0, 0, 0);
}
.Display img{
  max-width: 100%;
  max-height: 100%;
  /*outline: solid 1px red;*/
}
.DisplayBox{
  background-color: #EEE;
  color: 111;
  width: 100%;
  height: 50%;
  overflow: hidden;
}
.FooterBox{
/*  border-right-style: dotted;
  border-right-width: 1px;
  border-color: #00bcd4;*/ 
  min-height: 200px;
}
.fa-icon{
  display:inline-block;
  text-align: center;
  width: 30px;

}
.FooterBox h3{
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-color: #00bcd4;
  margin-top: 5px;
}
.FooterBox a{
  height: 26px;
  font-size: 16px;
  display: inline-block;
  color: #eee;
  margin-bottom: 2px;
}
.FooterBox a:hover{
  color: #fff; 
  text-decoration: none;
}
.FooterBox p{ 
  height: 22px;
  font-size: 16px;
  color: #eee;
  margin-bottom: 2px;
}
.FooterBox li{
  list-style: none; 
  color: #eee;
}
.FooterBox > li > a:after{
  content: '';
  display: block;
  height: 1px;
  width: 0;
  background: transparent;
  transition: width .5s ease, background-color .5s ease;
}
.FooterBox > li > a:hover:after {
  width: 100%;
  background: #00bcd4;
}
.FooterBox  > li > a> img{
  height: 22px;
  max-width: 100%;
  max-height: 100%;  
  margin-right: 5px; 
  margin-bottom: 3px;
}
.FooterBoxBottom{
  border-top-style: dotted;
  border-top-width: 1px;
  border-top: #00bcd4; 
  text-align: center;
}
.CeneHeader{

  height: 150px;
  padding-right: 10px;
  padding-left: 10px;
}
.CenePaket{
  outline: solid 2px #fff;
  background-color: #aaa;
  color: #eee;
}
.CenePaket h1{
  font-size: 2.1em;
  font-weight: 900;
}
/* Preloader */
#preloader {
  text-align: center;
  width:100%;
  height:100%;
  position: fixed;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background-color:#333; /* change if the mask should have another color then white */
  z-index:99; /* makes sure it stays on top */
}

#status {

  position:absolute;
  left:50%; /* centers the loading animation horizontally one the screen */
  top:50%; /* centers the loading animation vertically one the screen */
  background-image: url("/images/loader.gif"); /* path to your loading animation */
  background-repeat:no-repeat;
  background-position:center;
  margin:-100px 0 0 -100px; /* is width and height divided by two */
}
svg {
  position:absolute;
  left:calc(50% - 50px);
  top:50%;
  width: 100px;
  height: 100px;
  display:inline-block;
}
// Loader 1
.cls-1,.cls-2 {
  fill:none;
  stroke-linecap:bevel;
  stroke-linejoin:round;
}
.cls-1 {
  stroke-width:2px;
}
.cls-2 {
  fill:none;
  stroke:#fff;
  stroke-width:4px;
}

// Loader 2
.cls-3 {
  fill:none;
  stroke:#fff;
  stroke-linecap:round;
  stroke-linejoin:round;
  stroke-width:5px;
}
.map-overlay {
  border: solid 3px red;
  background:transparent; 
  position:relative; 
  width:800px;
  height:600px; /* your iframe height */
  top:600px;  /* your iframe height */
  margin-top:-600px;  /* your iframe height */
}
.sidebar-nav {
    padding: 9px 0;
}
.dropdown-n{
  font-size: 18px;
  width: 150px;
  height: 45px;
  border: solid 1px white;
  background-color: transparent;
  margin-bottom: 3px;
  font-weight: 900;
}
.dropdown-menu .sub-menu {
    left: 100%;
    position: absolute;
    top: 0;
    visibility: hidden;
    margin-top: -1px;
}
.dropdown-manu-n{
  right: 100%;
}
.dropdown-menu li:hover .sub-menu {
    visibility: visible;
}
.dropdown-manu-n li{
  margin-top: -15px;
  padding-top: 16px;
}
.dropdown-manu-n li:hover, .dropdown-manu-n a{
  color: #FFF;
}
.dropdown:hover .dropdown-menu {
    display: block;
}

.nav-tabs .dropdown-menu, .nav-pills .dropdown-menu, .navbar .dropdown-menu, .dropdown-toggle {
    margin-top: 0;
}

.navbar .sub-menu:before, .btn-group:before {
    border-bottom: 7px solid transparent;
    border-left: none;
    border-right: 7px solid rgba(0, 0, 0, 0.2);
    border-top: 7px solid transparent;
    left: -7px;
    top: 10px;
}
.navbar .sub-menu:after, .btn-group:after {
    border-top: 6px solid transparent;
    border-left: none;
    border-right: 6px solid #fff;
    border-bottom: 6px solid transparent;
    left: 10px;
    top: 11px;
    left: -6px;
}
.tab-content{
  padding: 15px;
  background-color: #FFF;
  color: #000;
  position: relative;
  height: 70%;
}
.table th, .table td { 
  border-left: none !important; 
  border-right: none !important;
  border-color: #aaa; 
  padding: 2px;
 }

/*N A V    B A R   D E F A U L T*/
.navbar-sms-default-high{
  min-height: 140px !important;
  background-color: #44484B;
}
.navbar-sms-default {
  width: 100%;
  text-align: center;
  background-color: #44484B;
  border-color: #333333;
}
.navbar-sms-default .navbar-brand {
  color: #ffffff;
}
.navbar-sms-default .navbar-brand:hover,
.navbar-sms-default .navbar-brand:focus {
  color: #ffffff;
  background-color: #44484B;
}
.navbar-sms-default .navbar-text {
  color: #ffffff;
}
.navbar-sms-default .navbar-nav > li > a {
  color: #cccccc;
}
.navbar-sms-default .navbar-nav > li > a:hover,
.navbar-sms-default .navbar-nav > li > a:focus {
  color: #ffffff; 
  background-color: #444; 
}

.navbar-nav > li > a:after{
  content: '';
  display: block;
  height: 4px;
  width: 0;
  margin-top: 15px;
  margin-bottom: -15px;
  background: transparent;
  transition: width .5s ease, background-color .5s ease;
}
.navbar-nav > li > a:hover:after {
  margin-left: -15px;
  margin-right: -15px;
  width: calc(100% + 30px);
  background: #00bcd4;
}

.navbar-sms-default .navbar-nav > .active > a,
.navbar-sms-default .navbar-nav > .active > a:hover,
.navbar-sms-default .navbar-nav > .active > a:focus {
  color: #ffffff;
  background-color: #090909;
  width: 100%;
}
.navbar-sms-default .navbar-nav > .disabled > a,
.navbar-sms-default .navbar-nav > .disabled > a:hover,
.navbar-sms-default .navbar-nav > .disabled > a:focus {
  color: #cccccc;
  background-color: #333333;
}
.navbar-sms-default .navbar-toggle {
  border-color: #333333;
}
.navbar-sms-default .navbar-toggle:hover,
.navbar-sms-default .navbar-toggle:focus {
  background-color: #090909;
}
.navbar-sms-default .navbar-toggle .icon-bar {
  background-color: #ffffff;
}
.navbar-sms-default .navbar-collapse,
.navbar-sms-default .navbar-form {
  border-color: #121212;
}
.navbar-sms-default .navbar-nav > .open > a,
.navbar-sms-default .navbar-nav > .open > a:hover,
.navbar-sms-default .navbar-nav > .open > a:focus {
  background-color: #090909;
  color: #ffffff;
}
@media (max-width: 767px) {
  .navbar-sms-default .navbar-nav .open .dropdown-menu > li > a {
    color: #333;
  }
  .navbar-sms-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-sms-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #333;
    background-color: #ccc;
  }
  .navbar-sms-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-sms-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-sms-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #333;
    background-color: #ccc;
  }
  .navbar-sms-default .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-sms-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-sms-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #333;
    background-color: #ccc;
  }
}
.navbar-sms-default .navbar-link {
  color: #ffffff;
}
.navbar-sms-default .navbar-link:hover {
  color: #ffffff;
}
.navbar-sms-default .btn-link {
  color: #ffffff;
}
.navbar-sms-default .btn-link:hover,
.navbar-sms-default .btn-link:focus {
  color: #ffffff;
}
.navbar-sms-default .btn-link[disabled]:hover,
fieldset[disabled] .navbar-sms-default .btn-link:hover,
.navbar-sms-default .btn-link[disabled]:focus,
fieldset[disabled] .navbar-sms-default .btn-link:focus {
  color: #cccccc;
}

/*N A V   B A R   I N V E R S E */

.navbar-sms-inverse {
  background-color: #2780e3;
  border-color: #1967be;
}
.navbar-sms-inverse .navbar-brand {
  color: #ffffff;
}
.navbar-sms-inverse .navbar-brand:hover,
.navbar-sms-inverse .navbar-brand:focus {
  color: #ffffff;
  background-color: none;
}
.navbar-sms-inverse .navbar-text {
  color: #ffffff;
}
.navbar-sms-inverse .navbar-nav > li > a {
  color: #ffffff;
}
.navbar-sms-inverse .navbar-nav > li > a:hover,
.navbar-sms-inverse .navbar-nav > li > a:focus {
  color: #ffffff;
  background-color: #1967be;
}
.navbar-sms-inverse .navbar-nav > .active > a,
.navbar-sms-inverse .navbar-nav > .active > a:hover,
.navbar-sms-inverse .navbar-nav > .active > a:focus {
  color: #ffffff;
  background-color: #1967be;
}
.navbar-sms-inverse .navbar-nav > .disabled > a,
.navbar-sms-inverse .navbar-nav > .disabled > a:hover,
.navbar-sms-inverse .navbar-nav > .disabled > a:focus {
  color: #ffffff;
  background-color: transparent;
}
.navbar-sms-inverse .navbar-toggle {
  border-color: transparent;
}
.navbar-sms-inverse .navbar-toggle:hover,
.navbar-sms-inverse .navbar-toggle:focus {
  background-color: #1967be;
}
.navbar-sms-inverse .navbar-toggle .icon-bar {
  background-color: #ffffff;
}
.navbar-sms-inverse .navbar-collapse,
.navbar-sms-inverse .navbar-form {
  border-color: #1a6ecc;
}
.navbar-sms-inverse .navbar-nav > .open > a,
.navbar-sms-inverse .navbar-nav > .open > a:hover,
.navbar-sms-inverse .navbar-nav > .open > a:focus {
  background-color: #1967be;
  color: #ffffff;
}
@media (max-width: 767px) {
  .navbar-sms-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
    border-color: #1967be;
  }
  .navbar-sms-inverse .navbar-nav .open .dropdown-menu .divider {
    background-color: #1967be;
  }
  .navbar-sms-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #ffffff;
  }
  .navbar-sms-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-sms-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #ffffff;
    background-color: #1967be;
  }
  .navbar-sms-inverse .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-sms-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-sms-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #ffffff;
    background-color: #1967be;
  }
  .navbar-sms-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-sms-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-sms-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #ffffff;
    background-color: transparent;
  }
}
.navbar-sms-inverse .navbar-link {
  color: #ffffff;
}
.navbar-sms-inverse .navbar-link:hover {
  color: #ffffff;
}
.navbar-sms-inverse .btn-link {
  color: #ffffff;
}
.navbar-sms-inverse .btn-link:hover,
.navbar-sms-inverse .btn-link:focus {
  color: #ffffff;
}
.navbar-sms-inverse .btn-link[disabled]:hover,
fieldset[disabled] .navbar-sms-inverse .btn-link:hover,
.navbar-sms-inverse .btn-link[disabled]:focus,
fieldset[disabled] .navbar-sms-inverse .btn-link:focus {
  color: #ffffff;
}


 /*N A V   B A R   T O P */

.navbar-top {
  top:0px;
  z-index: 1000;
  background-color:#ccc;
  border-color: transparent;
  display: inline-block;
  min-height: 16px !important;

}
.navbar-top p{
  padding-top: 1px  !important;
  padding-bottom: 1px  !important;
  padding-right: 25px;
  padding-left: 25px;
  font-size: 13px;
  display: inline-block;
  color: #333 ;
  margin-bottom: 0px !important;
}
.navbar-top .navbar-brand {
  color: #ffffff;
}
.navbar-top .navbar-brand:hover,
.navbar-top .navbar-brand:focus {
  color: #ffffff;
  background-color:  #ccc;
}
.navbar-top .navbar-text {
  color: #ffffff;
}
.navbar-top .navbar-nav > li > a {
  padding-top: 1px  !important;
  padding-bottom: 1px  !important;
  font-size: 13px;
  display: inline-block;
  color: #333;
  margin-bottom: 0px !important;
}

.navbar-top .navbar-nav > li > a:hover,
.navbar-top .navbar-nav > li > a:focus {
  background-color: #444;
  color: #fff; 
  opacity: 1.0;
  
}

.navbar-top .navbar-nav > li > a:after{
  height: 2px !important;
  margin-top: 2px !important;
  margin-bottom: -2px !important;
}

.navbar-top .navbar-nav > .active > a,
.navbar-top .navbar-nav > .active > a:hover,
.navbar-top .navbar-nav > .active > a:focus {
  color: #333;
  width: 100%;
}
.navbar-top .navbar-nav > .disabled > a,
.navbar-top .navbar-nav > .disabled > a:hover,
.navbar-top .navbar-nav > .disabled > a:focus {
  color: #cccccc;
  background-color: transparent;
}
.navbar-top .navbar-toggle {
  border-color: transparent;
}
.navbar-top .navbar-toggle:hover,
.navbar-top .navbar-toggle:focus {
  background-color: #444;
}
.navbar-top .navbar-toggle .icon-bar {
  background-color: #ffffff;
}
.navbar-top .navbar-collapse,
.navbar-top .navbar-form {
  border-color: #121212;
}
.navbar-top .navbar-nav > .open > a,
.navbar-top .navbar-nav > .open > a:hover,
.navbar-top .navbar-nav > .open > a:focus {
  background-color: #444;
  color: #ffffff;
}
@media (max-width: 767px) {
  .navbar-top .navbar-nav .open .dropdown-menu > li > a {
    color: #ffffff;
  }
  .navbar-top .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-top .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #ffffff;
    background-color: #444;
  }
  .navbar-top .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-top .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-top .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #ffffff;
    background-color: #444;
  }
  .navbar-top .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-top .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-top .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #cccccc;
    background-color: transparent;
  }
}
.navbar-top .navbar-link {
  color: #ffffff;
}
.navbar-top .navbar-link:hover {
  color: #ffffff;
}
.navbar-top .btn-link {
  color: #ffffff;
}
.navbar-top .btn-link:hover,
.navbar-top .btn-link:focus {
  color: #ffffff;
}
.navbar-top .btn-link[disabled]:hover,
fieldset[disabled] .navbar-top .btn-link:hover,
.navbar-top .btn-link[disabled]:focus,
fieldset[disabled] .navbar-top .btn-link:focus {
  color: #cccccc;
}

/*N A V   B A R   T R A N S P A R E N T*/

.navbar-sms-transparent {
  margin-top: 25px;
  background-color: transparent;
  border-color: transparent;
}
.navbar-sms-transparent .navbar-brand {
  color: #ffffff;
}
.navbar-sms-transparent .navbar-brand:hover,
.navbar-sms-transparent .navbar-brand:focus {
  color: #ffffff;
  background-color: none;
}
.navbar-sms-transparent .navbar-text {
  color: #ffffff;
}
.navbar-sms-transparent .navbar-nav > li > a {
  color: #ffffff;
}
.navbar-sms-transparent .navbar-nav > li > a:hover,
.navbar-sms-transparent .navbar-nav > li > a:focus {
  color: #ffffff; 
  background-color: transparent;
}
.navbar-sms-transparent .navbar-nav > .active > a,
.navbar-sms-transparent .navbar-nav > .active > a:hover,
.navbar-sms-transparent .navbar-nav > .active > a:focus {
  color: #ffffff;
  background-color: #090909;
  width: 100%;
}
.navbar-sms-transparent .navbar-nav > .disabled > a,
.navbar-sms-transparent .navbar-nav > .disabled > a:hover,
.navbar-sms-transparent .navbar-nav > .disabled > a:focus {
  color: #cccccc;
  background-color: transparent;
}
.navbar-sms-transparent .navbar-toggle {
  border-color: transparent;
}
.navbar-sms-transparent .navbar-toggle:hover,
.navbar-sms-transparent .navbar-toggle:focus {
  background-color: #090909;
}
.navbar-sms-transparent .navbar-toggle .icon-bar {
  background-color: #ffffff;
}
.navbar-sms-transparent .navbar-collapse,
.navbar-sms-transparent .navbar-form {
  border-color: #121212;
}
.navbar-sms-transparent .navbar-nav > .open > a,
.navbar-sms-transparent .navbar-nav > .open > a:hover,
.navbar-sms-transparent .navbar-nav > .open > a:focus {
  background-color: #090909;
  color: #ffffff;
}
@media (max-width: 767px) {
  .navbar-sms-transparent .navbar-nav .open .dropdown-menu > li > a {
    color: #ffffff;
  }
  .navbar-sms-transparent .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-sms-transparent .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #ffffff;
    background-color: #090909;
  }
  .navbar-sms-transparent .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-sms-transparent .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-sms-transparent .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #ffffff;
    background-color: #090909;
  }
  .navbar-sms-transparent .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-sms-transparent .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-sms-transparent .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #cccccc;
    background-color: transparent;
  }
}
.navbar-sms-transparent .navbar-link {
  color: #ffffff;
}
.navbar-sms-transparent .navbar-link:hover {
  color: #ffffff;
}
.navbar-sms-transparent .btn-link {
  color: #ffffff;
}
.navbar-sms-transparent .btn-link:hover,
.navbar-sms-transparent .btn-link:focus {
  color: #ffffff;
}
.navbar-sms-transparent .btn-link[disabled]:hover,
fieldset[disabled] .navbar-sms-transparent .btn-link:hover,
.navbar-sms-transparent .btn-link[disabled]:focus,
fieldset[disabled] .navbar-sms-transparent .btn-link:focus {
  color: #cccccc;
}