@import url("/css/bootstrap.min.css");
@import url("/css/glyphicons.css");

@font-face{font-family:Benton;src:url(/fonts/benton.woff) format("woff")}
@font-face{font-family:Benton-Bold;font-weight:700;src:url(/fonts/benton2.woff) format("woff")}
@font-face{font-family:Brunel-Deck-Semibold;src:url(/fonts/brunelsemibold.woff)}
@font-face{font-family:Brunel-Deck-Semibold-Italic;font-style:italic;src:url(/fonts/brunelitalic.woff)}
@font-face{font-family:Brunel-Poster-Bold;font-style:italic;src:url(/fonts/brunelposter.woff)}

/* styles */
body{
	overflow-x: hidden;
}
.row{
	margin-left: 0px!important;
	margin-right: 0px!important;
}
.sm-hide{
	display: none;
}
header{
	width: 100%;
	border-bottom: 1px solid #e5e5e5;
}
.container{
	padding-left: 0;
	padding-right: 0;
}
.img-responsive, .clanky-img {
	max-width: 100%;
}
.breadcrumb{
	background-color: white;
	padding: 0;
	margin-top: 37px;

}
.search dt{
	font-weight: normal;
}
.smallSearchInput{
    width: 30%;
    outline: none;
    border: none;
    border-bottom: 1.5px lightgray solid;
    font-size: 22px;
    text-indent: 10px;
    height: 50px;
    margin-right: 15px;
}
.smallSearchSubmit{
    border: 1.5px solid lightgray;
    background-color: #fff;
    color: black;
    text-transform: uppercase;
    letter-spacing: .2em;
    font-weight: 700;
    font-size: 13px;
    font-family: Benton,Helvetica,Arial,sans-serif;
    padding: 10px;
    cursor: pointer;
    -webkit-transition: .5s ease;
    -moz-transition: .5s ease;
    transition: .5s ease;
    outline: none;
}
.smallSearchForm{
	text-align: center;
}
.smallSearchSubmit:hover{
	transition: .3s ease;
	background: lightgray;
	color: white;
}
.breadcrumb a{
	color: #555;
	padding: 0px 5px;
}
#videos h3{
	margin-bottom: 0px;
	
}
#conteCla .col-md-3 img {
	margin-bottom: 20px;
}
#cont{
    margin-top: 25px;
}
#cont #newest a{
	color: black;
	text-decoration: none;
}
#cont #newest .img{
    width: 100%;
    height: auto;
    background: gray;
}
#cont #newest .img img{
	max-width: 100%;
}
#cont #newest .text{
    float: left;
    width: 100%;
    border: 1px lightgray solid;
	padding-bottom: 30px;
}
#cont #newest .text h2{
    font-family: Georgia,serif;
    font-weight: 600;
    font-size: 34px;
    margin-top: 35px;
	margin-bottom: 25px;
    text-align: center;
}
#cont #newest .text p{
    text-align: center;
    font-family: ben;
    font-size: 19px;
    color: gray;
	width: 95%;
    margin-left: 2.5%;
}
#cont #other .col-md-6{
	padding-bottom: 10px;
	margin-bottom: 10px;
	cursor: pointer;
}
#cont #other .col-md-6 a{
	color: black;
	text-decoration: none;
}
#cont #other .col-md-6:after{
    content: '';
    width: 35%;
    height: 1.5px;
    background-color: lightgray;
    position: absolute;
	transition: .3s ease;
}
#cont #other .col-md-6:hover::after{
	width: calc(100% - 30px);
	transition: .3s ease;
}
#cont #other .col-md-6 .img img{
	max-width: 100%;
}
#ab{
    padding-top: 25px;
    padding-bottom: 25px;
    margin-bottom: 25px;
    text-align: center;
    border-bottom: 1px rgba(155,155,155,0.1) solid;
}
#cont #other .col-md-6 .text h2{
font-family: Georgia,serif;
    font-size: 19px;
    line-height: 1.31579;
    font-weight: 400;
}
#cont #other .col-md-6 .text p{
    color: #999;
    font-family: Benton;
    font-style: oblique;
}
.container#sekce .news a {
	color: #212529;
	font-family: Brunel-Poster-Bold,Georgia,serif;
}
#logo{
	height: 150px;
	background: white;
}
#logo .row{
	height: 100%;
}
#banner{
    display: flex;
    align-items: center;
}
#banner img{
	width: 300px;
	height: 90px;
	margin: 0 auto;
	cursor: pointer;
}
#subscribe{
    display: flex;
    align-items: center;
}
#subscribe button{
    display: block;
    height: 44px;
    border: 2px solid #093969;
    background-color: #fff;
    color: #093969;
    text-transform: uppercase;
    letter-spacing: .2em;
    font-weight: 700;
    font-size: 13px;
    font-family: Benton,Helvetica,Arial,sans-serif;
    padding: 10px;
	cursor: pointer;
    -webkit-transition: .5s ease;
    -moz-transition: .5s ease;
    transition: .5s ease;
}
#subscribe button:hover{
	color: white;
	transition: .5s ease;
	background: #093969
}
#submenu{
    display: flex;
    align-items: center;
}
#submenu .form{
    float: left;
    width: 100%;
	text-align: right;
}
#submenu input{
	border: none;
	border-bottom: 1.5px lightgray solid;
	width: 50%;
	outline: none;
}
#submenu button{
	border: none;
	background: none;
	color: #999;
	outline: none;
	cursor: pointer;
}
#data{
	padding-top: 30px;
	padding-bottom: 30px;
}
#left-menu .col-md-12{
	padding: 0;
    margin-bottom: 40px;

}
#left-menu .col-md-12 .row{
	margin-left: unset;
	margin-right: 30px;
}
#left-menu img{
	max-width: 100%;
}
#left-menu .col-md-12:after{
    content: '';
    width: 35%;
    height: 1.5px;
    background-color: lightgray;
    position: absolute;
	transition: .3s ease;
}
#left-menu .col-md-12:hover::after{
	width: calc(100% - 30px);
	transition: .3s ease;
}
#left-menu .col-md-12 .img{
	margin-bottom: 15px;
