/* Extra small devices (phones, less than 768px) */

/* No media query since this is the default in Bootstrap */



@import 'https://fonts.googleapis.com/css?family=Encode+Sans+Condensed|Oswald';

#navbar-container
{
    min-height:90px;
}

.table-custom{
    background-color: #e7501e;
	text-align:left;
	max-width:100%;
	width:100%;
	margin-right:30px;

	
}
	.table-responsive{
		max-width:100%;
		border:0 !important;
	
}
	.table-diego{
		max-width:100%;
	
}
.table-custom th{


}
.table-custom td{
	text-transform: none;
		padding:6px;
		border:4px #000001 !important;
		border-top:4px #000001 !important;
}
.table-custom > tbody > tr {
    background-color: #ea6b41;
}
.table-custom > tbody > tr:nth-of-type(2n+1) {
    background-color: #581117;
}

.table-custom a{
	color: #FFF;
	text-decoration:none;
	}


.table-custom a:hover{
	color: #FFF;
	text-decoration:underline;
	}

#priejes {
    width: 100%;
	background-color:#eb8f00;
	padding-top:15px;
	padding-bottom:5px;
	color:#FFF;
	text-align:center;
	text-decoration:none;

}

#priejes a{
    width: 100%;
	background-color:#eb8f00;
	color:#FFF;
	text-decoration:none;
}

#priejes  a:hover{
    width: 100%;
	background-color:#FFF;
	color: #eb8f00;
	text-decoration:none;

}



 .well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color:transparent;
  border: 1px solid @well-border;
  border-radius: @border-radius-base;
    border-color: #eb8f00;
}

.btn-success
 {

  background-color:#eb8f00;
  border-color: #CCC;

}

.btn-success:hover
 {

  background-color:#CCC;
  border-color: #eb8f00;

}

.btn-success.active.focus, .btn-success.active:focus, .btn-success.active:hover, .btn-success:active.focus, .btn-success:active:focus, .btn-success:active:hover, .open>.dropdown-toggle.btn-success.focus, .open>.dropdown-toggle.btn-success:focus, .open>.dropdown-toggle.btn-success:hover
 {

  background-color:#000;
  border-color: #eb8f00;

}

.has-feedback label ~ .form-control-feedback {
  top: 31px;
}


body{

    font-family: 'Encode Sans Condensed', sans-serif;
	font-size:18px;
	line-height:22px;
	color:#FFF;

}

  h1   { font-size: 38px;}
  h2   { font-size: 38px;}
  h4   { font-size: 14px;}
 
  a {
  color: #eb8f00;
}
a:hover,
a:focus {
  color: #a26501;
}

ul { list-style: url('../img/deco-dimo.gif'); }
  
#foto-content img {

    display: block;

    width: 100%;
	max-width:100%;

    height: auto;

    max-height: 100%;

}

#foto-content2 img {

    display: block;

    width: 100%;
	   
	max-width:610px;

    height: auto;

    max-height: 100%;


}
#foto-content3 img {

    display: block;

    width: 100%;
	   
	max-width:225px;

    height: auto;


}

#foto-content4 img {

    display: block;

    width: 100%;
	   
	max-width:469px;


    height: auto;


}


nav ul li, nav ul li a{

    transition: all .2s ease-in-out;

}



nav.affix{

    position: static;

}



nav.affix ul li{

    padding: 0 !important;

}

nav.affix ul li a{



}





a.back-to-top {

	display: none;

	width: 60px;

	height: 60px;

	text-indent: -9999px;

	position: fixed;

	z-index: 999;

	right: 20px;

	bottom: 20px;

	background: #333 url("../img/up-senza-codla.png") no-repeat center 43%;

	-webkit-border-radius: 30px;

	-moz-border-radius: 30px;

	border-radius: 30px;

    transition: .2s ease;

    opacity: .5;

}

a.back-to-top:hover{

    opacity: 1;

}









/*midmenu*/

.midmenu .grid{

    overflow: hidden;

    width: 100%;

    max-width: none;

    padding: 0;

}



