@import url('https://fonts.googleapis.com/css?family=Exo:300,400,600,700,800i|Open+Sans:400,400i,700&subset=latin-ext');

body, html{
	margin: 0;
	padding: 0;
}
body{
	background-color: #FFFFFF;
	color: #2c2c2c;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	line-height: 20px; 
	font-weight: 400;
	text-align: left;
	text-rendering: optimizeLegibility;
}
h1, h2, h3, h4, h5, h6{
	font-family: 'Exo', sans-serif;
	font-weight: normal;
	line-height:1.3em;
	color: #8dc63f;
}
h1{
	font-weight: 700;
	font-size: 38px;
}
h2{
	font-size: 28px;
	font-weight: 300;
	color: #606060;
}
h3{
	bannefont-size: 20px;
	font-weight: 600;
}
h4{
	font-size: 16px;
	font-weight: 700;
}
@media (max-width: 991px) {
h1{
	font-size: 28px;
}
h2{
	font-size: 24px;
}
h3{
	font-size: 18px;
}
}
@media (max-width: 767px) {
h1{
	font-size: 26px;
}
}
@media (max-width: 467px) {
h1{
	font-size: 20px;
}
h2{
	font-size: 18px;
}
h3{
	font-size: 16px;
}
body{
	font-size: 12px;
	line-height: 18px; 
}
}

p{
	color: #2c2c2c;
	font-size:1em;
	line-height: 1.6em; 
} 

/* A */

