/*
Template: Gustav Gastro
Author: Raulatcythan

TOC:
1. GENERAL
2. RESPONSIVE
3. NAVBAR
4. HEADER
5. MEIST
6. PAKKUMINE
7. PORTFOLIO
8. KONTAKT
9. MAP
10. FOOTER

*/
@import url(https://fonts.googleapis.com/css?family=Raleway:400,300,500,600,700,800);
@import url(https://fonts.googleapis.com/css?family=Arizonia);
@import url(https://fonts.googleapis.com/css?family=Titillium+Web:400,400italic,600,600italic,300italic);

html,
body {
    width: 100%;
    height: 100%;
}

body {
    font-family: 'Raleway';
}

hr {
    max-width: 50px;
    border-color: #f05f40;
    border-width: 3px;
}

a {
    color: #000;
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
}

a:hover,
a:focus {
    color: #000;
	text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Raleway';
	letter-spacing: 4px;
}

h3 {
    font-size: 19px;
}

p {
    margin-bottom: 20px;
    font-size: 19px;
    line-height: 1.8;
	letter-spacing:2px;
}

.bg-dark {
    color: #fff;
    background-color: #222;
}

.text-faded {
    color: rgba(255,255,255,.7);
	text-align: left;
}

aside {
    padding: 50px 0;
}

.section-heading-yellow{
	font-size: 4em;
	color: rgb(211, 182, 77);
	line-height: 0.934;
	font-family: 'Arizonia';
	text-align:center;
    letter-spacing: 4px;
}

.section-heading-black{
	font-size: 4em;
	color: rgb(0, 0, 0);
	text-align: left;
	line-height: 0.934;
	font-family: 'Arizonia';
	text-align:center;
	letter-spacing: 4px;
}

.darkline {
	background-image:url(../images/dotted_line.png);
	height: 1px;
    margin: 8vh 0 8vh 0;
}

.gradientline {
	/*background-image:url(../images/gradient_line.png);*/
	width:100%;
	height:5px;
	background: rgba(0,0,0,1);
	background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 30%, rgba(214,177,46,1) 50%, rgba(211,174,39,1) 50%, rgba(0,0,0,0) 70%, rgba(0,0,0,0) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,0,0,1)), color-stop(30%, rgba(0,0,0,1)), color-stop(50%, rgba(214,177,46,1)), color-stop(50%, rgba(211,174,39,1)), color-stop(70%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,0)));
	background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 30%, rgba(214,177,46,1) 50%, rgba(211,174,39,1) 50%, rgba(0,0,0,0) 70%, rgba(0,0,0,0) 100%);
	background: -o-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 30%, rgba(214,177,46,1) 50%, rgba(211,174,39,1) 50%, rgba(0,0,0,0) 70%, rgba(0,0,0,0) 100%);
	background: -ms-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 30%, rgba(214,177,46,1) 50%, rgba(211,174,39,1) 50%, rgba(0,0,0,0) 70%, rgba(0,0,0,0) 100%);
	background: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 30%, rgba(214,177,46,1) 50%, rgba(211,174,39,1) 50%, rgba(0,0,0,0) 70%, rgba(0,0,0,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=1 );
}

.container {
	width: 60vw;
}

/* RESPONSIVE */

@media(max-width:769px) {
	.navbar-default .nav > li>a,
	.navbar-default .nav>li>a:focus {
		text-transform: uppercase;
		font-size: 30px;
		color: #fefefe;
	}
	.bottom a img {
    left: 45%;
	}
	header .header-content .header-background {
		height: 27vw;
		width: 77vw;
		margin:auto;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		background-size: cover;
		-o-background-size: cover;
	}
	.pakkumine .container {
		width:100%;
	}
	.pakkumine .section-heading-yellow {
		letter-spacing: 0;
	}
	header .header-content {
		padding:10vh 0 0 0;
        margin-top: -500px;
	}

	header .header-content .header-content-inner h1 {
		margin-top: 0;
		margin-bottom: 0;
		letter-spacing: 4px;
		font-size: 4em;
	}
	.menu-box h3 {
		font-size: 30px !important;
	}
}