width: 100%;
  height: 100%;
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: pointer;
}
#left-menu .col-md-12 .img .overlay{
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  padding: 3em;
  text-align: left;
}
#left-menu .col-md-12{
	cursor: pointer;
}
#left-menu .col-md-12 .img:hover img{
  opacity: 0.95;
  filter: grayscale(1) blur(1px);
  -webkit-filter: grayscale(1) blur(1px);
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

#left-menu .col-md-12 .img .overlay h2{
    text-transform: uppercase;
    color: #fff;
    position: relative;
    font-size: 17px;
    background-color: transparent;
    padding: 15% 0 10px 0;
    text-align: left;
    color: black;
}
#left-menu .col-md-12 .img .overlay h2 a{
	color: black;
}
#left-menu .col-md-12 .img img{
	max-width: 100%;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.45s;
  	transition: opacity 0.45s, transform 0.55s;	
}
#left-menu .col-md-12 .text h2{
    font-family: Georgia,serif;
    font-size: 19px;
    line-height: 1.31579;
    font-weight: 400;
	color: black;
}
#left-menu .col-md-12 .text h2 a{
	color: black;
}
#left-menu .col-md-12 .text p{
	color: #999;
	font-family: Benton,Helvetica,Arial,sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
}
#right-menu .col-md-12{
float: left;
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 15px;
	text-align: center;
}
#right-menu .col-md-12:last-child{
	margin-bottom: 20px;
}
#right-menu .morenew{
	color: #333;
    width: 100%;
    float: left;
    text-align: center;
	border-bottom: 1px rgba(155,155,155,0.1) solid;
	padding-bottom: 15px;
}
#right-menu .col-md-12 h2{
	font-family: Georgia,serif;
    font-size: 17px;
    line-height: 1.31579;
    font-weight: 400;
	margin-bottom: 5px;
}
#right-menu .col-md-12 a{
	color: #999;;
	float: left;
	width: 100%;
	text-align: left;
	text-decoration: none;
	padding-right: 20px;
	font-family: Georgia,serif;
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
}
#right-menu .col-md-12 h2 a{
	color: black;
	margin-bottom: 9px;
}
#right-menu .col-md-12:after{
content: '';
    position: absolute;
    width: 45%;
    height: 1.5px;
    background-color: lightgray;
    left: 12px;
    bottom: 5px;
	transition: .3s ease;
}
#right-menu .col-md-12:hover::after{
	width: calc(100% - 30px);
	transition: .3s ease;
}
#nextVol{
	float: left;
	padding:15px;
	border: 1px lightgray solid;
	cursor: pointer;
}
#nextVol:hover img{
	--webkit-filter: contrast(1.4);
    filter: contrast(1.4);
	transition: .3s ease;
}
#nextVol .preview{
    width: 100%;
    float: left;
}
#nextVol .preview img{
	max-width: 100%;
	padding: 0;
	display: block;
	margin: 0 auto;
	transition: .3s ease;
}
#nextVol .pre_text{
    float: left;
    width: 100%;
    text-align: center;
    margin-top: -31px;
	z-index: 9999;
	position: relative;
}
#nextVol .pre_text span{
	height: 20px;
    background: white;
    padding: 10px 12px;
    font-weight: 700;
    font-size: 13px;
    font-family: Benton,Helvetica,Arial,sans-serif;
    letter-spacing: .15em;
}
#nextVol .text h2{
    float: left;
    width: 100%;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
    font-family: Brunel-Deck-Semibold,Georgia,serif;
    font-weight: 400;
    font-style: normal;
    font-size: 45px;
}
#nextVol .text p{
    font-family: Georgia,serif;
    font-size: 18px;
    line-height: 1.38889;
    color: #656565;
    text-align: center;
}
.share{
	float: left;
	width: 100%;
    margin-left: 10%;
    margin-top: 25px;
}
#conteCla .share{
	float: left;
	width: 100%;
    margin-left: 0px;
    margin-top: 0px;
}
.share .addthis_toolbox .custom_images a{
	float: left;
	padding: 3px;
	transition: .3s ease;
}
.share .addthis_toolbox .custom_images a:hover{
	transform: scale(1.1);
	transition: .3s ease;
}
#row .col-lg-9 .share .addthis_toolbox .custom_images a img{
	margin: 0;
	max-width: unset;
}
.new img{
	vertical-align: middle;
    border-style: none;
    display: block;
    margin: 0 auto;
    max-width: 70%;
    padding-top: 14%;
}
#content .video-js .vjs-tech{
	width: 100%;
	height: 100%;
}
#row .col-lg-9 .clanky-img{
	float: left;
	max-width: 100%;
	margin-right: 20px;
}
.new{
	float: left;
    width: 100%;
    border: 1px lightgray solid;
	position: relative;
	min-height: 100%;
}
.new h3 a{
    width: 100%;
    float: left;
    text-align: center;
    font-family: Benton-Bold;
    font-weight: 700;
    font-weight: bold;
    font-style: normal;
    color: black;
    padding-top: 40px;
    font-size: 14px;
    line-height: 1.36364;
    text-transform: uppercase;
    letter-spacing: 3px;
}
.new a{
	position: relative;
    min-height: 15px;
}
.new .video{
	max-width: 100%;
	width: 100%;
	padding-top: 0px;
}
.new .play-button{
    position: absolute;
    width: 100%;
    height: 100%;
    background: url("/images/gallery/cz/template/play-button.svg");
	background-repeat: no-repeat;
	background-position: center;
    bottom: 0;
	left: 0;
}
.new span{
	text-align: center;
    float: left;
    width: 100%;
    margin-top: 5px;
    font-family: Benton,Helvetica,Arial,sans-serif;
    font-size: 15px;
    line-height: 2.1875;
    color: #989898;
    padding-top: 15px;
	padding-bottom: 15px;
}
.new p{
	text-align: center;
    float: left;
    width: 100%;
    margin-top: 5px;
    font-family: Georgia,serif;
    font-size: 16px;
    line-height: 2.1875;
    color: #656565;
    padding-top: 25px;
	padding-bottom: 60px;
}
.news .row{
	/*padding: 0px 115px;*/
}
.row .news .col-lg-3,.row .news .col-lg-6,.row .news .col-md-4, .row .news .col-sm-6{
    padding: 20px;
	transition: .3s ease;
	min-height: 100%;
}
.row .news .col-lg-3:hover img, .row .news .col-md-4:hover img, .row .news .col-sm-6:hover img{
	transform: scale(1.1);
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}
#videos:hover img{
	transform: scale(1.0);
}
#videos .a{
    float: left;
    width: 100%;
    height: auto;
}
#videos h3 a{
	text-transform: none;
	font-family: Georgia,serif;
}
.row .news .col-lg-3 img, .row .news .col-md-4 img, .row .news .col-sm-6 img{
	transition: .3s ease;
}
#detail{
    border: 1.5px black solid;
    float: left;
    font-family: Benton,Helvetica,Arial,sans-serif;
    font-weight: 700;
    font-style: normal;
    color: black;
    background: transparent;
    transition: .5s ease;
    padding: 15px 25px;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: .1em;
    text-decoration: none;
    left: calc(50% - 81.5px);
	bottom: 15px;
	position: absolute;
}
.wrapper .navbar{
	background: white !important;
	color: black;
	font-family: Benton,Helvetica,Arial,sans-serif;
	letter-spacing: 3px;
    font-weight: 700;
    padding: 22px 0px;

}
.navbar-nav{
	margin: 0 auto;
}
.navbar-dark .navbar-nav .nav-link{
	color: black;
	text-transform: uppercase;
	font-size: 12px;
    font-weight: 700;
}
.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus{
	color: black;
}
.navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active {
    color: black;
}
.navbar-expand-sm .navbar-nav .dropdown-menu{
	border-radius: 0;
	border-top: none;
	margin-top: 22px;
    margin-left: -26px;
}
.navbar-expand-sm .navbar-nav .dropdown-menu li a{
	text-transform: unset;
}
.latest{
	background: #093969;
	color: #849cb4;
	float: left;
	height: 490px;
	width: 100%;
}
.latest .middle{
	border: 1px solid #3a6187;
    width: 80%;
    height: 80%;
    float: left;
    margin-left: 10%;
    margin-top: 3.3%;
    margin-bottom: 3.3%;
}
.latest .middle .container .text{
	float: left;
	width: 50%;
padding: 20px;
}
.latest .middle .container .img{
	width: 50%;
    float: left;
}
.latest .middle .container .text h2{
	font-family: Brunel-Deck-Semibold,Georgia,serif;
    font-weight: 400;
    font-style: italic;
    font-size: 42px;
    line-height: 1.07143;
    color: #fff;
    padding-top: 10px;
	width: 100%;
	cursor: pointer;
}
.latest .middle .container .text h3{
	color: #fff;
	padding-top: 20px;
	font-family: Brunel-Deck-Semibold,Georgia,serif;
	position: relative;
	cursor: pointer;
}
.latest .middle .container .text h3:after{
	position: absolute;
	content: '';
	width: 18%;
	height: 1px;
	background: white;
	bottom: 0;
	left: 0;
	cursor: pointer;
}
.latest .middle .container .text p{
	width: 100%;
	font-size: 18px;
}
.latest .middle .container a{
	Benton,Helvetica,Arial,sans-serif;
    font-weight: 700;
    font-style: normal;
	color: white;
	background: transparent;
	transition: .5s ease;
    padding: 20px 45px;
    max-width: 400px;
	text-transform: uppercase;
	font-size: 14px;
	letter-spacing: .2em;
	border: 2px white solid;
	text-decoration: none;
	float: left;
	margin-top: 40px;
}
.latest .middle .container img{
    max-width: 49.5%;
    margin: 0 auto;
    margin-top: 1%;
    margin-left: 8%;
    float: right;
    margin-right: 15%;
}
.latest .middle .container a:hover{
	background: white;
	color: #093969;
	transition: .5s ease;
}
.footer{
	border-top: 1px #e5e5e5 solid;
	float: left;
	width: 100%;
}
.footer .container{
	width: 80%;
}
.footer .container .icons{
	float: left;
	width: 100%;
	margin-top: 20px;
	padding-bottom: 65px;
	border-bottom: 1px #e5e5e5 solid;
}
.footer .container .icons a{
	float: left;
}
.footer .container .icons a:first-child{
	margin-left: calc(50% - 61.5px);
}
.footer .container .icons a .icon{
    background-position: center;
    width: 25px;
    float: left;
    height: 25px;
    background-repeat: no-repeat;
	background-size: contain;
	color: gray;
}
.ig-icon{
background: url(/images/gallery/cz/template/ig-logo.png);
}
.fb-icon{
background: url("/images/gallery/cz/template/fb-logo.png");
}
.tw-icon{
background: url(/images/gallery/cz/template/tw-logo.png);
}
.yt-icon{
background: url(/images/gallery/cz/template/yt-logo.png);
}
.rss-icon{
background: url(/images/gallery/cz/template/rss-logo.png);
}
.title_nadpis{
	float: left;
    width: 100%;
    text-align: center;
    margin-top: 57px;
    margin-bottom: 20px;
	padding-bottom: 21px;
	position: relative;
}
.title_nadpis:after{
	content: '';
	position: absolute;
	bottom: 0;
	width: 15%;
	height: 1.5px;
	background: black;
	left: 42.5%;
	bottom: 0;
}
.footer p{
	font-family: Helvetica,Arial,sans-serif;
    font-size: 13px;
    line-height: 1.23077;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-weight: 700;
    margin-bottom: 0;
    padding-top: 30px;
    text-align: center;
    letter-spacing: 2px;
    line-height: 30px;
}
.footer .container .menus{
	float: left;
	padding-top: 30px;
	width: 100%;
	border-bottom: 1px #e5e5e5 solid;
	padding-bottom: 30px;
}
.footer .container .menus ul{
	padding: 0;
	margin: 0;
	text-align: center;
}
.footer .container .menus ul li{
    font-family: Benton,Helvetica,Arial,sans-serif;
    font-weight: 400;
    font-style: normal;
	list-style-type: none;
}
.footer .container .menus ul li a{
    font-family: Benton,Helvetica,Arial,sans-serif;
    font-size: 15px;
    line-height: 2.32857;
	color: #999;
}
.footer .container .p{
	color: #999;
	font-family: Benton,Helvetica,Arial,sans-serif;
	font-weight: 400;
	font-size: 15px;
	padding-top: 30px;
	width: 100%;
	float: left;
	text-align: center;
	line-height: unset;
	text-transform: none;
	letter-spacing: 0.5px;
}
.footer .container .pepe{
	color: #999;
	font-family: Georgia,serif!important;
	font-weight: 400;
	font-size: 15px;
	padding-top: 30px;
	width: 100%;
	float: left;
	text-align: center;
	line-height: unset;
	text-transform: none;
	letter-spacing: 0.5px;
}
.footer .container .p:last-child{
	padding-bottom: 50px;
	font-family: Georgia,serif!important;
}