.midmenu .grid figure{

    max-width: none;

    max-height: none;

    width: 50%;

    margin: 0;

    height: 400px;

}



.midmenu figure h2{

    font-size: 38px;

    font-family: 'Encode Sans Condensed', sans-serif;

    font-style: normal !important;

}

#gallery-header .item img{

    display: block;

    width: 100%;

    height: auto;

    max-height: 100%;

}



#fullwidth-gallery .item img{

    display: block;

    width: 100%;

    height: auto;

}



#top-logo{

    text-align: center;

    padding: 2px 0;

    text-align: center;

}



/*freccies inant zeruch gallery*/

.header-gallery-container, #fullwidth-gallery-container{

    position: relative;
    margin-top: 75px;
    overflow: hidden;
} 




.owl-controls{

    position: absolute;

    bottom: 0;

    width: 100%;

    z-index: 1000000000;

}



.owl-theme .owl-controls .owl-page span {

    background: #fff none repeat scroll 0 0;

    border-radius: 20px;

    display: block;

    height: 12px;

    margin: 5px 7px;

    width: 12px;

    opacity: 1;

}







.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span {

    background-color: #e5e5e6;

}



.owl-carousel-arrows .next, .owl-carousel-arrows .prev{

    width: 30px;

    height: 30px;

    position: absolute;

    z-index: 11000;

    width: 50%;

    display: none;

}



.owl-carousel-arrows .next{

    top: 0;

    height: 100%;

    right: 0;

}



.owl-carousel-arrows .next:hover{
    cursor: url("../img/gallery-orbit-next.png"), /* Modern - relative to the document */
            url("../img/gallery-orbit-next.cur"), /* IE - relative to the root */
            default; /* Built-in fallback */    
}

.owl-carousel-arrows .prev{
    top: 0;
    height: 100%;
    left: 0;
}

.owl-carousel-arrows .prev:hover{
    cursor: url("../img/gallery-orbit-prev.png"), /* Modern - relative to the document */
            url("../img/gallery-orbit-prev.cur"), /* IE - relative to the root */
            default; /* Built-in fallback */
}








.navbar .navbar-nav {

  display: inline-block;

  float: none;

  vertical-align: top;

}



.navbar .navbar-collapse {

  text-align: center;

}



#custom-navbar.navbar-default .navbar-brand, .dropdown-menu {

    color: rgba(119, 119, 119, 1);

    border: 0;

}

#custom-navbar.navbar-default {

    font-size: 18px;
	
	font-family: 'Oswald', sans-serif;
	
	text-transform:uppercase;

    background-color: #e5e5e6;

    border-width: 0px;

    border-radius: 0px;

    text-align: center;

    margin-bottom: 0;

}



#custom-navbar.navbar-default .navbar-nav>li{

    padding-bottom: 5px;

    padding-top: 5px;

}



#custom-navbar.navbar-default .navbar-nav>li>a {

    color: #eb8f00;

    background-color: #e5e5e6;

    padding-left: 40px;

    padding-right: 40px;

    text-transform: uppercase;

}

#custom-navbar.navbar-default .navbar-nav>li>a:hover,

#custom-navbar.navbar-default .navbar-nav>li>a:focus {

    color: #32322c;

    background-color: #e5e5e6;

}

#custom-navbar.navbar-default .navbar-nav>.active>a,

#custom-navbar.navbar-default .navbar-nav>.active>a:hover,

#custom-navbar.navbar-default .navbar-nav>.active>a:focus {

    color: #32322c;

    background-color: #e5e5e6;

}

#custom-navbar.navbar-default .navbar-toggle {

    background-color: silver;

    border-radius: 0;

    border: 0;
	margin-left: 0;
	margin-right: 0;
	
	position:relative;
	float:none;


}

#custom-navbar.navbar-default .navbar-toggle:hover,

#custom-navbar.navbar-default .navbar-toggle:focus {

    background-color: #32322c;

}

#custom-navbar.navbar-default .navbar-toggle .icon-bar {

    background-color: #eb8f00;

}

