[contenteditable="false"]:active,
[contenteditable="false"]:focus{
border:none;
outline:none;
}

[contenteditable="true"]{
border: 1px dotted white;
}


body {
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	color: #F3F1F1;
	font-weight: 300;
    overflow-x: hidden !important;
    background-color: #770707;
}

h1,h2,h3,h4,h5,h6 {
	font-family: 'Open Sans', sans-serif;
	text-transform: uppercase;
	font-weight: 700;
	/*color: #000;*/
}

.table-condensed TD, TH
{
    color: black;
}

/*NAVBAR*/
.navbar-default {
  background-color: #770707;
  border-color: #000000;
  font-weight: bolder;
}
.navbar-default .navbar-brand {
  color: #ecf0f1;
}
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
  color: #FFFFFF;
}
.navbar-default .navbar-text {
  color: #ecf0f1;
}
.navbar-default .navbar-nav > li > a {
  color: #ecf0f1;
}
/*NAVBAR hover*/
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
  color: #FFFFFF;
  background-color: #3f0000;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
  color: #FFFFFF;
  background-color: #600202;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
  color: #FFFFFF;
  background-color: #600202;
}
.navbar-default .navbar-toggle {
  border-color: #600202;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
  background-color: #600202;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #ecf0f1;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #ecf0f1;
}
.navbar-default .navbar-link {
  color: #ecf0f1;
}
.navbar-default .navbar-link:hover {
  color: #043c1a;
  
}

.navbar-brand > img {
  display: inline;
  
}


@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #ecf0f1;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #043c1a;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #043c1a;
    background-color: #449d44;
  }
}
/*NAVBAR*/

/*=========================================
	vlastni styly
==========================================*/
.section-1 {
    background-color: #770707;
}

.section-2 {
    background-color: #4D0202;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
}

.section-white-border {
    border-bottom: 2px solid white;
}

.text-primary {
    color: white;
}

.btn-primary {
    background-color: #3f0000;
    border-color: black;
}
.btn-primary:hover {
    background-color: #600202;
    border-color: black;
}


.img-responsive {
    border: 4px solid white;
}
.container-1 {
    height: 5px;
}
.container-2 {
    height: 50px;
}

.container-3 {
    height: 150px;
}

.white_border {
    border: 1px solid white;
}

.height_1 {
    min-height: 150px;
}

.bigger {
    width: 180%;
    height: 180%;
}

small {
    text-transform: none;
    color: #EAD8D8 !important;
}


footer p, H4{
    color: white;
}

.panel {
      margin-bottom: 0px;
}

.embed-responsive.embed-responsive-16by9 {
  padding-bottom: 20.25%;
}

.odd {
  background-color: #650404;
}

.even {
  background-color: #5a0404;
}


.white {
  color: white;
}
.black {
  color: black;
}

a {
  color: #ffffff;
 }

a:hover {
     color: #c4a8a6;
}

A.white:hover{
  color: white;
}

.whiteborder {
  border: 1px solid white;
}

.img-responsive {
  display: inline;
}

.overflow_efekt{
 overflow-x: hidden;
}

.btn-link{
 color: black;
}

.btn-link:hover{
 color: gray;
}

.alert-warning  {
  color: #000000;
}

.fa-youtube:hover, .fa-facebook-official:hover {
    color: #000000;
}

