/*!
 * Start Bootstrap - Scrolling Nav (https://startbootstrap.com/template-overviews/scrolling-nav)
 * Copyright 2013-2019 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-scrolling-nav/blob/master/LICENSE)
 */
.container {
    max-width: 1700px;
}

nav.navbar {
    background: white;
}
.mt-035 {
  margin-top:0.35em;
}
.nav-link {
    display: block;
    padding: 0;
}

.navbar-expand-lg .navbar-nav .nav-link{
    color: rgb(124,171,213);
    font-weight: 600;
    padding:1rem;
    display: inline-block;
    vertical-align: middle;
	text-transform:uppercase;


}
.navbar-toggler-icon {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(5,20,45, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.navbar-expand-lg .navbar-nav .nav-link button{
   background-color: rgb(241,196,40);
    color:rgb(255,255,255);
    font-weight: 600;
    text-align:center;
    padding-left:10px;
    padding-right:10px;
   text-transform: uppercase;
    margin-top:0;

    height: 35px;
    position:relative;
    font-size:14px;
    letter-spacing:2px;
    border-radius:0;

}

.navbar-brand {
  width:100%;
  max-width:200px;
}

html,body {

    font-family: 'Raleway', sans-serif;

}

#domov{
    background:linear-gradient(0deg, rgba(124,171,213, 0.79), rgba(124,171,213, 0.79)),  url(../images/Image_1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
}


#stiahnitesprievodcu{
      background:linear-gradient(0deg, rgba(124,171,213, 0.79), rgba(124,171,213, 0.79)),  url(../images/Image_2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
}




#viacmoznosti{
       background-color: rgb(241,196,40);
}




#domov .container-fluid, #domov .row, #stiahnitesprievodcu .container-fluid, #stiahnitesprievodcu .row  {
    height: inherit;
}


.p0 {
    padding-left:0;
    padding-right:0;
}

.display-inline {
        display: inline;
}


.vertical-center {
    display: flex;
    justify-content: center;
    flex-direction: column;
}


.absolute-vertical-center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}




h1 {
    color: rgb(255,255,255);
    font-weight: 900

}
h1,h2 {
        font-size: 3em;

}

 p {
 font-size: 16px;
font-weight: 400;
     line-height:  1.7;
padding-top: 15px;
}

#doleziterozhodnutie, #stiahnitesprievodcu  {
   text-align: right;
}

#doleziterozhodnutie h2 {
    color: rgb(241,196,40);

     font-weight: 900

}

#viacmoznosti h2, #stiahnitesprievodcu h2 {
 color: rgb(255,255,255);
     font-weight: 900
}
#viacmoznosti p,#stiahnitesprievodcu p {
 color: rgb(255,255,255);

}

.img1 {
    z-index: 500;

}




.redsquare  {
    background: rgb(241,196,40);
max-height:500px;
    width: 60%;
    height: 50%;
z-index: 400;

}
.redwhitesquare  {
    background: rgb(241,196,40);
max-height:500px;
    width: 60%;
    height: 50%;
z-index: 400;

}





.button-sprievodca  {
    background-color: rgb(241,196,40);
    color:#fff;
    font-weight: 600;
    text-align:center;
    padding-left:10px;
    padding-right:10px;
    padding-top:10px;
    padding-bottom:10px;
    max-width: 390px;
    position:relative;
    font-size:14px;
    letter-spacing:2px;
    border-radius:0;

}

.button-poslitesprievodcu  {
    background-color:rgb(241,196,40);
    color:#fff;
    font-weight: 600;
    text-align:center;
    padding-left:10px;
    padding-right:10px;
    padding-top:10px;
    padding-bottom:10px;
    height: 50px;
    position:relative;
    font-size:14px;
    letter-spacing:2px;
    border-radius:0;

}

.btn:hover {
    background-color: rgb(255, 221, 99);
    color: rgb(255, 255, 255);

    text-decoration: none;
}



 .content {
min-width: 100%;
margin: 0 auto;
text-align: center;
position: relative;
z-index: 2; }
.content h2 {

margin-bottom: 40px; }
.content .form-control {
height: 50px;
border-color: #ffffff;
border-radius:0;
}
.content.form-control:focus {
box-shadow: none;
border: 2px solid #243c4f;
}

