@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,700,900&subset=latin-ext');

input:focus::-webkit-input-placeholder { color:transparent !important; }
input:focus:-moz-placeholder { color:transparent !important; } /* FF 4-18 */
input:focus::-moz-placeholder { color:transparent !important; } /* FF 19+ */
input:focus:-ms-input-placeholder { color:transparent !important; } /* IE 10+ */


body { 
    color: #000;
    font-family: 'Roboto', sans-serif;
    margin:0;
    padding:0;
    font-size:16px;
	line-height:1.5em;
}


a.button {
	display:inline-block;
	padding:15px 50px 15px 40px;
	color:white;
	font-size:22px;
	background:url(./images/backup/arr_white.png) 140px center no-repeat #0d9dff;
	transition:all 0.3s ease;
}


a.button:hover {
	text-decoration:none;
	background:white;		
	color:#0d9dff;
}

a:hover, a:visited {
	color:inherit;
}



.customCheckbox {
  float: left;
  position: relative;  
 top:-3px;
  width: 30px;
  height: 30px;
  background:url(/images/checkbox_unactive.jpg);
  background-size:cover;
  border-radius: 0px;
  border: none;
  box-shadow: none;
  margin-right: 10px;
  overflow: hidden;
}

.customCheckbox.customCheckboxChecked {
  background:url(/images/checkbox_active.jpg);	
  background-size:cover;	
}

.customCheckbox input {
  opacity: 0;
  cursor: pointer;
  z-index: 5;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.customCheckbox span {
  display: none;
  text-align: center;
  line-height: 20px;
  font-size: 90%;
  color: #222;
}

.customCheckbox.customCheckboxChecked span {
  
}

h2 {
	font-size:30px;
	color:#3a539b;
	margin:0;
	padding:40px 0;
	text-align:center;
	font-weight:bold;
	line-height:1.2em;
}

#slider {
	padding-top:30px;
	padding-bottom:30px;
}

#slider label {
	position:absolute;
	font-size:20px;
	color:#3a539b;
	margin:0;
	padding:0;
	text-align:center;
	font-weight:bold;
	line-height:1.2em;
	top:-7px;
}

#slider label#agent {
	left:-90px;
}

#slider label#digital {
	right:-95px;
}

#slider label#drbna {
	right:-92px;
}

#slider label#analog {
	left:-100px;
}

nav {
	position:fixed;
	left:0;
	top:0;
	width:100%;
	padding:20px 0;
	z-index:9999999;
	background:#39529b;
	color:white;
}

nav ul  {
	display:block;
	list-style:none;
	margin:0;
	padding:0;
}

nav ul li {
	display:inline-block;
}

nav ul li:first-child a {
	margin-left:20px;
}

nav ul li.logo {
    float:right;
}

nav ul li.logo img {
    height:40px;
	margin-top:-10px;
	margin-bottom:-10px;
}

nav ul li a.active, nav ul li a:hover {
	text-decoration:underline;
	font-weight:bold;	
	color:white;
}

nav ul li a {
	display:inline-block;
	font-size:16px;
	color:#fff;
	margin-left:30px;
	font-weight:100;
}

#header {
	background:url(./images/header.jpg) left bottom no-repeat;
	background-size:cover;
	color:white;
	font-weight:normal;
	min-height:400px;
	margin-top:50px;
}

#header .container {
}

#header h1 {
	display:inline-block;
	line-height:1.2em;
	font-size:40px;	
	margin-top:80px;
	font-weight:bold;
	margin-bottom:30px;
}

#header p {
    margin-top:30px;
    line-height:1.2em;
    font-size:40px;	
	margin-bottom:50px;
}

#header h1 strong {
    font-weight:bold;
}

#articles {
	position:relative;
    padding-top:30px;
}

#articles h2 {
	position:relative;
	z-index:2;
    padding-bottom:0px;
	margin-bottom:0;
	margin-bottom:-30px;
	margin-top:0;
	padding-top:0;
}

.article {
	position:relative;
    margin-bottom:0px;
}



.article h3 {
	font-size:22px;
    font-weight:bold;
    line-height:1.3em;
    color:black;
	margin-bottom:20px;
	color:#3a539b;
}

.article img {
	display:block;
	margin-top:0px;
    margin-bottom:30px;
    max-width:80%;
	margin:0px auto;
}

.article p {
    min-height:130px;	
}

.article p strong {
     
}



.big_bg {
	background:#ebebeb;
	padding-bottom:60px;	
	padding-top:70px;
}

#kdo_jsme {
	*margin-top:-50px;
    padding-top:50px;	
	padding-bottom:20px;
}

