body {
	font-family: 'Ubuntu', sans-serif;
	font-size: 16px;
	color: #3f3f3f;
}

a:hover {
  text-decoration: none;
}

h1 {
	margin: 0;
}

.dsbl {
  display: block !important;
}

.docum a {
  color: #3f3f3f;
}

.docum a:hover {
  text-decoration: underline;
}

#top-panel {
  font-size: 14px;
  color: #fff;
  background: #007be3;
  line-height: 45px;
}

#top-panel a {
  display: inline-block;
  color: #fff;
}

#top-panel a:hover {
  text-decoration: underline;
}

#top-panel .glyphicon {
  margin-right: 8px;
}

#top-panel .glyphicon-envelope {
  margin-left: 20px;
}

#header {
  padding: 25px 0;
}

#header .mnav {
  margin-top: 30px;
}

#header .mnav .glyphicon-triangle-bottom {
	font-size: 12px;
}

#header .mnav li a {
  display: block;
  font-size: 17px;
  color: #3f3f3f;
}

#header .mnav li.act a, #header .mnav li a:hover {
  color: #007be3;
}

#header .mnav li {
  padding: 0 13px;
}

#main .main-ph {
  height: 600px;
  background: url(../images/main1.jpg) top center no-repeat;
}

#main .container {
  position: relative;
}

#main .mbox {
  width: 540px;
  position: absolute;
  left: 0;
  top: 150px;
  border-radius: 3px;
  background: rgba(255,255,255,0.94);
  border: 3px solid #050505;
  text-align: center;
}

#main .mbox-wr {
  padding: 25px 0 20px 0;
}

#main .mbox h1 {
  color: #212121;
  font-size: 42px;
  font-weight: 700;
}

#main .mbox p.mtex {
  color: #606060;
  font-size: 20px;
  margin: 24px 0 30px 0;
}

.se-tx {
	display: block;
}

.serv {
	display: inline-block;
	width: 51px;
	height: 51px;
	background-position: center;
	background-repeat: no-repeat;
	margin: 15px 0 8px 0;
}

.serv1 { background-image: url(../images/serv1i.png); }
.serv2 { background-image: url(../images/serv3i.png); }
.serv3 { background-image: url(../images/serv4i.png); }
.serv4 { background-image: url(../images/serv5i.png); }
.serv5 { background-image: url(../images/serv7i.png); }
.serv6 { background-image: url(../images/serv2i.png); }

.bt1 {
  display: inline-block;
  color: #fff;
  background: #0077db;
  font-size: 20px;
  font-weight: 500;
  transition: 200ms ease;
  padding: 15px 35px;
  border-radius: 4px;
}

.bt1:hover {
  background: #000;
  color: #fff;
}

#main .main-se {
  height: 116px;
  background: #007be3;
  margin-top: 8px;
  text-align: center;
  color: #fff;
  font-size: 18px;
}

#main .main-se a {
  display: block;
  color: #fff;
  height: 116px;
}

@media (min-width: 768px) {
  #main .main-se .col-sm-2:nth-child(odd) {
    background: #0071cf;
  }
}

#sub {
  height: 202px;
  background-repeat: no-repeat;
  background-position: center;
}

.sbpg {
  padding-top: 40px;
  padding-bottom: 50px;
  line-height: 26px;
}

#sub.kontakty { background-image: url(../images/sub5.jpg); }
#sub.dokumenty { background-image: url(../images/sub2.jpg); }
#sub.cenik { background-image: url(../images/sub3.jpg); }
#sub.o-nas { background-image: url(../images/sub4.jpg); }
#sub.sluzby, #sub.mapa-pokryti, #sub.internet, #sub.iptv, #sub.tv-sat, #sub.sprava-pc-siti, #sub.kamery, #sub.elektroinstalace { background-image: url(../images/sub6.jpg); }
#sub.podpora { background-image: url(../images/sub7.jpg); }

.morein, .morein2 {
  margin: 0;
}

.morein a {
  display: inline-block;
  padding: 14px 40px;
  background: #0077db;
  font-weight: 500;
  color: #fff;
  transition: 200ms ease;
  margin-top: 8px;
  border-radius: 2px;
}

.morein a:hover {
  background: #005398;
}

.morein2 a {
  display: inline-block;
  padding: 14px 40px;
  border: 2px solid #fff;
  font-weight: 500;
  color: #fff;
  transition: 200ms ease;
  border-radius: 2px;
}

.morein2 a:hover {
  background: #fff;
  color: #0077db;
}

h2 {
  font-weight: 700;
  font-size: 32px;
}

.sect1 h2 {
  font-size: 36px;
  margin-bottom: 18px;
}

.sect1 {
  padding: 70px 0 90px 0;
}

.sec-tx1 p {
  display: inline-block;
  width: 768px;
}

.thr {
  margin-top: 70px;
}

