@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,300,400italic,700,800');
@import url('https://fonts.googleapis.com/css?family=Titan+One&subset=latin-ext');

body
    {
        background: #fff;
        font-family: 'Open Sans', sans-serif;
        font-weight: 400;
        font-size: 14px;
        color: #5E4C38;
        position: relative;
        width: 100%;
        height: 100%;
        overflow-x: hidden;
        background: url('../images/bg-bottom.png') no-repeat;
        background-position: bottom center;
        padding-bottom: 140px;
    }
	
.tm-white a {
	color: #fff;
}

/* start h1 group */
h1 { 
    margin-top: 0;
    margin-bottom: 25px; 
}
h1,
h2,
h3,
h4
    {
        font-weight: bold;
    }
/* end h1 group */
p { line-height: 1.6em; }
/* img */
img
    {
        max-width: 100%;
        height: auto;
    }
/* img */

/* overlay */
.overlay 
    {
       width: 100%;
       height: 100%;
       background: rgba(0, 0, 0, 0.4);
       padding-top: 90px;
       padding-bottom: 90px;
    }  
/* over lay */

/* start page container */

.div-inner {
    margin: 0 auto !important;
    max-width: 1200px;
    padding: 0 15px;
    position: relative;
  }
  

/* end page container */

/* start preloader */
.preloader
    {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 99999;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: row nowrap;
            -ms-flex-flow: row nowrap;
                flex-flow: row nowrap;
        /*justify-content: center;*/
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        background: none repeat scroll 0 0 #fff;
    }
.sk-spinner-rotating-plane.sk-spinner 
    {
         width: 30px;
        height: 30px;
        background-color: #28a7e9;
         margin: 0 auto;
        -webkit-animation: sk-rotatePlane 1.2s infinite ease-in-out;
                animation: sk-rotatePlane 1.2s infinite ease-in-out;
     }

@-webkit-keyframes sk-rotatePlane {
  0% {
         -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
                 transform: perspective(120px) rotateX(0deg) rotateY(0deg); }

  50% {
        -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
                transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); }

  100% {
            -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
                    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } }

@keyframes sk-rotatePlane {
  0% {
         -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
                 transform: perspective(120px) rotateX(0deg) rotateY(0deg); }

  50% {
        -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
                transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); }

  100% {
            -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
                    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } }
/* end preloader */

/* start navigation */
.navbar-default
    {
        background: #FCF6EA;
        border: none;
        box-shadow: 0px 2px 8px 0px rgba(50, 50, 50, 0.08);
        margin: 0!important;
    }
.navbar-default .navbar-brand
    {
        color: #28a7e9;
        font-size: 30px;
        font-weight: bold;
        height: 70px;
        line-height: 35px;
    }
.navbar-default .nav li a
    {
        color: #AAB2BB;
        font-size: 13px;
        font-weight: bold;
        height: 70px;
        line-height: 40px;
    }
.navbar-default .nav li a:hover,
.navbar-default .nav li a:focus,
.navbar-default .nav li a.current
    {
        color: #333;
    }

.navbar-default .navbar-toggle
    {
        border: none;
        padding-top: 10px;
        margin-top: 20px;
    }
.navbar-default .navbar-toggle .icon-bar
    {
        background: #fff;
        border-color: transparent;
    }
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus { background-color: transparent }

.navbar-logo {
    width:100% !important;
    max-width: 300px !important; 
    z-index:999;
}
/* end navigation */

#header {
        background: #FCF6EA;
        border: none;
        box-shadow: 0px 2px 20px 0px rgba(50, 50, 50, 0.5);
        margin: 0 !important;
        display: block;
}

#header .logo {
    position: absolute; 
    top:0;  left: 0; 
    right: 0; 
    margin-left: auto; 
    margin-right: auto; 
    width:260px; 
    height: 260px; 
    z-index: 11;
}

#header .box-linkovi {
    text-transform: uppercase;
}

#header-mobile {
    display: none;
}

#header .info {
       font-family: 'Titan One', cursive, 'Open Sans', sans-serif;
       font-size: 20px;
       color:#B8A9A2;
       padding-top: 15px;
}

