body {
      
  font-size: 14px;
  font-family: Helvetica Neue,Helvetica,Arial,sans-serif; 
}

.carousel-control .icon-next {
 font-size: 75px;     
}
.carousel-control .icon-prev {
 font-size: 75px;   
    
}
.size21 {
 font-size: 21px;!important   
}

@media (min-width: 1200px)
 {

  .menuactive {
	 background:url("../images/sageata-meniu-ros.png") no-repeat scroll right 1px !important;
}    
     
.res {
 width:75%;
    max-width: 75%;
}     
     
.nav > li > a:hover {
    background:url("../images/sageata-meniu-ros.png") no-repeat scroll right 1px;
    
}     
     
/*     */
.b1{
  margin-top:41px;  
}
.b2{
 margin-top:3px;  
}
/*
    
*/
.serp1 {
 margin-top:95px;   
}
.serp2 {
 margin-top:10px;   
}    
.serp3 {
 margin-top:106px;   
}     
.serp4 {
 margin-top:24px;   
}     
.serp5 {
 margin-top:43px;   
} 
/*     */
     
.sth1 {
margin-bottom: 10px;
    height:260px;
}
.sth2 {
margin-bottom: 10px;
    height:260px;
}
.sth3 {
margin-bottom: 10px;
    height:260px;
}     
.sth4 {
margin-bottom: 10px;
    height:265px;
}
.sth5 {
margin-bottom: 10px;
    height:260px;
}
.sth6 {
margin-bottom: 10px;
    height:260px;
}
 }
.meniu {
    padding-top: 44px; 
 }
     

.full {
width:100%;         
     }

.container {
padding:0px;
}


.row {
 margin:0px;   
}


#bot a {
    
 color:white;   
}

.margin-bot-20 {
    margin-bottom: 20px;
}

.margin-top-20 {
    margin-top: 20px;
}

@media screen and (max-width: 992px) {
    .right {
     float:right;
    }
    
    .left {
     float:left;   
    }
    .w-100 {
    width:100%;
    max-width: 100%;
}
    
}


.white {
 color:white;   
    
}

.pad-left-0 {
 padding-left: 0px;   
}

.pad-right-0 {
 padding-right: 0px;   
}

.pad-left-7 {
 padding-left: 7.5px;   
}

.pad-right-7 {
 padding-right: 7.5px;   
}

.pad-0 {
 padding: 0px;   
}

.border-box {
    border: 1px solid white;
    border-radius:4px;
}
.text-center {
 text-align: center;
}
.red {
 color:red;   
}


.pad-5 {
 padding: 5px;   
    
}
.field {
    padding: 0px;
    border-radius:3px;
    -moz-border-radius:3px;
	-webkit-border-radius:3px;
    background-color:#222;
	color:#fff;
    width:80%;
}

.but {
   padding: 0px;
    border-radius:3px;
    -moz-border-radius:3px;
	-webkit-border-radius:3px;
    background-color:#222;
	color:#fff;   
}
.margin-bot-10{
margin-bottom: 10px;
}
.margin-top-10{
margin-top: 10px;
}

@media screen and (max-width: 992px) {

    .left {
    float:left;   
}
.right {
    float:right;
}
}
.none {
 list-style: none;   
}
.none li {
 float:left;
    vertical-align: top;
    margin-right: 6px;
}
.margin-bot-30 {
    margin-bottom: 30px;
}
.margin-top-30 {
    margin-top: 30px;
}

footer a {
 color:white;   
}
.black {
color:black;

}
.quarter {
 font-size: 0.8em;    
}

.navbar-inverse .navbar-collapse, .navbar-inverse {
background-color: #F2F0F2;
border-color:grey;
}
.navbar-inverse .navbar-nav>li>a:hover{ 
color:black;
}
.social {
 list-style: none;

}
.social li {
 float:left;
    vertical-align: top;

}
 .orar-left {
    text-align: left;
    }
    .orar-right {
    text-align: right;
    }
.auto {
    
 margin-left:auto;
    margin-right: auto;
}
.pad-left-25 {
 padding-left: 25px;   
}
.pad-left-10 {
 padding-left: 10px;   
}
.no-dec a {
 text-decoration:none;
    color:white;
}
.no-dec ul {
    list-style: none;
    display: initial;
}
.no-dec li {
    margin-bottom: 7px;
    border-bottom: 1px solid white;
    width: 100%;
}