a {
/*	font-family: 'Raleway', sans-serif; */
	color: #8dc63f;
	transition: all ease-in-out .2s;
	-webkit-transition: all ease-in-out .2s;	
}
a:visited,
a:active,
a:hover,
a:focus{
	text-decoration: underline;
}
a:hover{ text-decoration:none;	color:#8dc63f;}

a.download {
	display: block;
	clear: both;
	float: none;
	padding: 7px 0;
	color: #2c2c2c;	
}

a.download .icon {
	display: block;
	float: left;
	font-size: 20px;
	margin-right: 10px;
	margin-top: -5px;
}
a.download:hover,
a.download:focus{ text-decoration:none;	color:#8dc63f;}

a.personal-link {
	font-weight: 400;
	font-size: 0.8em;
	color: #666;
	text-decoration: underline;
}
a.personal-link:hover,
a.personal-link:focus {
	text-decoration:none;
	color:#8dc63f;
}
/* BLOCKQUOTE */
blockquote {
	position: relative;
	padding: 10px 40px;
	margin: 0;
	font-size: 16px;
	line-height: 24px;
	font-weight: 400;
	border-left: none;
	font-style: italic;
}
blockquote:before {
	content: '“';
	position: absolute;
	font-style: normal;
	left: 0;
	top: 15px;
	color: #8dc63f;
	font-size: 70px;
	font-family: serif;
}
blockquote:after {
	content: '”';
	position: absolute;
	font-style: normal;
	right: 0;
	bottom: -15px;
	color: #8dc63f;
	font-size: 70px;
	font-family: serif;
}
.blockquote-name {
	position: relative;
	padding: 0 40px;
	margin: 0;
	font-size: 14px;
	font-weight: 700;
	line-height: 18px;
  color: #989898;
}
.blockquote-name:before {
	content: "";
	display: block;
	width: 50px;
	border-top: 1px solid #ddd;
	margin-bottom: 12.5px;	
}
.blockquote-function {
	position: relative;
	padding: 0 40px;
	margin: 0;
	font-size: 12px;
	line-height: 16px;
	font-weight: 400;
  color: #989898;	
}
.text-red {
	color: #fa3a5e;
}
.text-black {
	color: #000;
}
.text-blue {
	color: #1cc7d2;
}
.text-green {
	color: #8dc63f;
}
/* NOMARGINS */
.nomargin-bottom {
	margin-bottom: 0 !important;
}
.nopadding-bottom {
	padding-bottom: 0 !important;
}
.nomargin {
	margin: 0 !important;
}

/* MARGINS */
.mb-1 {
	margin-bottom: .5em !important;
}
.mb-2 {
	margin-bottom: 1em !important;
}
.mb-3 {
	margin-bottom: 1.5em !important;
}
.mb-4 {
	margin-bottom: 2em !important;
}
/* TEXT-NORMAL */
.text-normal {
	font-weight: 400 !important;
}

.green-text {
	color: #8dc63f;
}
.grey-text {
  color: #989898;
}
@media (max-width: 767px) {
.text-sm-center {
	text-align: center;
}
}

/* BUTTONS */
.btn {
	font-family: 'Exo', sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	padding: 11px 15px;
	border-radius: 10px 0 10px 0;
	outline: none;
	transition: all ease-in-out .2s;
	-webkit-transition: all ease-in-out .2s;	
}
.btn-primary,
.btn-primary.active {
	background-color: #1cc7d2;
	border-color: #1cc7d2;
	outline: none;
	padding-left: 30px;
	padding-right: 30px;
	margin-bottom: 10px;
}
.btn-primary:focus,
.btn-primary:hover,
.btn-primary:active,
.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary:active.focus,
.btn-primary:active:focus,
.btn-primary:active:hover
 {
	background-color: #1c9abe;
	border-color: #1c9abe;
	outline: none;
}
.btn-red,
.btn-red.active {
	background-color: #fa3a5e;
	border-color: #fa3a5e;
	outline: none;
	padding-left: 30px;
	padding-right: 30px;
	margin-bottom: 10px;
}
.btn-red:focus,
.btn-red:hover,
.btn-red:active,
.btn-red.active.focus,
.btn-red.active:focus,
.btn-red.active:hover,
.btn-red:active.focus,
.btn-red:active:focus,
.btn-red:active:hover
 {
	background-color: #ce183a;
	border-color: #ce183a;
	outline: none;
}
.btn-group-lg>.btn, .btn-lg {
	padding: 12.5px 16px;
	font-size: 22px;
	border-radius: 10px 0 10px 0;
}
.btn-submit {
 white-space: normal;
}

.btn-backflip,
.btn-backflip.active {
	background-color: #ddd;
	border-color: #ddd;
	color: #FFFFFF;
	outline: none;
	padding: 6px 15px;
	margin: 0;
	
}
.btn-backflip:focus,
.btn-backflip:hover,
.btn-backflip:active,
.btn-backflip.active.focus,
.btn-backflip.active:focus,
.btn-backflip.active:hover,
.btn-backflip:active.focus,
.btn-backflip:active:focus,
.btn-backflip:active:hover
 {
	background-color: #ddd;
	border-color: #ddd;
	color: #606060;
	
	outline: none;
}
.btn.danger {
	color: #ffffff;
	background-color: #ff2a00;
	border-color: #ff2a00;
}
.btn.success {
	color: #ffffff;
	background-color: #8dc63f;
	border-color: #8dc63f;
}
.green .btn.success {
	color: #8dc63f;
	background-color: #FFFFFF;
	border-color: #FFFFFF;
}

/* MODALS */
.modal-header p {
	margin-bottom: 0;
}

/* ALERTS */
.alert {
	position: absolute;
	font-weight: 700;
	text-transform: uppercase;
	padding: 11px 15px;
	padding-right: 40px;
	border-radius: 4px;
	outline: none;
	transition: all ease-in-out .2s;
	-webkit-transition: all ease-in-out .2s;	
	-webkit-box-shadow: 0 0 10px 2px rgba(0,0,0,0.20);
	box-shadow: 0 0 10px 2px rgba(0,0,0,0.20);
	border-color: transparent;
	max-width: 100%;
}
.alert-danger {
	color: #ffffff;
	background-color: #ff2a00;
	border-color: #ff2a00;
}
.alert-success {
	color: #ffffff;
	background-color: #8dc63f;
	border-color: #8dc63f;
}
.alert-dismissable {
	position: absolute;
}
.alert-dismissable .close {
	position: absolute;
	display: block;
	top: 50%;
	margin-top: -8px;
	right: 10px;
	width: 16px;
	height: 16px;
	opacity: .8;
}
.alert-dismissable .close:hover,
.alert-dismissable .close:focus {
	opacity: 1;
}

/* ICONS */
.icon-close {
	display: block;
	position: relative;
	width: 16px;
	height: 16px;
	z-index: 100;
	transform: rotate(45deg);
}
.icon-close:before {
	content: "";
	display: block;
	position: absolute;
	width: 16px;
	height: 2px;
	background-color: #FFFFFF;
	top: 50%;
	margin-top: -1px;
}
.icon-close:after {
	content: "";	
	display: block;
	position: absolute;
	width: 2px;
	height: 16px;
	background-color: #FFFFFF;
	top: 0;
	left: 50%;
	margin-left: -1px;
}


/* LISTS */
ul.nolist,
ul.nolist li {
	list-style: none;
	padding-left: 0;
}
ul.checklist,
ul.checklist li {
	list-style: none;
	padding-left: 15px;
	text-indent: -30px;
}
ul.checklist li:before {
  font-family: "wircom" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
	color: #6fbe44;
	position: relative;
	top: 8px;
	padding-right: 5px;
	font-size: 24px;
	transition: color ease-in-out .2s;		
	-webkit-transition: color ease-in-out .2s;
  content: "\e032";
}
ul.hours,
ul.hours li {
	list-style: none;
}
ul.hours {
	display: block;
	overflow: hidden;
	float: none;
	clear: both;
	padding: 0;
	margin: 0;
}
ul.hours li {
	width: 80px;
	display: inline-block;
	text-align: left;

}
ul.hours li:first-child {
	width: 60px;
}


/* HEADER */
.header {
	position: relative;
	
}
/* HEADER :: NAVIGATION */
.navigation {
	position: relative;
	display: block;
	z-index: 12;	
}
.navigation>.container {
	position: relative;
}
/* HEADER :: NAVIGATION :: LOGO */
.navigation .logo {
	display: block;
	position: absolute;
	margin-top: -75px;
}
/* HEADER :: NAVIGATION :: HOTLINE */
.navigation .hotline,
.navigation a.hotline {
	font-family: 'Exo', sans-serif;
	display: block;
	position: absolute;
	margin-top: -125px;
	right: 15px;
	font-size: 20px;
	font-weight: 800;
	font-style: oblique;
	color: #296e46;
	text-decoration: none;
}
.navigation .hotline:hover,
.navigation a.hotline:hover,
.navigation .hotline:focus,
.navigation a.hotline:focus {
	color: #195030;
	text-decoration: none;
}
.navigation .hotline .icon {
	font-size: 24px;
	padding-top: 20px;
}
.navigation .hotline .text {
	display: block;
	padding-left: 40px;
	margin-top: -30px;
}

.navigation .hotline:hover .icon:before,
.navigation a.hotline:hover .icon:before,
.navigation .hotline:focus .icon:before,
.navigation a.hotline:focus .icon:before {
	color: #195030;
}
.navigation .hotline:hover .icon:after,
.navigation a.hotline:hover .icon:after,
.navigation .hotline:focus .icon:after,
.navigation a.hotline:focus .icon:after {
	color: #195030;
}



/* HEADER :: NAVIGATION :: NAVBAR */
.navigation .navbar {
	display: block;
	position: relative;
	margin-top: 70px;
}
.navbar {
	/* background-color: #8dc63f; */
	background: #8dc63f;
	background: -moz-linear-gradient(4deg, #8dc63f 4%, #397c45 100%);
	background: -webkit-linear-gradient(4deg, #8dc63f 4%,#397c45 100%);
	background: linear-gradient(176deg, #8dc63f 4%,#397c45 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8dc63f', endColorstr='#397c45',GradientType=1 );	
	margin-left: 180px;
	border: 0;
	border-radius: 5px;
}
.navbar .nav>li>a {
	font-family: 'Exo', sans-serif;
	font-size: 16px;
	font-weight: 700;
	color: #FFFFFF;
	padding: 17.5px 25px;
  -webkit-transition: background .15s ease-in-out;
	transition: background .15s ease-in-out;
}
.navbar .nav>li:first-child>a {
	border-radius: 5px 0 0 0;	
}
.navbar .nav:last-child>li:last-child>a {
	border-radius: 0 5px 0 0;	
}
.navbar .nav>li.open>a,
.navbar .nav>li>a.active,
.navbar .nav>li>a:hover,
.navbar .nav>li>a:focus {
	background-color: #FFFFFF;
	color: #8dc63f;	
}
.navbar-collapse {
	padding: 0;
}
.navbar-right {
	margin-right: 0;
}

@media (max-width: 991px) {
.navbar .nav>li>a {
	font-size: 16px;
	padding: 17.5px 15px;
}
}
@media (max-width: 767px) {
.navigation>.container {
	position: inherit;
}
	
.navigation .logo {
	position: relative;
	float: left;
	margin-top: -8px;
	margin-left: 15px;
	padding: 0;
}
.navbar .nav:last-child>li:last-child>a {
	border-radius: 0;	
}
.navigation .hotline,
.navigation a.hotline {
	position: absolute;
	margin-top: -40px;
	right: 70px;
	font-size: 16px;
}
.navigation .hotline .icon {
	font-size: 18px;
}
.navigation .hotline .text {
	padding-left: 30px;
	margin-top: -26px;
}

}

/* HEADER :: NAVIGATION :: NAVBAR :: HOVERMENU */
@media (min-width: 768px) {
	.header .navbar .navbar-nav>li {
    position: inherit;
	}
	.dropdown {
		display: block;
		margin: 0;

	}
	.hovermenu {
    display: none;
		position: absolute;
		left: 0;
		width: 960px;
		padding: 0;
		background-color: #FFFFFF;
		padding-top: 0;
		margin: 0;
		margin-top: -3px;
		border-radius: 0 0 5px 5px;
	}
	.header .navbar .navbar-nav>li.dropdown:hover .hovermenu {
		display: block;
	}

	.hovermenu > .submenu{
		position: relative;
    display: table;
		clear: both;
		float: none;
		width: 100%;
		background: none;
		border: none;
		box-shadow: none;
		-webkit-shadow: none;
		min-width: 0;
		padding: 0;
		margin: 0;

  }
	.hovermenu > ul.submenu > li {
    padding: 25px 0;
    display: table-cell;
    float: none;
    vertical-align: top;
    width: 1%;
		text-align: center;	
	}

	.submenu > li > a{
		display: block;
		font-size: 14px;
		line-height: 20px;
		color: #5a5a5a;
		background: none;
    padding: 20px 20px 0 20px;
		text-align: center;
		min-height: 145px;
		border-left: 1px solid #dedede;
		white-space: normal;	
		transition: color ease-in-out .2s;		
		-webkit-transition: color ease-in-out .2s;
  }
	.submenu > li:first-child > a{
		border-left: none;			
  }
	.submenu > li > a:focus,
	.submenu > li > a:hover{
		background: none;
		color: #8dc63f;
  }
	.submenu > li > a .icon:before {
		color: #296e46;
	}
	.submenu > li > a .icon:after {
		color: #8dc63f;
	}
	.submenu > li > a:focus .icon:before,
	.submenu > li > a:hover .icon:before {
		color: #8dc63f;
  }
	.submenu > li > a:focus .icon:after,
	.submenu > li > a:hover .icon:after {
		color: #296e46;
  }
	.submenu .menu-icon {
		margin: 0 auto;
		display: block;
		font-size: 50px;
		text-align: center;
		color: #8dc63f;
		margin-bottom: 10px;
  }
} 

@media (max-width: 1199px) {
	.hovermenu {
		width: 760px;
	}
	.submenu > li > a{
		min-height: 135px;
  }	
	.submenu .menu-icon {
		font-size: 45px;
  }

}
@media (max-width: 991px) {
	.hovermenu {
		width: 540px;
	}
	.submenu > li > a{
		font-size: 14px;
		line-height: 20px;
		min-height: 120px;
  }	
	.submenu .menu-icon {
		font-size: 40px;
  }

	
}
@media (max-width: 767px) {
	.hovermenu {
		display:none;
	}
	.submenu > li > a{
		font-size: 14px;
		line-height: 20px;
		min-height: auto;		
  }	
}

@media (max-width: 767px) {

	.header .navbar {
		position: relative;
		display: block;
		clear: both;
		float: none;
		border: none;
		margin: 0 -15px;
		padding: 0;
		height: auto;
		top: 0;
		background: none;
		background-color: transparent;
		border-radius: 0;		
	}
	.header .navbar .navbar-collapse {
    margin: 0;
		right: 0;
		top: 0;
		position: relative;
		background-color: #8dc63f;
    padding: 0 0;
    border-top: none;		
    -webkit-box-shadow: none;
    box-shadow: none;
	}
  .header .navbar-nav  {
		position: relative;
    display: block;
    padding: 0;
    margin: 0;
  }
	.header .navbar .navbar-nav li {
		clear: both;
		float: none;
		border: none;
		border-bottom: 1px solid rgba(255,255,255,0.3);
		margin: 0;
		padding: 0;
		border-radius: 0;		
	}

	.header .navbar .navbar-nav:last-child li:last-child {
		border-bottom: none;
	}
	.header .navbar .navbar-nav li>a {
		display: block;
		float: none;
		clear: none;		
		font-size: 14px;
		line-height: 20px;
		padding: 10px 25px;
		letter-spacing: normal;
		border-radius: 0;
		text-decoration: none;		
	}
	.hovermenu {
		display: block;		
		width: auto;
		padding: 0;
		margin: 0;
	}
	.navbar-toggle {
		font-size: 30px;
    color: #fff;
		background-color: #8dc63f;
		margin: 0;
		border-radius: 0;
		padding: 10px 15px;
  }
	.navbar-toggle.collapsed {
		background: none;
		background-color: transparent;
  }
	.navbar-toggle.collapsed .icon-menu:before {
	  content: "\e005";
  }
	.navbar-toggle .icon-menu:before {
	  content: "\e012";
  }
	.header .navbar .navbar-nav .submenu{
		padding: 0;
  }
	.header .navbar .navbar-nav .submenu li {
		border-top: 1px solid #dedede;
		background-color: #ffffff;
	}
	.header .navbar .navbar-nav .submenu li>a {
		display: block;
		float: none;
		clear: none;		
		font-size: 12px;
		line-height: 16px;
		padding: 8px 25px;
		letter-spacing: normal;
		text-transform: uppercase;
		text-decoration: none;
		color: #5a5a5a;
		transition: none;		
		-webkit-transition: none;	
		
	}
	.header .navbar .navbar-nav .submenu li>a.active,
	.header .navbar .navbar-nav .submenu li>a:active,	
	.header .navbar .navbar-nav .submenu li>a:hover,
	.header .navbar .navbar-nav .submenu li>a.hover,
	.header .navbar .navbar-nav .submenu li>a:focus {
		color: #8dc63f;
	}
	
	.header .navbar .navbar-nav .submenu .menu-icon {
		display: none;
	}
}


/* HEADER :: BANNER */
.header .banner {
	display: block;
	position: relative;
	top: -150px;
	height: 800px;
	width: 100%;
	margin-bottom: -150px;
	background-color: #dedede;
}
.slick-banner {
	height: 800px;
}
.slick-banner .slide {
	background-color: #FFFFFF;
	height: 800px;
	outline: none;
}
.slide.homepage.pokrytie {
	background: url("../img/img-topbanner1.jpg") no-repeat center;
	background-size: cover;
}

.slide.homepage.tv {
	background: url("../img/img-topbanner-tv.jpg") no-repeat top right;
	background-size: cover;
}
.slide.programy-pripojenia,
.slide.homepage.inet {
	background: url("../img/img-topbanner-inet.jpg") no-repeat top center;
	background-size: cover;
}
.slide.xmas {
	background: url("../img/img-banner-programy-pripojenia.jpg") no-repeat top center;
	background-size: cover;
}
.slide.xmas2 {
	background: url("../img/img-banner-programy-pripojenia1.jpg") no-repeat right;
	background-size: cover;
}
.slide.preco-kiki {
	background: url("../img/img-banner-preco-kiki.jpg") no-repeat bottom center;
	background-size: cover;
}
.slide.dokumenty-na-stiahnutie {
	background: url("../img/img-banner-dokumenty-na-stiahnutie.jpg") no-repeat center;
	background-size: cover;
}
.slide.faktury-a-platby {
	background: url("../img/img-banner-faktury-a-platby.jpg") no-repeat center;
	background-size: cover;
}
.slide.pre-nasich-zakaznikov {
	background: url("../img/img-banner-pre-nasich-zakaznikov.jpg") no-repeat center;
	background-size: cover;
}
.slide.panoramy {
	background: url("../img/img-banner-panoramy.jpg") no-repeat center;
	background-size: cover;
}
.slide.kiki-v-skratke {
	background: url("../img/img-banner-kiki-v-skratke.jpg") no-repeat center;
	background-size: cover;
}
.slide.referencie {
	background: url("../img/img-banner-referencie1.jpg") no-repeat center;
	background-size: cover;
}
.slide.pripojenie-pre-firmy {
	background: url("../img/img-banner-pripojenie-pre-firmy2.jpg") no-repeat center right;
	background-size: cover;
}
.slide.kiki-ako-zalozne-pripojenie {
	background: url("../img/img-banner-kiki-ako-zalozne-pripojenie1.jpg") no-repeat center top;
	background-size: cover;
}
.slide.mapa-pokrytia {
	background: url("../img/img-banner-mapa-pokrytia.jpg") no-repeat center top;
	background-size: cover;
}
.slide.kontaktne-informacie {
	background: url("../img/img-banner-kontaktne-informacie.jpg") no-repeat center;
	background-size: cover;
}
.slide.zakaznicke-centrum {
	background: url("../img/img-banner-zakaznicke-centrum.jpg") no-repeat center;
	background-size: cover;
}
.slide.ako-vas-pripojime {
	background: url("../img/img-banner-ako-vas-pripojime.jpg") no-repeat center;
	background-size: cover;
}
.slide.pokrytie-trencin {
	background: url("../img/img-banner-pokrytie-trencin.jpg") no-repeat center;
	background-size: cover;
}
.slide.pokrytie-trencianske-teplice {
	background: url("../img/img-banner-pokrytie-trencianske-teplice.jpg") no-repeat center;
	background-size: cover;
}
.slide.pokrytie-puchov {
	background: url("../img/img-banner-pokrytie-puchov.jpg") no-repeat center;
	background-size: cover;
}
.slide.objednavka {
	background: url("../img/img-topbanner-inet.jpg") no-repeat top center;
	background-size: cover;
	height: 300px;
}
.slide.tv {
	background: url("../img/img-banner-tv.jpg") no-repeat center;
	background-size: cover;
}
.header .banner.objednavka {
	height: 300px;
}
.header .banner .slide .banner-text-container {
	display: block;
	position: relative;
	margin-top: 180px;
	padding-left: 180px;
}
.slide .banner-text-container h1 {
	color: #FFFFFF;
	margin-bottom: 15px;
}
.slide .banner-text-container h2 {
	color: #FFFFFF;
}
.slide .banner-text-container h3 {
	color: #FFFFFF;
}
.slide .banner-text-container p {
	font-size: 16px;
	line-height: 24px;
	color: #FFFFFF;
	margin-bottom: 25px;
}
.slide .banner-text-container ul.checklist,
.slide .banner-text-container ul.checklist li {
	color: #FFFFFF;
}
.slide .banner-text-container ul.checklist li:before {
	color: #FFFFFF;
}
.slide.light .banner-text-container h1,
.slide.light .banner-text-container h2,
.slide.light .banner-text-container h3
 {
	color: #8dc63f;
}
.slide.light .banner-text-container p {
	color: #606060;
}
.slide.light  .banner-text-container ul.checklist,
.slide.light  .banner-text-container ul.checklist li {
	color: #606060;
}
.slide.light  .banner-text-container ul.checklist li:before {
	color: #8dc63f;
}
@media (max-width: 1499px) {
	.slide.homepage.inet {
		background-position: top right;
	}
}
@media (max-width: 1199px) {
.header .banner {
	height: 500px;
}
.slick-banner {
	height: 500px;
}
.slick-banner .slide {
	height: 500px;
}	
.slide.kiki-ako-zalozne-pripojenie {
		background-position: top right -200px;
}
	.slide.programy-pripojenia,
	.slide.homepage.inet {
		background-position: top center;
	}

	.slide.homepage.tv {
		background-position: top right -100px;
	}
}
@media (max-width: 991px) {
	.header .banner {
		height: 470px;
	}
	.slick-banner {
		height: 470px;
	}
	.slick-banner .slide {
		height: 470px;
	}	

	.slide.homepage.tv {
		background-position: top right -215px;
	}
	.slide.kiki-ako-zalozne-pripojenie {
			background-position: top right -450px;
	}
	.slide.programy-pripojenia,
	.slide.homepage.inet {
		background-position: top center;
	}
.slide.pripojenie-pre-firmy {
	background-position: center right -250px;
}

}
@media (max-width: 767px) {
.header .banner {
	display: block;
	position: relative;
	top: -130px;
	height: auto;
	min-height: 470px;
	width: 100%;
	background-color: #dedede;
	margin-bottom: -130px;
}
.slick-banner {
	min-height: 470px;
	height: auto;
}
.slick-banner .slide {
	min-height: 470px;
	height: auto;
}
.header .banner.objednavka {
	min-height: 300px;
}
.slide.objednavka {
	min-height: 300px;
}

.slide.pripojenie-pre-firmy {
	background-position: center right -400px;
}
.slide.kontaktne-informacie {
	background-position: center right -350px;
}
.slide.kiki-ako-zalozne-pripojenie {
		background-position: top right -600px;
}
.slide.referencie {
		background-position: top right -300px;
}
.slide.programy-pripojenia,
.slide.homepage.inet {
	background-position: top center;
}
.slide.pre-nasich-zakaznikov {
	background-position: center right -500px;
}


.header .banner .slide .banner-text-container {
	margin-top: 170px;
	padding-left: 10px;
	padding-right: 30px;
}
.header .banner .slide .banner-text-container p {
	font-size: 16px;
}
.slide.homepage.tv {
	background-position: center;
}
.header .banner.tv .banner-text-container {
	width: 320px;
}

}
@media (max-width: 467px) {
.header .banner .slide .banner-text-container p {
	font-size: 14px;
	line-height: 20px;
	padding-right: 100px;
}
.header .banner .slide .banner-text-container p br {
	display: none;
}
.slide.mapa-pokrytia {
	background-position: center right -500px;
}
.slide.kontaktne-informacie {
	background-position: center right -250px;
}
.slide.programy-pripojenia,
.slide.homepage.inet {
	background-position: top center;
}
.slide.pre-nasich-zakaznikov {
	background-position: center right -600px;
}

.slide.homepage.tv {
	background-position: center right -400px;
}
.slide.pripojenie-pre-firmy {
	background-position: center right -550px;
}
.header .banner.tv .banner-text-container {
	width: 220px;
}
.header .banner.tv .banner-text-container p {
	padding-right: 0;
}
}

/* SECTION */
.section {
	padding-top: 20px;
	padding-bottom: 20px;
}
.section.blank {
	min-height: 179px;
}
.section.nopadding {
	padding-top: 0;
	padding-bottom: 0;
}
.section.grey {
	background-color: #f4f4f4;
}
.section.green {
	background: #8dc63f;
	background: -moz-linear-gradient(4deg, #8dc63f 4%, #397c45 150%);
	background: -webkit-linear-gradient(4deg, #8dc63f 4%,#397c45 150%);
	background: linear-gradient(176deg, #8dc63f 4%,#397c45 150%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8dc63f', endColorstr='#397c45',GradientType=1 );	


}
.section.dark {
	background-color: #000000;
}
.section.map-container {
	background-color: #f4f4f4;
	padding: 0;
	margin: 0;
	height: 600px;
}
.section.pricetab-btn {
	padding-top: 40px;
	padding-bottom: 30px;
	border-bottom: 1px solid #e4e4e4;
}
#pricetab {
	border-top: 1px solid #e4e4e4;

	padding-bottom: 40px;
}
.section .map {
	padding: 0;
	margin: 0;
	height: 600px;

}
.section.map-container.homepage {
	height: 300px;
}
.section .map.homepage {
	height: 300px;
}
.section.map-container.contact {
	height: 400px;
}
.section .map.contact {
	height: 400px;
}

.section.prejdite-k-nam {
	background: url("../img/img-section-prejditeknam.jpg") no-repeat center right;
	background-size: cover;
}
.section.povedzte-si-to {
	background: url("../img/img-section-povedztesito.jpg") no-repeat center;
	background-size: cover;
}
.section h2 {
	margin-bottom: 30px;
}
.section h2.iconheadline {
	margin-top: 0;
}
.section h2 + p {
	margin-top: -10px;
}
.section h2 + p.margin {
	margin-top: 0;
}
.section h2 + p.headline-note {
 margin-top: -15px;
}
.section img + p {
	margin-top: 30px;
}

.section .big-icon + h3  {
	margin-top: 15px;
}
.section .big-icon + h2  {
	margin-top: 10px;
	font-weight: 600;
}

.section .col-device .big-icon + h3 {
	margin-top: 0;
}

.section p + .form-horizontal  {
	margin-top: 20px;
}
.dark h2,
.dark h3,
.dark h4,
.dark p {
	color: #ffffff;
}
.green h2,
.green h3,
.green p {
	color: #ffffff;
}
@media (max-width: 1199px) {
.section.prejdite-k-nam {
	background-position: -80px 0;
}
}
@media (max-width: 991px) {
.section.prejdite-k-nam {
	background-position: -250px 0;
}
}

@media (max-width: 767px) {
.section .left-icon-headline  {
	margin-top: 0;
}
.section.prejdite-k-nam {
	background-position: center right;
}

}
/* SECTION :: COLUMNS */
.section .col {
	padding-bottom: 20px;
}
.section .col-device {
	width: 140px;
	display: inline-block;
}
.section .row .col .row {
	margin-left: -5px;
	margin-right: 5px;	
}
.section .row .col .row .col {
	padding-left: 5px;
	padding-right: 5px;	
}
a.col {
	display: block;
}
.col-lg-offset-1_2 {
	margin-left: 12.5%;
}
.section .col h2 {
	padding-bottom: 0;
	margin-bottom: 20px;
}
.section .col .img-infographic {
	padding: 15px 0;
	margin: 0 auto;
}
.section .col .img-infographic-small {
	padding: 0;
	margin: 0 auto;
}
.section .col .img-logo-reference {
	padding: 15px 0;
	margin: 0 auto;
}
.section .col-minpad {
	padding-left: 0;
	padding-right: 0;	
}
.toppadding {
	padding-top: 40px;
}
/* SECTION :: COLUMNS :: SQUARE */

.section .col .card {
	display: block;
	padding: 5px 0;
	cursor: pointer;
}
.section .col .card .front {
	display: block;
	border-radius: 5px;
	padding: 20px 10px;
	min-height: 421px;
	width: 100%;
	background-color: #FFFFFF;
	padding-top: 70px;
}
.section .col .card .back {
	display: block;
	border-radius: 5px;
	padding: 20px 10px;
	min-height: 421px;
	width: 100%;
	background-color: #eee;
}
@media (max-width: 1199px) {
.section .col-minpad {
	padding-left: 5px;
	padding-right: 5px;	
}
.section .col .img-infographic {
	padding: 5px 0;
}
.col-lg-offset-1_2 {
	margin-left: 0;
}
.section .col .card .front {
	min-height: 463px;
}
.section .col .card .back {
	min-height: 463px;
}
.section .col-device {
	width: 120px;
}
}
@media (max-width: 991px) {
.section .col .img-infographic {
	padding: 0;
}
.section .col-device {
	width: 130px;
}
}
@media (max-width: 767px) {
.section.vzor-faktury {
	display: none;
}
	
.section .col .img-infographic {
	padding: 10px;
	padding-bottom: 0;
	max-width: 300px;
}
.section .col .img-infographic-small {
	padding: 10px;
	max-width: 220px;
}
.section .col .img-logo-reference {
	padding: 10px;
	max-width: 220px;
}
.text-sm-center {
	text-align: center;
}
.section .col .card {
	min-height: auto;
}
.section .col .card .front {
	min-height: 365px;
}
.section .col .card .back {
	min-height: 365px;
}
.section .row .col .row {
	padding-bottom: 0;
}
.section .row .col .row .col {
	padding-bottom: 0;
}
.section .col-device {
	margin-top: 5px;
}

}
@media (max-width: 467px) {
.section .col .img-infographic {
	padding: 10px;
	padding-bottom: 0;
	max-width: 230px;
}
.section .col .card .front {
	min-height: 421px;
}
.section .col .card .back {
	min-height: 421px;
}

}

/* SECTION :: BANNER */
.slick-banner-pokrytie {
	height: 400px;
}
.slick-banner-pokrytie .slide {
	position: relative;

	background-color: #FFFFFF;
	height: 400px;
}
.section .banner .slide .banner-text-container {
	display: block;
	position: relative;
	height: 360px;
}
.section .banner .slide .banner-text-container h1 {
	position: absolute;
	top: 50%;
	width: 100%;
	text-align: center;
	color: #FFFFFF;
	font-size: 60px;
	line-height: 60px;
	margin-top: -30px;
}
.section .banner .slide .banner-text-container h2 {
	padding-top: 10px;
	margin-bottom: 20px;
}
@media (max-width: 767px) {
.section .banner .slide .banner-text-container {
	display: block;
	position: relative;
	height: auto;
	margin-top: 0;
	padding: 30px 30px;
}
.section .banner .slide .banner-text-container h1 {
	position: relative;
	top: 0;
	width: 100%;
	font-size: 40px;
	line-height: 48px;
	margin-top: 0;
}
.section .banner .slide .banner-text-container h2 {
	font-size: 26px;
	line-height: 32px;
}

}
/* COLUMNS :: PRICE */
.col .price {
	font-family: 'Exo', sans-serif;
	font-size: 30px;
	line-height: 36px;
	font-weight: 700;
	color: #8dc63f;
	padding: 0;
	margin: 0;
}
.price .noselection {
	display: block;
	font-family: 'Exo', sans-serif;
	font-size: 14px;
	line-height: 20px;
	font-weight: 700;
	color: #8dc63f;
	padding: 0;
	margin: 0;
}
.col .under-price {
	font-size: 12px;
	line-height: 16px;
	font-weight: 400;
	color: #989898;
	padding: 0;
	margin: 0;
	margin-bottom: 20px;
}

/* COLUMNS :: TABLE PONUKA */

.table-ponuka{
	display: block;
	overflow: hidden;
  margin: 20px 0;
  padding: 0;	
}
.table-ponuka .column{
	display: block;
	float: left;
  box-sizing: border-box;
  width: 100%;
	padding: 0;
	margin: 10px 0;
  list-style: none;
	border-right: 1px solid #f4f4f4;
}
.table-ponuka .column:first-child h2 {
	border-radius: 5px 0 0 0; 
}
.table-ponuka .column:last-child h2 {
	border-radius: 0 5px 0 0; 
}
.table-ponuka .column:first-child .action {
	border-radius: 0 0 0 5px; 
}
.table-ponuka .column:last-child .action {
	border-radius: 0 0 5px 0; 
}
.table-ponuka .cell{
	background-color: #f4f4f4;
	position: relative;
}
.grey .table-ponuka .cell{
	background-color: #FFFFFF;
}
.table-ponuka .column:last-child{
	border-right: none;
}

@media (min-width: 768px) {
.table-ponuka > .column-sm-2cols { width: 50%; }
.table-ponuka > .column-sm-3cols { width: 33.33%; }
.table-ponuka > .column-sm-4cols { width: 25%; }
.table-ponuka > .column-sm-5cols { width: 20%; }	
}
@media (min-width: 992px) {
.table-ponuka > .column-md-2cols { width: 50%; }
.table-ponuka > .column-md-3cols { width: 33.33%; }
.table-ponuka > .column-md-4cols { width: 25%; }
.table-ponuka > .column-md-5cols { width: 20%; }	
}
@media (min-width: 1200px) {
.table-ponuka > .column-lg-2cols { width: 50%; }
.table-ponuka > .column-lg-3cols { width: 33.33%; }
.table-ponuka > .column-lg-4cols { width: 25%; }
.table-ponuka > .column-lg-5cols { width: 20%; }	
}

.table-ponuka .cell h2,
.table-ponuka .cell h3 {
	display: block;
	font-size: 22px;
	line-height: 28px;
	font-weight: 700;
	background-color: #8dc63f;
	color: #FFFFFF;
	padding: 10px 10px;
	margin: 0;
}
.table-ponuka .cell p {
	display: block;
	padding: 10px 0;
	margin: 0 15px;
}
.table-ponuka .cell h2 ~ p,
.table-ponuka .cell h3 ~ p {
    margin-top: 0;
}

.table-ponuka .cell .icon {
	display: block;
	position: absolute;
	font-size: 30px;
	line-height: 36px;
	margin-left: 30px;
	top: 50%;
	margin-top: -22px;
}
.table-ponuka .cell .description {
	font-family: 'Exo', sans-serif;
	font-weight: 400;
	display: block;
	font-size: 12px;
	line-height: 18px;
	border-bottom: 1px solid #eeeeee;
	min-height: 93px;
}
.table-ponuka .cell.speeds {
	min-height: 70px;
}
.table-ponuka .cell .speed {
	font-family: 'Exo', sans-serif;
	display: block;
	font-size: 26px;
	line-height: 32px;
	color: #8dc63f;
	font-weight: 700;
	padding-bottom: 0;
	
}
.table-ponuka .cell .under-speed {
	display: block;
	font-size: 12px;
	line-height: 18px;
	color: #989898;
	font-weight: 700;
	padding-top: 0;
	border-bottom: 1px solid #eeeeee;
	min-height: 65px;
}
.table-ponuka .cell .under-speed span {
	font-weight: 400;
}
.table-ponuka .cell .other-speed {
	display: block;
	font-size: 12px;
	line-height: 18px;
	color: #989898;
	font-weight: 400;
	border-bottom: 1px solid #eeeeee;
	min-height: 39px;
}
.table-ponuka .cell .month-free {
	display: block;
	font-size: 12px;
	line-height: 18px;
	color: #989898;
	font-weight: 700;
	min-height: 56px;
}
.table-ponuka .cell .other-benefits {
	display: block;
	font-size: 12px;
	line-height: 18px;
	color: #989898;
	font-weight: 700;
	min-height: 58px;
	border-bottom: 1px solid #eeeeee;
}
.table-ponuka .cell .other-benefits.business {
	min-height: 58px;
}
.table-ponuka .cell .router {
	display: block;
	font-size: 14px;
	line-height: 20px;
	color: #989898;
	font-weight: 700;
	min-height: 63px;
	border-bottom: 1px solid #eeeeee;
	padding-left: 40px;
}

.table-ponuka .cell .benefit {
	display: block;
	font-size: 12px;
	line-height: 18px;
	color: #989898;
	font-weight: 700;
	border-bottom: 1px solid #eeeeee;
	min-height: 58px;
	
}
.table-ponuka .cell .benefit.noborder {
	border-bottom: 0;
}
.table-ponuka .cell .price {
	font-family: 'Exo', sans-serif;
	display: block;
	font-size: 30px;
	line-height: 36px;
	color: #8dc63f;
	font-weight: 700;
	padding-bottom: 0;
	background-color: #fff;
	margin: 0;
}


.table-ponuka .cell .inner-price {
	font-family: 'Exo', sans-serif;
	display: inline-block;
	font-size: 1.2em;
	color: #8dc63f;
	font-weight: 700;
	padding-bottom: 0;
	background-color: #fff;
	margin: 0;
}
.grey .table-ponuka .cell .price{
	background-color: #666;
}
.table-ponuka .cell .under-price {
	display: block;
	font-size: 12px;
	line-height: 16px;
	color: #989898;
	font-weight: 400;
	padding-top: 0;
	padding-bottom: 15px;
	background-color: #fff;
	margin: 0;
	margin-top: -5px;
}
.grey .table-ponuka .cell .under-price{
	background-color: #666;
	color: #FFFFFF;
	
}

.price .old-price {
	font-size: 16px;
	line-height: 36px;
	margin: 0;
	padding: 0;
	color: #57b9ec;
	font-weight: 700;
	text-decoration: line-through;
}
.table-ponuka .cell .speed-bar-container {
	display: block;
	padding: 0;
	background-color: #555555;
	margin: 0;
	height: 6px;
}
.speed-bar-container>.speed-bar {
	display: block;
	left: 0;
	width: 0;
	background-color: #8dc63f;
	padding: 0;
	margin: 0;
	height: 6px;
}
.speed-bar-container>.speed-bar.red {
	background-color: #fa3a5e;
}
.speed-bar.percent25 {
	width: 25%;
}
.speed-bar.percent50 {
	width: 50%;
}
.speed-bar.percent75 {
	width: 75%;
}
.speed-bar.percent100 {
	width: 100%;
}

.table-ponuka .cell .btn-primary {
	padding-left: 30px;
	padding-right: 30px;
	margin: 20px 0;
}

.table-ponuka .cell .favorite-container {
	display: block;
	height: 31px;
	background-color: #f4f4f4;
}
.favorite-container > .favorite {
	font-family: 'Exo', sans-serif;
	font-size: 14px;
	line-height: 17px;	
	font-weight: 700;
	text-transform: uppercase;
	color: #FFFFFF;
	padding: 8px 15px 6px 15px;
	margin: 0 15px;
	border-radius: 10px 10px 0 0;
	background-color: #fa3a5e;
}
.favorite-container > .favorite.orange {
	background-color: #1cc7d2;
}
.table-ponuka .cell .discount-container {
	display: block;
	height: 48px;
	background-color: #f4f4f4;
}
.discount-container > .discount {
	font-size: 14px;
	line-height: 17px;
	font-weight: 700;
	text-transform: uppercase;
	color: #FFFFFF;
	padding: 8px 15px 6px 15px;
	margin: 0 15px;
	border-radius: 0 0 10px 10px;
	background-color: #57b9ec;
}
@media (max-width: 1199px) {
.price .noselection {
	font-size: 12px;
	line-height: 18px;
}
.table-ponuka .cell h2,
.table-ponuka .cell h3 {
	font-size: 20px;
	line-height: 26px;
	padding: 10px 5px;
}
.table-ponuka .cell h2 {
	min-height: 72px;
}
.table-ponuka .cell .icon {
	margin-left: 20px;
}
.table-ponuka .cell .description {
	min-height: 112px;
}
.table-ponuka .cell .speed {
	min-height: 85px;
}
.table-ponuka .cell .under-speed {
	min-height: 105px;
}
.table-ponuka .cell .price.price-2rows {
	line-height: .8em;
	padding-top: 6px;
	padding-bottom: 11px;
}
.table-ponuka .cell .under-price.price-2rows {
display: none;
}

.table-ponuka .cell .other-speed {
	min-height: 57px;
}
.table-ponuka .cell .router {
	padding-left: 40px;
}

}
@media (max-width: 991px) {
.table-ponuka .column {
	margin-top: 5px;	
	margin-bottom: 35px;
}
.table-ponuka .cell .description {
	min-height: 57px;
}
.table-ponuka .column:first-child h2,
.table-ponuka .column:first-child h3 {
	border-radius: 0; 
}
.table-ponuka .column:last-child h2,
.table-ponuka .column:last-child h3 {
	border-radius: 0; 
}
.table-ponuka .column:first-child .action {
	border-radius: 0; 
}
.table-ponuka .column:last-child .action {
	border-radius: 0; 
}
.table-ponuka .cell .under-speed {
	min-height: 65px;
}
.table-ponuka .cell .other-speed {
	min-height: 40px;
}
.table-ponuka .cell .month-free {
	min-height: 38px;
}
.table-ponuka .cell .icon {
	margin-left: 50px;
}
.table-ponuka .cell .router {
	padding-left: 0;
}
.table-ponuka .cell .price.price-2rows {
	line-height: .8em;
	padding-top: 10px;
	padding-bottom: 10px;
}
.table-ponuka .cell .speed {
	min-height: 36px;
}
.table-ponuka .cell .benefit {
	min-height: 36px;
}
}
@media (max-width: 767px) {
.table-ponuka {
	padding-left: 15px;
	padding-right: 15px;	
}

.table-ponuka .column {
	margin-top: 15px;	
	margin-bottom: 25px;
}
.table-ponuka .column h2,
.table-ponuka .column:first-child h2,
.table-ponuka .column:last-child h2,
.table-ponuka .column h3,
.table-ponuka .column:first-child h3,
.table-ponuka .column:last-child h3 {
	border-radius: 5px 5px 0 0; 
}
.table-ponuka .column .action,
.table-ponuka .column:first-child .action,
.table-ponuka .column:last-child .action {
	border-radius: 0 0 5px 5px; 
}
.table-ponuka .cell .description {
	min-height: 36px;
}
.table-ponuka .cell .benefit {
	min-height: 36px;
}
.table-ponuka .cell .under-speed {
	min-height: 0;
}
.table-ponuka .cell .other-speed {
	min-height: 36px;}
.table-ponuka .cell .other-benefits {
	min-height: 36px;}
.table-ponuka .cell .month-free {
	min-height: 36px;}

.table-ponuka .cell .discount-container {
	height: auto;
}
.table-ponuka .cell .favorite-container {
	height: auto;
}
.table-ponuka .cell .icon {
	margin-left: 10px;
}
.table-ponuka .cell .router {
	padding-left: 40px;
}
}

/* COLUMN :: PLATBA-CYKLUS */
.platba-cyklus .col .description {
	min-height: 85px;
}
@media (max-width: 1199px) {
.platba-cyklus .col .description {
	min-height: 70px;
}
}
@media (max-width: 991px) {
.platba-cyklus .col .description {
	min-height: 85px;
}
}
@media (max-width: 767px) {
.platba-cyklus .col .description {
	min-height: auto;
	margin-bottom: 20px;
}
}

/* COLUMNS :: ZRIADENIE */
.zriadenie h2 {
	margin-bottom: 10px;
}
@media (max-width: 991px) {
.zriadenie h3 {
	min-height: 76px;
}
}
@media (max-width: 767px) {
.zriadenie h3 {
	min-height: auto;
}
}


/* ORDER :: ACTION */
.action input[type="radio"]:empty,
.action input[type="checkbox"]:empty {
    display: none;
}
.action input[type="radio"]:empty ~ label,
.action input[type="checkbox"]:empty ~ label {
    position: relative;
    cursor: pointer;
		padding-left: 15px;
		padding-right: 15px; 
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #efefef;
    border-color: #efefef;
		color: #606060;
		text-transform: none;
		font-weight: inherit;
		white-space: normal;
}
.action input[type="radio"]:empty ~ label h3,
.action input[type="checkbox"]:empty ~ label h3,
.action input[type="radio"]:empty ~ label p,
.action input[type="checkbox"]:empty ~ label p,
.action input[type="radio"]:empty ~ label .price,
.action input[type="checkbox"]:empty ~ label .price {
		color: #606060;
}
.action input[type="radio"]:hover:not(:checked) ~ label,
.action input[type="checkbox"]:hover:not(:checked) ~ label {
    background-color: #e0e0e0;
    border-color: #e0e0e0;
}
.action input[type="radio"]:checked ~ label,
.action input[type="checkbox"]:checked ~ label {
    background-color: #8dc63f;
    border-color: #8dc63f;
		color: #FFFFFF;
}
.action input[type="radio"]:checked ~ label h3,
.action input[type="checkbox"]:checked ~ label h3,
.action input[type="radio"]:checked ~ label p,
.action input[type="checkbox"]:checked ~ label p,
.action input[type="radio"]:checked ~ label .price,
.action input[type="checkbox"]:checked ~ label .price,
.action input[type="radio"]:checked ~ label .price .noselection,
.action input[type="checkbox"]:checked ~ label .price .noselection {
		font-weight: 700;
		color: #FFFFFF;
}
.action label {
	font-size: 16px;
}
.text-left .action label {
	text-align: left;
}
.action label h3 {
	margin-top: 5px;
	margin-bottom: 10px;
}
.action label p {
	font-size: 16px;
	line-height: 22px;
	white-space: normal;
}
.action label p.price {
	margin-bottom: 5px;
}
.action label p.akcia-obdobie {
	font-size: 30px;
	line-height: 36px;
	font-weight: 700;
	margin-top: 5px;
	margin-bottom: 10px;
}
.action label p.akcia-obdobie .noselection {
	display: block;
	font-family: 'Exo', sans-serif;
	font-size: 14px;
	line-height: 20px;
	font-weight: 700;
	color: #8dc63f;
	padding: 0;
	margin: 0;
}
.action label p.program-benefits,
.action label p.small-text {
	font-size: 14px;
	line-height: 20px;
}
.action input[type="radio"]:checked ~ label p.small-text,
.action input[type="checkbox"]:checked ~ label p.small-text {
	font-weight: 400;
	color: #FFFFFF;
}
.action input[type="radio"]:checked ~ label p.akcia-obdobie .noselection,
.action input[type="checkbox"]:checked ~ label p.akcia-obdobie .noselection {
		font-weight: 700;
		color: #FFFFFF;
}
.action label .highlight,
.action input[type="checkbox"]:empty ~ label .highlight,
.action input[type="radio"]:empty ~ label .highlight,
.action input[type="checkbox"]:empty ~ label p.highlight,
.action input[type="radio"]:empty ~ label p.highlight {
	font-weight: 700;
	color: #8dc63f;
}
.action input[type="checkbox"]:checked ~ label .highlight,
.action input[type="radio"]:checked ~ label .highlight,
.action input[type="checkbox"]:checked ~ label p.highlight,
.action input[type="radio"]:checked ~ label p.highlight {
	font-weight: 700;
	color: #FFFFFF;
}
.action label p.program-benefits {
	min-height: 85px;
}
.action label p:last-child {
	margin-bottom: 0;
}
/* ORDER :: ACTION :: AKCIE */
.akcie .action label {
	min-height: 360px;
}
.akcie .action label.error {
	min-height: auto;
}
/* ORDER :: ACTION :: DOPLNKOVE */
.doplnkove .action label {
	min-height: 180px;
}
.doplnkove .col {
	text-align: left;
}
.doplnkove .col h3 {
	text-align: left;
}
.doplnkove .price-container {
	text-align: right;
}
/*
.action input[type="radio"]:empty ~ label:before,
.action input[type="checkbox"]:empty ~ label:before {
    position: absolute;
    display: block;
    top: 5px;
    bottom: 0;
    left: 5px;
    content:'';
    width: 20px;
    height: 20px;		
    border-radius: 3px;
}
.action input[type="radio"]:hover:not(:checked) ~ label:after,
.action input[type="checkbox"]:hover:not(:checked) ~ label:after {
		position: absolute;
    top: 0;
    bottom: 0;
    left: 10px;
		font-family: "kiki";
		font-size: 26px;
  	content: "\e032";
    color: #1c9abe;
}
.action input[type="radio"]:hover:not(:checked) ~ label:before,
.action input[type="checkbox"]:hover:not(:checked) ~ label:before {
		position: absolute;
    top: 0;
    bottom: 0;
    left: 10px;
		font-family: "kiki";
		font-size: 26px;
  	content: "\e033";
    color: #FFFFFF;
}

.action input[type="radio"]:hover:not(:checked) ~ label,
.action input[type="checkbox"]:hover:not(:checked) ~ label {
    background-color: #1c9abe;
}
.action input[type="radio"]:checked ~ label:after,
.action input[type="checkbox"]:checked ~ label:after {
		position: absolute;
    top: 0;
    bottom: 0;
    left: 10px;
		font-family: "kiki";
		font-size: 26px;
  	content: "\e032";
    color: #8dc63f;
}
.action input[type="radio"]:checked ~ label:before,
.action input[type="checkbox"]:checked ~ label:before {
		position: absolute;
    top: 0;
    bottom: 0;
    left: 10px;
		font-family: "kiki";
		font-size: 26px;
  	content: "\e033";
    color: #FFFFFF;
}
*/
label.error {
	display: block;
	margin: 0 auto;
	color: #ff2a00;
	text-align: center;
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
}
.grey label.error {
	color: #ffffff;
}
/* ORDER :: SUMMARY */
.summary {
  position: -webkit-sticky;
  position: sticky;
  top: -1px;
	display: block;
	background-color: #1cc7d2;
	color: #ffffff;
	padding: 5px 0;
	z-index: 10;
}
.summary .col div {
	display: inline-block;
	text-align: center;
	padding: 0 15px;
}
.summary p {
	font-weight: 700;
	color: #ffffff;
	font-size: 18px;
	line-height: 24px;
	white-space: normal;
	padding: 16px 10px 12px 10px;
	margin: 0;
	text-transform: uppercase;
}
.summary p.price {
	color: #ffffff;
	font-size: 26px;
	line-height: 32px;
	padding: 0;
}
.summary p.platba {
	text-transform: lowercase;
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
	padding: 0;
}
@media (max-width: 1199px) {
	.action label p.program-benefits,
	.action label p.small-text {
		font-size: 12px;
		line-height: 18px;
	}
	.akcie .action label {
		min-height: 340px;
	}
	.doplnkove .action label {
		min-height: 190px;
	}
	
}
@media (max-width: 991px) {
.action label {
	font-size: 14px;
}
.action label p {
	font-size: 14px;
	line-height: 20px;
}
.action label p.program-benefits,
.action label p.small-text {
	font-size: 12px;
	line-height: 18px;
}
.action label p.program-benefits {
	min-height: 90px;
}
.program .action label {
	min-height: 200px;
}
.akcie .action label {
	min-height: 380px;
}
.doplnkove .action label {
	min-height: 195px;
}
}
@media (max-width: 767px) {

.action label p.program-benefits {
	min-height: auto;
}
.program .action label {
	min-height: auto;
}

.akcie .action label {
	min-height: auto;
}
.doplnkove .action label {
	min-height: auto;
}

.doplnkove .col,
.doplnkove .col h3 {
	text-align: center;
}
.doplnkove .price-container {
	text-align: center;
}
.summary .col {
	text-align: center;
}
.summary .col div {
	padding: 0 15px;
}
.summary p {
	text-align: center;
	font-size: 16px;
	line-height: 22px;
	padding: 5px 0;
}

}

/* ICONS */
.icon:before {
		color: #296e46;
}
.icon-odzaciatku:before,
.icon-pauza:before,
.icon-nahravanie:before,
.icon-nielendoma:before {
		color: #8dc63f;
}
.icon:after {
		color: #8dc63f;
}
.big-icon {
	font-size: 50px;
	color: #8dc63f;
	margin: 0;
}
.big-icon.headline {
	margin-top: 10px;
}
.big-icon.left-icon {
	margin-top: 15px;
}
.big-icon.icon-odzaciatku,
.big-icon.icon-pauza,
.big-icon.icon-nahravanie,
.big-icon.icon-nielendoma {
	font-size: 75px;
}
.green .icon:before {
	color: #505050;
}
.green .icon:after {
	color: #FFFFFF;
}
.col-device .icon:before {
	color: #FFFFFF;
}

.green a:hover .icon:before,
.green a:focus .icon:before {
	color: #FFFFFF;
}
.green a:hover .icon:after,
.green a:focus .icon:after {
	color: #505050;
}
@media (max-width: 1199px) {
	.big-icon {
		font-size: 45px;
	}
}
@media (max-width: 991px) {
	.big-icon {
		font-size: 40px;
	}
}



/* ROUNDED NUMBERS */
.rounded-number {
	display: inline-block;
	border: 3px solid #606060;
	background-color: none;
	width: 70px;
	height: 70px;
	font-size: 40px;
	line-height: 50px;
	font-weight: 500;
	padding: 3px 0;
	border-radius: 50%;
}
h3.rounded-year {
	display: inline-block;
	border: 2px solid #606060;
	background-color: none;
	width: 70px;
	height: 70px;
	font-size: 24px;
	line-height: 30px;
	border-radius: 50%;
	padding: 16px 0;
	text-align: center;
	margin: 0;
	margin-right: -15px;
}
@media (max-width: 767px) {
h3.rounded-year {
	margin-right: 0;
}
}

/* FORM */
.form-horizontal {
	position: relative;
}
.form-horizontal .form-group {
	margin-left: -5px;
	margin-right: -5px;
	margin-bottom: 0;
}
.form-horizontal .col-form {
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 10px;
}
.form-horizontal .form-control {
	padding-top: 11px;
	padding-bottom: 11px;
	height: 44px;		
	background-color: #f0f0f0;
	border-color: #c3c3c3;	
	color: #2c2c2c;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-transition: border-color ease-in-out .15s, background-color ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, background-color ease-in-out .15s;
	transition: border-color ease-in-out .15s, background-color ease-in-out .15s;
}
.form-horizontal .form-control:focus {
	border-color: #e3e3e3;
	background-color: #f8f8f8;
}
.form-horizontal .grey .form-control,
.grey .form-horizontal .form-control {
	background-color: #ffffff;
	border-color: #f0f0f0;	
	color: #2c2c2c;
}
.form-horizontal .grey .form-control:focus,
.grey .form-horizontal .form-control:focus {
	border-color: #e3e3e3;
	background-color: #fafafa;
}
.form-horizontal .form-control::-webkit-input-placeholder { color: #989898; font-style:italic; }
.form-horizontal .form-control:-moz-placeholder { color: #989898; font-style:italic; }
.form-horizontal .form-control::-moz-placeholder { color: #989898; font-style:italic; }
.form-horizontal .form-control:-ms-input-placeholder { color: #989898; font-style:italic; }

textarea.form-control {
	min-height: 100px;
}

.form-horizontal .grey .form-control.error,
.form-control.error {
	border-color: #ff2a00;
}


.form-horizontal .checkbox label,
.form-horizontal .radio label {
    padding-left: 30px;
		text-align: left;
}
.dark .form-horizontal .checkbox label,
.dark .form-horizontal .radio label,
.green .form-horizontal .checkbox label,
.green .form-horizontal .radio label {
	color: #FFFFFF;
}

.form-horizontal .checkbox label:after, 
.form-horizontal .radio label:after {
    content: '';
    display: table;
    clear: both;
}
.form-horizontal .checkbox .icon-container,
.form-horizontal .radio .icon-container {
    position: absolute;
    display: block;
    background-color: #f0f0f0;
    border: 1px solid #c3c3c3;
    border-radius: 4px;
    width: 20px;
    height: 20px;
    float: left;
    margin-left: -30px;
}

.form-horizontal .checkbox .icon,
.form-horizontal .radio .icon {
    position: absolute;
    display: block;
		font-size: 18px;
		margin-top: -4px;
    color: #8dc63f;		
}
.form-horizontal .checkbox .icon:before,
.form-horizontal .radio .icon:before {
  color: #8dc63f;
	z-index: 2;
	left: -1px;
	top: -1px;
}
.form-horizontal .checkbox .icon:after,
.form-horizontal .radio .icon:after {
	color: #f0f0f0;
	z-index: 1;
	left: -1px;
	top: -1px;
}

.form-horizontal .checkbox label input[type="checkbox"],
.form-horizontal .radio label input[type="radio"] {
/*    display: none; */
opacity: 0;
}

.form-horizontal .checkbox label input[type="checkbox"] + .icon-container .icon,
.form-horizontal .radio label input[type="radio"] + .icon-container .icon {
    opacity: 0;
    transition: opacity .15s ease-in;
}
.form-horizontal .checkbox label input[type="checkbox"]:checked + .icon-container .icon,
.form-horizontal .radio label input[type="radio"]:checked + .icon-container .icon {
     opacity: 1;
}

/* CARD :: FORM HORIZONTAL*/
.card .form-horizontal .col-form {
	padding-bottom: 0;
	margin-top: -1px;
}
.card .form-horizontal .col-form:last-child {
	padding-top: 10px;
}

.card .form-horizontal .form-control {
	padding-top: 7px;
	padding-bottom: 7px;
	height: 36px;
}
.card .form-horizontal .checkbox,
.form-horizontal .checkbox {
	font-size: 12px;
}
.form-horizontal .checkbox.topmargin-minus {
	margin-top: -10px;
}
.card .btn-link,
.checkbox .btn-link {
	font-weight: 700;
	padding: 0;
	margin: 0;
	border: 0;
	color: #666;
	outline: none;
}
.dark .checkbox .btn-link,
.green .checkbox .btn-link {
	color: #FFFFFF;
}
@media (max-width: 767px) {
.card .form-horizontal textarea.form-control {
    min-height: 60px;
}
}
@media (max-width: 467px) {
.card .form-horizontal textarea.form-control {
    min-height: 100px;
}
}

/* TABLE STRIPED */
.table-striped {
margin-top: 20px;	
margin-bottom: 20px;	
}
.table-striped .btn-info {
	display: inline;
	padding: 2px 10px;	
	margin-bottom: 0;
	margin-top: -3px;
}
.popover-content {
	color: #2c2c2c;
}
.table-striped>tbody>tr>td,
.table-striped>tbody>tr>th,
.table-striped>tfoot>tr>td,
.table-striped>tfoot>tr>th,
.table-striped>thead>tr>td,
.table-striped>thead>tr>th {
	padding: 9px 15px 11px 15px;
	border-top: 1px solid #eeeeee;
	vertical-align: middle;
}
.table-striped>thead>tr>th,
.table-striped>tbody>tr>th {
	text-transform: uppercase;
	font-size: .9em;
	color: #bbbbbb;
}

.table-striped>thead>tr>th.first,
.table-striped>tbody>tr>th.first {
	color: #8dc63f;
}

.table-striped>tbody>tr:nth-of-type(odd) {
	background-color: #f4f4f4;
}
td.price  {
	font-family: 'Exo', sans-serif;
	font-weight: 700;
	color: #8dc63f;
	width: 200px;
}
td.channel  {
	width: 140px;
}
@media (max-width: 767px) {
	td.price  {
		width: 145px;
	}
	td.channel  {
		width: 100px;
	}
}
@media (max-width: 467px) {
	td.price  {
		width: 110px;
	}
	td.channel  {
		width: 60px;
	}
}

/* TABLE :: POKRYTIE */
.table-pokrytie {
margin-bottom: 0;	
}
.table-pokrytie>tbody>tr>td,
.table-pokrytie>tbody>tr>th,
.table-pokrytie>tfoot>tr>td,
.table-pokrytie>tfoot>tr>th,
.table-pokrytie>thead>tr>td,
.table-pokrytie>thead>tr>th {
    padding: 4px 8px;
    border-top: 1px solid #eeeeee;
}
.table-pokrytie>tbody>tr:nth-of-type(odd) {
    background-color: #f4f4f4;
}
.pokryte td {
    color: #8dc63f;
}




/* OBJEDNAVKA */
.section h2.order-heading {
	font-size: 20px;
	text-align: left;
	padding-left: 45px;
	margin-bottom: 5px;
	padding-bottom: 0;
	color: #8dc63f;

}
.section h2.order-heading span {
	display: block;
	position: absolute;
	background-color: #8dc63f;
  color: #FFFFFF;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	font-weight: 600;
	line-height: 20px;
	padding: 10px 0 12px 0;
	text-align: center;
	left: 5px;
	margin-top: -6px;
}
.section h2.order-heading ~ p {
	text-align: left;
	padding-left: 45px;
	padding-top: 0;
	margin-top: 0;
	margin-bottom: 15px;
}
/* OBJEDNAVKA :: FORM ORDER */

.form-order .section {
	padding-top: 5px;
	padding-bottom: 5px;	
}

.form-order .section:first-child {
	padding-top: 20px;
}
.form-order .section:last-child {
	padding-bottom: 20px;
}

.form-order .container {
	padding-left: 135px;
}
.form-order .row {
	margin-left: -5px;
	margin-right: -5px;
}

.form-order .col {
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
}

.form-order .terms {
	text-align: left;
	font-size: 12px;
	line-height: 18px;
	color: #989898;
}
.form-order .terms a {
	text-decoration: underline;
	color: #2c2c2c;
}
.form-order .vat {
	text-align: center;
	font-size: 12px;
	line-height: 18px;
	color: #989898;
	margin-top: 0;
	margin-bottom: 20px;
}

@media (max-width: 991px) {
.form-order .container {
	padding-left: 15px;
}
}
@media (max-width: 767px) {
.form-order .row {
	margin-left: 0;
	margin-right: 0;
}
.form-order .col {
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 5px;
}
}
@media (max-width: 467px) {
.section h2.order-heading {
	font-size: 16px;
	padding-left: 30px;
}
.section h2.order-heading span {
	display: block;
	position: absolute;
	background-color: #8dc63f;
  color: #FFFFFF;
	border-radius: 50%;
	width: 30px;
	height: 30px;
	line-height: 20px;
	padding: 4px 0 6px 0;
	text-align: center;
	left: 5px;
	margin-top: -6px;
}
.section h2.order-heading ~ p {
	padding-left: 30px;
}
}
/* MAP */
.infowindow h4 {
	font-weight: 700;
	color: #5a5a5a;
}

/* QUESTION AND ANSWERS*/
.faq {
	padding: 7.5px 0;
}
.question {
	display: block;
	padding-left: 60px;
}
.question .icon {
	display: block;
	float: left;
	position: absolute;
	font-size: 32px;
	margin-top: -8px;
	margin-left: 20px;
}

.question.collapsed .icon:before {
	font-family: "wircom";
	content: "\e035"
}
.question.collapsed .icon:after {
	font-family: "wircom";
	content: "\e036"
}
.question h3 {
	margin-top: 0;
	text-decoration: none;
	-webkit-transition: color ease-in-out .15s;
	-o-transition: color ease-in-out .15s;
	transition: color ease-in-out .15s;
	padding-bottom: 5px;	
}
.question:hover,
.question:focus {
	text-decoration: none;
}
.question:hover h3,
.question:focus h3,
.question:active h3 {
	text-decoration: none;
	color: #8dc63f;
}
.question.collapsed:hover h3 {
	color: #606060;
}
.answer {
	padding-left: 60px;
	margin: 0;
}


@media (max-width: 767px) {
}
@media (max-width: 467px) {
.question .icon {
	margin-left: 10px;
}

.question {
	padding-left: 50px;
}
.answer {
	padding-left: 50px;
}
}

/* FOOTER */
.footer {
	padding: 20px 0;
	background-color: #4b4b4b;
}
.footer .container {
	position: relative;
}
.footer .nav {
	float: none;
}
.footer .nav h3 {
	font-size: 18px;
	line-height: 24px;
	color: #ffffff;
}
.footer .nav h3 a {
	font-size: 18px;
	line-height: 24px;
	color: #ffffff;
}
.footer .nav a {
	display: block;
	color: #ffffff;
	font-size: 12px;
	line-height: 16px;
}
.footer .nav a:hover,
.footer .nav a:focus {
	color: #8dc63f;
}
.footer .nav > li {
	display: block;
	float: left;
	width: 20%;
	padding: 0 10px;
}

.footer .nav li > ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.footer .nav li > ul > li {
	list-style: none;
	padding: 5px 0;
	margin: 0;
}

/* FOOTER :: SOCIAL */
.footer .nav-social {
	list-style: none;
	padding: 0;
	margin: 0;
	margin-top: 10px;
}
.footer .nav-social > li {
	display: block;
	float: left;
	list-style: none;
	padding: 0 2.5px;
	margin: 0;
}
.footer .nav-social a {
	display: block;
	text-align: center;
	color: #ffffff;
	font-size: 20px;
	line-height: 26px;
	padding: 5px;
	height: 36px;
	width: 36px;
	border-radius: 50%;
	opacity: .8;
}
.footer .nav-social a:hover,
.footer .nav-social a:focus {
	opacity: 1;
}
.footer .nav-social .instagram {
  background: #f09433; 
	background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); 
	background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
	background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );
}
.footer .nav-social .facebook {
  background: #476aa9; 
}	
.footer .nav-social .other {
	padding: 0;
}
.footer .nav-social .other.first {
	margin-left: 15px;
}

@media (max-width: 991px) {
.footer .nav h3 {
	font-size: 16px;
	line-height: 20px;
}
.footer .nav h3 a {
	font-size: 16px;
	line-height: 20px;
}

.footer .nav a {
	font-size: 11px;
	line-height: 15px;
}
.footer .nav li > ul > li {
	padding: 4px 0;
}

}
@media (max-width: 767px) {
.footer .nav > li {
	display: block;
	float: left;
	width: 33.33%;
	padding: 0 10px;
	min-height: 150px;
}
}
@media (max-width: 630px) {
.footer .nav > li {
	min-height: 180px;
}
}
@media (max-width: 467px) {
.footer .nav > li {
	display: block;
	float: none;
	width: 100%;
	padding: 0 ;
	min-height: auto;
}
}

/* FOOTER :: WEBMAIL */
.footer .webmail {
	margin-top: 15px;
	margin-bottom: 0;
}
.footer .webmail .btn-sm {
	padding-top: 8px;
	padding-bottom: 8px;
	
}

/* FOOTER :: COOKIES */
.footer .credit {
	font-size: 12px;
	line-height: 16px;
	margin-top: 10px;
	margin-bottom: 0;
}

/* COPYRIGHT */
.copyright {
	background-color: #373737;
}
.copyright .highlight {
	font-weight: 700;
	color: #8dc63f;
}
.copyright p {
	float: none;
	color: #ffffff;
	font-size: 12px;
	line-height: 16px;
	padding: 15px 10px;
	margin: 0;
	text-align: center;
}
.copyright a {
	float: right;
	text-align: left;
	color: #ffffff;
	font-size: 12px;
	line-height: 16px;
	padding: 15px 10px;
	margin: 0;
}
.copyright a:hover,
.copyright a:focus {
	color: #8dc63f;
}
@media (max-width: 991px) {
.copyright p,
.copyright a {
	font-size: 11px;
	line-height: 14px;
}
}
@media (max-width: 467px) {
.copyright {
	padding: 5px 0;
}
.copyright p,
.copyright a {
	display: block;
	float: none;
	padding: 5px 0;
}
}

/* SLICK */
.slick-next {
    right: 25px;
}
.slick-prev, .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
		z-index: 10;
}
.slick-prev:before, .slick-next:before {
    font-family: 'FontAwesome';
    font-size: 24px;
    line-height: 1;
    opacity: .5;
    color: white;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-prev:before {
    content: '\f053';
}

.slick-next:before {
    content: '\f054';
}
.slick-dots {
    bottom: 25px;
}
.slick-dots li {
	margin: 0;
}
.slick-dotted.slick-slider {
    margin-bottom: 0;
}
.slick-dots li button:before {
    font-family: 'FontAwesome';
    font-size: 10px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '\f111';
    text-align: center;
    opacity: .25;
    color: #FFFFFF;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
    opacity: .75;
    color: #FFFFFF;
}

/* REFERENCE :: ITEMS */
.reference {
	position: relative;
	padding: 0;
	margin: 0 -15px;
	margin-bottom: 30px;
}
.grid-sizer {
	width: 14.285%;
}
.reference-item {
	position: relative;
	display: block;
	padding-bottom: 10px;
	width: 14.285%;
	height: auto;
}
.reference-item.big {
	width: 28.57%;
}
.reference-item .front {
	display: block;
	width: 100%;
	min-height: 100%;
	padding: 0 5px;
}
.reference-item .front a,
.reference-item .back a {
	display: block;
	width: 100%;
	min-height: 100%;
	overflow: hidden;
	text-decoration: none;
	background-color: #FFFFFF;
}
.reference-item .back a.text {
	padding: 10px;
}

.reference-item .back {
	display: block;
	width: 100%;
	min-height: 100%;
	padding: 0 5px;
}


@media (min-width: 767px) {
.reference-item .back,
.reference-item .back a,
.reference-item .back .text {
	height: 102.13px;	
}
.reference-item .front,
.reference-item .front a
.reference-item .front img {
	height: 102.13px;	
}
.reference-item .back h3 {
	font-size: 15px;
	line-height: 18px;
	margin-top: 0;
}
.reference-item .back a {
	font-size: 11px;
	line-height: 13px;
}
.reference-item .back a.text {
	padding: 8px;
}
.reference-item .back p {
	line-height: 14px;
}
}
@media (min-width: 991px) {
.reference-item .back,
.reference-item .back a,
.reference-item .back .text {
	height: 133.56px;	
}
.reference-item .front,
.reference-item .front a
.reference-item .front img {
	height: 133.56px;	
}
.reference-item .back h3 {
	font-size: 18px;
	line-height: 22px;
	margin-top: 10px;
}
.reference-item .back a {
	font-size: 12px;
}
.reference-item .back p {
	line-height: 16px;
}
.reference-item .back a.text {
	padding: 10px;
}

}

@media (min-width: 1200px) {
.reference-item .back,
.reference-item .back a,
.reference-item .back .text {
	height: 162.84px;	
}
.reference-item .front,
.reference-item .front a
.reference-item .front img {
	height: 162.84px;	
}
.reference-item .back h3 {
	font-size: 22px;
	line-height: 28px;
	margin-top: 15px;
}
.reference-item .back a {
	font-size: 14px;
}
.reference-item .back p {
	line-height: 20px;
}
}
@media (max-width: 767px) {
.grid-sizer {
	width: 25%;
}
.reference-item {
	width: 25%;
}
.reference-item.big {
	width: 50%;
}
.reference-item .back,
.reference-item .back a,
.reference-item .back .text {
	height: 182.25px;	
}
.reference-item .front,
.reference-item .front a
.reference-item .front img {
	height: 182.25px;	
}
.reference-item .back h3 {
	font-size: 18px;
	line-height: 22px;
	margin-top: 0;
}
.reference-item .back a {
	font-size: 12px;
}
.reference-item .back a.text {
	padding: 10px;
}
.reference-item .back p {
	line-height: 16px;
}
}
@media (max-width: 600px) {
.reference-item .back,
.reference-item .back a,
.reference-item .back .text {
	height: 150px;	
}
.reference-item .front,
.reference-item .front a
.reference-item .front img {
	height: 150px;	
}
}
@media (max-width: 467px) {
.grid-sizer {
	width: 50%;
}
.reference-item {
	width: 50%;
}
.reference-item.big {
	width: 100%;
}
.reference-item .back,
.reference-item .back a,
.reference-item .back .text {
	height: 220px;	
}
.reference-item .front,
.reference-item .front a
.reference-item .front img {
	height: 220px;	
}
.reference-item .back h3 {
	font-size: 18px;
	line-height: 22px;
	margin-top: 0;
}
.reference-item .back a {
	font-size: 12px;
}
.reference-item .back a.text {
	padding: 8px;
}
.reference-item .back p {
	line-height: 16px;
}
}
@media (max-width: 360px) {
.reference-item .back,
.reference-item .back a,
.reference-item .back .text {
	height: 180px;	
}
.reference-item .front,
.reference-item .front a
.reference-item .front img {
	height: 180px;	
}
}
@media (max-width: 320px) {
.reference-item .back,
.reference-item .back a,
.reference-item .back .text {
	height: 160px;	
}
.reference-item .front,
.reference-item .front a
.reference-item .front img {
	height: 160px;	
}
}

.timeline {
	padding: 0 100px;
	margin: 0;
	margin-bottom: 30px;
	list-style: none;
}
.timeline li {
	position: relative;
	display: block;
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: center;
}
.timeline h3 {
	margin: 0 auto;
}
.timeline li.left {
	left: 0;
	text-align: right;
	margin-right: 50%;
	padding: 10px 20px;	
}
.timeline li.right {
	text-align: left;
	right: 0;
	margin-left: 50%;
	padding: 10px 20px;
}


.timeline li.left:after,
.timeline li.right:after {
	content:"";
	display: block;
	position: absolute;
	height: 100%;
	width: 2px;
	background-color: #606060;
	top: 0;
}
.timeline li.left:after {
	right: -1px;
}
.timeline li.right:after {
	left: -1px;
}
.timeline li.left:before,
.timeline li.right:before {
	content:"";
	display: block;
	position: absolute;
	height: 14px;
	width: 14px;
	background-color: #606060;
	top: 50%;
	margin-top: -7px;
	border-radius: 50%;
}
.timeline li.left:before {
	right: -7px;
}
.timeline li.right:before {
	left: -7px;
}
@media (max-width: 1199px) {
.timeline {
	padding: 0 50px;
}
}
@media (max-width: 991px) {
.timeline {
	padding: 0 25px;
}
}
@media (max-width: 767px) {
.timeline {
	padding: 0 0;
}
.timeline li.left,
.timeline li.right {
	padding: 10px 20px;
}

}

/* COOKIES BAR */
.cookies-bar {
	display: none;
}
.cookies-bar .navbar {
	margin-left: 0;
	border-radius: 0;
	background: none;
	background-color: #2c2c2c;
	opacity: .9;
}
.cookies-bar .credit {
	margin-bottom: 0;
	line-height: 20px;
	padding: 15px;
	text-align: center;
}
.cookies-bar .close {
	padding: 16px;
	font-size: 14px;
	font-weight: bold;
	line-height: 16px;
	color: #FFF;
	text-shadow: none;
	opacity: 1;
	margin-bottom: 0;
	padding: 8px 16px;
	margin-top: 8px;
}