@charset "utf-8";

.pageTitle
{
	background-color: @colorDefault;
}

.pageTitle
{
	margin-top: 60px;
}

.pageTitle .banner-box
{
	text-align: center;	
	font-size: 0;
	position: relative;
	z-index:1;
}

.pageTitle .banner-box:before
{
	/*display: block;
	content: "";
	width: 0;
	height: 0;
	border-left: 40px solid transparent;
	border-right: 40px solid transparent;
	border-top: 18px solid @colorDefault;
	position: absolute;
	bottom: -18px;
	left: calc(~'50% - 40px');
	z-index:5;*/
}

.pageTitle .banner-top .banner
{
	display: block;
	padding: 0;
	background-image: url(../../img/banner/title/bg-e.jpg);
	-webkit-background-size: 1100px;
	background-color: #002067;
	background-size: 1100px;
	background-position: left bottom;
	background-repeat: no-repeat;
	min-height: 150px;
}

.pageTitle .banner-top .banner img
{
	vertical-align: middle;
}

.pageTitle .link-bar
{
	.mixin-menu-ul;
	background-color: #0d3285;
	padding: 15px;
	padding-top: 20px;
	text-align: center;
	font-size: 0;
}

.pageTitle .link-bar li
{
	.mixin-menu-ul-li;
	display: inline-block;
	vertical-align: middle;
}

.pageTitle .link-bar a
{
	display: inline-block;
	color: #FFF;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: 500;
	font-size: 14px;
	width: 110px;
	padding: 75px 0 15px 0;
	background-repeat: no-repeat;
	background-position: center 4px;
	-webkit-background-size: 65px;
	background-size: 65px;
}

.pageTitle .link-bar li.internet a
{
	background-image: url(../../img/bar/bar-internet.png);
}

.pageTitle .link-bar li.tv a
{
	background-image: url(../../img/bar/bar-tv.png);
}

.pageTitle .link-bar li.call a
{
	background-image: url(../../img/bar/bar-call.png);
}

.pageTitle .link-bar li.availability a
{
	background-image: url(../../img/bar/bar-map.png);
}

.pageTitle .link-bar li.support a
{
	background-image: url(../../img/bar/bar-support.png);
}

.pageTitle .link-bar li.contacts a
{
	background-image: url(../../img/bar/bar-contact.png);
}

.pageTitle .link-bar li.secure a
{
	background-image: url(../../img/bar/bar-secure.png);
}

.pageTitle .page-strip
{
	background-image: url(../../img/bg-matrix2.png);
	background-position: right -50px;
	background-color: rgba(255,255,255,0.95);
	background-repeat: no-repeat;	
	-webkit-background-size: 300px;
	background-size: 300px;
	padding-top: 20px;
}

.pageTitle .page-strip:nth-child(2n+0)
{
	background-image: url(../../img/bg-matrix1.png);
	background-position: left -70px;
	background-color: #e3e8f3;
}

.pageTitle .page-strip .box
{
	background-position: center 25px;
	background-repeat: no-repeat;
	-webkit-background-size: 300px;
	background-size: 300px;
	padding: 35px 30px;
	padding-top: 210px;
	text-align: center;	
	position: relative;
}

/*.pageTitle .page-strip.internet
{
	background-color: @colorDefault + 18%;
}

.pageTitle .page-strip.tv
{
	background-color: @colorDefault + 8%;
}

.pageTitle .page-strip.call
{
	background-color: @colorDefault;
}*/

.pageTitle .page-strip.internet .box
{
	background-image: url(../../img/photos/internet-1.png);
	-webkit-background-size: 370px;
	background-size: 370px;
}

.pageTitle .page-strip.tv .box
{
	background-image: url(../../img/photos/tv-1.png);
}