#kdo_jsme h2 {
	text-align:left;
}

#kdo_jsme strong {
    color:#002f87;
}

#kdo_jsme h3 {
	font-size:30px;
	font-weight:100;
	margin:0;
	margin-bottom:40px;
}

#kdo_jsme p {
	margin-bottom:40px;
}

#vice_informaci {
	
}

#vice_informaci h2 {
	
}

#vice_informaci h3 {
	font-size:30px;
	font-weight:100;
	margin:0;
	margin-bottom:40px;
}


#vice_informaci p {
	margin-bottom:50px;
}

#vice_informaci form {
	position:relative;
	text-align:left;
	margin:0px auto;
	max-width:400px
}

#vice_informaci form input {
	border:3px solid #0d9dff;
    display:inline-block;
    padding:15px 15px;
	background:none;
	font-size:16px;
	line-height:18px;
	width:200px;
	margin-bottom:10px;
}

#vice_informaci form::before {
    content: " ";
	position:absolute;
	left:-40px;
	top:10px;
	width:30px;
	height:30px;
	background:url(./images/tel.jpg);
	background-size:100% auto;
}

#vice_informaci form button {
	display:block;
	background:url(./images/submit.jpg) top left no-repeat;
	background-size:100% auto;
	width:150px;
	height:73px;
	border:none;
}

::-webkit-input-placeholder {
	color: #0d9dff !important;
	opacity:1;
	font-family: FrutigerNextPro-Bold;	
}

:-moz-placeholder { /* Firefox 18- */
   color: #0d9dff !important; 
	opacity:1;
	font-family: FrutigerNextPro-Bold;
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #0d9dff !important;
	opacity:1;
	font-family: FrutigerNextPro-Bold;  
}

:-ms-input-placeholder {  
   color: #0d9dff !important;
	opacity:1;
	font-family: FrutigerNextPro-Bold;	
}

#priklady {
    position:relative;
    padding-top:40px;
    padding-bottom:50px;
}

#priklady .container {
	max-width:1000px;
}

#priklady h2 {
	padding-top:0;
	margin-top:0;	
}

#priklady .row {
    margin-top:20px;
}

#priklady .priklady-claims {
    position:relative;
    margin-top:60px;
}

#priklady .priklady-claims h3 {
    font-size:20px;
	font-weight:bold;
    color:black;
    line-height:1.2em;
    margin-bottom:20px;
}

#priklady .priklady-claims p {
    margin-bottom:20px;
}

#priklady .priklady-claims p strong {
    display:block;
	margin-bottom:10px;
	margin-top:10px;
}

#priklady img {
	width:60%;
    display:block;
    margin:0px auto 10px auto;
}

#priklady .priklady-claims.inverse img {
    right:auto;
    left:0px;
}

#priklady  p.under-img {
    color:black;
    line-height:1.3em;
    text-align:center;
	margin-top:20px;
}

#priklady  p.under-img strong {
    font-weight:bold;
    color:#3a539b;	
    line-height:1.3em;
    font-size:22px;
	display:inline-block;
	margin-bottom:10px;
}

#slider h2 {
	margin-bottom:30px;
}


#video {
	
	padding-top:0px;
	padding-bottom:0px;
	background:url(./images/video_bg.jpg) center 40% no-repeat;
	background-size:90% auto;
}


#kontakt {
    background-color:#3a539b;
    color:#fff;
    position:relative;
    padding:50px 0;
}

#kontakt h4 {
	position:relative;
    color:#fff;
	font-weight:normal;
    margin-bottom:20px;
	padding-bottom:20px;
    text-transform:uppercase;
    	
}

#kontakt h4::after {
    content: " ";
	height:1px;
	width:80px;
	background:#fff;
	position:absolute;
	left:0;
	bottom:0;
}

#kontakt img {
	display:inline-block;
	margin-bottom:20px;
	max-height:30px;
}

#kontakt a {
	display:inline-block;
    color:inherit;
    	
}

#kontakt .button {
	font-size:inherit;
	padding-left:30px;
	background-position:270px center;
}

#kontakt .button:hover {
	color:white;
}

#copy {
	background:#d18611;
	padding-top:20px;
	padding-bottom:10px;
}

#copy span {
    color:#fff;
}

#custom-handle1, #custom-handle2 {
  width: 60px;
  height: 40px;
  top: 50%;
  margin-top: -20px;
	margin-left:-30px;
  text-align: center;
  border-radius:0;
	border:none;
	background:url(/images/slider.jpg) center center no-repeat;
	background-size:100% auto;
	cursor:pointer;
}
.ui-widget.ui-widget-content {
	border-radius:5px;
	border:none;
	*background:#0d9dff;
	background:url(/images/slider.png) center center no-repeat;
	background-size:100% auto;
	height:15px;
}