#header .phone {
       font-family: 'Titan One', cursive, 'Open Sans', sans-serif;
       font-size: 30px;
       line-height: 32px;
       color:#F07D04;
}

#header .bg-bottom {
    background-image: url('../images/bg-talasi-zuta.png');
    background-repeat: repeat-x;
    background-position: top; 
    height: 10px; 
    position: absolute; 
    bottom:-10px; 
    width: 100%; 
    z-index: 10;
}

a.link-header-menu:link { color:#533537; text-decoration: none; font-size: 22px; font-family: 'Titan One', cursive, 'Open Sans', sans-serif;}
a.link-header-menu:visited { color:#533537;text-decoration: none; font-size: 22px; font-family: 'Titan One', cursive, 'Open Sans', sans-serif;}
a.link-header-menu:hover { color: #F07D04; text-decoration: none; font-size: 22px;  font-family: 'Titan One', cursive, 'Open Sans', sans-serif;}
a.link-header-menu:active { color: #F07D04; text-decoration: none; font-size: 22px;  font-family: 'Titan One', cursive, 'Open Sans', sans-serif;}

a.link-header-menu-aktivan:link { color:#F07D04; text-decoration: none; font-size: 22px; font-family: 'Titan One', cursive, 'Open Sans', sans-serif;}
a.link-header-menu-aktivan:visited { color:#F07D04;text-decoration: none; font-size: 22px; font-family: 'Titan One', cursive, 'Open Sans', sans-serif;}
a.link-header-menu-aktivan:hover { color: #F07D04; text-decoration: none; font-size: 22px;  font-family: 'Titan One', cursive, 'Open Sans', sans-serif;}
a.link-header-menu-aktivan:active { color: #F07D04; text-decoration: none; font-size: 22px;  font-family: 'Titan One', cursive, 'Open Sans', sans-serif;}


.right-20 {
    padding-right: 20px;
}

.img-social {
    max-height: 30px;
    margin-left: 10px;
}

#header-mobile  .bg-bottom {
    background-image: url('../images/bg-talasi-zuta.png');
    background-repeat: repeat-x;
    background-position: top; 
    height: 10px; 
    position: absolute; 
    bottom:-10px; 
    width: 100%; 
    z-index: 10;
}

#header-mobile.navbar-default .navbar-brand {
    color: rgba(51, 51, 51, 1);
}
#header-mobile.navbar-default .navbar-brand img {
    z-index: 999;
}
#header-mobile.navbar-default {
    font-size: 14px;
    background-color: rgba(252, 246, 234, 1);
    border-width: 0px;
    border-radius: 0px;
    text-align: right;
}
#header-mobile.navbar-default .navbar-nav>li>a {
    color: rgba(83, 53, 55, 1);
    background-color: rgba(248, 248, 248, 0);
    font-family: 'Titan One', cursive, 'Open Sans', sans-serif;
    font-size: 24px;
    line-height: 24px;
    
}
#header-mobile.navbar-default .navbar-nav>li>a:hover,
#header-mobile.navbar-default .navbar-nav>li>a:focus {
    color: rgba(255, 255, 255, 1);
    background-color: rgba(83, 53, 55, 1);
}
#header-mobile.navbar-default .navbar-nav>.active>a,
#header-mobile.navbar-default .navbar-nav>.active>a:hover,
#header-mobile.navbar-default .navbar-nav>.active>a:focus {
    color: rgba(255, 255, 255, 1);
    background-color: rgba(83, 53, 55, 1);
}
#custom-bootstrap-menu.navbar-default .navbar-toggle {
    border-color: #533537;
}
#header-mobile.navbar-default .navbar-toggle:hover,
#header-mobile.navbar-default .navbar-toggle:focus {
    background-color: #533537;
}
#header-mobile.navbar-default .navbar-toggle .icon-bar {
    background-color: #533537;
}
#header-mobile.navbar-default .navbar-toggle:hover .icon-bar,
#header-mobile.navbar-default .navbar-toggle:focus .icon-bar {
    background-color: #fcf6ea;
}