.list-none ul{
 list-style: none; 
    display: initial;
    
}
.text-right {
 text-align: right;
}

.text-left {
 text-align: left;   
}

@media screen and (max-width: 992px) {
    .right {
     float:right;
    }
    
    .left {
     float:left;   
    }
    .orar-left {
    text-align: center;
    }
    .orar-right {
    text-align: center;
    }
    
}
.bordered {
 border:1px solid black;    
}
.pad-bot-5 {
 padding-bottom: 5px;   
}
.pad-bot-10 {
 padding-bottom: 10px;   
}

.button-right{
    float:right;
}
.fl-r {
 float:right;   
}
.red-btn {
   background-color: red;
    color:white;
    background-image: none;
}


.pic{
  width: 50px;
    height:50px;
    
}
.disp {
 display: inline-block;   
}
     
.navbar-inverse .navbar-collapse, .navbar-inverse {
	background: url(../images/bg-bara-meniu.jpg) left top no-repeat;
	border: none;
}
.navbar-nav > li:nth-child(1) {
	background: url(../images/tbtn1.png) 67px 11px no-repeat;
	width: 120px;
}
.navbar-nav > li:nth-child(2) {
	background: url("../images/tbtn2.png") no-repeat scroll 80px 11px;
	width: 140px;
}
.navbar-nav > li:nth-child(3) {
	background: url("../images/tbtn3.png") no-repeat scroll 95px 11px;
	width: 150px;
}
.navbar-nav > li:nth-child(4) {
	background: url("../images/tbtn4.png") no-repeat scroll 90px 11px;
  width: 140px;
}
.navbar-nav > li:nth-child(5) {
	background: url("../images/tbtn5.png") no-repeat scroll 90px 11px;
  width: 140px;
}
.navbar-nav > li:nth-child(6) {
	background: url("../images/tbtn6.png") no-repeat scroll 78px 11px;
	width: 140px;
}
.nav > li > a {
	background: rgba(0, 0, 0, 0) url("../images/sageata-meniu.png") no-repeat scroll right 1px;
    padding-left: 5px;
    padding-right: 50px;
    text-align: center;
}

.navbar-inverse .navbar-nav>li>a:hover{ 
color:black;
}     
.big-font {
 font-size: 85px;   
    
}

.ha {
    
 height: auto;   
}
.grey {
 background-color:rgb(210, 210, 210);
}

.h-13{
 height:13%;  
    margin-left:auto;
    margin-right:auto;    
}
.bara a{
display:block;
}
.pad-lr a{
 padding-left: 5px;
    padding-right: 5px;
}
.pad-top-10 {
 padding-top: 10px;   
}

.mid {
  align-items  : middle;
}
.pad-pc-20 {
padding-top: 20%;
}

.margin-top-0 {
    margin-top: 0px;
}
.margin-bot-5 {
    margin-bottom: 5px;
}
.shade {
 -webkit-box-shadow: 0px 5px 24px -4px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 5px 24px -4px rgba(0,0,0,0.75);
box-shadow: 0px 5px 24px -4px rgba(0,0,0,0.75);   
}

.margin-auto{
 margin: 0 auto;   
}

.align-c {
  
  padding-top: 5px;  
}
.bor-rad {
 border-radius: 10px;   
}
.m-lr {
 margin-left:auto;
    margin-right: auto;
    
}
.spread {
 width:100%;
    height:500px;
}
.half {
height:500px;
}
.wid {
 width:100%;   
}
.col-ser1{
     background-image: url("../images/one.png");
  background-repeat: no-repeat;
  background-position: left bottom;
  z-index: 1000;
}
.scri-xx{
    position: relative;
     margin-left: 25%;
    width: 75%;
    font-size:12px;
    bottom:20px;
    height:130px;
    
}
.col-ser2{
   background-image:url(../images/two.png); 
    background-repeat: no-repeat;
  background-position: left bottom;
  z-index: 1000;
}
.scri-xx2{
    position: relative;
     margin-left: 32%;
    width: 68%;
    font-size:12px;
    bottom:20px;
    height:130px;
}