#menu1{
	padding: 0;
	margin: 0;
	font-family: Benton,Helvetica,Arial,sans-serif;
    font-weight: 400;
    font-style: normal;
	width: 100%;
	text-align: center;
	padding-bottom: 40px;
    border-bottom: 1px lightgray solid;
}
#menu1 li:first-child{
	padding: 0;
}
#menu1 li{
	padding-left: 35px;
    display: inline-block;
	padding-top: 20px;
	color: #989898;
}
#menu1 li select{
    border: 1px lightgray solid;
    padding: 7px 14px;
    color: #989898;
    margin-lefT: 10px;
    outline: none;
}
#menu1 li a{
    color: #989898;
    font-family: Benton;
    font-size: 17px;
    font-weight: 400;
	text-decoration: none;
}
#menu1 li a:hover{
	color: #333;
}
#row{
	padding-top: 0px;
}
#row #left-menu{
	padding: 0;
}
#row #left-menu h2{
	border: 1px rgba(155,155,155,0.1) solid;
	margin: 0;
	padding:  5px 0px;
	float: left;
	width: 100%;
	text-align: center;
}
#row #left-menu a{
	color: black;
}
#row .col-lg-9{
	margin-top: 10px;
    padding: 0px 35px;
}
#row .col-lg-9 > img {
	float: right;
	margin-left: 20px;
	margin-top: 20px;
	margin-bottom: 20px;
	max-width: 50%;
}
#row .col-lg-9 p img{
	float: none;
	display: block;
	margin: 0 auto;
}
#row .col-lg-9 > h3 {
	font-size: 22px;
	margin-top: 20px
}
#download{
	float: left;
	width: 100%;
	margin-top: 25px;
	position: relative;
}
#download:after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    
    height: 1.5px;
    background: lightgray;
}
#download span{
	float: left;
	width: 100%;
	padding-top: 15px;
}
#download ul{
	float: left;
}
#napiste-nam .row .col-md-12 .row .col-md-6{
    margin: 15px 0px;	
}
#napiste-nam .row .col-md-12 .row .col-md-6:nth-child(odd){
	text-align: center;
}
#doporucte-nas h3, #doporucte-nas small{
	width: 100%;
	float: left
}
#doporucte-nas .row .col-md-6, #doporucte-nas .row .col-md-2, #doporucte-nas .row .col-md-5{
	margin: 15px 0px;
}
#doporucte-nas .row .col-md-6:nth-child(odd){
	text-align: center;
}
#doporucte-nas .row .col-md-5{
	text-align: center;
}
#row .col-lg-9 #download ul li img{
    margin-left: 5px;
    margin-top: 5px;
}
.kontakty{
	padding: 0px 17px;
	margin-bottom: 20px;
}
.kontakty table{
	text-align: center;
}
#predplatne .col-md-8, #predplatne .col-md-4{
	margin: 15px 0px;
}
#nadpis{
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
    text-align: center;
    border: 1px rgba(155,155,155,0.1) solid;
    padding-bottom: 10px;
    padding-top: 5px;
	margin-top: 25px;
}
#menu2{
	padding: 0;
	margin: 0;
	font-family: Benton,Helvetica,Arial,sans-serif;
    font-weight: 400;
    font-style: normal;
	padding: 0;
	margin: 0px;
	float: left;
	width: 100%;
	border-left: 1px rgba(155,155,155,0.1) solid;
	border-right: 1px rgba(155,155,155,0.1) solid;
	border-bottom: 1px rgba(155,155,155,0.1) solid;
}