#header-mobile.navbar-default.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: transparent;
    box-shadow: 0 4px 4px -2px rgba(50, 50, 50, 0.5);
}

/* start home */       
#home
    {
    color: #fff;
    margin-top: 148px; 
    text-align: center;
    width: 100%;
    }
#home p
    {
        font-weight: 400;
        font-style: italic;
        line-height: 2em;
    }
#home img
    {
        display: inline-block;
        margin-top: 30px;
    }
/* end home */


/* start welcome */
#welcome
    {
        padding-top: 60px;
        padding-bottom: 60px;
    }
#welcome h2
    {
        font-family: 'Titan One', cursive, 'Open Sans', sans-serif;
        font-size: 50px;
        color:#523437;
    }    
    
    
#welcome p
    {
        padding-top: 10px;
        line-height: 25px;
    }
/*#welcome span
    {
        float: left;
    } */
#welcome .fa
    {
        background: #28a7e9;
        border-radius: 50%;
        color: #fff;
        display: inline-block;
        width: 40px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        margin-right: 20px;
    }
#welcome .btn
    {
        border-radius: 5px;
        font-weight: bold;
        padding: 10px 40px;
        background-color: #FB6B47;
        color:#fff;
        font-family: 'Titan One', cursive, 'Open Sans', sans-serif;
        font-size: 22px;
        font-weight: 300;
    }
#welcome .btn:hover
    {
        background-color: #523437;
    }
/* end welcome */


/* start rules */
#rules
    {
        background-color: #65C14E;
        padding-top: 40px;
        padding-bottom: 40px;
        color:#fff;
        /*background: url('../images/bg-talasi-bela.png');
        background-repeat: repeat-x;
        background-position: top;*/
        background-image: url('../images/bg-talasi-bela.png');
        background-repeat: repeat-x;
        background-position: top;
    }
#rules h2
    {
        font-family: 'Titan One', cursive, 'Open Sans', sans-serif;
        font-size: 40px;
        color:#fff;
    }
#rules p
    {
        padding-top: 10px;
        font-weight: 600;
    }
#rules span
    {
        float: left;
    }
#rules .fa
    {
        background: #2A3F54;
        border-radius: 50%;
        color: #fff;
        display: inline-block;
        width: 40px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        margin-right: 20px;
    }
#rules .btn
    {
        border-radius: 5px;
        font-weight: bold;
        padding: 10px 40px;
        background-color: #fff;
        color:#523437;
        font-family: 'Titan One', cursive, 'Open Sans', sans-serif;
        font-size: 22px;
        font-weight: 300;
    }
#rules .btn:hover
    {
        background-color: #523437;
        color:#fff;
    }
    
    
#rules-page
    {

        
        background-color: #F76846;
        padding-top: 40px;
        padding-bottom: 40px;
        color:#fff;
        background-image: url('../images/bg-talasi-bela.png');
        background-repeat: repeat-x;
        background-position: top;
    }
#rules-page h2
    {
        font-family: 'Titan One', cursive, 'Open Sans', sans-serif;
        font-size: 40px;
        color:#fff;
    }
#rules-page p
    {
        padding-top: 10px;
        font-weight: 600;
    }
#rules-page span
    {
        float: left;
    }
#rules-page .fa
    {
        background: #2A3F54;
        border-radius: 50%;
        color: #fff;
        display: inline-block;
        width: 40px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        margin-right: 20px;
    }
#rules-page .btn
    {
        border-radius: 5px;
        font-weight: bold;
        padding: 10px 40px;
        background-color: #fff;
        color:#523437;
        font-family: 'Titan One', cursive, 'Open Sans', sans-serif;
        font-size: 22px;
        font-weight: 300;
    }
#rules-page .btn:hover
    {
        background-color: #523437;
        color:#fff;
    }
/* end rules */

/* start teachers */
#teachers
    {
        background-color: #fff;
        padding-top: 40px;
        padding-bottom: 40px;
        text-align: center;
    }