@media(max-width:420px) {
	header .header-content {
		padding:20vh 0 0 0;
	}
	header .header-content .header-background {
		background-image:none;
		margin: auto;
	}
}

@media(max-width:1025px) {
    .container {
		width: 80%;
    }
	footer .container {
		width:100%;
	}
	.navbar-default .navbar-header .navbar-brand img {
		width: 80%;
		display: none;
	}
	.navbar-brand .Main-title {
		color: #fefefe;
		font-family: 'Raleway';
	}
	.navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
	.navbar-collapse.collapse.in {
		display: block !important; 
	}
	.meist .container .col-lg-6 .section-heading-yellow {
		text-align:center;
	}
	.navbar-default .nav > li>a,
	.navbar-default .nav>li>a:focus {
		text-transform: uppercase;
		font-size: 30px;
		color: #fefefe;
	}
	.col-lg-6 {
		padding:0;
	}
	header .header-content .header-content-inner h1 {
		font-size: 3.2em;
        font-family: 'Arizonia' !important;
    }
	header .header-content .header-content-inner img {
		width: 12%;
		margin-bottom: 0;
	}
}

.main-text{
	color: #fefefe;
}

/* NAVBAR */
.navbar-default {
    border-color: rgba(34,34,34,.05);
    background-color: rgba(0, 0, 0, 0.55);
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
}

.navbar-default .navbar-header .navbar-brand:hover,
.navbar-default .navbar-header .navbar-brand:focus {
    color: #eb3812;
}

.navbar-default .nav > li>a,
.navbar-default .nav>li>a:focus {
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 700;
    color: #fefefe;
}

.navbar-default .nav > li>a:hover,
.navbar-default .nav>li>a:focus:hover {
    color: #f05f40;
}

.navbar-default .nav > li.active>a,
.navbar-default .nav>li.active>a:focus {
    color: #f05f40!important;
    background-color: rgba(0, 0, 0, 0.55);;
}

.navbar-default .nav > li.active>a:hover,
.navbar-default .nav>li.active>a:focus:hover {
    background-color: rgba(0, 0, 0, 0.55);;
}

.bottom a img {
	position:absolute;
	bottom:5%;
	left: 48%;
}

.navbar-nav {
	font-family: 'Titillium Web';
}

@media(min-width:1025px) {
    .navbar-default {
        border-color: rgba(255,255,255,.3);
        background-color: rgba(0, 0, 0, 0.55);;
    }

    .navbar-default .navbar-header .navbar-brand {
        color: rgba(255,255,255,.7);
    }

    .navbar-default .navbar-header .navbar-brand:hover,
    .navbar-default .navbar-header .navbar-brand:focus {
        color: #fff;
    }

    .navbar-default .nav > li>a,
    .navbar-default .nav>li>a:focus {
        color: rgba(255,255,255,.7);
    }

    .navbar-default .nav > li>a:hover,
    .navbar-default .nav>li>a:focus:hover {
        color: rgb(211, 182, 77);
    }

    .navbar-default.affix {
        border-color: rgba(34,34,34,.05);
        background-color: #fff;
    }

    .navbar-default.affix .navbar-header .navbar-brand {
        font-size: 14px;
        color: #f05f40;
    }

    .navbar-default.affix .navbar-header .navbar-brand:hover,
    .navbar-default.affix .navbar-header .navbar-brand:focus {
        color: #eb3812;
    }

    .navbar-default.affix .nav > li>a,
    .navbar-default.affix .nav>li>a:focus {
        color: #222;
    }

    .navbar-default.affix .nav > li>a:hover,
    .navbar-default.affix .nav>li>a:focus:hover {
        color: #f05f40;
    }
	.navbar-default .navbar-header .navbar-brand{
		padding: 0 0 0 50px;
	}
	.navbar-default .navbar-header .navbar-brand img {
		width: 80%;
		display:block;
	}
	a span {
		display: none;
	}
	.navbar-nav>li:nth-child(5) {
		margin-right: 110px;
	}
	.navbar-right {
		letter-spacing: 2px;
		margin:0;
	}
	header .header-content .header-content-inner h1 {
        margin-right: auto;
        margin-left: auto;
        max-width: 80%;
		font-size: 4.1em;
		letter-spacing: 4px;
    }	
	header .header-content .header-content-inner img {
		width: 12%;
		margin-bottom: 20px;
	}
	header .header-content .header-background {
    height: 27vw;
    width: 77vw;
	}
}
	