#custom-navbar.navbar-default .navbar-toggle:hover .icon-bar,

#custom-navbar.navbar-default .navbar-toggle:focus .icon-bar {

    background-color: #eb8f00;

}



.dropdown-menu{

    padding-left: 10px;

    padding-right: 10px;

    background-color: rgba(255, 255, 255, 0.8);

    text-align: center;

    text-transform: uppercase;    

}



.dropdown-menu li{

    border-bottom: 1px solid silver;

}



.navbar-default .navbar-nav .open .dropdown-menu > li > a {

    padding-top: 10px;

    padding-bottom: 10px;

    font-size: 18px;

    font-weight: 300;

    color: silver;

    transition: all .3s ease;

}



.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {

    color: #32322c;

    background-color: transparent;

       

}



.dropdown-menu li:last-child{

    border: 0;

}



#envelope-icon{

    position: relative;

    top: -1px;

}



.languages{

    position: absolute;

    top: 10px;

    right: 0px;

    color: b;

    background-color: #e5e5e6;

    padding: 5px 10px;

}

.languages a{

    color: #eb8f00;

    font-size: 12px;

    padding: 5px;

}

.languages a:hover, .languages a.active{

    color: #eb8f00;

    text-decoration: none;

}



.top-envelope{

    position: absolute;

    background-color: #e5e5e6;

    top: 45px;

    right: 0px;

    padding: 4px 8px 8px 8px;

}















.hover-mag {

    position:relative;

    cursor: pointer;

}

.hover-mag img {

    width:100%;

    vertical-align:top;

}



.hover-mag:after, .hover-mag:before {

    position:absolute;

    opacity:0;

    transition: all 0.5s;

    -webkit-transition: all 0.5s;

}

.hover-mag:after {

    content:"\00a0";

    width:100%; height:100%;

    top:0; left:0;

    background-image:url("../img/zoom.png");

    background-color: rgba(119, 119, 119, 0.5);

    background-repeat: no-repeat;

    background-position: center; 

}



.hover-mag:hover:after, .hover-mag:hover:before {

    opacity:1;

}





.special{

    background-color: #32322c;

    height: 100%;
	
	color:#0f4142;

    text-align: center;

    padding: 20px 14px;

}



.special-title{

    font-size: 24px;

    font-weight: normal;

    margin-bottom: 25px;

    color: #0f4142;

    text-transform: uppercase;

}



.special-subtitle{

    font-weight: 900;

    margin-bottom: 15px;

    font-size: 18px;

    font-style: italic;

    text-transform: uppercase;

}



.special-content{
	
    font-size: 14px;
	line-height:19px;
	text-align:left;

}









img.fullwidth{

    width: 100%;

}



#navbar-container{

    width: 100%;

    position: relative;

}



section.main{

   

	background-color:#000001;
	background-repeat:repeat;	
    line-height: 1.5em;
	padding-top:20px;
		background-image:url(../img/bg-mtb.jpg);

}



section#apartment-nav{

    padding: 50px 0;

    color: rgb(35,31,32);

    line-height: 2.0em;

}



section#contact{

    background-color:#FFF;
	
	background-image:url(../img/bg-formular.jpg);

    background-position: 90%;

    background-size:auto;
	background-repeat:repeat;

    padding: 50px 0;

    color: #32322c;    

}

section#googlemap-wrapper{
    position: relative;
}

section#googlemap{
    height: 0px;
    position: absolute;
    bottom: 0;
    width: 100%;
}

section#contact h1{

    color: #23221d;

}
section#contact h2{

    color: #23221d;

}



section#contact form{

    margin-top: 25px;   


}



section#contact form .transparent{

    width: 100%;

    background: #FFF;

    border: 1px solid #23221d;

    padding: 15px;

    margin-bottom: 5px;

    color: #23221d;

    border-radius: 3px;

}



section#contact form input#submit{

    color: #23221d;

    padding: 10px;

    background: transparent;

    border: 1px solid #23221d;

    

}