#teachers h2
    {
        font-family: 'Titan One', cursive, 'Open Sans', sans-serif;
        font-size: 40px;
        color:#523337;
    }
#teachers p
    {
        padding-top: 10px;
    }
#teachers span
    {
        float: left;
    }
#teachers .fa
    {
        background: #2A3F54;
        border-radius: 50%;
        color: #fff;
        display: inline-block;
        width: 40px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        margin-right: 20px;
    }
    
#teachers .circle-avatar{
    /* make it responsive */
    max-width: 100%;
    width:100%;
    height:auto;
    display:block;
    /* div height to be the same as width*/
    padding-top:100%;
    
    /* make it a cirkle */
    border-radius:50%;
    
    /* Centering on image`s center*/
    background-position-y: center;
    background-position-x: center;
    background-repeat: no-repeat;
    
    /* it makes the clue thing, takes smaller dimention to fill div */
    background-size: cover;

    /* it is optional, for making this div centered in parent*/
    margin: 0 auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    
    box-shadow: 0px 2px 8px 0px rgba(50, 50, 50, 0.5);
}

#teachers h3
    {
        font-family: 'Titan One', cursive, 'Open Sans', sans-serif;
        font-size: 20px;
        color:#523337;
        padding: 20px 0 2px 0;
        line-height: 22px;
        margin: 0;
    }
/* end teachers */

/* start gallery */
#gallery
    {
        background-color: #F76846;
        padding-top: 40px;
        padding-bottom: 40px;
        color:#fff;
        background-image: url('../images/bg-talasi-bela.png');
        background-repeat: repeat-x;
        background-position: top;
        text-align: center;
    }
#gallery h2
    {
        font-family: 'Titan One', cursive, 'Open Sans', sans-serif;
        font-size: 40px;
        color:#fff;
    }
#gallery p
    {
        padding-top: 10px;
    }
#gallery span
    {
        float: left;
    }
#gallery .fa
    {
        background: #2A3F54;
        border-radius: 50%;
        color: #fff;
        display: inline-block;
        width: 40px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        margin-right: 20px;
    }
#gallery .btn
    {
        border-radius: 5px;
        font-weight: bold;
        padding: 10px 40px;
        background-color: #fff;
        color:#523437;
        font-family: 'Titan One', cursive, 'Open Sans', sans-serif;
        font-size: 22px;
        font-weight: 300;
    }
#gallery .btn:hover
    {
        background-color: #523437;
        color:#fff;
    }
/* end gallery */

/* start contact */
#contact
    {
        color: #5E4C38;
        padding-top: 30px;
    }
#contact img
    {
        border: none;
    }
    
#contact h2
    {
        padding-bottom: 10px;
        font-family: 'Titan One', cursive, 'Open Sans', sans-serif;
        font-size: 30px;
        color:#26A4DD;
    }
#contact h3
    {
        padding-bottom: 10px;
        font-family: 'Titan One', cursive, 'Open Sans', sans-serif;
        font-size: 30px;
        color:#2EAD8A;
    }    
    
#contact p
    {
        font-weight: 600;
    }
#contact img
    {
        max-height: 220px;
    }
#contact address
    {
        padding-top: 20px;
    }
#contact address .fa
    {
        background: #2A3F54;
        border-radius: 50%;
        width: 40px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        margin-top: 6px;
        margin-right: 10px;
        color: #fff;
}

#contact .info {
       font-family: 'Titan One', cursive, 'Open Sans', sans-serif;
       font-size: 20px;
       color:#523437;
       padding-top: 15px;
       padding-bottom: 5px;
}

#contact .img-social {
    max-height: 30px;
    margin: 0;
    margin-right: 10px;
}

/* page */
 #page {
     padding:0;
     margin:0;
 }
 
 #page-image {
     width: 100%; 
     background-size: cover; 
     padding-top: 15%;
     margin-top:148px; 
     margin-bottom: 40px;
 }