#menu2 li{
	list-style-type: none;
	text-align: center;
	float: left;
	width: 100%;
}
#menu2 li:first-child{
	padding-top: 8px;
}
#menu2 li.menuULDirOpen{
	background: rgba(155,155,155,0.1);
}
#menu2 li a{
	color: black;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: .1em;
	padding: 8px 0px;
	float: left;
	width: 100%;
}
#menu2 li:hover{
	background: rgba(155,155,155,0.1);
}
#content h1{
    font-family: Brunel-Poster-Bold,Georgia,serif;
    font-weight: 600;
    font-style: italic;
	font-size: 55px;
    width: 100%;
    text-align: center;
    margin-bottom: 25px;
	position: relative;
}
#content h1:after{
    content: '';
    position: absolute;
    bottom: -4px;
    left: 0;
    width: 5%;
    margin-left: 47.5%;
    height: 1.5px;
    background: black;
}
#autors{
	border-left: 1px lightgray solid; 
	text-align: center;
}
#autors #dropItem{
	display: none;
}
#odeslat{
    background: #093969;
    border: none;
    border-radius: 0;
    letter-spacing: .1em;
    padding: 10px 20px;
}

.downloads {
	border:1px solid #999999;
	padding:15px;
}

.downloads h3 {
	margin-top:0px;
	margin-bottom:15px;
	padding:0;

}