h1{

    font-family: 'Oswald', sans-serif;
	
	text-transform:uppercase;

    letter-spacing:normal;

    color: #FFF;
	
	padding: 20px;
	
	background-color: #eb8f00;

}

h2{

    font-family: 'Oswald', sans-serif;
	
	text-transform:uppercase;

    letter-spacing:normal;

    color: #FFF;
	

}


.title-deco{

    display: block;

    height: 3px;

    width: 80px;

    margin: 10px 0 5px 0;

    background-color: #32322c;

}



.title-deco.centered{

    margin: 10px auto;

}






h3{

    text-transform: uppercase;

    color: #eb8f00;

    font-size: 20px;
	
}



footer{

    position: relative;


    color: #FFF;

    background-color: #eb8f00;

    text-align: center;

}



footer a{

    color: #FFF;

}

footer a:hover{

    color: #a26501;

    text-decoration: none;

}

#footer-logo{

    margin: 40px auto;

}



.social-icons{

    text-align: right;

}



ul.social-icons{

    list-style-type: none;

    padding: 0;

    margin: 0;

}

ul.social-icons li{

    display: inline-block;

    padding: 0;

    margin: 0;

}



div.social{

    width: 40px;

    height: 40px;

    border-radius: 50%;

    display: block;

    float: left;

    border: 2px solid #ccc;

    text-align: center;

    padding-top: 10px;

    margin-right: 10px;

    transition: all .2s ease;

}



div.social:hover{

    border-color: #a26501;

}



div.social a{

    display: inline-block;

    width: 100%;

    height: 100%;

}



#footer-circle-container{

    margin-top: -45px;

    position: relative;

}



#footer-circle{

    height:45px;

    width:90px;

    border-radius: 90px 90px 0 0;

    -moz-border-radius: 90px 90px 0 0;

    -webkit-border-radius: 90px 90px 0 0;

    background:#eb8f00;

    margin: 0 auto;

}



#marker{

    width: 61px;

    position: absolute;

    top: -30px;

    left: 50%;

    margin-left: -25px;

    display: block;

    opacity: .8;

    transition: all .2s ease;

}

#marker img{

    width: 100%;
	max-width:61px;

    display: inline-block;

}

#marker:hover{

    opacity: 1;

}



section.photogallery{

    padding-top: 155px;

    padding-bottom: 80px;
	
	background-color:#0f4142;
	background-image:url(../img/sfondo-gallery.jpg);
	background-size:cover;
	background-repeat:no-repeat;

 

}
section.photogallery2{

    padding-top: 80px;

    padding-bottom: 80px;

	background-color:#0f4142;

}



.photogallery a {

  font-size: 16px;

  overflow: hidden;

  display: block;

  float: left;

  margin: 15px;

    width: -webkit-calc(50% - 30px);

    width: -moz-calc(50% - 30px);

    width: calc(50% - 30px);

}

.photogallery2 a {

  font-size: 16px;

  overflow: hidden;

  display: block;

  float: left;

  margin: 15px;

    width: -webkit-calc(50% - 30px);

    width: -moz-calc(50% - 30px);

    width: calc(50% - 30px);

}



@media screen and (min-width: 50em) {

  .photogallery a {

    width: -webkit-calc(25% - 30px);

    width: -moz-calc(25% - 30px);

    width: calc(25% - 30px);

  }
  

}




.photogallery a:hover img {

  transform: scale(1.15);

}



.photogallery figure {

  margin: 0;

}



.photogallery img {

  border: none;

  max-width: 100%;

  height: auto;

  display: block;

  background: #0f4142;

  transition: .2s ease-in-out;

}



@media screen and (min-width: 50em) {

  .photogallery2 a {

    width: -webkit-calc(25% - 30px);

    width: -moz-calc(25% - 30px);

    width: calc(25% - 30px);

  }

}




.photogallery2 a:hover img {

  transform: scale(1.15);

}



.photogallery2 figure {

  margin: 0;

}