.thr h3 {
  font-size: 20px;
  margin-bottom: 16px;
}

.thr span {
  display: inline-block;
  width: 102px;
  height: 75px;
  background-repeat: no-repeat;
  background-position: center;
  margin-bottom: 10px;
}

.thr1 { background-image: url(../images/thr1.png); }
.thr2 { background-image: url(../images/thr2.png); }
.thr3 { background-image: url(../images/thr3.png); }

.sect2 {
  background: #ededed;
  padding: 40px 0;
}

.off1 {
  text-align: center;
  border-radius: 2px;
  border: 2px solid #0077db;
}

.off1 p {
  margin: 0;
}

.off-tp {
  font-size: 26px;
  background: #fff;
  font-weight: 700;
  padding: 25px 0;
}

.off-tp p span {
  font-weight: 500;
  font-size: 22px;
}

.off-bt {
  font-size: 24px;
  font-weight: 700;
  background: #0077db;
  color: #fff;
  padding: 10px 0;
}

.offw {
  display: inline-block;
  width: 51px;
  height: 51px;
  background-repeat: no-repeat;
  background-position: center;
}

.offwt {
  font-size: 28px;
  vertical-align: top;
  position: relative;
  top: 8px;
  margin-left: 20px;
}

.offwd {
  font-size: 18px;
  margin-top: 15px;
  margin-bottom: 28px;
}

.offw1 { background-image: url(../images/off1.png); }
.offw2 { background-image: url(../images/off2.png); }
.offw3 { background-image: url(../images/off3.png); }

#footer {
  font-size: 14px;
}

#footer h3 {
  margin-bottom: 18px;  
}

#footer .links li {

}

#footer .links li a {
  color: #444;
}

#footer .links li a:hover {
  text-decoration: underline;
}

.sect4 .row1 {
  margin-bottom: 28px;
}

#footer-wrap {
  padding: 35px 0 30px 0;
}

.cont-us .glyphicon {
  margin-right: 18px;
}

.cont-us .ma a {
  color: #444;
}

.cont-us .ma a:hover {
  text-decoration: underline;
}

.sect3 .container, .sect4 .container {
	padding-top: 70px;
	padding-bottom: 70px;
}

.sect3 .container {
	border-bottom: 1px solid #dedede;
}

.art-co h2 {
	margin-bottom: 18px;
}

.art-co p {
	line-height: 26px;
}

.sect5 {
	background: #0077db;
	color: #fff;
	padding: 25px 0;
	font-size: 17px;
}

.flcent {
	display:flex;
	align-items:center;
  text-align: center;
}

.footer-wrap {
  padding: 40px 0 15px 0;
}

.cred {
	color: #3f3f3f;
}

#footer h3 {
  font-weight: 500;
  font-size: 18px;
  margin-top: 0;
}

.copyright {
  padding: 15px 0 5px 0;
  border-top: 1px solid #dedede;
}

.hamburger-menu {
    display: none;
    cursor: pointer;
    text-align: center;
}

.bar1, .bar2, .bar3 {
    width: 35px;
    height: 5px;
    background-color: #333;
    margin: 6px 0;
    transition: 0.4s;
}

.change .bar1 {
    -webkit-transform: rotate(-45deg) translate(-9px, 6px) ;
    transform: rotate(-45deg) translate(-9px, 6px) ;
}

.change .bar2 {
    opacity: 0;
}

.change .bar3 {
    -webkit-transform: rotate(45deg) translate(-8px, -8px) ;
    transform: rotate(45deg) translate(-8px, -8px) ;
}

.docum .glyphicon {
  margin-right: 12px;
}

.docum .list-group-item {
  padding: 15px 20px;
}

.sbpg h2 {
  margin-bottom: 20px;
}



/*.fl{ float:left; }
.fr{ float: right; }*/
/*its also known as clearfix*/
.group:before,
.group:after {
    content: "";
    display: table;
} 
.group:after {
    clear: both;
}
.group {
    zoom: 1;  /*For IE 6/7 (trigger hasLayout) */
}

.wrapper {
    
}
.pricing-table {
    margin-bottom: 40px;
    text-align: center;
    padding-right: 0;
}
.pricing-table .heading{
    color: #9C9E9F;
    text-transform: uppercase;
}
.block{
    width: 100%;    
    overflow: hidden;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;    
/*    border: 1px solid red;*/
}
/*Shared properties*/
.title,.pt-footer{
    color: #FEFEFE;
    font-size: 26px;
    padding: 13px 0;
    position: relative;
    font-weight: 700;
}