.downloads ul {
	list-style-type:none;
	padding:0;
	margin:0;
}

.md-cookie-bar .btn-primary {
	color: white!important;
}

.md-cookie-bar .bottom-buttons a.more.btn {
    color: #003141;
	border: 1px solid #102770;
	padding:.375rem .75rem;
}

.md-cookie-bar div.cookies-list .btn-akcept {
	padding:.375rem .75rem;
}

.wrapper .cookies-bar-wrapper h2 {
    color: #ED1C24;
}

div.cookies-list {
	overflow:auto;
}

.footer .md-cookie-bar p {
	padding-top:0px;
	padding-bottom:15px;
	text-transform:none;
	text-align:left;
}

.footer .cookies-list-content > div {
    padding-right: 0px;
}

table.cookies-table tr td,
table.cookies-table tr th {
    border-right: 2px solid #ddd;
}

table.cookies-table tr:last-child td {
    border-bottom: 2px solid #ddd;
}

.footer table.cookies-table {
    margin-bottom: 0px;
}

/***********************************************************************************************************/

@media only screen and (max-width: 1200px){
    .latest .middle .container img{
        max-width: 243px;
		margin-top: 8%;
    }
	#logo{
		height: unset;
	}
	#logo .row{
		padding: 15px 0px;
	}
	#banner img{
		width: unset;
		height: 60px;
	}
	.navbar-dark .navbar-nav .nav-link {
		font-size: 11px;
	}
	.latest .middle .container .text{
		text-align: center;
	}
	.latest .middle .container .text h3:after {
		bottom: -8px;
		left: 41%;
	}
	.latest .middle .container a{
		margin-left: calc(50% - 122px);
	}
	.latest .middle .container .text h2{
		padding-left: 40px;
	}
	.latest .middle .container .text p{
		padding-left: 40px;
	}
	.new p{
		display: none;
	}
	.new h3{
		float: left;
    	margin-bottom: 105px;
    	width: 100%;
	}
}
@media only screen and (max-width: 991px){
	#conte{
		/*flex-direction: column-reverse;*/
	}
	#autors{
		border: none;
	}
	#autors h3{
		border: 1px lightgray solid;
		padding: 8px;
	}
	#autors #dropItem{
		display: inline-block;
		float: right;
    	margin-top: 2px;
		cursor: pointer;
	}
	#newest{
		margin: 0 auto;
	}
	#other{
		margin-top: 35px;
	}
	#left-menu{
		padding: 30px 15px;
		order: 1;
	}
	#left-menu .col-md-12:after{
      width: 100%;
	  background: rgba(155,155,155,0.1);
	}
	#right-menu{
		padding: 30px 15px;
	    order: 2;
	}
	#right-menu .col-md-12:after{
      width: 88%;
      margin-right: 5%;
	  background: rgba(155,155,155,0.1);
	}
	.latest{
		min-height: 490px;
		height: unset;
	}
	.latest .middle{
		min-height: 80%;
		height: unset;
	}
	.latest .middle .container .text{
		text-align: center;
		width: 100%;
	}
	.latest .middle .container a{
		margin-bottom: 40px;
		margin-left: calc(50% - 130px);
	}
	.latest .middle .container{
        display: flex;
        flex-direction: column-reverse;	
	}
	.latest .middle .container .img{
	  width: 100%;
      float: left;
      order: 1;
      justify-content: center;
      display: flex;
	}
	.latest .middle .container .img img{
		max-width: 100%;
		margin-left: auto;
		margin-top: 40px;
		margin-right: auto;
	}
	.latest .middle .container .text h2, .latest .middle .container .text p{
		padding-left: 0;
	}
	.menus .row .col-md-3{
		margin-top: 25px;
	}
	.footer .container .p{
		font-size: 12px;
	}

	#loginButton .glyphicon-user {
		display:none;
	}
}
@media only screen and (max-width: 767px){
	.sm-hide{
		display: block;
		width: 100%;
        padding: 15px 0px;
        border-bottom: 1px rgba(155,155,155,0.1) solid;
		text-align: center;
	}
	.sm-hide form input{
        border: 1.4px rgba(155,155,155,0.1) solid;
        height: 39px;
        text-indent: 15px;
        width: 50%;
	}	
	.sm-hide form button{
		margin-top: -5px;
    	background: rgba(155,155,155,0.1);
		border: 1.5px solid rgba(155,155,155,0.01);
		border-radius: 0px;
	}
	header{
		border: none;
	}
	header > header{
		border-bottom: 1px solid #e5e5e5;
	}
	.wrapper .navbar{
		padding: 0px;
	}
	#conteCla {
		flex-direction: column-reverse;
	}
	.hide-sm{
		display: none;
		border: 1px lightgray solid;
		border-top: none;
	}	
	#videos h3{
		width: 67%;
		margin-left: 3%;
		text-align: left;
	}
	#videos .a{
		width: 30%;
	}
	#videos h3 a{
		font-size: 13px;
	}
	#videos span{
		width: 70%;
		text-align: right;
		font-size: 12px;
	}
	#videos .new{
		border: none;
		border-bottom: 1px lightgray solid;
	}
	.navbar-expand-sm .navbar-nav .dropdown-menu{
		margin: 0;
        padding: 0;
        border: 1px rgba(155,155,155,0.1) solid;
        border-left: none;
        border-right: none;
	}
	.nav-item.active a {
    	background: rgba(155,155,155,0.1);
	}
	.nav-item.active .dropdown-menu li a {
    	background: white;
	}
	.navbar-expand-sm .navbar-nav .dropdown-menu li a {
        text-transform: unset;
        text-indent: 40px;
	}
	.navbar-expand-sm .navbar-nav .dropdown-menu li.active{
		background: transparent;
	}
	.navbar-expand-sm .navbar-nav .dropdown-menu li.active a{
		text-indent: 40px;
		background: rgba(155,155,155,0.1);
	}
	#row .col-lg-9 > img{
		margin: 30px calc(50% - 175px);
	}
	#row .col-lg-9 h2, #row .col-lg-9 h3, #row .col-lg-9 p{
		width: 100%;
		float: left;
		margin-bottom: 0;
	}
	#left-menu{
    	padding: 50px 15px;
        margin-top: 70px;
        border-top: 1px lightgray solid;
        border-bottom: 1px lightgray solid;	
	}
	#left-menu .col-md-12{
		border-bottom: 1px rgba(155,155,155,0.1) solid;
		float: left;
	}
	#left-menu .col-md-12:after{
		display: none;	
		
	}
	#left-menu .col-md-12 .text{
		width: 60%;
    	padding: 23px 15px;
    	float: left;
	}
	#left-menu .col-md-12 .img{
	    margin-bottom: 15px;
    	width: 40%;
    	float: left;
	}
	#logo .row{
		flex-direction: row-reverse;
	}
	#submenu .form{
		display: none;		
	}
	#banner img{
		max-width: 100%;
    	height: 50px;
	}
	#subscribe button{
		margin-left: calc(50% - 45px);	
	}
	.nav-item a{
		padding: 15px;	
	}
	li.nav-item.menu_26.active.dropdown{
		background: rgba(155,155,155,0.1);
	}
	.navbar-nav .nav-item:last-child{
		border-bottom: 1px rgba(155,155,155,0.3) solid;
	}
	.navbar-toggler:not(:disabled){
		position: relative;
    	margin-top: -104px;
    	margin-left: 15px;
		background-color:#093969;
		border-color:#093969;
	}
	.navbar-dark .navbar-toggler-icon {
		max-height:28px;
	}
	.navbar-dark .navbar-nav .nav-link{
		text-align: left;
    	text-indent: 25px;
	}
	.navbar-dark .navbar-nav .nav-link:hover{
		background: rgba(155,155,155,0.1);
	}
	.navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active{
		text-align: left;
    	text-indent: 25px;
	}
}
@media only screen and (max-width: 576px){
	#subscribe button{
		z-index: 999;
	}
	header{
		border-bottom: none;
	}
	#other{
		padding: 0;	
	}
	#cont #other .col-md-6{
		padding: 15px 0px;
	}
	#other .col-md-6 a .img{
	    width: 35%;
    	float: left;
	}
	#other .col-md-6 a .text{
		width: 60%;
    	float: left;
    	padding: 0px 15px;
	}
	#newest{
		padding: 0;
	}
	#cont #other .col-md-6 .text h2{
		font-size: 17px;
	}
	#cont #newest .text{
		border: none;
		border-bottom: 1px silver solid;
	}
	#cont #newest .text h2{
		margin-top: 20px;
		margin-bottom: 15px;
	}
	#other .col-md-6:after{
		bottom: 0;
		left: 0;
		width: 100%!important;
	}
	#content{
		padding-left: 0px;
		padding-right: 0px;
	}
	#videos .a{
		float: unset;
	}
	#videos h3, #videos span{
		width: 100%;
	}
	#videos h3 a{
		font-size: 11px;
		padding-top: 25px;
	}
	#subscribe button{
		font-size: 11px;
		padding: 6px;
		height: 34px;
		margin-left: calc(100% - 114px);
		margin-bottom: -46px;
	}
	#banner img{
		height: 40px;
	}	
	.sm-hide form input{
		width: 65%;
	}
	.latest{
		min-height: 100px;
	}
	.latest .middle{
        width: 100%;
        margin: 0;	
	}
	.latest .middle .container .text h2{
		font-size: 33px;
	}
	.latest .middle .container .text p{
		display: none;
	}
	.latest .middle .container .img{
		display: flex;
	}
	#left-menu .col-md-12{
		border-top: 1px rgba(155,155,155,0.1) solid;
	}
	#left-menu .col-md-12 .img{
		width: 38%;
		margin: 32px 0px;
	}
	#left-menu .col-md-12 .text {
    width: 60%;
    padding: 29px 15px;
    text-align: left;
	}
	.navbar-toggler:not(:disabled){
    	margin-top: -184px;
    	margin-left: 15px;
	}

}
@media only screen and (max-width: 480px){
	.breadcrumb{
		display: none;
	}
	.sm-hide form button{
		    margin-top: -3px;
	}
	#subscribe button{
        font-size: 7px;
        padding: 3px;
        height: 24px;
		margin-left: calc(100% - 69px);
    	margin-bottom: -52px;
	}

	#content h1{
		font-size: 35px;
	}
}