/* CSS Document */

body,html,*{

    margin:0px;
	padding:0px;
	font-family: Open Sans, Verdana, Helvetica, sans-serif;
	font-size:16px;
	color:#666666;
	font-weight:300;
}

p{
	margin-top:0px;
	margin-bottom:20px;
	line-height:25px;	
}

ul {
    list-style-type:none;
    margin-bottom:25px;
}
ul li{
    line-height:25px;
}

a,a:hover{
    text-decoration:none;
    outline: none;
    color: inherit;
    cursor: pointer;
}

a:focus{
	outline:none;
	color:#b8b8b8;
}
img{
	border:0px none;
}

section,header,nav,figure,article,footer{

	display:block;
}

.container .container{
	margin: 0px;
	padding: 0px;
}
.text-element .text-element{
	margin:0px;
}
header{
}
div#section-container{
	position:relative;
	z-index:10;
	margin-top:615px;
}
section#header-video{
	height:615px;
	overflow:hidden;
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:615px;
	padding:0px;
}
section#header-video video{
	
	object-fit: cover;
	min-height: 100%;
    min-width: 100%;
	
}
section#header-video div#logo-menu{
	z-index:10;
	position:absolute;
	top:0px;
	left:50%;
	min-width:200px;
	-webkit-transform: translateX(-50%);
    transform: translateX(-50%);
	height:inherit;
	text-align:center;
}
section#header-video div#logo-menu:before{
	width:0px;
	content:"";
	height:inherit;
	display:inline-block;
	vertical-align: middle;
}
section#header-video div#logo-menu div.bg{
	opacity:0.45;
	background-color:#fff;
	width:100%;
	height:inherit;
	position:absolute;
	top:0px;
	left:0px;
}
section#header-video div#logo-menu div.content{
	z-index:10;
	position:relative;
	padding-left:80px;
	padding-right:80px;
	display:inline-block;
	vertical-align: middle;
}
section#header-video div#logo-menu ul{
	margin-top:30px;
	min-width: 570px;
}
section#header-video div#logo-menu li{
	display:inline-block;
	color:#333333;
}
section#header-video div#logo-menu li:before{
	content:"";
	width:1px;
	background-color: #333333;
	display: inline-block;
	height:14px;
	vertical-align: middle;
}
section#header-video div#logo-menu li:first-child:before{
	content:"";
	width:0px;
	height:0px;
}

section#header-video div#logo-menu a.no-bw{
	display:block;
}
section#header-video div#logo-menu a.bw{
	display:none;
}
section#header-video div#logo-menu li a{
	color:#333333;
	font-size:16px;
	text-transform: uppercase;
	display: inline-block;
	padding:0px 10px;
	font-weight:700;
	vertical-align: middle;
}

section#header-video div#logo-menu li a:hover{
	color:#fff;
}
section#header-video div.bg-mobile{
	position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    background-image: url(/Public/Videos/nataceni_dronem_rodinna_videa.jpg);

}
section#header-video div.main-bg{
	position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    background-image: url(/Public/Images/nataceni_dronem_rodinna_videa.jpg);

}



section#header-video.smaller{
	z-index:500;
	top:0px !important;
	height:50px !important;
	overflow: visible;
}
section#header-video.smaller video,
section#header-video.smaller .video-js{
	display:none;
}

section#header-video.smaller div#logo-menu{
	max-width:100%;
	width:100%;
	text-align:left;
}
section#header-video.smaller div#logo-menu ul{
	margin:0px;
}
section#header-video.smaller div#logo-menu img{
	height:40px;
}
section#header-video.smaller div#logo-menu div.content{
	padding:5px;
	text-align:left;
}
section#header-video.smaller div#logo-menu div.content nav{
	display:inline-block;
}
section#header-video.smaller div#logo-menu div.content nav a{
	font-size:12px;
	color:#fff;
}
section#header-video.smaller div#logo-menu div.content nav a:hover{
	color:#c2272e;
}
section#header-video.smaller div#logo-menu div.bg{
	opacity:1;
	background-color:#333;
	-webkit-box-shadow: -1px 5px 6px -4px rgba(0,0,0,0.1);
	-moz-box-shadow: -1px 5px 6px -4px rgba(0,0,0,0.1);
	box-shadow: -1px 5px 6px -4px rgba(0,0,0,0.1);
}
section#header-video.smaller div#logo-menu li:before{	
	background-color: #fff;
}

section#header-video.smaller div#logo-menu a.no-bw{
	display:none;
}
section#header-video.smaller div#logo-menu a.bw{
	display:inline-block;
}

