hr {
height: 0px; 
width: 80%;
border-top: 1px solid black; 
border-bottom: 1px solid gray;
}

/* ######################################## SECTIONS 
------------------------- */

.middleSection {
	margin-top: 80px;
	margin-bottom: 40px;
	}

.middleSection > h1 {
	font-size: 30px;
	font-weight: 800;
	color: black;
	text-align: center;
	margin-top: 30px;
	margin-bottom: 60px;
	}

.middleSection > p {
	font-size: 18px;
	font-weight: 200;
	color: black;
	text-align: center;
	}
	
.sectionTable {
border: 1px solid gray;
border-radius: 10px;
margin: auto;
width: 400px;
font-size: 14px;
font-weight: 200;
margin-bottom: 20px;
background: whitesmoke;
}

.sectionTableCell {
text-align: right;
font-weight: 500;
height: 40px;
line-height: 40px;
font-size: 16px;
}

.sectiionTableCellHeader {
background: gray;
text-align: center;
color: black;
}

.iptvDevices {
height: 600px;
background-image: url('../../img/iptv/livingRoom.jpg');
background-size: cover;
border-radius: 10px;
box-shadow: 2px 2px 4px gray;
}


/* ######################################## JUMBOTRON ------------------------- */

.jumbotron-half-black {
	background-color: rgba(0,0,0,0.8);
	margin: 0px 0px 0px 0px;
	padding: 40px 40px 40px 60px;
	color: white;
	font-size: 30px;
	font-weight: 900;
	border-bottom-left-radius: 10px;
	border-top-left-radius: 10px;
	border-left: 1px solid #404040;
	border-bottom: 1px solid #404040;
	border-top: 1px solid #404040;
	}
	
	.jumbotron-half-black > h1{
	font-size: 30px;
	font-weight: 900;
	}
	
	.jumbotron-half-black > p{
	font-size: 14px;
	font-weight: 200;
	}
	

/* ######################################## WORK AND HOME ------------------------- */

.containerMain {
	height: 500px;
	padding: 150px 30px 150px 30px;
	background-size: cover;
	box-shadow: 2px 2px 4px gray;
	}

.containerMain > h1 {
color: white;
font-size: 30px;
font-weight: 900;
}

.containerMain > p {
color: white;
font-size: 18px;
font-weight: 200;
}

.containerMainLong {
	padding: 100px 30px 150px 30px;
	}
	
.containerMainXLong {
	padding: 50px 30px 150px 30px;
	}

.containerMain > .dimmed {
	color: silver;
	font-size: 12px;
	font-weight: 200px;
	}

.container-black > h1 {
	color: black;
}

.container-black > p {
	color: black;
}

/* ######################################## TARIFS ------------------------- */

.tarifs {
	height: 700px;
	padding: 50px 30px 0px 30px;
	background-size: cover;
	box-shadow: 3px 3px 4px gray;
	}

.tarifs > h1 {
color: white;
font-size: 38px;
font-weight: 900;
margin: auto; 
width: 100%; 
text-align: center;
}

.tarifs > p {
color: white;
font-size: 18px;
font-weight: 200;
}

.tarifs > ul {
	color: white;
	font-size: 16px;
	font-weight: 200;
	display: inline-block; 
	text-align: left;
	}

.tarifs > .dimmed {
	color: silver;
	font-size: 12px;
	font-weight: 200px;
	}

.tarifs > .price {
	font-size: 24px;
	text-align: center; 
	font-weight: 800;
	width: 100%;
}



.col-iptv-img > img {
	border-radius: 60px;
	border: 5px solid white;
	width: 80px;
	height: 80px;
	float: center;
}

.col-iptv-h1 > h1 {
	text-align: center;
	color: white;
	font-size: 38px;
	font-weight: 900;
	margin: auto; 
	width: 100%; 
	text-align: center;
	height: 80px;
	line-height: 80px;
}

.iptv-highlights {
	text-align: center;
	height: 400px;
}



