/*!
 * Start Bootstrap - Scrolling Nav HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

body {
    width: 100%;
    height: 100%;
    font-size: 16px;
}

html {
    width: 100%;
    height: 100%;
}

@media(min-width:767px) {
    .navbar {
        padding: 20px 0;
        -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
        -moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
        transition: background .5s ease-in-out,padding .5s ease-in-out;
    }

    .top-nav-collapse {
        padding: 0;
    }
}
.logo {
	position:relative;
	top:-14px;
	height: 50px;
#	width: 120px;
}

.intro {
    padding-top: 160px;
	padding-bottom: 130px;
    text-align: center;
    background: #fff;
}

.intro a {
	margin-top: 60px;
}
.intro .btn-lg {
	padding: 15px 30px;
	color: #fff;
	background-color: #008cc7;
	border-color: #008cc7;
}
.intro .btn-lg:hover  {
	color: #f05024;
	background-color: #fff;
	border-color: #008cc7;
}
.intro .btn-lg:focus  {
	color: #009fc7;
	background-color: #fff;
	border-color: #008cc7;
}
.intro h2 {
	font-size: 46px;
}

#intro .btn-lg {
	margin-left: 10px;
	margin-right: 10px;
}
.navbar h1 {
	font-size: 18px;
	color: #333;
}
.about-section {
    height: 100%;
    padding-top: 150px;
    text-align: center;
    background: #eee;
}
.services-section {
    height: 100%;
    padding-top: 150px;
    text-align: center;
    background: #fff;
}
.contact-section {
    height: 100%;
    padding-top: 150px;
    text-align: center;
    background: #eee;
}
.section {
    padding-top: 80px;
	padding-bottom: 80px;
    background: #fff;
}
.section-stranka {
    padding-top: 100px;
	padding-bottom: 80px;
    background: #fff;
}
#sluzby  {
	padding-top: 40px;
}
#sluzby h3 {
	color: #333;
}
.section.border {
	border-bottom: 1px solid #ccc;
}
.section-grey {
    padding-top: 80px;
	padding-bottom: 80px;
    background: #f6f6f6;
}
.section-netdomu {
    padding-top: 30px;
	padding-bottom: 30px;
    background: #009fc7;
}
.section-orange {
    padding-top: 30px;
	padding-bottom: 30px;
    background: #009fc7;
    color: #fff;
 }   
.section-proces {
    padding-top: 50px;
	padding-bottom: 50px;
    background: #f8f8f8;
}
.section-sledovani {
	padding-top: 30px;
	padding-bottom: 35px;
    background: #f8f8f8;
}
.section-kontakt {
    padding-top: 30px;
	padding-bottom: 40px;
    background: #f8f8f8;
}
.section-footer{
    padding-top: 20px;
	padding-bottom: 50px;
    text-align: center;
    background: #444;
	color: #fff;
	font-size: 18px;
}
.section-heading {
	position: relative;
	padding-bottom: 20px;
	margin: 0 0 30px;
	font-family: "Montserrat", sans-serif;
	font-size: 24px;
	letter-spacing: 0.05em;
}
.section-heading:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	display: block;
	height: 1px;
	width: 120px;
	background-color: rgba(0,0,0,0.1);
}
.section-heading.text-center:after {
	left: 50%;
	margin-left: -60px;
}
/* navbar customization */

.navbar-default {
	font-size: 16px;
	background-color: #fff;
	border-bottom-color: #fff;
}

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus,
.navbar-default .navbar-brand:active,
.navbar-default .navbar-brand.active {
    color: #f05024;
}

.navbar-default .navbar-collapse {
    border-color: rgba(255,255,255,.02);
}

.navbar-default .navbar-toggle {
    border-color: #f05024;
    background-color: #f05024;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggyle:focus {
	border-color: grey;
    background-color: grey;
}

.navbar-default .nav li a {
  	color: #333333;
  	padding-left:20px;
  	padding-right:20px;
    letter-spacing: 1px;
}

.navbar-default .nav li a:hover,
.navbar-default .nav li a:focus {
    outline: 0;
    color: #f05024
}