.video-js .vjs-tech{
	width:auto !important;
	height:auto !important;
}

#old-explorer{
	padding: 50px; 
	text-align: center; 
	position: relative; 
	z-index: 999; 
	background-color: rgb(51, 51, 51);
}
#old-explorer p{
	color:#fff;
}
#old-explorer a,
#old-explorer a strong{
	color:#c2272e;
}
#old-explorer div.close{
	color:#fff;
	opacity:1;
	text-shadow: none;
	font-weight:300;
}



/********* ALL SECTIONS **********/
section{
	padding-top:90px;
	padding-bottom:25px;
}
section p{
	margin: 0px 0px 20px;
}
section p a,
section p a:hover{
	text-decoration: underline;
}

section h1,
section h2,
section h3,
section h4,
section h5,
section h6{	
	color:#505050;
	margin-top:0px;
	margin-bottom: 20px;
}
section h1{
	font-size: 38px;	
	font-weight: 300;
	margin-bottom: 65px;
}
section h2{
	font-size: 26px;
	font-weight: 500;
}
section h3{
	font-size: 20px;
	font-weight: 300;
}

.subtitle-margin{
	margin-bottom: 10px;
}
section .link-element{
	text-align:center;
}
section .link-element,
section .sublink-element,
section .list-element,
section .ytv-element{
	margin-bottom: 65px;
}

section .text-element{
	margin-bottom: 40px;
}
section .text-element h2,
section .text-element img{
	margin-top: 40px;
}
section .text-element img{
	width:100%;
	height:auto;
}
section .text-element ul{
	list-style-type: disc;
	margin-left:20px;
	margin-bottom:20px;
}

section .link-element h2{
	font-size: 16px;
	margin-bottom: 0px;
	margin-top: 25px;
	font-weight: 600;
}

section .link-element .glyphicons{
	font-size: 43px;
	color:#c2272e;
}

section .photo-file-element div{
	text-align:center;
	height:120px;
	margin-top:10px;
}
section .photo-file-element div a:before{
	display:inline-block;
	vertical-align: middle;
	content: "";
	width:0px;
	height: 120px;
}
section .photo-file-element div a{
	display:block;
	vertical-align: middle;
	height:120px;
	overflow:hidden;
}
section .photo-file-element div a:hover img{
	transform: scale(1.1);
}
section .photo-file-element div.file{
	float:left;
	margin-left:9px;	
}
section .photo-file-element div.file.first{
	margin-left:0px;	
}
section .photo-file-element img{
	max-width:100%;
	max-height:100%;
	display:inline-block;
	vertical-align: middle;
	transition: all .2s ease-in-out;
	
}
section .photo-file-element span{
	font-size:12px;
	display:inline-block;
	vertical-align: middle;
}

section .photo-file-element span.filetypes{
	font-size:40px;
	color:#666666;
}
section .photo-file-element span.filetypes-pdf{
	color:#d71920;
}
section .photo-file-element span.filetypes-xls,
section .photo-file-element span.filetypes-csv{
	color:#53cf36;
}
section .photo-file-element span.filetypes-doc{
	color:#549fd9;
}
section .photo-file-element span.filetypes-zip{
	color:#e8cc49;
}
section .photo-file-element span.filetypes-dwg{
	color:#844f1f;
}
.r-kontrola{
	display: none;
}
.ytv-element button,
.ytv-element button span{
	color:#fff !important;
	font-size:14px;
}
.ytv-element .category{
	padding:0px 0px 5px 0px;
}
.ytv-element .videos{
	padding:15px 0px 0px 0px;
	border-bottom:1px solid #e1e1e1;
	border-top:1px solid #e1e1e1;
}
.ytv-element .navigation{
	padding:15px 0px 25px 0px;
}
.glyphicons-menu-hamburger{
	display:none;
}
.bg-price{
	padding:20px;
	background-color:#c2272e;
	color:#fff;
	text-align:center;
	font-size:30px;
}
.g-recaptcha div:first-child{
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 15px;
}
.grecaptcha-badge{
	z-index: 11;
}
/********* WHITE SECTION **********/
section.white{
	background-color: #ffffff;
border-top: 1px solid #eee;
}
section.white h1,
section.white h3,
section.white h4,
section.white h5,
section.white h6{
	color: #242424;
}
section.white h2{
	color: #f08300;
}
section.white p,
section.white strong,
section.white em,
section.white span,
section.white a,
section.white li,
section.white div{
	color: #626262;
}