/*	HEADER */
header {
    position: relative;
    width: 100%;
	height:100vh;
    min-height: auto;
    text-align: center;
    color: #fff;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

header .header-content {
    position: relative;
    width: 100%;
    text-align: center;
}

header .header-content .header-content-inner h1 {
    margin-top: 0;
    margin-bottom: 0;
	letter-spacing: 4px;
}

header .header-content .header-content-inner hr {
    margin: 30px auto;
}

header .header-content .header-content-inner p {
    margin-bottom: 50px;
    font-size: 16px;
    font-weight: 300;
    color: rgba(255,255,255,.7);
}

@media(min-width:769px) {
    header {
        min-height: 100%;
    }

    header .header-content {
        padding: 20vh 0 0 0;
    }

    header .header-content .header-content-inner {
        margin-right: auto;
        margin-left: auto;
        max-width: 60vw;
    }
	
	header .header-content .header-background {
		background-position: center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		background-size: cover;
		-o-background-size: cover;
		height: 27vw;
		width: 77vw;
		margin: auto;
	}
	header .header-content .header-content-inner h1 {
		margin-top: 30px;
		margin-bottom: 0;
		letter-spacing: 4px;
        font-weight: 300;
		font-size: 4em;
	}
}
/* MEIST */

.meist {
    background-image:url(../images/dark_bkg_sans_flower.png);
	background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.vectorbeef {
	margin-top: 20px;
}

.vectorbeef img {
	max-width: 100%;
}

.meist .section-heading-yellow{
	text-align:left;
}

.meist .container {
	width: 100%;
	padding: 8vh 0 0 0;
}

.meist .row {
	margin:0;
}
.meist {
    padding: 0 0 10vh 0;
}

/* MENU */

.menu {
    background-image:url(../images/Layer36.png);
	padding: 8vh 0 12vh 0;
	background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.menu-box {
    margin: 50px auto 0;
    max-width: 400px;
	 font-size: 35px;
	font-family: "Raleway";
	color: rgb(0, 0, 0);
	line-height: 0.934;
	text-align: center;
}

@media(min-width:992px) {
    .menu-box {
        margin: 20px auto 0;
    }
}

.menu-box h3 {
    font-size: 35px;
}

.menu-box h3, .menu-box img {
	display:inline-block;
}

/* PAKKUMINE */

.pakkumine {
	background-image:url(../images/Layer16.png);
	background-position: center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.pakkumine h3 {
	font-size:3em;
}

.pakkumine .hinnapakkumine{
	font-size:1em;
}

.pakkumine p {
	font-size:em;
}

.hinnapakkumine {
	display: inline;
	color: rgb(211, 182, 77);
}
/* PORTFOLIO */

.portfolio h2 {
	padding: 8vh 0;
}

#portfolio {
	background-image:url(../images/dark_bkg_sans_flower.png);
}

.portfolio-box {
    display: block;
    position: relative;
    margin: 0 auto;
	max-width: 100%;
}

.portfolio-box-caption-content img{
	height: 40px;
    width: 40px;
	    margin: auto;
}


.portfolio-box .portfolio-box-caption {
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    color: #fff;
    opacity: 0;
    background: rgba(0, 0, 0, 0.73);
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
	/*padding: 0 45%;*/
}

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content {
    position: absolute;
    top: 50%;
    width: 100%;
    text-align: center;
    transform: translateY(-50%);
}

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category,
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
    padding: 0 15px;
    font-family: 'Open Sans','Helvetica Neue',Arial,sans-serif;
}

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
}

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
    font-size: 18px;
}

.portfolio-box:hover .portfolio-box-caption {
    opacity: 1;
}

@media(min-width:768px) {
    .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category {
        font-size: 16px;
    }

    .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
        font-size: 22px;
    }
}

.call-to-action h2 {
    margin: 0 auto 20px;
}