#vysledek {
	text-align:center;
	max-width:800px;
	margin:0px auto;
}

.souhlas {
	position:absolute;
	left:-50%;
	width:230%;
	max-width:99999px;
	font-weight:normal;
	cursor:pointer;
}

@media screen and (min-width: 2000px) {

	#video {
		background-size:60% auto;
	}

}

@media screen and (max-width: 1200px) {
	
	#header {
	    background:url(./images/header.jpg) left bottom no-repeat;
	    background-size:cover;
	}

	.souhlas {
		position:relative;
		top:5px;
		left:0;
		width:100%;
		max-width:100%;
	}
}

@media screen and (max-width:768px) {
	
	.container {
		
	}
	
	.customCheckbox {
	  top:5px;
	  
	}

	nav ul li a {
		font-size:16px;
		margin-left:10px;
	}
	
	nav ul li.logo {
		display:none;
	}
	
	nav .container-fluid {
		padding-left:0;
		padding-right:0;
	}
		
	h2, #objevte h2 {
	    font-size: 30px;
	    padding: 20px 0;
	}
	
	.button {
		
	}

	#header {
		background:url(./images/header.jpg) left bottom no-repeat;
	    min-height:0;
		margin-top: 0px;
		padding-left:0;
		padding-right:0;
		text-align:center;
	}
	#header h1 {
		margin-top:100px;
	   font-size:30px;
	}
    
    #header .container {
       padding-bottom:50px;
    }	
	
    #header br {
       display:none;
	}
	
	#objevte img {
		width:150px;
	}
	
	#priklady  {
	   padding-top:0;
	}    
    
	#priklady .priklady-claims h3 {
	   margin-top:0;
	   padding-top:0;
	}
	
	#priklady .text-center {
	   text-align:left;
	}
	
	#priklady img {
		display:block;
		margin:40px auto 10px auto;
		*width:100%;
	}
	
	#kontakt a.butt {
		width:100%;
	}
	
	#objevte {
		 padding-bottom: 0px;
	}
	
	.article img {
		margin-top: 0px;
		margin-bottom:10px;
	}
	
	.article h3 {
	    font-size: 22px;
	    margin-bottom: 20px;
	}
	
	.article p {
		min-height:0;
	}
	
	.big_bg {
	    background: none;
	    padding-bottom: 0px;
	}
	
	#kdo_jsme {
	    margin-top: 0px;
	    padding-bottom: 0px;
	    padding-top: 0px;
		text-align:left;
	}
	
	#vice_informaci {
		padding-top:30px;
	    padding-bottom: 50px;	
	}

	#kdo_jsme h3 {
	    font-size: 22px;
	    margin: 0 0 20px;
	}
	
	#video {
		background:none;
		margin:0;
		padding:0;
	}
	
	#vice_informaci .text-center {
	    text-align:left !important;
	}
	
	#vice_informaci h2 {
	    text-align:left;
	}		
	
	#vice_informaci h3 {
	    font-size: 22px;
	    margin: 0 0 20px;
	}
	
	#vice_informaci form {
	    position: relative;
	}
	
	#vice_informaci form::before {
	    display:none;
	}
	
	#vice_informaci form input {
	    font-size: 16px;
	    line-height: 20px;
	    width: 100%;
	}
	
	#vice_informaci form button {
		
	}
	
	#feedback, #feedbackKo {
		font-size:22px !important;
	}
	
	#priklady {
		padding-bottom:30px;
	}	
	
	#priklady p {
		text-align:center !important;
		margin-bottom:0px !important;
	}

	#priklady .priklady-claims {
	    margin-top: 30px;
	}
	
	#priklady .priklady-claims h3 {
	    font-size: 22px;
	    margin-bottom: 10px;
		text-align:center;
	}

	video {
		height:200px;
	}
	
	#kontakt a.button {
		padding:10px 60px 10px 20px;
	}
	
	#kontakt img {
		width:10%;	
		margin-top:30px;
		margin-bottom:10px
	}
	
	
	#slider label {
		position:absolute;
		font-size:12px;
		top:-28px;
	}
	
	#slider label#agent {
		left:0px;
	}
	
	#slider label#digital {
		right:0px;
	}
	
	#slider label#drbna {
		right:0px;
	}
	
	#slider label#analog {
		left:0px;
	}
	
	iframe {
		max-width:100%;
	}
		

}