.navbar-default .navbar-nav>.active>a {
    color: #f05024;
    background-color: #fff;
}

.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
    color: #009fc7;
    background-color: #fff;
}
.btn-lg {
	padding: 15px 30px;
	color: #009fc7;
	background-color: #fff;
	border-color: #008cc7;
}
.btn-lg:hover  {
	color: #fff;
	background-color: #008cc7;
	border-color: #008cc7;
}
.btn-lg:focus  {
	color: #009fc7;
	background-color: #fff;
	border-color: #008cc7;
}
/* Pokryti */
#map { 
	width: 100%;
	height: 500px;
}
/* Cenik */
.cenik1{
	border: 1px solid grey;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 10px;
	margin-bottom: 30px;
	padding-top: 20px;
	padding-bottom: 10px; 
	border-radius: 4px;
}
.cenik1.featured {
    padding: 30px 0;
    margin-top: -5px;
}
.container.cenik {
	margin-top: 30px;
}
.cenik1 a {
	color: #fff;
	background-color: #008cc7;
	border-color: #008cc7;
	padding: 5px 25px;
}
.cenik1 a:hover{
	color: #f05024;
	background-color: #fff;
	border-color: #008cc7;
}
.cenik-nadpis {
	font-size: 24px;
	display: block;
}
.cenik-cena {
	font-size: 24px;
	color: #009fc7;
}
.cenik-upload {
	display: block;
}
.cenik-vlastnosti {
	margin: 15px 0;
}
.cenik i {
	color: #008cc7;
	margin-top: 0px;
	margin-bottom: 0px;
}
.underline-small {
	border-top: 1px solid #009fc7;
    display: inline-block;
    width: 100px;
    margin-top: 10px;
    height: 1px;

}
.smooth{
  transition: all 0.5s;
  -moz-transition: all 0.5s; /* Firefox 4 */
  -webkit-transition: all 0.5s; /* Safari and Chrome */
  -o-transition: all 0.5s; /* Opera */
}

#kontakt h4 {
	font-size: 24px;
	color: #009fc7;
}
#kontakt a{
	padding: 10px 20px;
}	

#proces span {
    display: inline-block;
    height: 32px;
    width: 32px;
    line-height: 32px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    background-color: #009fc7;
    color: #fff;
    text-align: center;
    font-size: 18px;
	margin-top: 15px;
}

@media (min-width: 1024px){
	.col-xs-15{
		width: 20%;
	}
}
img {
	max-width: 100%;
}
#kontakt .btn-lg {
	padding-top: 10px;
	padding-bottom: 10px;
}
#myModal .btn-lg {
	padding-top: 10px;
	padding-bottom: 10px;
}
.btn-close {
	padding: 15px 30px;
	color: grey;
	background-color: #fff;
	border-color: grey;
}
.btn-close:hover  {
	color: #fff;
	background-color: grey;
	border-color: grey;
}
.btn-close:focus  {
	color: grey;
	background-color: #fff;
	border-color: grey;
}

.demo {
	padding: 5px;
	
}

.panel-group {
	padding-top: 30px;
}