/* forme */
.form-done { background-color: #0B9444; color: #fff; padding:10px !important; margin-bottom:15px;}
.form-error {background-color: #C60021; color: #fff; padding:10px !important; margin-bottom:15px;}
.form-info {background-color: #EC9217; color: #fff; padding:10px !important; margin-bottom:15px;}
.form-label-custom {font-weight:normal !important; min-height: 21px;}

.form-posalji{
    background: #523337;
    padding: 5px 20px;
    font-family: 'Titan One', cursive, Arial, Helvetica, sans-serif;
    font-size: 18px !important;
    color: #FFF !important;
    letter-spacing: 0.0725em;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
    text-decoration:none;
    border-radius: 5px !important;
    border: none;
}
.form-posalji:hover { 
    background: #FB6B47;
}
.form-posalji:focus {
    background: #FB6B47;
}

.element-border-radius-0 {
  border-radius: 0px;  
}
.form-modal-header {
    background-color:#F07D04;
    color:#FCF6EA ;
    padding:10px 15px;
    text-transform:uppercase;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    font-family: 'Titan One', cursive, 'Open Sans', sans-serif;
    font-size: 20px;
}

.modal {
  text-align: center;
  padding: 0!important;
  width:100%;
}

.modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}

.modal-title {
  font-size:24px;
}
/* end contact */

/* start footer */
footer
    {
        font-weight: 400;
        text-align: center;
        /*padding: 20px; */
        font-size: 13px;
        color:#968A7D;
    }
/* end footer */

/* loader */
.loading {
    display:    none;
    position:   fixed;
    z-index:    10000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .9 ) 
                url('../images/loader.gif') 
                50% 50% 
                no-repeat;
    text-align:center;
}
.loading > p {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin-top: 30px;
    color:#666;
    font-size: 16px;
}
/* end loader */

/* scroll top */
.scrollToTop{
    width:60px; 
    height:60px;
    padding:10px; 
    text-align:center; 
    background: whiteSmoke;
    font-weight: bold;
    color: #444;
    text-decoration: none;
    position:fixed;
    bottom:30px;
    right:30px;
    display:none;
    background: url('../images/btn-top.png') no-repeat 0px 0px;
}
.scrollToTop:hover{
    text-decoration:none;
}
/* end scroll top */

/* elementi */

.element-rastavnica {
    height:30px;
    clear:both;
}

.element-rastavnica-50 {
    height:50px;
    clear:both;
}

.element-rastavnica-15 {
    height:15px;
    clear:both;
}

.element-rastavnica-10 {
    height:10px;
    clear:both;
}

.element-rastavnica-5 {
    height:5px;
    clear:both;
}

.element-rastavnica-xs {
    display:none;
}

.element-rastavnica-xs-15 {
    display:none;
}

.element-border-radius-0 {
  border-radius: 0;
}

/* end elementi */


/* mod elementi */
.mod-rastavnica {
    clear:both;
    height:15px;
}

.mod-podnaslov {
    border-bottom: 3px dashed #E2E1DC;
    padding: 10px 0 0 0;
    height: 1px;
    margin-bottom: 20px;
}

.mod-podnaslov-normal {
    height:1px;
    background-color:#E2E1DC;
    margin:10px 0;
}

.mod-podnaslov-kontakt {
    height:1px;
    background-color:#E2E1DC;
    margin:5px 0 10px 0;
}

.mod-tekst-naslov {
    font-size:36px;
    color:#523437;
    line-height:30px; 
    font-family:'Titan One', cursive,  Arial, Helvetica, sans-serif;
    text-transform:uppercase;
}

.mod-tekst-naslov-podstranice {
    font-size:36px;
    color:#523437;
    line-height:30px; 
    font-family:'Titan One', cursive,  Arial, Helvetica, sans-serif;
    text-transform:uppercase;
}

.mod-tekst-naslov-manji {
    font-size:20px;
    color:#C60021;
    line-height:22px;
}

.mod-tekst-naslov-kontakt {
    font-size: 26px;
    color: #F07D04;
    line-height: 22px;
    font-family: 'Titan One', cursive,  Arial, Helvetica, sans-serif;
    text-transform: uppercase;
}

.mod-tekst-naslov-kontakt-manji {
    font-family: 'Open Sans', sans-serif,  Arial, Helvetica, sans-serif;
    font-size:16px;
    color:#523437;
    line-height:18px;
    font-weight: 600;
}

.mod-slika-leteca {
    float: left;
    margin-right:20px;
    margin-bottom:15px;
}

.mod-slika-ne-leteca {
    margin-right:0;
    margin-bottom:25px;    
}

/* pozadinske slike ***/
.bg-slika-1 {
    background-size:100%; 
    background-position:center top; 
    position:relative;
} 

.bg-slika-1-2 {
    background-size:100%; 
    background-position:center top; 
    height:50%; 
    position:relative;
}

/* ponuda */
.cenovnik-vreme {
    color: #fff;
    text-decoration: none;
    font-size: 24px;
    font-family: 'Titan One', cursive, 'Open Sans', sans-serif;
}

.cenovnik-dani {
    padding: 5px 0px;
    color: #fff;
    font-size: 16px;
}

.cenovnik-cena {
    text-decoration: none;
    font-size: 24px;
    font-family: 'Titan One', cursive, 'Open Sans', sans-serif;
    padding: 5px 15px;
    background-color: #fff;
    border-radius: 10px;
    margin: 0 auto;
    max-width: 180px;
}

.btn-rezervisite  {
    background-color: rgb(256, 256, 256, 0.3);
    padding: 15px 10px;
    font-family: 'Titan One', cursive, Arial, Helvetica, sans-serif;
    font-size: 20px !important;
    color: #FFF !important;
    letter-spacing: 0.0725em;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
    text-decoration:none;
    margin-top: 20px;
}

.btn-rezervisite:hover {
    background-color: rgb(256, 256, 256, 0.1);
}

.cenovnik-1 {
    background-color: #DA0A8C; 
    padding-top: 30px;
    color: #DA0A8C;
    background-image: url('../images/bg-talasi-bela.png');
    background-repeat: repeat-x;
    background-position: left top;
    text-align: center;
}

.cenovnik-2 {
    background-color: #53AD3D;
    padding-top: 30px;
    color: #53AD3D;
    background-image: url('../images/bg-talasi-bela.png');
    background-repeat: repeat-x;
    background-position: left top;
    text-align: center;
}

.cenovnik-3 {
    background-color: #26A4DD;
    padding-top: 30px;
    color: #26A4DD;
    background-image: url('../images/bg-talasi-bela.png');
    background-repeat: repeat-x;
    background-position: left top;
    text-align: center;
}

.cenovnik-4 {
    background-color: #AB81B5;
    padding-top: 30px;
    color: #AB81B5;
    background-image: url('../images/bg-talasi-bela.png');
    background-repeat: repeat-x;
    background-position: left top;
    text-align: center;
}

.cenovnik-5 {
    background-color: #EF4C23;
    padding-top: 30px;
    color: #EF4C23;
    background-image: url('../images/bg-talasi-bela.png');
    background-repeat: repeat-x;
    background-position: left top;
    text-align: center;
}

.cenovnik-6 {
    background-color: #3D9DA6;
    padding-top: 30px;
    color: #3D9DA6;
    background-image: url('../images/bg-talasi-bela.png');
    background-repeat: repeat-x;
    background-position: left top;
    text-align: center;
}

/* end ponuda */

/* vesti*/
a.link-vesti-naslov:link {text-decoration: none; font-size:24px; color:#F07D04; line-height:26px;  font-family:'Titan One', cursive, Arial, Helvetica, sans-serif; text-transform:uppercase;}
a.link-vesti-naslov:visited {text-decoration: none; font-size:24px; color:#F07D04; line-height:26px;  font-family:'Titan One', cursive, Arial, Helvetica, sans-serif; text-transform:uppercase; }
a.link-vesti-naslov:hover {text-decoration: none; font-size:24px; color:#333; line-height:26px;  font-family:'Titan One', cursive, Arial, Helvetica, sans-serif; text-transform:uppercase; }
a.link-vesti-naslov:active {text-decoration: none; font-size:24px; color:#333; line-height:26px;  font-family:'Titan One', cursive, Arial, Helvetica, sans-serif; text-transform:uppercase; }

.vesti-naslov {
    font-size:24px;
    color:#F07D04;
    line-height:26px; 
    font-family:'Titan One', cursive, Arial, Helvetica, sans-serif;
    text-transform:uppercase;
}

a.link-vesti-izdvajamo-naslov:link { color:#F07D04; text-decoration: none; font-size: 20px; font-family:'Titan One', cursive, Arial, Helvetica, sans-serif; }
a.link-vesti-izdvajamo-naslov:visited { color:#F07D04;text-decoration: none; font-size:20px; font-family:'Titan One', cursive, Arial, Helvetica, sans-serif; }
a.link-vesti-izdvajamo-naslov:hover { color: #333; text-decoration: none; font-size: 20px; font-family:'Titan One', cursive, Arial, Helvetica, sans-serif; }
a.link-vesti-izdvajamo-naslov:active { color: #333; text-decoration: none; font-size: 20px; font-family:'Titan One', cursive, Arial, Helvetica, sans-serif; }

.vesti-izdvajamo-antrofile {
    font-size:13px;
    line-height:16px;
    color:#999;
    font-family:'Open Sans', sans-serif, Arial, Helvetica, sans-serif;
}
/* end vesti*/

/* linkovi */
a:link { color: #523337;  text-decoration: none; font-size: 14px;}
a:visited { color: #523337;  text-decoration: none; font-size: 14px;}
a:hover { color: #F07D04;  text-decoration: none; font-size: 14px;}
a:active { color: #F07D04;  text-decoration: none; font-size: 14px;}

a.link-footer:link { color:#523337; text-decoration: none; font-size: 13px; font-family:'Open Sans', sans-serif, Arial, Helvetica, sans-serif; font-weight: 600;}
a.link-footer:visited { color:#523337;text-decoration: none; font-size:13px; font-family:'Open Sans', sans-serif, Arial, Helvetica, sans-serif; font-weight: 600;}
a.link-footer:hover { color: #523337; text-decoration: underline; font-size: 13px;  font-family:'Open Sans', sans-serif, Arial, Helvetica, sans-serif; font-weight: 600;}
a.link-footer:active { color: #523337; text-decoration: underline; font-size: 13px;  font-family:'Open Sans', sans-serif, Arial, Helvetica, sans-serif; font-weight: 600;}

.btn-vesti-detaljnije a {
    background: #523337;
    padding: 10px 10px;
    font-family: 'Titan One', cursive, Arial, Helvetica, sans-serif;
    font-size: 14px !important;
    color: #FFF !important;
    letter-spacing: 0.0725em;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
    text-decoration:none;
    border-radius: 5px;
}

.btn-vesti-detaljnije a:hover {
    background: #FB6B47;
}

/* end linkovi */

@media screen and ( max-width: 991px ) {
    #header {
        display: none;
    }
    
    #header-mobile {
        display: block;
        box-shadow: 0 4px 4px -2px rgba(50, 50, 50, 0.5);
    }
    
    #home{
        margin-top: 70px;
        color:#333; 
    }
    
    .navbar-logo {
        max-width: 140px !important;
         
    }
    
    .templatemo-box {
        margin-bottom: 30px;
    }
    
    #page-image {
         margin-top:70px; 
    }
    
    
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
        margin-left: 180px;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }
}
@media screen and ( max-width: 767px ) {
    .navbar-default .nav li a {
        height: auto;
        line-height: 2em;
    }
    #contact .overlay {
        padding-top: 40px;
    }
}
/* start media 450 */
@media screen and ( max-width: 450px ){
    
    #welcome h2
    {
        font-size: 36px;
    } 
    /*
    .navbar-logo {
        max-width: 200px !important;
        margin-top: 3%; 
    } */
}
/* end media 360 */
/* start media 360 */
@media screen and ( max-width: 360px ){
    .pricing
    {
        padding-bottom: 40px;
    }
    /*
    .navbar-logo {
        max-width: 200px !important; 
    } */
}
/* end media 360 */