/********* BLACK SECTION **********/
section.black{
	background-color: #242424;
	border-top:1px solid #4c4c4c;
	border-bottom:1px solid #000000;
}
section.black h1,
section.black h2,
section.black h3,
section.black h4,
section.black h5,
section.black h6{
	color: #ffffff;
}
section.black p,
section.black strong,
section.black em,
section.black span,
section.black a,
section.black li,
section.black div{
	color: #ffffff;
}

/********* RED SECTION **********/
section.red{
	background-color: #c2272e;
	border-top:0px none;
	border-bottom:1px solid #e15e63;
}
section.red h1,
section.red h2,
section.red h3,
section.red h4,
section.red h5,
section.red h6{
	color: #ffffff;
}
section.red p,
section.red strong,
section.red em,
section.red span,
section.red a,
section.red li,
section.red div{
	color: #ffffff;
}

/********* GREY SECTION **********/
section.grey{
	background-color: #eeeeee;
}
/********* BLUE SECTION **********/
section.blue{
	background-color: #ecf5fe;
	border:1px solid #cddade;
}
section.blue h1,
section.blue h2,
section.blue h3,
section.blue h4,
section.blue h5,
section.blue h6{
	color: #00335b;
}
section.blue p,
section.blue strong,
section.blue em,
section.blue span,
section.blue a,
section.blue li,
section.blue div{
	color: #626262;
}
footer{
	height:50px;
	background-color:#c2272e;
	text-align:center;
	padding:12px;
}
footer a{
	color:#fff;
	font-size:12px;
}
footer a:hover{
	color:#fff;
	text-decoration:underline;
}
.btn-black{
	background-color: #1d1d1d;
}
.btn-red{
	background-color: #c2272e;
}
.subtitle-margin{
	margin-bottom:25px;
}
.underline{
	text-decoration: underline;
}
.underline:hover{
	text-decoration: underline;
}
.float-left{
	float: left;
}
.float-right{
	float: right;
}
.no-margin{
	margin:0px !important;
}
.no-margin-top{
	margin-top:0px !important;
}
.no-margin-right{
	margin-right:0px !important;
}
.no-margin-bottom{
	margin-bottom:0px !important;
}
.no-margin-left{
	margin-left:0px !important;
}
.no-padding{
	padding:0px !important;
}
.no-padding-top{
	padding-top:0px !important;
}
.no-padding-right{
	padding-right:0px !important;
}
.no-padding-bottom{
	padding-bottom:0px !important;
}
.no-padding-left{
	padding-left:0px !important;
}
text-justify{
	text-align: justify;
}

.margin-top-50{
	margin-top:50px !important;
}
.margin-bottom-50{
	margin-bottom:50px !important;
}
.margin-top-25{
	margin-top:25px !important;
}
.margin-bottom-25{
	margin-bottom:25px !important;
}
.margin-bottom-15{
	margin-bottom:15px !important;
}
.font-italic{
	font-style: italic !important;
}
.font-normal{
	font-style: normal !important;
}
.font-light{
	font-weight: 300;
}
.font-normal{
	font-weight: 400;
}
.font-semibold{
	font-weight: 600;
}
.font-bold{
	font-weight: 700;
}
.font-extrabold{
	font-weight: 800;
}
.font-size-12{
	font-size: 12px;
}
.font-size-13{
	font-size: 13px;
}
.font-size-14{
	font-size: 14px;
}
.font-size-15{
	font-size: 15px;
}
.font-size-16{
	font-size: 16px;
}
.font-size-17{
	font-size: 17px;
}
.font-size-18{
	font-size: 18px;
}
.font-size-19{
	font-size: 19px;
}
.font-size-20{
	font-size: 20px;
}
.font-size-21{
	font-size: 21px;
}
.font-size-22{
	font-size: 22px;
}
.font-size-23{
	font-size: 23px;
}
.font-size-24{
	font-size: 24px;
}
.font-size-25{
	font-size: 25px;
}
.font-size-26{
	font-size: 26px;
}
.font-size-27{
	font-size: 27px;
}
.font-size-28{
	font-size: 28px;
}
.font-size-29{
	font-size: 29px;
}
.font-size-30{
	font-size: 30px;
}
.font-size-35{
	font-size: 35px;
}
.font-size-40{
	font-size: 40px;
}
.font-size-45{
	font-size: 45px;
}
.font-size-50{
	font-size: 50px;
}
.font-size-55{
	font-size: 55px;
}
.font-size-60{
	font-size: 60px;
}
.font-size-65{
	font-size: 65px;
}
.font-size-70{
	
}