.title {
  margin-bottom: 0;
}
.content{
    position: relative;
    color: #FEFEFE;
    padding: 20px 0 10px 0;
}
/*arrow creation*/
.content:after, .content:before,.pt-footer:before,.pt-footer:after {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.pt-footer:after,.pt-footer:before{
    top:0;
}
.content:after,.pt-footer:after {
  border-color: rgba(136, 183, 213, 0); 
  border-width: 5px;
  margin-left: -5px;
}
/*/arrow creation*/
.price{
    position: relative;
    display: inline-block;
}
.price span{    
    font-size: 42px;
    letter-spacing: 2px;
    font-weight: bold;        
}
.price sup{
    font-size: 12px;    
    position: absolute;    
    top: 12px;
    left: -12px;
}
.hint{
    font-style: italic;
    font-size: 14px;
    margin: 0;
}
.features{
    list-style-type: none;    
    background: #f9f9f9;
    text-align: left;
    color: #555;
    padding: 10px 0 10px 70px;
    font-size: 16px;
    margin: 0
}
.features li{
    padding:8px 0;
    width: 100%;
}
.features li span{
  font-size: 24px;
    top: 5px;
    margin-right: 8px;
}
.pt-footer{
    font-size: 13px;
}
.pt-footer p {
  margin: 0;
}

.pt-footer p a {
  color: #fff;
}
/*PERSONAL*/
.personal .title{        
    background: #78CFBF;    
}
.personal .content,.personal .pt-footer{
    background: #82DACA;
}
.personal .content:after{ 
  border-top-color: #82DACA;  
}
.personal .pt-footer:after{
    border-top-color: #f9f9f9;
}
/*PROFESSIONAL*/
.professional .title{
    background: #3EC6E0;
}
.professional .content,.professional .pt-footer{
    background: #53CFE9;
}
.professional .content:after{ 
  border-top-color: #53CFE9;  
}
.professional .pt-footer:after{
    border-top-color: #f9f9f9;
}
/*BUSINESS*/
.business .title{
    background: #E3536C;
}
.business .content,.business .pt-footer{
    background: #EB6379;
}
.business .content:after{ 
  border-top-color: #EB6379;  
}
.business .pt-footer:after {  
  border-top-color: #f9f9f9;  
}

.contacts-info .glyphicon {
  margin-right: 10px;
}

.services {
  text-align: center;
}

.service {
  background: #007be3;
  color: #fff;
  line-height: normal;
  transition: 200ms ease;
  padding: 10px 0;
}

.service a {
  display: block;
  color: #fff;
}

.service:hover {
  background: #0071cf;
}

.service .se-tx {
  font-size: 36px;
  font-weight: 600;
  padding: 10px 0 14px 0;
}

.service-dsc {  
  background: #fafafa;
  border-radius: 0 0 4px 4px;
  border-left: 1px solid #aaa;
  border-right: 1px solid #aaa;
  border-bottom: 1px solid #aaa;
}

.service-dsc p {
  margin: 0;
  padding: 15px;
  font-size: 18px;
} 

.servro2 {
  margin-top: 30px;
}

.contact-form label {
  font-weight: 500;
}

.contact-form .form-group {
  margin-bottom: 8px;
}

@media (min-width: 768px) and (max-width: 991px) {
	.se-tx { font-size: 14px; }
}

@media (max-width: 767px) {
	#main .main-se { height: auto; }
	.sec-tx1 p { width: auto; }
	.off1 { margin-bottom: 30px; }
	.sect3 img, .sect4 img { margin-left: auto;margin-right: auto; }
	.flcent { display: block;align-items: normal; text-align: center; }
	.flcent .morein2 { margin-top: 20px; }
	#footer { text-align: center; }
	#footer img { margin-left: auto;margin-right: auto; }
	#footer ul { padding-left: 0; }
	#footer ul li { list-style: none; }
	.sect3 .container, .sect4 .container { padding-top: 30px;padding-bottom: 30px; }
	.sect1 { padding: 30px 0; }
	.thr { margin-top: 30px; }
	#top-panel { text-align: center; line-height: 32px; }
	#top-panel .text-right, #header .text-right { text-align: center; }
	.logo { margin-left: auto;margin-right: auto; }
	#main .main-ph { height: auto; }
	#main .mbox { width: 100%; position: static; left: auto; top: auto; }
	.main-ph .container { padding-left: 0;padding-right: 0; }
	.mnav { display: none; }
	.hamburger-menu { display: inline-block; margin-top: 25px; }
	#header .mnav { margin-top: 20px; background: #f4f4f4; border-radius: 2px; }
	#header .mnav li { display: block; border-radius: 2px; }
	#header .mnav li a { padding: 10px 0; transition: 200ms ease; }
	#header .mnav li.act a { color: #fff; }
	#header .mnav li.act { background: #007be3; }
  .services .col-sm-4 { margin-bottom: 20px; }
  .servro2 { margin-top: 0; }
  #sub { height: 90px; }
  #main .main-se .mob-bg {
    background: #0071cf;
  }
}
@media (min-width: 768px) {
	#header .mnav { display: list-item !important; }
}