.photogallery2 img {

  border: none;

  max-width: 100%;

  height: auto;

  display: block;

  background: #0f4142;

  transition: .2s ease-in-out;

}


.parallax-mirror{

    padding-top: 0;

}











.grid-item--width2 { width: 400px;}





/* Small devices (tablets, 768px and up) */

@media (min-width: 768px) {





    .dropdown-menu{

        /*center dropdown menu*/

        left: 50%;

        right: auto;

        text-align: center;

        transform: translate(-50%, 0);

    }

    

    .navbar-default .navbar-nav .open .dropdown-menu > li > a {

        padding-top: 10px;

        padding-bottom: 10px;

        font-size: 18px;

        font-weight: 300;

        color: #32322c;

        transition: all .3s ease;

    }    

    

    #custom-navbar.navbar-default .navbar-nav>li{

        padding-bottom: 20px;

        padding-top: 20px;

    }    



    #custom-navbar.navbar-default .navbar-nav>li{

        padding-bottom: 0px;

        padding-top: 0px;

    }

    

    #custom-navbar.navbar-default .navbar-nav>li>a {

        padding-left: 10px;

        padding-right: 10px;

        font-size: 10px;

    }

}



/* Medium devices (desktops, 992px and up) */

@media (min-width: 992px) {


    footer{

        text-align: left;

    }

    

    footer .credits{

        font-size: 15px;

    }

    

    footer ul.social-icons{

        padding-top: 60px;

    }



    #custom-navbar.navbar-default .navbar-nav>li>a {

        padding-left: 10px;

        padding-right: 10px;

        font-size: 17px;

    }

    





}



/* Large devices (large desktops, 1200px and up) */

@media (min-width: 1200px) {



    /*show  s instead of drag function for header gallery*/

    .owl-carousel-arrows .next, .owl-carousel-arrows .prev{

        display: block;

    }  



    nav.affix{  

        position: fixed;

        top: 0;

        width: 100%;

        z-index: 7990;

    }



    #custom-navbar.navbar-default .navbar-nav>li{

        padding-bottom: 20px;

        padding-top: 20px;

    }

    #custom-navbar.navbar-default .navbar-nav>li>a {

        padding-left: 15px;

        padding-right: 15px;

        font-size: 18px;

    }



}





 @media (max-width: 800px) {


  .social-icons{

    text-align: center;

}

  /*midmenu*/

.midmenu .grid{

    overflow: hidden;

    width: 100%;

    max-width: none;

    padding: 0;

}



.midmenu .grid figure{

    max-width: none;

    max-height: none;

    width: 100%;

    margin: 0;

    height: 350px;

}



.midmenu figure h2{

    font-size: 30px;

    font-family: 'Encode Sans Condensed', sans-serif;

    font-style: normal !important;

}

#gallery-header .item img{

    display: block;

    width: 100%;

    height: auto;

    max-height: 100%;

}



#fullwidth-gallery .item img{

    display: block;

    width: 100%;

    height: auto;

}



#top-logo{

    text-align: center;

    padding: 2px 0;

    text-align: center;

}


} 

 @media (max-width: 440px) {

  .languages  { font-size:6px; padding:2px; }
  
  .top-logo-mobile  { width: 50%;}
  
  h1   { font-size: 26px;}
  

   h2   { font-size: 24px;}
  /*midmenu*/

.midmenu .grid{

    overflow: hidden;

    width: 100%;

    max-width: none;

    padding: 0;

}



.midmenu .grid figure{

    max-width: none;

    max-height: none;

    width: 100%;

    margin: 0;

    height: 189px;
	min-height: 189px;

}



.midmenu figure h2{

    font-size: 22px;
	margin-top:15px;

    font-family: 'Encode Sans Condensed', sans-serif;

    font-style: normal !important;

}

#gallery-header{


    width: 130%;
    
    margin-left: -15%;

}



#fullwidth-gallery .item img{

    display: block;

    width: 100%;

    height: auto;

}



#top-logo{

    text-align: center;

    padding: 2px 0;

    text-align: center;

}



}