.panel {
	border-color: #009fc7;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin-bottom: 7px!important
}
.panel>.panel-heading {
	display: block;
	color: #fff;
	background-color: #009fc7;
	border-color: #009fc7;
	-webkit-transition: all 250ms ease;
	-moz-transition: all 250ms ease;
	transition: all 250ms ease;
	text-decoration: none;
	position: relative
}
.panel>.panel-heading.collapsed {
	background-color: transparent;
	color: #313447
}
.panel>.panel-heading.collapsed:hover {
	background-color: #009fc7;
	color: #fff
}
.panel>.panel-heading.collapsed b {
	color: #009fc7;
}
.panel>.panel-heading.collapsed:hover b {
	color: #fff
}
.panel>.panel-heading+.panel-collapse .panel-body {
	border-top-color: #009fc7
}
.panel-body {
	padding: 22px 15px 25px
}
.indicator {
	position: absolute;
	width: 15px;
	height: auto;
	min-height: 100%;
	top: 0;
	right: 17px
}
.indicator .icon {
	position: absolute;
	width: 15px;
	height: 15px;
	top: 50%;
	margin-top: -7px
}
.indicator .icon .hr-line {
	display: block;
	width: 15px;
	height: 1px;
	background-color: #313447;
	margin-top: 7px;
	-webkit-transition: all 250ms ease;
	-moz-transition: all 250ms ease;
	transition: all 250ms ease
}
.indicator .icon .vr-line {
	display: block;
	width: 1px;
	height: 15px;
	background-color: #313447;
	margin-left: 7px;
	margin-top: -8px;
	-webkit-transition: all 250ms ease;
	-moz-transition: all 250ms ease;
	transition: all 250ms ease
}
.panel>.panel-heading.collapsed .indicator .icon .hr-line, .panel>.panel-heading.collapsed .indicator .icon .vr-line {
	background-color: #313447
}
.panel>.panel-heading .indicator .icon .hr-line {
	background-color: #fff
}
.panel>.panel-heading .indicator .icon .vr-line {
	display: none
}
.panel>.panel-heading.collapsed .indicator .icon .vr-line {
	display: block
}
.panel>.panel-heading.collapsed:hover .indicator .icon .hr-line, .panel>.panel-heading.collapsed:hover .indicator .icon .vr-line {
	background-color: #fff
}

.disabled  img{
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: gray;
	opacity: 0.5;
	filter: alpha(opacity=50);
 }
 
.disabled span {
    position: absolute;
    left: 10px;
    top: 15px;
	font-size: 2em;
	color: red;
    -webkit-transform: rotate(335deg);
    -moz-transform: rotate(335deg);
    -o-transform: rotate(335deg);
    writing-mode: lr-tb;
}

 #iptv p {
	padding-top: 20px;
 }
 i {
 	color: #009fc7;
 	margin-top: 40px;
 	margin-bottom: 0px;
 }
.rychly-kontakt i {
 	margin-top: 0px;
 }
 .rychly {
 	font-size: 20px
 }


#iptv-timeshift 			{float: left; width: 678px; height: 198px; margin: 0px 0 0 12px; padding: 00px 0px 20px 0px;; background: url('../images/iptv3.png')  no-repeat left top; }
#iptv-timeshift_ico1 			{text-align: center; float: center;    padding: 70px 0px 0px 0px; background: url('../images/iptv3-1.png')  no-repeat  top; }
#iptv-timeshift_ico2 			{text-align: center; float: center;    padding: 70px 0px 0px 0px; background: url('../images/iptv3-2.png')  no-repeat  top; }
#iptv-timeshift_ico3 			{text-align: center; float: center;    padding: 70px 0px 0px 0px; background: url('../images/iptv3-3.png')  no-repeat  top; }
#iptv-timeshift_ico4 			{text-align: center; float: center;   padding: 70px 0px 0px 0px; background: url('../images/iptv3-4.png')  no-repeat  top; }
#iptv-timeshift_ico5 			{text-align: center; float: center;   padding: 70px 0px 0px 0px; background: url('../images/iptv3-5.png')  no-repeat  top; }
#iptv-timeshift_ico6 			{text-align: center; float: center; padding: 70px 0px 0px 0px; background: url('../images/iptv3-6.png')  no-repeat  top; }
#iptv-kde-ico1 			{text-align: center; float: center; height: 158px; padding: 10px 0px 0px 0px; background: url('../images/iptv4-1.png')  no-repeat top; }
#iptv-kde-ico2 			{text-align: center; float: center; height: 158px; padding: 10px 0px 0px 0px; background: url('../images/iptv4-2.png')  no-repeat top; }
#iptv-kde-ico3 			{text-align: center; float: center; height: 158px; padding: 10px 0px 0px 0px; background: url('../images/iptv4-3.png')  no-repeat top; }
#iptv-kde-ico4 			{text-align: center; float: center; height: 158px; padding: 10px 0px 10px 0px; background: url('../images/iptv4-4.png')  no-repeat top; }
#iptv-video 			{width: 340px; height: 199px;  padding: 18px 0px 0px 18px; background: url('../images/iptvvideo-ramecek.png')  no-repeat top; }