.btn.btn-success {
    color: #ffffff;
    background-color: #5CB85C;
    background-image: linear-gradient(to bottom, #5CB85C, #419641);
    border-color: #3E8F3E #3E8F3E #3E8F3E;
}
.btn.btn-success:hover {
    color: #ffffff;
    background-color: #419641;
    background-image: linear-gradient(to bottom, #419641, #419641);
    border-color: #3E8F3E #3E8F3E #3E8F3E;
}

.btn.btn-danger {
    color: #ffffff;
    background-color: #D9534F;
    background-image: linear-gradient(to bottom, #D9534F, #C12E2A);
    border-color: #B92C28 #B92C28 #B92C28;
}
.btn.btn-danger:hover {
    color: #ffffff;
    background-color: #C12E2A;
    background-image: linear-gradient(to bottom, #C12E2A, #C12E2A);
    border-color: #B92C28 #B92C28 #B92C28;
}

.top1 { margin-top:1%; }
.top2 { margin-top:2%; }
.top3 { margin-top:3%; }
.top4 { margin-top:4%; }
.top5 { margin-top:5%; }
.top6 { margin-top:6%; }

.input-group[class*="col-"] {
  float: left; 
  padding-left: 15px;
  padding-right: 15px;
}
.help-block {
  font-size: 12px; 
}

.modal-dialog {
  width: 300px;
}
/* style all elements with a required attribute */
:required {
  background: #fceaea;
}



/*=========================================
	HOVER
==========================================*/

.hvr-buzz-out {
  display: inline-block;
}

.hvr-float-shadow{
  display: block;
}

.hvr-underline-from-center:before {
 background: #E1623B;
}




/*=========================================
	BACK TO TOP
==========================================*/

.scroll-top-wrapper {
    position: fixed;
	opacity: 0;
	visibility: hidden;
	overflow: hidden;
	text-align: center;
	z-index: 99999999;
    background-color: #000000;
	color: #3F0000;
	width: 50px;
	height: 48px;
	line-height: 48px;
	right: 30px;
	bottom: 30px;
	padding-top: 2px;
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	border-bottom-right-radius: 2px;
	border-bottom-left-radius: 2px;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.scroll-top-wrapper:hover {
	background-color: #720404;
}
.scroll-top-wrapper.show {
    visibility:visible;
    cursor:pointer;
	opacity: 1.0;
}
.scroll-top-wrapper i.fa {
	line-height: inherit;
}


/*=========================================
	carousel INDICATORS
==========================================*/
.carousel-indicators {
bottom: -10px;
}

.carousel-indicators li {
  border: 1px solid rgba(77, 2, 2, 0.3);
  height: 10px;
  width: 10px;
}

.carousel-indicators .active {
  height: 10px;
  width: 10px;
  background-color: #4D0202;
  margin: 1px;
}

.carousel-caption {
padding-bottom: 10px;
}


/*=========================================
	GRADIENTS
==========================================*/
.gradient_black {
background: -moz-linear-gradient(left,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 1%, rgba(0,0,0,0.4) 20%, rgba(0,0,0,0.4) 50%, rgba(0,0,0,0.4) 80%, rgba(0,0,0,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0)), color-stop(1%,rgba(0,0,0,0)), color-stop(20%,rgba(0,0,0,0.4)), color-stop(50%,rgba(0,0,0,0.4)), color-stop(80%,rgba(0,0,0,0.4)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,0.4) 20%,rgba(0,0,0,0.4) 50%,rgba(0,0,0,0.4) 80%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,0.4) 20%,rgba(0,0,0,0.4) 50%,rgba(0,0,0,0.4) 80%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,0.4) 20%,rgba(0,0,0,0.4) 50%,rgba(0,0,0,0.4) 80%,rgba(0,0,0,0) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,0.4) 20%,rgba(0,0,0,0.4) 50%,rgba(0,0,0,0.4) 80%,rgba(0,0,0,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */

}
.gradient_gray {
background: rgb(219,219,219); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(219,219,219,1) 0%, rgba(255,255,255,1) 15%, rgba(254,254,254,1) 50%, rgba(254,254,254,1) 85%, rgba(209,209,209,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(219,219,219,1)), color-stop(15%,rgba(255,255,255,1)), color-stop(50%,rgba(254,254,254,1)), color-stop(85%,rgba(254,254,254,1)), color-stop(100%,rgba(209,209,209,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(219,219,219,1) 0%,rgba(255,255,255,1) 15%,rgba(254,254,254,1) 50%,rgba(254,254,254,1) 85%,rgba(209,209,209,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(219,219,219,1) 0%,rgba(255,255,255,1) 15%,rgba(254,254,254,1) 50%,rgba(254,254,254,1) 85%,rgba(209,209,209,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(219,219,219,1) 0%,rgba(255,255,255,1) 15%,rgba(254,254,254,1) 50%,rgba(254,254,254,1) 85%,rgba(209,209,209,1) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(219,219,219,1) 0%,rgba(255,255,255,1) 15%,rgba(254,254,254,1) 50%,rgba(254,254,254,1) 85%,rgba(209,209,209,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbdbdb', endColorstr='#d1d1d1',GradientType=1 ); /* IE6-9 */
}

/*=========================================
	IMG hover
==========================================*/
.media_div {  
  position: relative;
  vertical-align: middle;
}

.media__image { display: block; }

.media__body {
  background: rgba(92, 184, 92, 0.7);
  bottom: 0;
  color: white;
  font-size: 1em;
  left: 0;
  opacity: 0;
  overflow: hidden;
  padding: 3.75em 3em;
  position: absolute;
  text-align: center;
  top: 0;
  right: 0;
  -webkit-transition: 0.6s;
  transition: 0.6s;
}

.media__body:hover { opacity: 1; }

.media__body:after,
.media__body:before {
  border: 1px solid rgba(255, 255, 255, 0.7);
  bottom: 1em;
  content: '';
  left: 1em;
  opacity: 0;
  position: absolute;
  right: 1em;
  top: 1em;
  -webkit-transform: scale(1.5);
  -ms-transform: scale(1.5);
  transform: scale(1.5);
  -webkit-transition: 0.6s 0.2s;
  transition: 0.6s 0.2s;
}

.media__body:before {
  border-bottom: none;
  border-top: none;
  left: 2em;
  right: 2em;
}

.media__body:after {
  border-left: none;
  border-right: none;
  bottom: 2em;
  top: 2em;
}

.media__body:hover:after,
.media__body:hover:before {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}

.media__body h2 {
    margin-top: 0;
 }

.media__body p { margin-bottom: 1.5em; }