/* ######################################## CONTAINER 
------------------------- */


.container-header {
	background: rgba(0,0,0,0.7);
	border-radius: 10px;
}

.container-header > h1 {
	color: white;
}

.container-header > p {
	color: white;
	}

.col-services {
	padding: 0;
	box-shadow: 2px 2px 4px gray;
	background-size: cover;
	height: 500px;
	}

.col-services-first {
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
}

.col-services-last {
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
}

.col-services > div {
	text-align: center;
	background: rgba(0,0,0,0.7);
	cursor: pointer;
	margin: auto;
	height: 500px;
	}
	
.col-services > div:hover {
	background: transparent;
	}

.col-services > div > h1 {
	display: inline-block;
	font-size: 20px;
	font-weight: 900;
	margin: 30px 15px 10px 15px;
	color: white;
	}

.col-services > div > h2 {
	font-size: 18px;
	font-weight: 500;
	line-height: 25px;
	color: white;
	}

.col-services > div > h3{
	font-size: 18px;
	font-weight: 500;
	line-height: 25px;
	color: white;
	}
	
.col-services > div > p {
	font-size: 16px;
	font-weight: 200;
	color: white;
	}

.col-services > div > p > a {
	margin-top: 30px;
	margin-bottom: 30px;
	}



.jumbotron-iptv{
	position: relative;
	padding: 0;
	background-image: url('../../img/iptv/iptvBack.jpg');
	background-size: cover;
	}
	
.jumbotron-phone{
	position: relative;
	padding: 0;
	background-image: url('../../img/pevnaLinka/phoneBack.jpg');
	background-size: cover;
	}

.jumbotron-mobile {
	position: relative;
	padding: 0;
	background-image: url('../../img/mobil/headImage.jpg');
	background-size: cover;
}

.jumbotron-firmy {
	position: relative;
	padding: 0;
	background-image: url('../../img/firmy/ictMain.jpg');
	background-size: cover;
}

.jumbotron-vivoTelcoTransform{
	position: relative;
	padding: 0;
	background-image: url('../../img/mainPage/vivoTelcoTransform.png');
	background-size: cover;
}

/* ######################################## COL-DEVICES 
------------------------- */

.col-devices {
	padding: 0;
	background-size: cover;
	height: 600px;
	}

.col-devices > div {
	text-align: center;
	cursor: pointer;
	margin: auto;
	height: 600px;
	}
	
.col-devices > div:hover {
	background: transparent;
	}

.col-devices > div > h1 {
	display: inline-block;
	font-size: 20px;
	font-weight: 900;
	margin: 30px 15px 10px 15px;
	color: black;
	}

.col-devices > div > h2 {
	font-size: 18px;
	font-weight: 500;
	line-height: 25px;
	color: black;
	}

.col-devices > div > h3{
	font-size: 18px;
	font-weight: 500;
	line-height: 25px;
	color: black;
	}
	
.col-devices > div > p {
	font-size: 16px;
	font-weight: 200;
	color: black;
	}

.col-devices > div > p > a {
	margin-top: 30px;
	margin-bottom: 30px;
	}

.img-devices {
	max-width: 250px;
	max-height: 200px;
}

.col-devices-third {
	height: 600px;
	background-image: url('../../img/iptv/livingRoom.jpg');
	background-size: cover;
	border-radius: 10px;
}



/* ######################################## COL-IPTV-DETAIL 
------------------------- */

.col-iptvDetailImg {
	height: 800px;
	background-size: cover;
	text-align: center;
	
}

.col-iptvDetailImg > h1 {
	color: white;
	font-size: 38px;
	font-weight: 900;
	margin: 50px 20px 50px 20px; 
}

.col-iptvDetailImg > h2 {
	color: white;
	font-size: 20px;
	font-weight: 900;
	margin: 50px 20px 0px 20px; 
}

