/*fonts*/
@import url('https://fonts.googleapis.com/css?family=Raleway:300,400,500,600,700&subset=latin-ext');

/*css*/
html, body {height: 100%; width: 100%;}
body {font-family: 'Raleway', sans-serif; color: #000; font-size: 16px;}

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*helpers*/
hr {border-color: #FFF200; border-width: 3px; max-width: 50px;}
hr.light {border-color: #fff;}
a {-webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  transition: all 0.35s;
  color: #222; text-decoration: underline;}
a:hover, a:focus {color: #aaa; text-decoration: none}
h1, h2, h3, h4, h5, h6 {font-family: 'Raleway', sans-serif;}
p {font-size: 16px; line-height: 1.8; margin-bottom: 20px;}
.center {text-align: center;}
ul {line-height: 1.8;}
.bg-primary {background-color: #F05F40;}
.text-faded {color: rgba(255, 255, 255, 0.7);}
section {padding: 100px 0;}
aside {padding: 50px 0;}
.no-padding {padding: 0;}
.relative {position: relative;}
.text-center {text-align: center;}

/*navigation*/
.navbar {min-height: 51px;}
.navbar-default {background-color: #514334; border: none; font-family: 'Raleway', sans-serif;
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  transition: all 0.35s;}
.navbar-default .navbar-header .navbar-brand {color: #fff; font-weight: 700;
   font-family: 'Raleway', sans-serif; text-transform: uppercase;}
.navbar-brand {padding: 10px 15px 0;}
.navbar-default .navbar-header .navbar-brand:hover,
.navbar-default .navbar-header .navbar-brand:focus {color: #eb3812;}
.navbar-default .navbar-header .navbar-toggle {font-weight: 700; font-size: 12px;
  color: #222222; text-transform: uppercase;}
.navbar-default .nav > li > a,
.navbar-default .nav > li > a:focus {text-transform: uppercase; font-weight: 400;
  font-size: 14px; color: rgba(255, 255, 255, 0.7); text-decoration: none;}
.navbar-default .nav > li > a:hover,
.navbar-default .nav > li > a:focus:hover {color: #fff;}
.navbar-default .nav > li.active > a,
.navbar-default .nav > li.active > a:focus {color: #fff !important; background-color: transparent;}
.navbar-default .nav > li.active > a:hover,
.navbar-default .nav > li.active > a:focus:hover {background-color: transparent;}
.house-btn {float: right; margin-left: 30px; margin-top: 14px;}
.house-btn a {color: rgba(255, 255, 255, 0.9); font-size: 14px; text-transform: uppercase; 
             text-decoration: none;}
.house-btn a:hover, .house-btn a:focus {color: #FFF200; text-decoration: none;}
.house-btn a span.glyphicon {padding-right: 5px;}
.scroll-down {position: absolute; bottom: 0; left: 0; right: 0; z-index: 2;}
.cone {display: inline-block !important; width: 0; height: 0;
      border-top: 26px solid rgba(255, 242, 0, 0.85); border-left: 26px solid transparent;
      border-right: 26px solid transparent; border-radius: 100%; padding-bottom: 30px;
    -webkit-transition: all 0.35s;
      -moz-transition: all 0.35s;
      transition: all 0.35s;}
.cone:hover {border-top: 26px solid #FFF200; padding-bottom: 25px;}
.navbar-toggle {color: #fff !important; position: relative; border: none;
    float: right; padding: 9px 10px; margin-top: 8px; margin-right: 15px;
    margin-bottom: 8px; background-color: transparent; background-image: none;}
.navbar-toggle i {font-size: 30px;}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: transparent;;
}

header {
  position: relative;
  width: 100%;
  min-height: auto;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
  background-position: center;
  background-image: url('../img/biro-nepremicnin.jpg');
  text-align: center;
  color: #fff;
}
header .header-content {position: relative; text-align: center; padding: 100px 15px 100px;
  width: 100%; z-index: 2;}
header .header-content .header-content-inner h1 {font-weight: 600; font-size: 30px;
    text-transform: uppercase; margin-top: 0; margin-bottom: 0; padding: 3px 10px 0;
    display: inline-block;}
header .header-content .header-content-inner p {font-weight: 500; font-size: 28px;
  color: #fff; margin-top: 20px; margin-bottom: 60px; display: inline-block; padding: 0 10px;
  margin-left: auto; margin-right: auto;}

.overlay-container .overlay {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: block;
    background: #fff;
    opacity: 0.4;
}
.overlay-container .overlay.color {background-color: #333; opacity: 0.4;}
.addText {position: absolute; bottom: 100px; left: 0; right: 0; z-index: 2;}
.additionalText {color: #fff; text-align: center; margin-bottom: 30px;}

/*content*/
.image-sec {overflow: hidden; padding: 0;}
.image-sec h2 {color: #806a50; font-weight: 700; margin: 0 0 30px;}
.container-fluid.no-padding {padding: 0 !important;}
.index-holder {display: flex; align-items: stretch;}
.index-block {padding: 0 100px;}
.index-block ul {padding-left: 1em;}

.index-flex {display: flex; align-items: center;
        justify-content: center;
        flex-direction: column;}
.image-sec-left, .image-sec-right {position: relative;}
.image-sec-left:after {width: 0; height: 0; border-style: solid;
border-width: 0 0 750px 250px; border-color: transparent transparent #ffffff transparent;
position:absolute; top: 0; right: 0; content:'';}
.image-sec-right:after {width: 0; height: 0; border-style: solid;
border-width: 750px 0 0 250px; border-color: transparent transparent transparent #ffffff;
position:absolute; top: 0; left: 0; content:'';}
.bg-dark {background-color: #a28a6f; color: #fff; position: relative;}
.bg-dark2 {background-color: #806a50; color: #fff; position: relative;}
.skew {position: absolute; right: 0; left: 0; overflow: hidden; transform: skewY(-2deg);
    background-color: #a28a6f; top: 33px; bottom: -33px; z-index: 10;}
.skew2 {position: absolute; right: 0; left: 0; overflow: hidden; transform: skewY(2deg);
    background-color: #806a50; top: -33px; bottom: -33px;}
.cta-holder {position: relative; text-align: center; padding-bottom: 110px;}
.cta {position: absolute; z-index: 20; left: 0; right: 0;}
.cta h2 {margin-bottom: 20px;}
.skew-holder {position: relative; text-align: center; padding-bottom: 60px;}
#kontakt .cone {margin-top: 20px; padding-bottom: 20px;}
#kontakt p {font-size: 18px; margin-bottom: 40px;}
#kontakt a {color: #FFF200;}
#kontakt .contact-size p {font-size: 30px;}

/*SUBPAGE*/
.sub-header {height: 200px; text-align: center; 
            background: url('../img/biro-nepremicnin.jpg') top center no-repeat;}
.sub-header h1 {color: #fff; font-size: 48px; text-transform: uppercase; padding-top: 100px;
            margin-top: 0;}
.pro-tab-menu {margin: 25px 0 30px;}
.pro-tab-menu ul li {display: inline-block; margin-left: 20px;}
.pro-tab-menu ul li:first-child {margin-left: 0;}
.pro-tab-menu ul li a {color: #666; display: block; font-size: 18px; font-weight: 500;
        text-decoration: none;}
.pro-tab-menu ul li a:hover {color: #fff;}
.pro-tab-menu ul li.active a {color: #fff; background-color: #806a50;}
.sweep {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    background: #e1e1e1;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.sweep:hover, .sweep:active {color: #fff !important; background-color: #806a50;}
.sweep:before {border-radius: 200px;
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    color: #fff;
    background: #806a50;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.sweep:hover:before, .sweep:focus:before, .sweep:active:before {
    -webkit-transform: scaleX(1); transform: scaleX(1);}
.house-item {padding-bottom: 20px; margin-top: 30px; border-bottom: 1px solid #ccc;}
.house-item:last-of-type {border-bottom: none;}
.house-item h2 {margin-top: 0;}

/*footer*/
#footer {background-color: #3d3125; color: #d8cec2; padding-top: 25px; padding-bottom: 20px;
     position: absolute; left: 0; right: 0; text-align: center;}
.footer-ins {width: 100%; text-align: center;}
#footer ul {font-size: 14px; list-style: none; margin-left: auto; margin-right: auto; 
    padding-left: 0; line-height: 1;}
#footer ul li {display: inline; text-align: center; padding: 0 5px;}
#footer ul li a {color: #FFF200;}
.dark {color: #a28a6f;}

/*bs css*/
.call-to-action h2 {margin: 0 auto 20px;}
.text-primary {color: #F05F40;}
.no-gutter > [class*='col-'] {padding-right: 0; padding-left: 0;}

.btn-default {color: #222222; background-color: #fff; border-color: #fff;
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  transition: all 0.35s;}
.btn-default:hover,
.btn-default:focus,
.btn-default.focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  color: #222222;
  background-color: #f2f2f2;
  border-color: #ededed;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  background-image: none;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
  background-color: #fff;
  border-color: #fff;
}
.btn-default .badge {
  color: #fff;
  background-color: #222222;
}

.btn-primary {color: #444; background-color: rgba(255, 242, 0, 0.85); text-decoration: none;
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  transition: all 0.35s;}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary:active:focus,
.btn-primary:active:hover,
.open > .dropdown-toggle.btn-primary {
  color: #333; background-color: #FFF200; border: none;}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {background-image: none;}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #F05F40;
  border-color: #F05F40;
}
.btn-primary .badge {color: #F05F40; background-color: #fff;}
.btn-primary span.glyphicon {padding-right: 5px;}
.btn {font-family: 'Raleway', sans-serif; border: none; padding: 15px 40px;
  border-radius: 200px; font-size: 18px; font-weight: 600; text-transform: uppercase;}
.btn2 {font-family: 'Raleway', sans-serif; border: none; padding: 15px 30px;
  border-radius: 300px; font-size: 18px; font-weight: 600; text-transform: none;}

::-moz-selection {
  color: #fff;
  text-shadow: none;
  background: #54391B;
}
::selection {
  color: #fff;
  text-shadow: none;
  background: #54391B;
}
img::selection {
  color: #fff;
  background: transparent;
}
img::-moz-selection {
  color: #fff;
  background: transparent;
}
body {
  webkit-tap-highlight-color: #54391B;
}