body
{
	background-color: #3a3c3c;
	color: #efefef;
	font-family: 'Ubuntu', sans-serif;
    font-size: 17px;
}

h1
{
	font-size: 36px;
	font-weight: 400;
	color: #6b7b99;
	padding: 20px;
}

H2 {
	color: #6b7b99;
	padding-bottom: 20px;
   }
   
H3 {
	font-size: 20px;
	color: #6b7b99;
	line-height: 24px;
	text-decoration: none;
	letter-spacing: 3px;
	font : normal;
	text-align: left;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	margin: 5px 5px 10px 25px;
	padding: 0px 0px 0px 0px;
   }
   
H4 {
	color: #6b7b99;
	font-size: 20px;
	line-height: 24px;
	text-decoration: none;
	letter-spacing: 3px;
	font : normal;
	text-align: left;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	margin: 5px 5px 0px 25px;
	padding: 0px 0px 0px 0px;
   }

.separator {
  padding: 2.6em 0;
  text-align: center;
  background: #343535;
}

.separator svg {
  color: #6b7b99;
}

.bg1 {
  background-color: #3a3c3c;
  background-image: url("../img/glowna/start.png");
}
.bg2 {
  background-color: #3a3c3c;
  background-image: url("../img/glowna/foto.png");
}
.bg3 {
  background-color: #3a3c3c;
  background-image: url("../img/glowna/film.png");
}
.bg4 {
  background-color: #3a3c3c;
  background-image: url("../img/glowna/stro.png");
}

.bg5 {
  background-color: #3a3c3c;
  background-image: url("../img/glowna/ardu.png");
}

.bg6 {
  background-color: #3a3c3c;
  background-image: url("../img/glowna/kont.png");
}

.content {
  min-height: 650px;
  text-align: center;
  background-size: cover;
  background-attachment: fixed;
  background-repeat: no-repeat;
  text-shadow: 0 0 20px #000;
  font-size: 1em;
}

.zakladki > ul > li > a
{
	color: #6b7b99;
	-webkit-transition: all 1s ease;
    transition: all 1s ease;
}

.nav-tabs {
  font-size: 17px;
}

.imggallery
{
    margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
   
.bg-gomw-welcome {
	background-image: url('../img/welcome/kopenchaga2.jpg');
	background-size: cover;
	color: #504747;
}

.bg-gomw-zak {
	background-color: transparent;
	color: #504747;
}

.jumbotron-welcome {
	background-color: #343535;
	color: white;
}

.gomw-section {
	min-height: 500px;
} 

.gomw
{
	text-align: center;
	background-color: transparent;
}

.gomw img
{
	width: 100%;
	height: 100%;
	border-radius: 0.5rem;
}

.gomw tab-content
{
	width: 100%;
	height: 100%;
}

.gomw p
{
	margin-bottom: 24px;
	width: 100%;
	height: auto;
}

.gomw figcaption
{
	padding-top: 8px;
	padding-bottom: 8px;
	background-color: #222930;
	color: #b5bbd3;
	border-radius: 0.5rem;
}

.gomw1
{
	text-align: center;
	background-color: transparent;
}

.gomw1 img
{
	width: 100%;
	height: 100%;
	border-bottom-left-radius: 0.5rem;
	border-bottom-right-radius: 0.5rem;
}

.gomw1 tab-content
{
	width: 100%;
	height: 100%;
}

.gomw1 p
{
	margin-bottom: 24px;
	width: 100%;
	height: auto;
}

.gomw1 figcaption
{
	padding-top: 8px;
	padding-bottom: 8px;
	background-color: #343535;
	color: #b5bbd3;
	border-radius: 0.5rem;
}

.gomw2
{
	text-align: center;
	background-color: transparent;
}

.gomw2 figcaption
{
	padding-top: 8px;
	padding-bottom: 8px;
	background-color: #343535;
	color: #b5bbd3;
	border-radius: 0.8rem;
}

.gomw2 img
{
	width: 100%;
	height: auto;
	border-radius: 0.8rem;
}

.gomwk
{
	text-align: center;
	background-color: #222930;
}

.gomws
{
	text-align: center;
	background-color: #8E9198;
}

.aside img
{
	width: 100%;
	height: auto;
}

 .carousel-inner img {
    width: 100%;
    height: 100%;
 }
 
.map-container{
overflow:hidden;
padding-bottom:56.25%;
position:relative;
height:0;
}
.map-container iframe{
left:0;
top:0;
height:100%;
width:100%;
position:absolute;
}

    .icons {
      display: grid;
      max-width: 100%;
      grid-template-columns: repeat(auto-fit, minmax(100px, 1fr) );
      gap: 1.25rem;
    }
    .icon {
      background-color: var(--bs-light);
      border-radius: .25rem;
    }
    .bi {
      margin: .25rem;
      font-size: 2.5rem;
    }
    .label {
      font-family: var(--bs-font-monospace);
    }
    .label {
      display: inline-block;
      width: 100%;
      overflow: hidden;
      padding: .25rem;
      font-size: .625rem;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

/*
#161B20
#222930
#2F3336
#8E9198
.navbar-nav li:hover>.dropdown-menu
{
	display: block;
}
*/

.navbar
{
	min-height: 57px;
}

.bg-gomw
{
	background-color: #6b7b99 !important;
	font-size: 20px;
}


#contact_form_holder {
    color: #f1f1f1;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-variant: normal;
	width: 400px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	font-size: 16px;
}
#contact_form_holder input, #contact_form_holder textarea {
    width:100%; /* make all the inputs and the textarea same size (100% of the div they are into) */
    font-family:inherit; /* we must set this, because it doesn't inherits it */
    padding:5px;
}
#contact_form_holder textarea {
    height:100px; /* i never liked small textareas, so make it 100px in height */
}
#send_message {
    width:200px !important; /* the width of the submit button  */
    font-variant: small-caps; /* nicer font-variant (like explained before) */
    border:1px solid black; /* remove the default border and put a normal black one */
    cursor:pointer;
    cursor:hand;
}
#cf_submit_p { text-align:right; } /* show the submit button aligned with the right side */