#iptv-timeshift p {display: block; font-size: 16px; letter-spacing: 0.0em; padding: 4px 0 4px 0; margin: 0; }
#iptv p.nadpis {text-align: center;text-decoration: none;color:#3d3d3d; float: center; display: block; font-size: 22px; letter-spacing: 0.0em; padding: 4px 0 4px 0; margin: 20px 0px 0px 12px; }
#iptv p {display: block; font-size: 16px; letter-spacing: 0.0em; padding: 4px 0 4px 0; margin: 0; }
#iptv a.tlacitko {text-decoration: none;color: white; display: block; font-size: 20px; letter-spacing: 0.0em; padding: 4px 0 4px 0; margin: 0; background: url('../images/tlacitko-uzke.png') no-repeat center top;}
#iptv a.tlacitko_s {text-decoration: none;color: white; display: block; font-size: 20px; letter-spacing: 0.0em; padding: 4px 0 4px 0; margin: 0; background: url('../images/tlacitko-siroke.png') no-repeat center top;}

#iptv-funkce1  			{text-align: right; height: 120px; padding: 80px 20px 170px 0px; background: url('../images/iptvfce-zpetne-prehravani.png')  no-repeat right 20px; }
#iptv-funkce2 			{text-align: right; height: 120px; padding: 80px 20px 70px 0px; background: url('../images/iptvfce-nahravani.png')  no-repeat right 20px; }
#iptv-funkce3 			{text-align: right; height: 120px; padding: 90px 20px 70px 0px; background: url('../images/iptvfce-vice obrazovek.png')  no-repeat right 20px; }
#iptv-funkce4 			{text-align: right; height: 120px; padding: 80px 20px 170px 0px; background: url('../images/iptvfce-zpetne-prehravani.png')  no-repeat right 20px; }
#iptv-funkce5 			{text-align: right; height: 120px; padding: 80px 20px 80px 0px; background: url('../images/iptvfce-hd.png')  no-repeat right 20px;}
#iptv-funkce4-sipka 			{display: block; float: left; width: 100px; height: 120px; margin: 0px 0px 0px 350px; padding: 0px 0px 0px 00px; background: url('../images/sipka.png')  no-repeat left top; }

#iptvfce-box-1 			{text-align: left; font-size: 16px;  height: 108px; margin: 10px 0px 0px 0px; padding: 8px 0px 0px 14px; background: url('../images/iptvfce-box-1.png')  no-repeat left top; }
#iptvfce-box-2 			{text-align: left; font-size: 16px;  height: 62px; margin: 10px 0px 0px 0px; padding: 8px 0px 0px 14px; background: url('../images/iptvfce-box-2.png')  no-repeat left top; }
#tlac  			{color: white; text-align: center; font-size: 20px;  width: 129px; height: 33px; margin: -40px 0px 0px 220px; padding: 6px 0px 0px 0px; background: url('../images/iptvfce-box-tlac.png')  no-repeat left top; }


#iptv-cara 			{ height: 10px; margin: 10px 0px 0px 20px; padding: 0px 0px 0px 0px; background: url('../images/iptvcara.png')  no-repeat left top; }

#iptv-settopbox1 			{text-align: left; font-size: 16px; width: 473px; height: 150px; margin: 20px 0px 40px 40px; padding: 0px 0px 0px 240px; background: url('../images/iptvsledujtetv.png')  no-repeat left 30%; }
#iptv-settopbox2 			{text-align: left; font-size: 16px; width: 473px; height: 150px; margin: 10px 0px 40px 40px; padding: 0px 0px 0px 240px; background: url('../images/iptvbavtese.png')  no-repeat left 30%; }
#iptv-settopbox3 			{text-align: left; font-size: 16px; width: 473px; height: 150px; margin: 10px 0px 40px 40px; padding: 0px 0px 0px 240px; background: url('../images/iptvsurfujte.png')  no-repeat left 30%; }