.col-ser3{
   background-image:url("../images/three.png"); 
    background-repeat: no-repeat;
  background-position: left bottom;
  z-index: 1000;
}
.scri-xx3{
    position: relative;
     margin-left: 33%;
    width: 67%;
    font-size:12px;
    bottom:20px;
    height:130px;
}

.col-ser4{
   background-image:url("../images/four.png"); 
    background-repeat: no-repeat;
  background-position: left bottom;
  z-index: 1000;
}
.scri-xx4{
    position: relative;
     margin-left: 35%;
    width: 65%;
    font-size:12px;
    bottom:20px;
    height:172px;
}

.col-ser5{
   background-image:url("../images/five.png"); 
    background-repeat: no-repeat;
  background-position: left bottom;
  z-index: 1000;
}
.scri-xx5{
    position: relative;
     margin-left: 35%;
    width: 65%;
    font-size:12px;
    bottom:20px;
    height:187px;
}
.col-ser6{
   background-image:url("../images/six.png"); 
    background-repeat: no-repeat;
  background-position: left bottom;
  z-index: 1000;
}
.scri-xx6{
    position: relative;
     margin-left: 35%;
    width: 65%;
    font-size:12px;
    bottom:20px;
    height:180px;
}

.under {
 text-decoration: underline;   
}
/*  */
@media screen and (max-width: 992px) {
.nav > li > a {
 background: none;   
}
.big-font {
 font-size: 85px;   
    
}    
    
.navbar-inverse{   
    background-image: linear-gradient(to bottom,#F5F5F5 0,#F0F0F0 100%);
}

.navbar-nav > li:nth-child(1) {
background: url(../images/tbtn1.png) 60% 3px no-repeat;
}
.navbar-nav > li:nth-child(2) {
	  background: url("../images/tbtn2.png") no-repeat 60% 7px;
}
.navbar-nav > li:nth-child(3) {
	background: url("../images/tbtn3.png") no-repeat  62% 4px;
}
.navbar-nav > li:nth-child(4) {
      background: url("../images/tbtn4.png") no-repeat 57% 6px;
    width:auto;
}
.navbar-nav > li:nth-child(5) {
    background: url("../images/tbtn5.png") no-repeat 60% 5px;
    width:auto;
}
.navbar-nav > li:nth-child(6) {
    background: url("../images/tbtn6.png") no-repeat 60% 4px;
}    
    
    
.navbar-inverse .navbar-collapse, .navbar-inverse {
background: none;
}   
.scri-xx6{
    position: relative;
     margin-left: 45%;
    width: 65%;
    font-size:12px;
    bottom:20px;
    height: 209px;
}
.scri-xx5{
    position: relative;
  margin-left: 42%;
  width: 58%;
    font-size:12px;
    bottom:20px;
    height:187px;
}    
.scri-xx4{
    position: relative;
  margin-left: 45%;
  width: 60%;
    font-size:12px;
    bottom:20px;
    height:172px;
}
.scri-xx3{
    position: relative;
  margin-left: 42%;
  width: 60%;
    font-size:12px;
    bottom:20px;
    height:130px;
}
.scri-xx2{
    position: relative;
  margin-left: 40%;
  width: 60%;
    font-size:12px;
    bottom:20px;
    height:130px;
}
.scri-xx{
    position: relative;
      margin-left: 30%;
  width: 70%;
    font-size:12px;
    bottom:20px;
    height:130px;
}        
}
/*  */
.max-w {
 max-width: 50%;   
}


@media screen and (max-width: 750px){ 
      header.carousel {
  height: 104px !important;
}
.fr-size {
 font-size:19px !important;
    
}

header.carousel .fill {
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: contain !important;
  background-repeat: no-repeat;
}

    
.navbar-inverse .navbar-collapse, .navbar-inverse {
  background:none;
  border: none;
}
.size19 {
font-size: 19px !important;
}
.navbar-inverse{   
background-image: none;
  background-color: rgb(242, 240, 240);}
}
.navbar-inverse .navbar-toggle {
      background-color: grey;
}
.ib {
 display: inline-block;
}
.pad-bot-20 {
 padding-bottom: 30px;   
}
