@import url(https://fonts.googleapis.com/css?family=Titillium+Web:400,700&subset=latin-ext);
html,body {
 width:100%;
 height:100vh
}
body {
 font-family:'Titillium Web',sans-serif;
 color:#fff;
 background:#02000d
}
a {
 color:#fff
}
a:hover {
 color:#fff
}

button.navbar-toggler {
	position: relative;
	top: -5px;
	border: 1px solid #fff;
}

button.navbar-toggler span.navbar-border-icon {
	width: 30px;
	display: block;
	border: 1px solid #fff;
	margin-bottom: 5.5px;
	margin-top: 5.5px;
}

article {
 line-height:28px;
 background:#02000d;
 border-radius:15px
}
nav.home-nav ul {
 text-transform:uppercase
}
nav.home-nav ul li a.active {
 background:#00f;
 border-radius:20px
}
div.name {
 border-bottom:3px solid #fff;
 margin:58px 0
}
div.name .text {
 font-size:48px;
 background:#02000d;
 padding-right:7.34%;
 top:20px;
 position:absolute
}
section.homepage {
 /*display:table;
 position:relative;
 width:100%;
 height:100%;*/
 padding-top: 5%;
}
section.about-brand-text {
 padding-top:50px;
 min-height:664px;
 background:transparent url(img/brink/brink-omarce.png) no-repeat top right / contain;
}
section.our-thule img {
 margin-bottom:68px
}
section.our-thule .home {
 margin-bottom:18px
}
section.thule-model-text {
 margin-bottom:30px;
 padding-top:50px;
 background:transparent url(img/brink/brink-bagazniki.jpg) no-repeat top right / contain
}
section.search-model {
 min-height:1109px;
 padding-top:70px;
 background:transparent url(img/brink/brink-kontakt.jpg) no-repeat center center / cover
}
div.partner {
 position:relative;
 text-align:center;
 font-size:48px;
 line-height:54px
}
div.search {
 min-height:862px;
 display:block;
 overflow:hidden;
 position:relative
}
div.search-content::after {
 display:block;
 content:' ';
 width:0;
 height:0;
 border-top:53px solid #fff;
 border-right:770px solid transparent;
 margin:0;
 position:absolute;
 bottom:-53px
}
div.search-content {
 min-height:862px;
 background:#fff;
 display:block;
 position:relative;
 margin-top:58px;
 margin-bottom:58px;
 color:#000
}
div.search-content:before {
 content:' ';
 width:0;
 height:0;
 border-bottom:58px solid #fff;
 border-left:792px solid transparent;
 margin:0;
 position:absolute;
 top:-58px
}
div.search-form {
 padding:19% 19% 7% 19%
}

div.search-form .form-group {
	margin-bottom: 2em;
}

div.search-form select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: url(https://www.ehaki.pl/css/img/wyszukiwarka-strzalka-lewa-mala.png) right center no-repeat #fff;
}

div.search-form .form-control {
	padding: 15px;
	border-radius: 0;
	height: 60px;
	border: 2px solid #e0e0e0;
	font-weight: 700;
	text-transform: uppercase;
}

#subbmit {
	background: #0000ff;

	border-radius: 25px;

	color: #fff;

	font-weight: 700;

	padding: 10px;

	font-size: 1.5rem;

	margin-top: 110px;

	margin-left: 7%;

	margin-right: 7%;
	max-width: 400px;
	width: 100%;
}

footer {
 background:#000;
 padding:33px 0
}

.icon-scroll:before {
 position:absolute; 
 left:50%;
}
.icon-scroll {
width: 24px;
height: 40px;
box-shadow: inset 0 0 0 1px #fff;
border-radius: 25px;
position: absolute;
right: 3%;
bottom: 5%;
}
.icon-scroll:before {
 content:''; 
 width:8px;
 height:8px;
 background:#fff;
 margin-left:-4px;
 top:8px;
 border-radius:4px;
 animation-duration:1.5s;
 animation-iteration-count:infinite; 
 animation-name:scroll;
}

@keyframes scroll {
  0% { opacity: 1 }
  100% {
    opacity: 0;
    transform: translateY(15px);
  }
}

@media only screen and (max-width:767px) {
 header {
 	margin-top:30px;
 }

	section.homepage {
	    padding: 10%;
	}

	section.about-brand-text article,  
	section.thule-model-text article {
		margin-top: 225px;
	}
}

@media only screen and (min-width:768px) {
 
 header {
 	margin-top:65px;
 }

section.thule-model-text {
    min-height: 701px;
}

section.our-thule {
 margin-bottom:180px
}

 div.partner {
	padding-top: 132px;
 }

 div.partner img {
  position:absolute;
  bottom:3px;
  left:15px
 }
}