.pageTitle .page-strip.fajntelka .box
{
	background-image: url(https://www.fajntelka.cz/resources/img/promo/promo-3.png);
	background-size: 250px !important;	
}

.pageTitle .page-strip.call .box
{
	background-image: url(../../img/photos/call-1.png);
}

.pageTitle .page-strip h2
{
	padding: 0;
	margin: 0;
	font-size: 50px;
	line-height: 50px;
	font-weight: 300;
}

.pageTitle .page-strip h2 a,
.pageTitle .page-strip h2 a:hover
{
	text-decoration: none !important;
}

.pageTitle .page-strip ul
{
	.mixin-menu-ul;
	margin: 20px auto;
	text-align: left;
}

.pageTitle .page-strip .button
{
	display: block;
	margin: 0;
	margin-top: 10px;
	width: 100%;
}

.pageTitle .page-strip .button.blank
{
	background-color: white !important;
}

.pageTitle .page-strip .circle-bubble
{
	top: 0px;
	transform: rotate(-15deg);
}

.pageTitle .page-strip.internet .circle-bubble
{
	background-color: @colorInternetCable;
}

.pageTitle .page-strip.tv .circle-bubble
{
	background-color: @colorTv;
	left: auto;
	right: 20px;
}

.pageTitle .page-strip.call .circle-bubble
{
	background-color: @colorCall;
	left: 20px;
}

#footer:after 
{
    border-top-color: @colorDefault !important;
}


@media (max-width: 767px) {

#MEDIA-MOBILE-ONLY------------------------------
{
}

}


@media (min-width: 768px) {

#MEDIA-TABLET------------------------------
{
}

.pageTitle .page-strip
{
	-webkit-background-size: auto;
	background-size: auto;
}

.pageTitle .page-strip.tv.fajntelka .box
{
	background-size: 450px !important;	
}

.pageTitle .page-strip .circle-bubble strong
{
	font-size: 34px;
	line-height: 34px;
}


}

@media (min-width: 992px) {

#MEDIA-DESKTOP------------------------------
{
}

.pageTitle
{
	margin-top: 0;
}

.pageTitle .banner-top .banner
{
	background-repeat: repeat-x;
	background-position: center bottom;
	-webkit-background-size: auto;
	background-size: auto;
}

.pageTitle .link-bar li
{
	border-right:1px solid rgba(255,255,255,0.07);
}

.pageTitle .link-bar a
{
	width: 140px;
	margin: 0 10px;
	border-radius:8px;
}

.pageTitle .link-bar li:last-child
{
	border-right:0 none;
}

.pageTitle .link-bar a:hover
{
	text-decoration: none !important;
	background-color: rgba(255,255,255,0.05);	
}

.pageTitle .page-strip .box
{
	-webkit-background-size: 550px;
	background-size: 550px;	
	padding: 40px 20px;
	margin: 0 auto;
	background-position: left 55px;
	text-align: left;
}

.pageTitle .page-strip.fajntelka .box
{
	background-size: 500px !important;	
	background-position: right 50px top 40px !important;
}

.pageTitle .page-strip:nth-child(2n+0) .box
{	
	background-position: right 80px;
	text-align: right;
}

.pageTitle .page-strip h2
{
	font-size: 55px;
	line-height: 55px;
}

.pageTitle .page-strip ul
{
	text-align: inherit;
}

.pageTitle .page-strip ul li
{
	padding: 5px;
	padding-left: 35px;
	background-position: left center;
	font-size: 20px;
}

.pageTitle .page-strip:nth-child(2n+0) ul li
{
	
	padding: 5px;
	padding-right: 35px;
	background-position: right center;
}

.pageTitle .page-strip.internet .box
{
	-webkit-background-size: 580px;
	background-size: 580px;
	background-position: -30px 70px;
}

.pageTitle .page-strip .box .content
{
	
	padding-left: 53%;	
	padding-right: 0;
}

.pageTitle .page-strip:nth-child(2n+0) .box .content
{
	padding-left: 0;
	padding-right: 53%;	
}

.pageTitle .page-strip .button
{
	display: inline-block;
	margin-right: 10px;
	width: auto;
}

.pageTitle .page-strip .circle-bubble
{
	top: 40px;
}

.pageTitle .page-strip.internet .circle-bubble
{
	left: 60px;
}

.pageTitle .page-strip.tv .circle-bubble
{
	left: auto;
	right: 40px;
}

.pageTitle .page-strip.call .circle-bubble
{
	left: 80px;
}

}


@media (min-width: 1250px) {

#MEDIA-LARGE------------------------------
{
}

.pageTitle .page-strip .box
{
	-webkit-background-size: auto !important;
	background-size: auto !important;
	min-height: 400px;
	background-position: right 60px;
}

.pageTitle .link-bar a
{
	width: 170px;
	font-size: 20px;
}

.pageTitle .link-bar li.secure a
{
	font-size: 15px;
}

.pageTitle .page-strip:not(:nth-child(2n+0)) .box
{
	background-position: left 65px;
}

.pageTitle .page-strip.call .box
{
	background-position: 80px 60px;
}

.pageTitle .page-strip .circle-bubble
{
	top: -20px;
}

.pageTitle .page-strip.internet .circle-bubble
{
	left: 100px;
}

.pageTitle .page-strip.tv .circle-bubble
{
	left: auto;
	right: 20px;
}

.pageTitle .page-strip.call .circle-bubble
{
	left: 150px;
}

}


@media (min-width: 1440px) {

#MEDIA-ULTRA------------------------------
{
}

}