.error { display: none; padding:10px; color: #D8000C; font-size:12px;background-color: #FFBABA;}
.success { display: none; padding:10px; color: #044406; font-size:12px;background-color: #B7FBB9;}

#contact_logo { vertical-align: middle; }

input.invalid {
	background-color: #FF9;
	border: 2px red inset;
}

INPUT {
	FONT: 12px "MS Sans Serif", "Arial CE", Arial, Helvetica, sans-serif
}
TEXTAREA {
	FONT: 12px "MS Sans Serif", "Arial CE", Arial, Helvetica, sans-serif
}
SELECT {
	FONT: 12px "MS Sans Serif", "Arial CE", Arial, Helvetica, sans-serif
}
INPUT.search {
	WIDTH: 170px
}
INPUT.email {
	WIDTH: 75px;
	background : #FAEBD7 repeat-y;
}
INPUT.emailp {
	WIDTH: 75px;
	background : #FAEBD7 repeat-y;
	border : InfoBackground;
}
INPUT.emailpd {
	WIDTH: 300px;
	background : #FAEBD7 repeat-y;
	border : outset #FAEBD7;
}
INPUT.emailps {
	WIDTH: 150px;
	background : #FAEBD7 repeat-y;
	border : outset #FAEBD7;
}
INPUT.emailpsm {
	WIDTH: 100px;
	background : #FAEBD7 repeat-y;
	border : outset #FAEBD7;
}
INPUT.emailpm {
	WIDTH: 40px;
	background : #FAEBD7 repeat-y;
	border : outset #FAEBD7;
}
SELECT.nom {
	WIDTH: 100px;
	background : #FAEBD7 repeat-y;
	background-color : #FAEBD7;
	border : outset #FAEBD7;
}
SELECT.nommin {
	WIDTH: 70px;
	background : #FAEBD7 repeat;
}
TEXTAREA.sms {
	WIDTH: 141px
	background : #FAEBD7 repeat-y;
	background-color : #FAEBD7;
	border : outset #FAEBD7;
}
OPTION.wyb {
	COLOR: White;
	border : thick outset Black;
}
FORM {
	MARGIN-TOP: 0px
}