.col-iptvDetailImg > h3 {
	color: white;
	font-size: 38px;
	font-weight: 900;
	margin: 0px 20px 50px 20px; 
}

.col-iptvDetailImg > p {
	color: white;
	font-size: 16px;
	font-weight: 200;
	margin: 20px 20px 10px 20px; 
}

.col-iptvDetailList {
	height: 800px;
	background: black;
}

.col-iptvDetailList > h1 {
	font-size: 20px;
	font-weight: 600;
	margin: 10px 20px 10px 20px;
	height: 30px;
	line-height: 30px;
	color: white;
}

.row-iptvDetail {
	margin-top: 50px;
	box-shadow: 2px 2px 4px black;
	border-radius: 10px;
}

.col-iptvDetailList > div {
	background: white;
	border-radius: 10px;
	box-shadow: inset 2px 2px 4px black;
	height: 730px;
	overflow: scroll;
}

.col-iptvDetailList > div > h1 {
	font-size: 20px;
	font-weight: 600;
	padding: 5px 20px 5px 20px;
	color: white;
	margin: 5px 8px 0px 8px;
	background: gray;
	border-radius: 5px;
	box-shadow: 1px 1px 2px gray;
	height: 40px;
	line-height: 30px;
}

.col-iptvDetailList > div > h2 {
	font-size: 20px;
	font-weight: 200;
	padding: 5px 20px 5px 20px;
	color: gray;
}

.col-iptvDetailList > div > p {
	padding: 0px 20px 0px 20px;
}


/* ######################################## COL-ENHANCEMENT 
------------------------- */

.col-enhancementImg {
	padding: 0;
	background-size: cover;
	background-position: center;
	min-height: 200px;
	}
	
.col-enhancementText {
	padding: 30px 50px 30px 50px;
	min-height: 200px;
	background: silver;
	}
	
.col-enhancementText > h1 {
	color: black;
	font-size: 20px;
	font-weight: 900;
	}	

.col-enhancementText > p {
	font-size: 16px;
	font-weight: 200;
	color: black;
	}

.row-enhancement {
	border-radius: 10px;
}


.iptvChannelLogo {
	margin: 5px 10px 0px 10px;
	font-size: 18px;
	width: 45px;
	height: 30px;
	}


/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 480px) {

	.sectionTable {
	width: 400px;
	}
}

@media (min-width: 640px) {
	
}

@media (min-width: 768px) {
	.jumbotron-half-black  > p{
	font-size: 18px;
	}
	
	.col-services-first {
		border-top-left-radius: 10px;
		border-bottom-left-radius: 10px;
	}
	
	.col-services-last {
		border-top-right-radius: 10px;
		border-bottom-right-radius: 10px;
	}
	
	.containerMain-first {
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
	}
	
	.containerMain-last {
		border-bottom-left-radius: 10px;
		border-bottom-right-radius: 10px;
	}	
	
	.tarifs {
		height: 650px;
		padding: 80px 30px 0px 30px;
		background-size: cover;
		box-shadow: 3px 3px 4px gray;
		}
	
	.col-iptv-img > img {
		float: right;
	}
	
	.col-iptv-h1 > h1 {
		text-align: left;
	}
	
	.col-devices-third {
		background: transparent;
	}
	
	.col-enhancementImg {
		border-bottom-left-radius: 10px;
		border-top-left-radius: 10px;
		}
		
	.col-enhancementText {
		border-bottom-right-radius: 10px;
		border-top-right-radius: 10px;
		}
	
	.row-enhancement {
		box-shadow: 2px 2px 4px gray;
	}
	
	.col-iptvDetailImg {
		border-bottom-left-radius: 10px;
		border-top-left-radius: 10px;		
	}
	
	.col-iptvDetailList {
		border-top-right-radius: 10px;
		border-bottom-right-radius: 10px;
	}
	
	.sectionTable {
	width: 800px;
	}
	
}

@media (min-width: 992px) {

}

@media (min-width: 1200px) {

}