/* Custom CSS */

html, body { margin: 0px; padding: 0px; width: 100%; height: 100%; font-family:"Roboto",sans-serif; font-size: 16px; color: #636363; font-weight: 300; }
a:hover, a:focus { color: #B79033; text-decoration: underline; }
a { color: #B79033; text-decoration: none;}
h2 {font-weight: 700; font-size:2.5em;color: #724306;}

/* MENU */
.menu_holder {-webkit-transition: 1s ease-in-out; -moz-transition: 1s ease-in-out;-o-transition: 1s ease-in-out; transition: 1s ease-in-out;}
.menu_holder.spusteno {padding:0px 0px!important; background-color:rgba(69,43,31,0.9);}

ul#main_menu {margin: 0px; padding: 0px;}
ul#main_menu li {display:inline-block; }
ul#main_menu li a {color:#fff; text-decoration:none; -webkit-transition: .2s all ease-out; -moz-transition: .2s all ease-out; transition: .2s all ease-out;}
ul#main_menu li.active a {border-bottom:2px solid #FD4700; }

#logo {color:#fff;}

/* HEADER */
.header {position:relative; width:100%; height:740px; overflow:hidden; background:url(img/header.jpg) no-repeat center center }
.header::after {content: '';  position:absolute; bottom: -30px; left: -10px; transform: rotateZ(-2deg); width:106%; height:90px; z-index:100; background-color:#fff; border-top:10px solid rgba(255,255,255,0.7); -webkit-background-clip: padding-box; /* for Safari */ background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */}
.header_bg {height:700px; width:100%; position:relative;}

.header_txt {width:100%; position:absolute; top:350px; text-align:center; color:#ccc}
.header_txt h1 {font-weight: 900; font-size:38px; color:#fff; text-shadow: 2px 2px 2px rgba(0, 0, 0, 1); margin:0;}
.header_txt p {text-shadow: 2px 2px 2px rgba(0, 0, 0, 1); font-size:22px; color:#fff; margin:0 0 25px 0; padding: 3px; background-color: rgba(10, 10, 10, 0.5);}

.header_txt a.header_button {padding:15px 20px; font-size:18px; color:#fff; background-color:#FD4700; text-decoration:none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; text-transform:uppercase; font-weight:900; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5); box-shadow: 0px 1px 0px #FF8977 inset, 0px -1px 2px #A91107 inset; background: transparent linear-gradient(#FA462A, #DC170A) no-repeat scroll 0% 0%; }
.header_txt a.header_button:hover {background: transparent linear-gradient(#EE3720, #D11208) repeat scroll 0% 0%; box-shadow: 0px 1px 0px #FF7E6E inset, 0px -1px 2px #9E0D06 inset;}

.brief_txt {font-weight:100; font-size:36px; text-align:center; padding-bottom:40px; color:#fd4700;}

/* CURVE BLOCKS */

.blok_krivi_holder {width:100%; height:auto; padding:70px 0; overflow:hidden;}
.blok_krivi { position:relative; height:auto; padding:35px 0 50px 0; z-index:90; background-color:#E5E3D7; }
.blok_krivi::before {content: ''; position:absolute; top: -30px; left: -10px; transform: rotateZ(2deg); width:106%; height:90px; z-index:100; background-color:#E5E3D7;}
.blok_krivi::after {content: '';  position:absolute; bottom: -30px; left: -10px; transform: rotateZ(-2deg); width:106%; height:90px; z-index:100; background-color:#E5E3D7;}



/* OTHER */

.footer {background-color:rgb(69, 43, 31); padding:20px 0; color:#fff;}
.footer .left {float:left}
.footer .right {float:right;}

ul#location1 {margin: 0; padding: 0px; list-style-type:none;}
ul#location1 li {padding: 10px 0 10px 36px; background:url(img/bullet-confirm.jpg) left center no-repeat;}

ul#location2 {margin: 10px 0; padding: 0px; list-style-type:none; color: #510000; font-size: 1.2em;}
ul#location2 li {padding: 10px 0px; }
ul#location2 li::before {content: "\00BB  "; color:#000; } /*url(img/bullet-confirm.jpg);*/
ul#location2 li::after {content: "  \00AB"; color:#000;}

ul#why {margin: 0px; padding: 0px; list-style-type:none;}
ul#why li {padding: 10px 0 10px 36px; background:url(img/bullet-1.png) left center no-repeat;}


ul#amenities {margin: 50px 0 0 0; padding: 0px; list-style-type:none;}
ul#amenities li {padding: 10px 10px 10px 10px; min-height:140px; border:1px dotted #f9f9f9; text-align:center;}
ul#amenities li img {width:64px;}

.more_info {border:2px solid #E5E3D7; padding:15px 0; margin-bottom:55px; color:#452B1F;}
.apartments {margin-top:40px;}
.contact {margin-top:60px 0; padding:40px 0; background-color:;}

.thumbnail { padding: 10px; }


/* FONTS */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: local('Roboto Thin'), local('Roboto-Thin'), url(https://fonts.gstatic.com/s/roboto/v15/e7MeVAyvogMqFwwl61PKhPesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v15/Pru33qjShpZSmG3z6VYwnVtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: local('Roboto Black'), local('Roboto-Black'), url(https://fonts.gstatic.com/s/roboto/v15/9_7S_tWeGDh5Pq3u05RVkltXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
}



/* BOOTSTRAP FIX */

.navbar-default {background-image: none; background-color: transparent; border-color: transparent; background-repeat: repeat-x; border-radius: 0px; box-shadow: none; }
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .active > a { background-image: none; background-repeat: repeat-x; box-shadow: none}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { color: #fff; background-color: transparent;}
a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active { border-color: #FD4700; }

/* END BOOTSTRAP FIX */



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

ul#main_menu li {display:block; }
.brief_txt {font-size:22px;}
.header_txt {top:200px;}
}