footer {
    background:rgb(64,104,141);
    color: rgb(255,255,255);
    padding-top:5em;
    padding-bottom:5em;
}


footer .logofooter{

    display:table-cell; vertical-align:middle; text-align:center

}

footer .obrazokpredajcu{
  display: block;
   margin: auto auto;
}





.borderx{
 border-right: 4px solid rgb(5,20,45);
}


#return-to-top {
    position: absolute;
    top: -100px;
    right: 20px;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.7);
    width: 50px;
    height: 50px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;

    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#return-to-top i {

    color: #fff;
    margin: 0;
    position: absolute;
    left: 16px;
    top: 13px;
    font-size: 19px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#return-to-top:hover {
    background: rgba(0, 0, 0, 0.9);
}
#return-to-top:hover i {
    color: #fff;
    top: 5px;
}


@media (max-width:768px){

    .redwhitesquare  {
    background: rgb(255,255,255);
max-height:800px;
min-height:250px;
    width: 60%;
    height: 80%;
z-index: 400;
            margin-top: -100px;

}

        .redsquare  {


min-height:200px;
    width: 60%;
    height: 100%;
z-index: 400;

}

#domov {
	height:auto;
}


    .redbg, .mobile_hide{
        display: none;
    }
     section{
       padding: 15px;
    }

    .mobile_show{
        display: block;
    }


        #domov .img1{
            margin-top:50px;
            max-width:320px;
			position:relative;
    }

    h1.padding-mobile{

        font-size: 21px;
		margin-top:20px;
            text-align: center;
        line-height: 1.7;
    }

      h2{

        font-size: 21px;
        padding-top: 20px;
        padding-bottom:20px;
          text-align: center
    }

        p{

        padding-top: 0
    }



      p, button, h2{

            text-align: center;

    }
  .navbar-expand-lg .navbar-nav .nav-link button{

      height: auto

    }

          p, button{

              margin: 0 auto;
          max-width: 90%;
          font-size:13px
    }
    button.navbar-toggler{

   margin-right:0;
        margin-top: 0;

    }

      .st0{
        display: none;
         fill: none
    }

          embed{
           margin-top:-120px;
    }

            #doleziterozhodnutie{
          min-height: 400px
    }


    #viacmoznosti {
          min-height: 600px
    }

    #stiahnitesprievodcu .img1{
            margin-top:-70px;
        position: relative
    }


 #stiahnitesprievodcu .container-fluid, #stiahnitesprievodcu .row {
    height: auto;
}

   input.form-control  {
    width: 60% !important;
       margin-top:2em;
}



button{
        margin-top:1.5em;
        margin-bottom:1.5em;
    }


    .input-group-btn{
    width: 100% !important;
    }

#stiahnitesprievodcu{
    height: auto !important;
    text-align: center;
    display: block;
    margin: 0 auto;
    }
  footer  {
       text-align: center;
    display: block;
    margin: 0 auto;
    }
   footer .obrazokpredajcu {
    margin-bottom: 25px;
}
    footer .logofooter {
    float: none;
    margin-right: 0;
        margin: 0 auto
}
footer img {
  width:200px;
  margin-left: auto;
  margin-right: auto;
  margin-top:2em;
  margin-bottom:1em;
  display: block;
}

}

    .text-404 {
    font-size: 200px;
        font-weight: 900;
    color: white;
        z-index: 1000;
        font-family: 'Raleway', sans-serif;
}

 .btn.button-poslitesprievodcu.b404 {
    	position: relative;
 display: inline-block;
}


 .cookies {
    z-index: 1000;
}


    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
	
.button-sprievodca {
	margin:0 auto;
	display:block;
}
	.button-sprievodca {
	margin:0 auto;
	display:block;
}
	.content .form-control {
  
    margin-bottom: 50px;

}

footer img {
    width: 200px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 2em;
    margin-bottom: 1em;
    display: block;
}
	
	
	}