.text-primary {
    color: #f05f40;
}

.no-gutter > [class*=col-] {
    padding-right: 0;
    padding-left: 0;
}

.btn-default {
    border-color: #fff;
    color: #222;
    background-color: #fff;
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
}

.btn-default:hover,
.btn-default:focus,
.btn-default.focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
    border-color: #ededed;
    color: #222;
    background-color: #f2f2f2;
}

.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 {
    border-color: #fff;
    background-color: #fff;
}

.btn-default .badge {
    color: #fff;
    background-color: #222;
}

.btn-primary {
    border-color: #f05f40;
    color: #fff;
    background-color: #f05f40;
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
    border-color: #ed431f;
    color: #fff;
    background-color: #ee4b28;
}

.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 {
    border-color: #f05f40;
    background-color: #f05f40;
}

.btn-primary .badge {
    color: #f05f40;
    background-color: #fff;
}

.btn {
    border: 0;
    border-radius: 300px;
    text-transform: uppercase;
    font-family: 'Open Sans','Helvetica Neue',Arial,sans-serif;
    font-weight: 700;
}

.btn-xl {
    padding: 15px 30px;
}

::-moz-selection {
    text-shadow: none;
    color: #fff;
    background: #222;
}

::selection {
    text-shadow: none;
    color: #fff;
    background: #222;
}

img::selection {
    color: #fff;
    background: 0 0;
}

img::-moz-selection {
    color: #fff;
    background: 0 0;
}

body {
    webkit-tap-highlight-color: #222;
}
/* KONTAKT */

#kontakt {
	background-image:url(../images/Layer39.png);
	background-position: center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

#kontakt p {
	margin:0;
}

#kontakt h3 {
	margin: 0 0 5vh 0;
}

.overlay {
    padding: 8vh 0 8vh 0;
}

.overlay {
	background-color: rgba(0, 0, 0, 0.68);
}

/* MAP */

#map {
	height: 40vh;
	background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.the-slider {
    height: 735px;
    overflow: hidden;
    margin-top: -20px;
}

.the-slider:before {
    display: block;
    content: '';
    width: 100%;
    height: 735px;
    background: rgba(23,23,23,.35);
    z-index: 1000;
    position: absolute;
    top: 51;
    left: 0;
}

.header-content {
    z-index: 50000000;
    top: -650px;
}

#scrollDownArrow {
    display: block;
    z-index: 99999999999999 !important;
    position: absolute;
    top: 700px;
    left: calc(100% / 2);
    margin-left: -20px;
}

#mainNav {
    width: 100%;
    height: 50px;
    position: fixed;
    top: 0;
    z-index: 9999999999999999999 !important; 
}
/* FOOTER */

footer {
	padding: 5vh;
	background-image:url(../images/Layer36.png);
	background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.facebook, .instagram, .tripadvisor {
	display:inline-block;
	width: 40px;
	height: 40px;
	margin: 0 20px;
}

.tripadvisor {
    display:inline-block;
    width: 60px;
    height: 60px;
    margin: 0 20px;
}

footer img {
	max-height:100%;
	max-width: 100%;
}

.the-container {
    overflow: hidden;
}

header {
    height: 735px !important;
}

.the-slider {
    height: 735px !important;
}


@media all and (max-width: 780px) {

    header {
        height: 450px !important;
    }

    .the-slider {
        height: 450px !important;
    }

    .the-slider:before {
        display: block;
        content: '';
        width: 100%;
        height: 450px;
        background: rgba(23,23,23,.35);
        z-index: 1000;
        position: absolute;
        top: 51;
        left: 0;
    }

    .header-content {
        z-index: 50000000;
        top: 50px;
    }

    .header-content h1 {
        padding-top: 25px;
    }

    #scrollDownArrow {
        display: block;
        z-index: 99999999999999 !important;
        position: absolute;
        top: 375px;
        left: calc(100% / 2);
        margin-left: -20px;
    }

    .navbar-collapse {
        background: rgba(0,0,0,.5) !important;
    }

    .section-heading-yellow{
        font-size: 3em !important;
    }

    .section-heading-black{
        font-size: 3em !important;
    }


}