body {
	font-family: 'BozonRegular', sans-serif;
	font-weight:400;
	font-size: 16px;
	text-decoration:none;
	list-style:none;
	text-align:left;
	line-height: 1.2;
	color:#000;	
  position: relative;
  overflow-x: hidden;  
}

.body-wrapper {max-width: 1920px; width: 100%; margin: 0 auto;}

h1 { font-family: 'BozonRegular', sans-serif;	font-weight: 800; font-size: 60px; color: #FFF; text-transform: uppercase;  margin: 0px 0px 45px 0px; padding: 10px 0 0 0; line-height: 100%; text-shadow: 2px 4px 15px rgba(0, 0, 0, 0.8);}
h1.sm {font-size: 45px;}
.newspage h1 {font-size: 36px;margin: 0px 0px 0px 0px;padding: 0 0 0 0; }
.newspage h1.btitle {font-size: 45px;margin: 0px 0px 45px 0px;padding: 10px 0 0 0; }
h2 {font-family: 'BozonLight', sans-serif; color: #c2906f;  font-weight: 300; font-size: 48px; text-transform: uppercase; margin: 0px 0px 40px 0px; padding: 0; }
h2 strong {font-family: 'BozonExtraBold', sans-serif;}
h2 span.subh {display: block;}

h2.podnadp {padding: 15px 15px; background-color: #FFF; margin: 0px 0 30px; display: block; text-align: center;box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);}


@media screen and (max-width: 991px) {
	h1 {font-size: 45px;}
	h1.sm,.newspage h1 {font-size: 35px;}
	.body-wrapper {max-width: 100vw;}
}
a {color: #42a5aa;}
a:hover, a:focus {text-decoration: none; outline: none;}

a.more:before
{
    content: '»';
}
a.more span.txt {
	padding-left: 7px;
}

p {font-size: 30px; line-height: 35px; font-weight: 400;}

.ttip {cursor: help;}

body.popup {max-width: 100%;min-width: 100%;width: 100%;background-color: #FFF;color: #000; line-height: 160%;}
body.popup h1 { text-transform: none;text-shadow: none; 
text-align: center;
	transition: all 0.2s ease; font-size: 45px; font-weight: 700; margin: 0px auto  15px auto; padding: 0px 0px 50px 0px;
	text-shadow: none; color: #000;line-height: 125%;
	background-image: url("https://www.tcprofi.com/skins/default/img/tcname.jpg");
	background-position: center bottom;
	background-repeat: no-repeat;
	font-family: "BozonRegular",sans-serif;
}
body.popup h2 {text-align: center; font-family: "BozonRegular",sans-serif; font-size: 26px; font-weight: 300; color: #000; font-weight: normal;text-shadow: none; line-height: 100%; margin: 15px 0 15px 0;}
body.popup ul {line-height: 190%;}

.msg {padding: 10px 15px;}

.nopadding,.np {
   padding: 0 !important;
   margin: 0 !important;
}
.npl {padding-left: 0 !important;}
.npr {padding-right: 0 !important;}

.padding1 {
   padding: 1px !important;
   margin: 1px !important;
}

.oh {
	overflow: hidden;
}

.float-left {float: left;}
.float-right {float: right;}


.row2 {
	margin-left: -30px;
    margin-right: -30px;
}





#preloader {
    background-attachment: scroll;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: auto auto;
    cursor: pointer;
    height: 100vh;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 2000;
    text-align: center;
}

.preloadimg {
  border: 1px solid transparent;
  border-radius: 102px;
  position: relative;
  top: 54%;
}
.preloadbtn {
	display: block;
	position: relative;
  	top: 54%;
  	width: 172px;
  	height: 72px;
  	background: url("https://www.tcprofi.com/skins/default/images/vstupte.gif") 0 0 no-repeat;
  	margin: 0 auto;
}
.preloadbtn:hover {background-position: 0px -72px;}
.preloadbtn span {display: none;}


body.loadingss .topcontainer {
	display: none;
}

.button {color: #000; background-color: #FFF; font-weight: 700; border: 1px solid #000; border-radius: 30px; padding: 5px 25px 7px 25px; display: block; width: 230px; margin: 25px auto;transition: all 0.3s ease-in-out;}
.button:hover, .button:focus:hover {background-color: #141414; color: #FFF;}
.button:focus {background-color: #FFF;color: #000;}

.back-to-top {
    position: fixed;
    bottom: 0.5em;
    right: 15px;
    text-decoration: none;
    color: #000000;
    background-color: rgba(255, 255, 255, 0.40);
    font-size: 37px;    
    padding: 12px 20px;
    display: none;
    border: none;
    z-index: 100;
    -webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border-radius: 40px;
}

.back-to-top:hover,.back-to-top:focus {    
    background-color: rgba(135, 135, 135, 0.50);
    color: #000;
    outline: none;
}
.back-to-top:hover span {color: #FFFFFF;}

.mapincl {height: 630px; width: 100%;}

.lngsw {color: #B4A7A5; font-size: 15px; border: 2px solid #B4A7A5; width: 79px; height: 39px; position: relative; left: 72px; top: 42px;}
.lngsw a {color: #B4A7A5; font-size: 15px; padding: 0px 0px; background-color: transprent; display: block; width: 50%; height: 100%; line-height: 35px; float: left;font-family: "BozonBold", sans-serif; font-size: 20px; text-align: center;}
.lngsw a.active {color: #5b3c37; background-color: #B4A7A5;}
.lngsw a#lng_cz {}



.headnavig {float: left; color: #ffffff;font-family: "BozonRegular", sans-serif;	 }
.headnavig ul {float: left;margin: 0;padding: 0;}
.headnavig a {color: #FFFFFF;transition: all 0.2s ease;}
.headnavig a:hover {text-decoration: none; color: #c4c4c4;}
.headnavig ul li {list-style: none; float: left; margin-left: 40px;transition: all 0.2s ease;}
.headnavig ul li:first-child {margin-left: 0;}
.headnavig ul li i {margin-right: 5px;}
.headnavig ul li.lnk a { border: 2px solid #333E4C;  padding: 3px 15px 3px 15px; text-align: center; width: 132px; margin-top: -6px; }
.headnavig ul li.lnk a:hover { border: 2px solid #4B5B70; }

.socnav { position: relative; top: 180px; left: 72px; }
.socnav a {color: #989595;transition: all 0.2s ease; background-color: transparent; display: block; width: 50px; height: 50px; border: 3px solid #989595; border-radius: 50px; text-align: center; line-height: 53px;}
.socnav a .fab {font-size: 25px;}
.socnav a span {display: none;}
.socnav a:hover {text-decoration: none; color: #c4c4c4;}
.socnav ul {float: left;margin: 0;padding: 0;}
.socnav ul li {list-style: none; float: left; margin-right: 10px; transition: all 0.2s ease;}
.socnav ul li i {margin: 0px;}

@media screen and (max-width: 991px) {
	.headnavig ul {
    	float: none;
	}
	.headnavig ul li {list-style: none; float: none; margin-bottom: 7px; margin-left: 0; }
	.headnavig ul li.lnk {margin-top: -52px; float: right;}
	.socnav ul li {margin-left: 20px;}
}
@media screen and (max-width: 767px) { 
  	.headnavig {margin-top: 0;}
  	.headnavig ul li.lnk { margin-top: -95px; float: right;}
  	
}
@media screen and (max-width: 430px) { 
  	.headnavig {margin-bottom: 15px;}
  	.headnavig ul li.lnk { margin-top: 15px; float: none;}
  	
}


section.main {
	position: relative;
	z-index: 9;
	background-color: #FFF;
}

.section-pattern {
    position: relative;
}
.section-pattern::before {
    background-attachment: scroll, scroll;
    background-clip: border-box, border-box;
    background-color: transparent;
    background-image: linear-gradient(-45deg, #fff 33%, transparent 0px), linear-gradient(45deg, transparent 33%, transparent 0px);
    background-origin: padding-box, padding-box;
    background-position: 50px 0px, -50px 0;
    background-repeat: repeat-x;
    background-size: 10px 5px;
    content: "";
    display: inline-block;
    height: 10px;
    left: 0;
    position: absolute;
    right: 0;
    top: -5px;
    width: 100%;
    z-index: 1;
}


.section-pattern2 {
    position: relative;
}
.section-pattern2::before {
    background-attachment: scroll, scroll;
    background-clip: border-box, border-box;
    background-color: transparent;
    background-image: linear-gradient(-45deg, #EBF2D8 33%, transparent 0px), linear-gradient(45deg, transparent 33%, transparent 0px);
    background-origin: padding-box, padding-box;
    background-position: 50px 0px, -50px 0;
    background-repeat: repeat-x;
    background-size: 10px 5px;
    content: "";
    display: inline-block;
    height: 10px;
    left: 0;
    position: absolute;
    right: 0;
    top: -5px;
    width: 100%;
    z-index: 1;
}


.section-pattern3 {
    position: relative;
}
.section-pattern3::before {
    background-attachment: scroll, scroll;
    background-clip: border-box, border-box;
    background-color: transparent;
    background-image: linear-gradient(-135deg, #FFF 33%, transparent 0px), linear-gradient(135deg, transparent 33%, transparent 0px);
    background-origin: padding-box, padding-box;
    background-position: 50px 0px, -50px 0;
    background-repeat: repeat-x;
    background-size: 10px 5px;
    bottom: -10px;
    content: "";
    display: inline-block;
    height: 10px;
    left: 0;
    position: absolute;
    right: 0;
    width: 100%;
    z-index: 1;
}


.header-pattern {
    position: relative;
}
.header-pattern::before {
    background-attachment: scroll, scroll;
    background-clip: border-box, border-box;
    background-color: transparent;
    background-image: linear-gradient(-135deg, #000 33%, transparent 0px), linear-gradient(135deg, #000 33%, transparent 0px);
    background-origin: padding-box, padding-box;
    background-position: 50px 0px, -50px 0;
    background-repeat: repeat-x;
    background-size: 10px 5px;
    bottom: -10px;
    content: "";
    display: inline-block;
    height: 10px;
    left: 0;
    position: absolute;
    right: 0;
    width: 100%;
    z-index: 1;
}

.footer-pattern {
    position: relative;
}
.footer-pattern::before {
    background-attachment: scroll, scroll;
    background-clip: border-box, border-box;
    background-color: transparent;
    background-image: linear-gradient(-45deg, #EBF2D8 33%, transparent 0px), linear-gradient(45deg, transparent 33%, transparent 0px);
    background-origin: padding-box, padding-box;
    background-position: 50px 0px, -50px 0;
    background-repeat: repeat-x;
    background-size: 10px 5px;
    content: "";
    display: inline-block;
    height: 10px;
    left: 0;
    position: absolute;
    right: 0;
    top: -5px;
    width: 100%;
    z-index: 1;
}


.topheaderFullsize {min-height: calc(100vh + 50px); background-size: auto auto; background-repeat: no-repeat; background-position: center top; }
.topheader {height: 360px; position: relative; z-index: 8; background-size: auto auto; background-repeat: no-repeat; background-position: center top; background-attachment: fixed; overflow: hidden;}
.topheader.animbg img { 
	animation: 30s ease 0s normal none infinite running zoom;
    bottom: 0;
    left: 0;
    margin: auto;
    object-fit: cover;
    position: absolute;
    right: 0;
    top: 0;
}

.topheader .vzorek {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; background: url(../img/vzorek.png) 0 0 repeat;}
.topheader .vzorek2 {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; background: url(../img/vzorek2.png) 0 0 repeat;}
.topheader .vzorek3 {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; background: url(../img/vzorek3.png) 0 0 repeat;}
.topheader .headbox {
	max-width: 530px;
	height: auto;
	position: relative;
	top: 205px;
	right: 0;
	float: right;
	padding: 15px;
	z-index: 2;
	transition: all 0.6s ease-in-out;
	text-align: center;
  
  background-image: url(../img/headboxdot.png);
	background-position: 0 0;
	background-repeat: repeat;
  
}

.headbox h1 {
	font-size: 42px;
	font-weight: 700;
	color: #000;
	line-height: 60px;	
	transition: all 0.2s ease-in-out;
}

.headbox p {
	font-size: 22px;
	font-weight: 400;
	color: #000;
	line-height: 35px;	
	transition: all 0.2s ease-in-out;
}

.headbox h1 span {
	font-weight: 300;
	font-size: 42px;
	display: block;
	line-height: 55px;
	transition: all 0.2s ease-in-out;
}


@media screen and (max-width: 991px) {
	.topheader .headbox.half {background-image: url(../img/headbox.png); background-position: top left; background-repeat: repeat-y;}
}

@media screen and (max-width: 767px) {
	.topheader {height: 240px;}
	.XXXtopheader .headbox {top: 95px;}
}
@media screen and (max-width: 639px) {
	.topheader .headbox {
	width: 100%;
	max-width: 100%;
	height: auto;
	background-image: url(../img/headboxdot.png);
	background-position: 0 0;
	background-repeat: repeat;
	padding: 20px 15px;
	top: 30px;
	}
	.headbox h1,.headbox h1 span {font-size: 32px;line-height: 50px;}
	.headbox p {line-height: 33px;font-size: 20px;}
}



.reference { position: relative; height: auto; background-size: auto; background-repeat: no-repeat; background-position: center top; margin-top: -30px; padding: 0px 0 30px 0; }
.tym { position: relative; height: auto; margin-top: 0px; padding: 140px 0 60px 0;
background-image: url(https://www.tcprofi.com/skins/default/img/tym-foot.jpg),url(https://www.tcprofi.com/skins/default/img/tym.jpg); 
background-repeat: no-repeat,no-repeat; 
background-position: center bottom,center top;
bacground-size: 100% auto,100% auto;
 }

.kontakt { position: relative; height: auto; background-color: #322C2C;margin: 0px 0 -100px 0; padding: 50px 0 140px 0; color: #cdcdcd; font-size: 20px; }
.kontakt .mapa {position: absolute; bottom: 0; margin: 0 auto; z-index: 3;}
.kontakt .mapa h3 {background-image: url("../img/footlnk.png"); background-repeat: no-repeat; background-position: left bottom; position: absolute; left: 15px; top: 45%;}
.kontakt .mapa h3 a {color: #AC9B98; font-size: 30px; font-family: "BozonLight", sans-serif; margin: 0px; padding-left: 0; padding-bottom: 75px; text-transform: uppercase; line-height: 30px;} 

@media screen and (min-width: 768px) {
.kontakt .mapa.up {top: 416px; bottom: auto;}
}

@media screen and (max-width: 767px) {
	.kontakt .mapa {position: relative; bottom: auto; top: 0; width: 100%;max-width: 100vw;}
	.zeptejtese {position: relative; z-index: 4;}
	.kontakt .mapa h3 {position: relative;}
	.kontakt .mapa img {width: 100%; max-width: 100vw;}
}


.tcname {
	position: relative; top: 0; left: 0; z-index: 3;
}

.tcname h2 {
	text-align: center;
	transition: all 0.2s ease; font-size: 36px; font-weight: 300; margin: 0px auto  15px auto; padding: 0px 0px 0px 0px;
	text-shadow: none; color: #42a5aa; line-height: 125%;
	background-image: none;
	background-position: center bottom;
	background-repeat: no-repeat;
	font-family: "BozonLight", sans-serif;
}

.sec4 .thumbnail .caption {height: 100%;}

.imgwrap {
    display: block;
    max-height: 381px;
    overflow: hidden;
    position: relative;
    vertical-align: middle;
    width: 100%;
    height: 100%;
    text-align: center;
}

.imgwrap img {max-height: 381px; position: relative;}

@media screen and (max-width: 767px) {
	.imgwrap  {max-height: auto; width: 100%;}
	.imgwrap img {max-height: auto; width: 100%;}
}

.imgwrap .imghover {    
    background-position: right -50px bottom -50px;
    background-repeat: no-repeat;    
    opacity: 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2;    
    background-image: url(../img/imghover.png);
    background-position: 0 0;
    background-repeat: repeat;
    transition: all 0.3s ease-in-out;
}
.imgwrap .imghover .imglnks {position: relative; top: 40%; text-align: center; z-index: 10;}
.imgwrap .imghover a {
    float: left;
    display: block;
    width: 50px;
    height: 50px;    
    position: absolute;
    opacity: 1;    
    transition: all 0.5s 0.2s ease-in-out;
}
.imgwrap .imghover a:first-child {left: 45%; right: auto;}
.imgwrap .imghover a span {display: none;}

.imgwrap .imghover .imglnks.hasvideo a:first-child {left: 30%; right: auto;}
.imgwrap .imghover .imglnks.hasvideo a:nth-child(2) {left: auto; right: 30%;}

.imgwrap .imghover a:before {    
    display: inline-block;	
    font-size: 5px;
    margin: 0;
    padding: 0;
    color: #FFF;
    line-height: 10;
    opacity: 0.75;
    transition: all 0.2s ease-in-out;
}

.imgwrap .imghover a:hover:before {opacity: 1;}

.imgwrap .imghover a.videolnk:before {
	font-family: "Font Awesome 5 Brands";
	font-weight: 400;
    content: "\f167";
}
.imgwrap .imghover a.imglnk:before {
	font-family: "Font Awesome 5 Free";
    font-weight: 600;
    content: "\f06e";
}

.thumbnail:hover .imgwrap .imghover a:before {    
    font-size: 50px;
    line-height: 1;
}

.onlymob {display: none;}

@media only screen
and (min-width : 280px)
and (max-width : 639px) {
	.imgwrap .imghover a:first-child {left: 40%; right: auto;}	
	.imgwrap .imghover .imglnks {top: 38%;}
	.onlymob {display: block;}
	.projekty .thumbnail {margin-bottom: 15px; padding-bottom: 15px;}
}




.thumbnail:hover .imghover {
   opacity: 0.85;
   background-position: right 24px bottom 24px;
}
.thumbnail:hover .imghover a {
   opacity: 1;
}



.hovertxt {position: absolute; top: 30px; left: 0px; color: #FFF; padding: 0 30px;}

.shadow {box-shadow: 1px 5px 8px -5px rgba(0, 0, 0, 0.85);}

.topcontainer {position: relative;}

@media screen and (min-width: 1200px) {
 .container {
    width: 1190px;
 }
}

.sec1 { position: relative; height: auto; min-height: 300px; background-color: #FFF; 
background-image: url(../img/01.png); 
background-repeat: no-repeat; 
background-position: 15% 123%;
bacground-size: 100% auto;
margin-top: 0px; padding: 80px 0 60px 0; color: #c2906f; }
.sec1 .container {padding: 0;}
.sec1 ul {margin: 60px 0 0 0; position: relative; left: 35%;}
.sec1 li {color: #ac9b98;font-size: 24px; padding: 5px 0 5px 30px; background-image: url("../img/list-sec1.png"); list-style: none; background-position: 0 4px; background-repeat: no-repeat;}


.sec2 ul {margin: 45px 0 0 0; padding: 0;}
.sec2 li {color: #FFF;font-size: 24px; padding: 5px 0 5px 30px; background-image: url("../img/list-sec2.png"); list-style: none; background-position: 0 4px; background-repeat: no-repeat;}


.sec1, .sec3 {line-height: 155%; font-size: 16px; color: #c2906f; background-color: #FFF;}
.sec1 p .contact p {margin-bottom: 20px; line-height: 150%; font-size: 16px; color: #000; text-align: left;}
.sec1 h2 {text-align: left;}
.sec1 p {color: #c2906f; }

.sec1 .detail h2 {
	font-family: 'BozonBold', serif;
	font-weight: 400;
	font-size: 60px;
	text-transform: none;
	color: #42a5aa;
	font-style: italic;
	padding-top: 15px;
	line-height: 75px;
	
} 
.sec1 .detail h2 span {
	font-size: 20px;
}


.sec2 {position: relative; height: auto; z-index: 3; min-height: 300px;background-color: #7EA3B6;line-height: 150%; font-size: 16px; color: #FFF; padding: 75px 0 80px;}
.sec2 .container {padding: 0;}
.sec2 h2 {color: #C9DEE9;}

.sec2 .banner {position: absolute; right: 7%; bottom: -150px; background-image: url(../img/02.png); background-repeat: no-repeat; background-position: 0 0; width: 579px; height: 500px;}

.sec3 {position: relative; z-index: 2; background-color: #FFF; color: #8fa990; padding: 425px 0 0px;background-image: url(../img/03.png); 
background-repeat: no-repeat; background-position: 15% -130px;}
.sec3 p {font-size: 30px;}
.sec3 h2 {color: #8fa990;}
.sec3 .container {padding: 0;}
.sec3 ul {margin: 30px 0 0 0; padding: 0;position: relative;}
.sec3 li {
    color: #ac9b98;
    font-size: 24px;
    padding: 5px 0 5px 30px;
    background-image: url("../img/list-sec3.png");
    list-style: none;
    background-position: 0 4px;
    background-repeat: no-repeat;
}

.sec4 {padding: 100px 0 0px;}
.sec4 .anch {top: 0px;}
.sec4  h2 {color: #B4A7A5; text-align: left; font-size: 48px; margin-bottom: 20px;}
.sec4  h3 {color: #BDB0AE; text-align: left; font-size: 24px; line-height: 35px; margin: 0px;font-family: "BozonRegular", sans-serif; text-transform: uppercase;}
.sec4 .col-xs-12 {padding: 0;}
.sec4 .thumbnail {padding: 0; border: none; margin: 0;line-height: 1;}
.sec4 .thumbnail .caption {padding: 0;}

.sec4 .box {
	transition: all 0.65s ease-in-out;	
}
.sec4 .box.invisible {opacity: 0; width: 0px; height: 0;}

@media screen and (min-width: 991px) {
	.sec4 .col-md-3 {width: 20%;}
}

.filtr {padding: 0px 0px 15px 0px; float: none; width: 100%; overflow: hidden; position: relative; left: -15px; }
.filtr_tit,.filtr_radios {float: left;}
.filtr_radios {margin-left: 0px;}
.filtr_radios div {float: left;}
.filtr_radios div.showall {display: none;}
.filtr_label {display: none;}
.filtr label {font-size: 24px; line-height: 37px; margin: 0 42px 0 0; padding-left: 43px; width: auto; cursor: pointer; font-family: "BozonRegular", sans-serif; position: relative; text-transform: uppercase;}
.filtr .chk1 label {color: #7EA2B6;}
.filtr .chk2 label {color: #C2906F;}
.filtr .chk3 label {color: #8FA990;}
.filtr label.active,.filtr label:hover { }
.filtr label::before {position: absolute; top: 0; left: 0; content: ""; width: 33px; height: 33px; display: block; background-image: url("../img/chk-vyroba.png"); background-repeat: no-repeat; background-position: 0 -33px;}
.filtr label.active::before {background-position: 0 -1px;}
.filtr .chk2 label::before {background-image: url("../img/chk-stavby.png");}
.filtr .chk3 label::before {background-image: url("../img/chk-prace.png");}
.filtr input {display: none;}

@media screen and (max-width: 991px) {
	.filtr label {margin: 0 15px 0 0;}
}
@media screen and (max-width: 767px) {
  .sec1 {padding-top: 30px;}
	.filtr label {margin: 0 0 0 0;}
	.filtr_radios div {width: 100%; padding: 0 30px;}
}
@media screen and (max-width: 480px) {
	.filtr label {margin: 0 0 0 0;}
	.filtr_radios div {width: 100%;}
}


.sec5 {background-color: #AD9B99;line-height: 150%; font-size: 16px; color: #FFF; padding: 75px 0 145px 0;background-image: url(../img/sec5bg.png); 
background-repeat: no-repeat; background-position: right bottom;}
.sec5  h2 {color: #FFF;}
.sec5 p {font-size: 30px;line-height: 40px; font-family: 'BozonLight', serif;}
.sec5 .container {padding: 0;}


.sec6 {background-color: #FFF; line-height: 150%; font-size: 16px; color: #B4A7A5; padding: 95px 0 75px 0;}
.sec6  h2 {color: #B4A7A5; margin-bottom: 70px;}
.sec6 p {font-size: 30px;line-height: 40px; font-family: 'BozonLight', serif;}
.sec6 .container {padding: 0;}


.kontakt h2 {color: #b4a7a5; font-size: 48px; font-weight: 400; margin-bottom: 60px;} 
.kontakt .zeptejtese h3,.kontakt .zeptejtese h3 a {color: #AC9B98; font-size: 30px; font-family: "BozonLight", sans-serif; margin-bottom: 20px; text-transform: uppercase; line-height: 37px;} 
.kontakt .zeptejtese h3 {background-image: url("../img/footlnk.png"); background-repeat: no-repeat; background-position: 0 0; line-height: 37px;  border-bottom: 1px solid #999696;margin-top: 75px; margin-bottom: 80px;}
.kontakt h3 a {padding-left: 165px; display: block; cursor: pointer;}
.kontakt h3 strong {font-family: "BozonExtraBold", sans-serif;}
.kontakt h4 {color: #b9624b; font-size: 24px; font-family: "BozonExtraBold", sans-serif; margin-bottom: 5px;} 

.zeptejtese h3 { position: relative; right: 8px; width: 350px; float: right;}

.kontakt p, .kontakt a {color: #cdcdcd; font-size: 24px;}
.kontakt hr {border:none;
  border-top:1px dotted #fff;
  color:#fff;
  background-color:transparent;
  height:1px;}
  
 
.kontakt .container {padding: 0;}  
  
#form-kontakt {display: none;}


@media screen and (max-width: 767px) { 
	
	h2 {font-size: 30px; margin-bottom: 15px;}
	p,.sec1 li,.sec2 li,.sec3 p,.sec3 li,.sec5 p {font-size: 22px;line-height: 28px;}
	
	.zeptejtese h3 {width: 100%;}
	.kontakt h3 a {padding-left: 85px;}
	
	.sec1,.sec2,.sec3,.sec5,.sec6,.kontakt,.sec4 .tcname {padding-left: 30px; padding-right: 30px;}
	.sec1,.sec2,.sec3 {background-image: none;}
	.sec2 .banner {display: none;}
	.sec1 ul {left: 0; padding-left: 0;}
	.sec3 {padding-top: 75px;}
	.sec4 .hovertxt h3 {display: none;}
	.sec4 .onlymob h3 {padding: 15px 30px;}
}


.dl1 {
	background-image: url("../img/dotline1.png");
	background-position: right 0;
	background-repeat: repeat-y;
	padding-right: 80px;
}


.dl3 {
	background-image: url("../img/dotline3.png");
	background-position: left 0;
	background-repeat: repeat-y;
	padding-left: 110px;
}

.news {background-color: #ebf2d8; z-index: 2;}
.news .btn1 {position: absolute; display: block; bottom: -145px; left: 41%; z-index: 2; 
background-image: url(https://www.tcprofi.com/skins/default/img/btn1.png); background-repeat: no-repeat; background-position: 0 0; background-color: transparent;
width: 205px; height: 93px; color: #546233; text-transform: uppercase; font-weight: 700; font-size: 17px; text-shadow: 1px 1px 0 rgba(255,255,255,0.75);
padding: 20px 0 0 0; text-align: center;
}
.news .thumbnail,.newspage .thumbnail {background-color: transparent; border: none; padding: 10px; }
.news .thumbnail p,.newspage .thumbnail p {margin-bottom: 45px;}
.odd .thumbnail h3,.odd .thumbnail p {text-align: right; color: #526033; font-size: 18px;}
.even .thumbnail h3,.even .thumbnail p {text-align: left; color: #526033; font-size: 18px;}
.newspage .thumbnail h3 {font-weight: 800;}

.odd .thumbnail a.more {right: 10px; left: auto;}

@media screen and (max-width: 1270px) {
	.sec1 { position: relative; height: auto; }
}

@media screen and (max-width: 1199px) {	
	.dl1 {
		background-image: none;
		background-position: right 0;
		background-repeat: repeat-y;
		padding-right: 15px;
	}
}

@media screen and (max-width: 991px) {
	
}

@media screen and (max-width: 767px) {
	.kontakt { background-size: auto 50px,100% 100%; }
	.dl3 {
		background-image: none;		
		padding-left: 15px;
	}
}

@media screen and (max-width: 667px) {
	.news .btn1 {left: 33%;}	
}
@media screen and (max-width: 367px) {
	.news .btn1 {left: 21%;}	
}







.refer {
	position: relative;
	margin-top: 0px;
}

.refer .thumbnail {
	padding: 0px;
	border: 1px solid #FFF;
	margin: 0;
	overflow: hidden;
	transition: all 0.2s ease;
	height: 246px;
}

.mosaic .thumbnail > img {
    display: block;
    height: 100%;
    width: auto;
    min-width: 100%;
    max-width: none;
}

.mosaic .thumbnail > img.orh {
	height: auto;
    width: 100%;
    
}


.mosaic a, .mosaic a span {
    font-family: "BozonRegular", sans-serif;	 
    background-position: left top;
    background-repeat: no-repeat;
    display: block;
    height: 325px;
    width: 100%;
}

.mosaic a.imglnk {
	height: auto;
}

.mosaic a.caption span {
	height: auto;
	position: absolute;
	bottom: 23px;
	left: 23px;
}

.mosaic .ovrl {
    background: none;
    bottom: 0;
    display: block;
    height: 100%;
    opacity: 0.5;
    position: absolute;
    width: 100%;
}

.mosaic .box:hover .ovrl {
    background-color: #0d1827;
    opacity: 0.5;
}
.mosaic .caption {
    background-color: transparent;
    background-image: url(../img/mosaicbg.png);
    background-position: right 0px top 0px;
    background-repeat: no-repeat;
    display: block;
    color: #E8E8E8;
    bottom: 0;
    opacity: 0;    
    font-weight: 600;
    font-size: 20px;
    height: 100%;
    padding: 25px;
    position: absolute;
    text-decoration: none;
    text-transform: uppercase;
    width: 100%;
    transition: all 0.2s ease-in-out;
    z-index: 1;
}
.mosaic .caption:hover  {    
    opacity: 1;
    background-position: right 15px top 15px;
}
.mosaic .caption p {
    font-weight: 300;
    text-transform: none;
}


.box

.thumbnail {
	border-radius: 0;
	position: relative;
	height: 100%;
	
}



.thumbnail ul {
    list-style: none;
    padding:0;
    margin:0;
}

.thumbnail ul li {
    background: url(../images/list.png) 0 9px no-repeat;
    padding: 1px 0 1px 15px;
    font-size: 16px;
    
}

.thumbnail a.more {
	bottom: 0px; display: block; left: 10px;
	text-transform: uppercase; color: #536133; font-size: 17px; border: 2px solid #FFF; border-radius: 4px;
	position: absolute;
	padding: 5px 30px 5px 30px;
	transition: all 0.2s ease-in-out;
}

.thumbnail a.more:hover {
	background-color: #FFF;
}


.newspage .thumbnail a.more {border: 2px solid #546233;}
.newspage .thumbnail a.more:hover {
	background-color: #a1b765;
	color: #FFF;
}


.thumbnailAwesome li:before {
    content: "\f0c8";
    font-family: FontAwesome;
    font-size: 10px;
    margin-right: 7px;
    color: #94C11C;
}




.anch {
	position: absolute;
	top: 0;
	left: 0;
}



.contact h3 {display: none;}
.contact .cnct {padding: 0 0 0 0; color: #666666; height: 150px; }
.contact .cnct a {color: #666666; text-decoration: none;}
.contact .cnct span {display: block;}
.contact .cnct span.func {font-size: 16px; margin: 0 0 4px 0;}
.contact .cnct a.usrsh {
	color: #002252;
	font-weight: 700;
	font-size: 18px;	
	cursor: default;
	display: block;
}

.box.kontakt {margin-left: 15px;}

.zeptejtese,.zeptejtese a {
	color: #a4a4a4; font-size: 20px;
	line-height: 30px;
}
.zeptejtese img {margin-top: 90px;}


@media screen and (max-width: 767px) {
	.zeptejtese img {width: 100%; max-width: 100vw;}
}


.form-control {border-color: #FFF; transition: all 0.1s ease-in-out; border-width: 3px;}
.form-control:focus {border-color: #FFF; border-width: 2px; box-shadow: none;}

.zeptejtese h2 {background-image: url(../img/icon-kontakt.png); background-repeat: no-repeat; background-position: 0 0; padding: 15px 0 0 40px;}

.zeptejtese #form-kontakt h2 {display: none;}
.zeptejtese #objednavka #form-kontakt h2 {display: block;}

#objednavka {display: none;}
#mainkalk #objednavka {display: block; margin-top: 15px;}

.g-recaptcha {transform:scale(0.77);-webkit-transform:scale(0.77);transform-origin:0 0;-webkit-transform-origin:0 0; float: left;}


.form-group {margin-bottom: 15px;}
.form-control {font-size: 20px; padding: 3px 15px; width: 100%; background-color: transparent; border-radius: 0px; border: 1px solid #969696; border-left: none; border-right: none; border-top: none; color: #8c8c8c; height: 50px;}

#form-kontakt textarea.form-control {height: 200px;}
#form-kontakt .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #8c8c8c;
}
#form-kontakt .form-control::-moz-placeholder { /* Firefox 19+ */
  color: #8c8c8c;
}
#form-kontakt .form-control:-ms-input-placeholder { /* IE 10+ */
  color: #8c8c8c;
}
#form-kontakt .form-control:-moz-placeholder { /* Firefox 18- */
  color: #8c8c8c;
}
.captcha img {border-radius: 10px; float: left; margin-right: 10px;}
.captcha #captcha_input {width: 100px; float: left;font-size: 18px; height: 40px; padding: 8px 8px;}

.zeptejtese .btn,#objednavka .btn,a.gotobj {width: auto; height: 45px; border: 2px solid #969696; background-color: transparent; padding: 0 30px; float: right; color: #FFF; font-size: 18px; font-weight: 400; transition: all 0.2s ease-in-out; border-radius: 0; text-transform: uppercase;}
.zeptejtese .btn:hover,#objednavka .btn:hover,a.gotobj:hover {opacity: 1; border-color: #FFF;}


#form-kalkulator {
	background-image: url(../img/dot.png);
	background-position: 0 0;
	background-repeat: repeat;
	padding: 30px 30px;
	box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.35);
	transition: all 0.6s ease-in-out;
	overflow: hidden;
}

.shoff #form-kalkulator {	
	box-shadow: none;
	padding: 15px 30px;
}

#form-kalkulator .form-group {
	padding: 15px 0;
}

#form-kalkulator label {
	transition: all 0.2s ease; font-size: 24px; font-weight: 700; padding: 0px 0px 0px 0px;
	margin-right: 15px;
	color: #536133;	
	font-family: "BozonRegular", sans-serif;	 
	text-shadow: 1px 1px 0 rgba(255,255,255,0.75);
}
#form-kalkulator fieldset {
	width: 100%;
	float: none;
	clear: both;
}
#form-kalkulator legend {
	transition: all 0.2s ease; font-size: 24px; font-weight: 700; padding: 0px 0px 0px 0px;
	margin-right: 15px;
	color: #536133;	
	font-family: "BozonRegular", sans-serif;	 
	text-shadow: 1px 1px 0 rgba(255,255,255,0.75);
	border: none;
	margin: 15px 0 5px 0;
}
#form-kalkulator .datepicker {
	margin-right: 15px;
}
.input-group.full {width: 100%;}


.ui-tooltip {
    white-space: pre-line;
}






.home_banner {padding-bottom: 15px;}
.home_banner img  { width: 100%; height: auto;}


.navbar-default {
	border: none;	
	background: none;	
}


.navbar {margin-bottom: 0; border-radius: 0;min-height: 0px;}
.navbar .container-fluid {padding: 0;}
.navbar-collapse {padding: 0;}

.nav {margin-top: 5px; float: right; padding: 0;}
.topnav.fixed .nav {margin-top: -5px;}

.navbar-nav > li > a {
    padding: 0px 25px;
    transition: all 0.2s ease;
}
.navbar-nav > li:first-child > a {
    padding: 0px 25px 0px 0px;
}




.navbar-nav > li > a.last { padding-right: 0;}
.navbar-right {margin-right: 0;}

.navbar .top_link i.fa {font-size: 35px;}
.navbar .subitem i.fa {margin: 0 10px 0 0px;}

.navbar-form {
    float: right;
    padding: 0;
    margin: 0 62px 0 0;
    position: relative;
    right: 0;
    text-align: right;
    top: -60px;
    width: 60%;
}
.navbar-form .btn-default.glyphicon-search {
    background-color: #061F3C;
    border: medium none;
    border-radius: 35px;
    color: #fff;
    font-size: 18px;
    height: 37px;
    line-height: 30px;
    margin-right: 5px;
    padding: 0;
    width: 37px;
}


.hidenav {position: absolute; right: 0; top: 0; background-color: #FFF; width: 430px; min-height: 100vh; height: 100%; overflow: hidden; z-index: 4; background-position: left top; background-repeat: no-repeat; background-size: 100% auto; transition: all 0.65s; background-image: url(../img/menubg.jpg);}
.hidenav.off {right: -500px;}


.mainnav {padding: 0; position: relative; z-index: 2; left: 72px; top: 140px;}
.mainnav ul,.mainnav li {margin: 0; padding: 0;}
.mainnav li { font-size: 20px; font-family: 'BozonBold', sans-serif; list-style: none; padding: 10px 0 10px 0; letter-spacing: 3px; }
.mainnav li a {padding: 0 0 0 0; color: #b4a7a5; text-transform: uppercase;}
.mainnav li a:hover,.mainnav li a.active {color: #FFF;}


@media screen and (min-height: 900px) {
	.hidenav {position: fixed;min-height: 640px;}
}

@media screen and (min-width: 1921px) {
	.hidenav {width: 17%;}
	.hidenav.off {left: -17%;}
}

@media only screen
and (min-width : 320px)
and (max-width : 480px) {
	.hidenav {width: 100%;min-height: calc(100vh + 120px);}
  .mainnav,.lngsw {left: 30px;}
  .mainnav {top: 100px;}
  .socnav {top: 115px;left: 10px; padding-bottom: 30px; overflow: hidden;}
}

@media only screen
and (min-width : 280px)
and (max-width : 740px)
and (orientation:landscape) {
	.hidenav {height: 100vh;overflow: auto;padding-bottom: 30px;}
	.socnav {padding-bottom: 30px; overflow: hidden;}
	.slider {top: 0;}
}


.topnav {
	margin: 0px 0px 0px 0px;
	padding: 0px 0 0px 0;
	position: fixed;
	z-index: 10;
	width: 100%;
	height: 65px;
	background-color: transparent;
	background-image: url(../img/topbg.png);
	background-position: top left;
	background-repeat: repeat-x;
	transition: padding 0.2s ease;
  	box-shadow: none;
}

.topnav.fixed {
	position: fixed;
	top: 0px;
	z-index: 10;
	margin: 0;
	padding: 0px 0 0px 0;
	height: 65px;
	background-position: center bottom;
}



.navbar-default .navbar-nav > li > a {
	color: #818181;
	font-size: 15px;
	text-transform: uppercase;
}
.navbar-default .navbar-nav > li > a:hover,.navbar-default .navbar-nav > li > a:focus {color: #BDBEBE;}


.navbar > .container .webtitle, .navbar > .container-fluid .webtitle {
	position: absolute;
	left: 170px;
	top: 12px;
	text-transform: uppercase;
	font-size: 20px;
	font-weight: 300;
	color: #B8D076;
	opacity: 1;
	transition: all 0.1s ease-in-out;
}
.webtitle strong {
	font-size: 28px;
	font-weight: 700;
}

.topnav.fixed .webtitle {display: none;}


.navbar > .container .socnav, .navbar > .container-fluid .socnav {
	position: absolute;
	right: 0px;
	top: 0px;
}



.menu-switch {position: absolute; right: 0; top: 0; background-color: #322C2C; width: 125px; height: 65px; transition: all 0.3s; cursor: pointer;z-index:5; background-image: none; background-repeat: no-repeat; background-position: 100 100;}
.menu-switch.black {background-image: url("https://www.tcprofi.com/skins/default/img/menu-ico-black.png");}
.menu-switch.off {right: 59px; top: 42px; background-image: url("../img/menu-off.png");  width: 61px; height: 61px; position: fixed; background-color: transparent;background-position: 0 0;}
.menu-switch a {font-size: 18px; color: #ac9b98; font-family: 'BozonBold', serif; display: block; width: 100%; height: 100%; text-align: center; text-transform: uppercase; letter-spacing: 1px; position: relative; top: 33%;}
.menu-switch.off a {display: none;}


@media screen and (max-width: 767px) {
	.menu-switch.off {right: 30px;}	
}

.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
	display: none;
	padding: 0;
	margin: 0;
	background: url(../img/logo.png) 0 0px no-repeat;
	background-size: 100%;
	width: 145px;
	height: 35px;
	margin-left: 0px;
	margin-top: 17px;
	transition: all 0.2s ease-in-out;
	-moz-animation-duration: 1.5s;
 	-moz-animation-delay: 1s;
  	-moz-animation-iteration-count: 1;
	
	
}

.navbar-default .navbar-nav > li > a {
	font-family: "BozonRegular", sans-serif;
	font-weight: 300; font-size: 18px;
	color: #FFF;
	text-transform: uppercase;
	padding: 18px 15px 16px 15px;
	display: block; 
	margin-right: 0px;
	transition: all 0.2s ease-in-out;
	letter-spacing: 1px;
}
.navbar-default .navbar-nav > li > a.last {margin-right: 0;}

.navbar-default .navbar-nav > li > a.top_link:focus{outline: none;font-weight: 700;color: #FFF;padding: 18px 10px 16px 10px;}



.topnav.fixed .navbar-default .navbar-nav > li > a.top_link span {display:block; }
.topnav.fixed .navbar > .container .navbar-brand,.topnav.fixed .navbar > .container-fluid .navbar-brand {
	width: 107px;
	height: 26px;
	margin-top: 9px;
	margin-bottom: 0px;
	margin-right: 15px;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
	font-weight: 700;
	background: transparent;
	padding: 18px 25px 16px;
}

.navbar-default .navbar-nav > .active > a span, .navbar-default .navbar-nav > .active > a:focus span, .navbar-default .navbar-nav > .active > a:hover span {
	color: #FFF;	
}

.navbar-default .navbar-nav > .active > a.top_link.m5523 span, .navbar-default .navbar-nav > .active > a.top_link.m5523:focus span, .navbar-default .navbar-nav > .active > a.top_link.m5523:hover span {
	border-bottom: none;
}

@media screen and (max-width: 767px) {
	
	.navbar-toggle {margin-right: 0;}
	
	.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {	
		width: 102px;
		height: 70px;		
		margin-left: 0px;
		margin-top: 20px;	
	}
	
	.navbar-nav {
    	margin: 7.5px -15px;    	
	}
	
	.navbar .container-fluid {
		padding: 0 0px;
	}
	
	.container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header {
		margin: 0;
	}
	
	.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    	border: none;    	
	}
	
	.navbar-default .navbar-collapse {		
		background: #E5CBB0;
		overflow: hidden;
		width: 100%;
		margin-top: 15px;
		margin-bottom: 15px;
		padding-bottom: 15px;
	}
	
	
	.navbar-default .navbar-nav > li > a.top_link {
		height: auto;
		width: 100%;		
	}
	
	.navbar-default .navbar-nav > li > a {	
		padding: 7px 30px;
		color: #000;
	}
	
	.navbar-default .navbar-nav > li > a:hover {
		color: #000;	
	}
	
	.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
		border: none;
	}
	
	.navbar-default .navbar-nav .open .dropdown-menu > li > a {
		color: #333333;		
	}
	.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
		background: #DFE0E3;
	}
	
	 .dropdown-submenu .dropdown-menu > li > a {
	 	font-weight: 300;
	 	background: #E9EAEC;
	 }
	 
	 
	 
	 
	 
.navbar-toggle {
    background-color: transparent;
    border: none;
    color: inherit;
    cursor: pointer;
    font: inherit;
    margin: 15px 0 0 0;
    overflow: visible;
    padding: 5px 0;
    text-transform: none;
    transition-duration: 0.15s;
    transition-property: opacity;
    transition-timing-function: linear;
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background: transparent;
    border: none;
}

.navbar-toggle:hover {
    opacity: 0.7;
}
.navbar-toggle .navbar-toggle-inner {
    transition-duration: 0.1s;
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.navbar-toggle .navbar-toggle-inner::before {
    transition: top 0.1s ease 0.14s, opacity 0.1s ease 0s;
}
.navbar-toggle .navbar-toggle-inner::after {
    transition: bottom 0.1s ease 0.14s, transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, -webkit-transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s;
}
.navbar-toggle.is-active .navbar-toggle-inner {
    transform: rotate(45deg);
    transition-delay: 0.14s;
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.navbar-toggle.is-active .navbar-toggle-inner::before {
    opacity: 0;
    top: 0;
    transition: top 0.1s ease 0s, opacity 0.1s ease 0.14s;
}
.navbar-toggle.is-active .navbar-toggle-inner::after {
    bottom: 0;
    transform: rotate(-90deg);
    transition: bottom 0.1s ease 0s, transform 0.1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.14s, -webkit-transform 0.1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.14s;
}
.navbar-toggle-box {
    display: block;
    height: 24px;
    position: relative;
    width: 30px;
}
.navbar-toggle-inner {
    display: block;
    margin-top: -2px;
    top: 50%;
}
.navbar-toggle-inner, .navbar-toggle-inner::before, .navbar-toggle-inner::after {
    background-color: #FFF;
    border-radius: 0;
    height: 4px;
    position: absolute;
    transition-duration: 0.15s;
    transition-property: transform, -webkit-transform;
    transition-timing-function: ease;
    width: 30px;
}
.navbar-toggle-inner::before, .navbar-toggle-inner::after {
    content: "";
    display: block;
}
.navbar-toggle-inner::before {
    top: -10px;
}
.navbar-toggle-inner::after {
    bottom: -10px;
}
	 
.topnav.fixed .navbar-toggle {
	margin-top: 5px;
}	 
	 
		
}

@media screen and (max-width: 1199px) {
	.container-fluid > .navbar-header, .container > .navbar-header {float: left; }
	.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {width: 107px; height: 26px;margin: 20px 0 0;}
	.nav {
    	float: right;
    	margin-top: 5px;
    	width: auto;
	}	
}


@media screen and (max-width: 991px) {
	.navbar-default .navbar-nav > li > a {		
		margin-right: 0px;
		padding: 18px 13px 16px;
		font-size: 15px;
	}
	.navbar > .container .webtitle, .navbar > .container-fluid .webtitle {
		left: 110px;
	}	
}

@media screen and (max-width: 767px) {
	.navbar > .container .webtitle, .navbar > .container-fluid .webtitle {
		font-size: 15px;
	}
	.webtitle strong {
    	font-size: 18px;
	}
	
	.navbar > .container .socnav, .navbar > .container-fluid .socnav {
    	right: 0;
    	top: -30px;
	}
	.camera_pie {display: none;}
	.nav {
    	float: none;
    	margin: 10px 0 0 0;
    	width: 100%;
	}	
	.topnav {padding-bottom: 0px; position: fixed;}
	.container-fluid > .navbar-header, .container > .navbar-header {
    	float: none;
		width: 100%;
	}
	
	
}
@media screen and (max-width: 527px) {
	.navbar > .container .webtitle, .navbar > .container-fluid .webtitle {
		display: block; top: 5px;font-size: 15px;
	}
	.webtitle strong {
    	display: block;font-size: 14px;
	}
}

@media screen and (max-width: 335px) {
	.navbar > .container .webtitle, .navbar > .container-fluid .webtitle {
		display: none;
	}
}



.breadcrumb {font-weight: 300;}

.maincontent {
	background-color: transparent;
	padding: 230px 0px 20px;
	margin-top: -310px;
	min-height: 500px;	
	position: relative;
	z-index: 9;
}

@media screen and (max-width: 767px) {
	.XXXmaincontent {	
	margin-top: -360px;
}
}

.maincontent .shadow {
	box-shadow: 2px 2px 9px #6a6a6a;
}


body.popup .maincontent {
	margin-top: 0;
	padding: 20px 20px 20px 20px;
	min-height: 100vh;
	box-shadow: none;	
}

body.popup .maincontent .ac {
	max-height: 90vh;
}

.scrup,.scrdown {display: none;}

.mfp-iframe-holder .mfp-close {	
	width: 105px;
	opacity: 1;
}

.mfp-iframe-holder .mfp-close span {display: block; color: #779324; font-size: 14px; font-weight: 600; background: url(https://www.tcprofi.com/skins/default/images/close.jpg) top right no-repeat #FFF; height: 45px; width: 100px; padding-right: 55px;padding-left: 10px;}

.mfp-bg {
opacity: 0.88;
}
.mfp-iframe-scaler iframe {
	box-shadow: none;
	background-color: #FFF;	
}

.sidecol {
	background: url(https://www.tcprofi.com/skins/default/img/boxbg.png) 0 0 repeat;
	margin-top: -15px;
	position: relative;
	z-index: 2;
	-webkit-box-shadow: -4px 2px 6px -1px rgba(0,0,0,0.53);
-moz-box-shadow: -4px 2px 6px -1px rgba(0,0,0,0.53);
box-shadow: -4px 2px 6px -1px rgba(0,0,0,0.53);
}

.popupcontent {
	margin: 30px 0;
}


.topcap {margin-bottom: 15px;font-size: 14px;position: relative; font-weight: 300;}
.topcap.tcne,.anne {display: none;}



.anot {font-size: 22px; line-height: 28px; margin: 30px 0 30px 0;}
@media screen and (max-width: 767px) {
  .anot {margin: 30px 0 30px 0;}
}


.tabbox .thumbnail {
	border: none;
	margin: 0;
	padding: 0;
}
.tabbox .thumbnail h3 {
 margin: 0;
}
.tabbox .thumbnail .caption {
	padding: 0 0 0 15px;
}
 


.infobox_main {
	background: url(https://www.tcprofi.com/skins/default/img/boxbg.png) 0 0 repeat;
	margin-bottom: 15px;
	box-shadow: 2px 2px 9px #6a6a6a;
	margin-top: -9px;
}

.tabbox {
	height: 445px;
	margin-bottom: 15px;
	overflow: hidden;
	color: #B6C7CB;	
}

.simplebox .bxc {
	min-height: 320px;
	margin-bottom: 15px;
	overflow: hidden;
	color: #B6C7CB;	
	background: url(https://www.tcprofi.com/skins/default/img/boxbg.png) 0 0 repeat;
	padding: 15px;
	box-shadow: 2px 2px 9px #6a6a6a;
}

.tabbox .ac {
	position: relative;
	margin: 0;
	padding: 0px;	
	height: 100%;
	background: #DEE4ED;
	padding: 15px;
	margin-top: 15px;
}
.tabbox .ac img { width: 100%; height: auto; max-height: 210px;}
.tabbox .ac a.more {display: block; position: absolute; bottom: 0px; background-color: #A7812A; padding: 8px 15px; width: 100%; font-size: 18px;}
.tabbox .ac a.more .glyphicon {float: right; background-color: #FFFFFF; color: #A7812A; border-radius: 50px; padding: 4px; position: relative; top: 1px; font-size: 14px; }

.hpbox2 {
	height: 490px;
	margin-bottom: 15px;
	overflow: hidden;
	color: #B6C7CB;
}



@media screen and (max-width: 767px) {
	.panels {
		overflow: hidden;
	}
}



.foot {
	background: url(https://www.tcprofi.com/skins/default/img/foot.png) 0 0 repeat;
	padding: 0px 0 40px 10px 0 40px;
}
.foot .container {
	border-top: 8px solid #99ABC1;
	padding-top: 10px;
}
.foot h2 {color: #FFF;}
.foot p {padding: 0; margin: 0; color: #FFF;}

.foot .soclinks {
	padding-left: 0px;
	padding-right: 30px;
	margin-top: 20px;
}

@media screen and (max-width: 767px) {
	.foot .soclinks {
		padding-left: 15px;
		padding-right: 15px;
	}
}


.foot a {
	color: #FFF;
	font-size: 14px;
}

.foot .list-group-item {
	background: none;
	border: none;
	padding: 0 0 5px 0;
}


.footer {
	background-color: #03091D;
	padding: 10px 0;
	width: 100%;
}
.footer p {padding: 0; margin: 0; color: #FFF;}


footer {background-position: left bottom; text-align: center; width: 100%; height: 100px; background-image: url(../img/btmbg.png); background-repeat: repeat-x; background-color: transparent; bottom: 0px; z-index: 2; position: absolute;}
footer .row {position: relative; padding-top: 0px; }
footer p {letter-spacing: 4px; }
footer p, footer a {
	color: #7B7878;
	font-weight: 400;
	font-size: 14px;
	margin: 0;
	padding: 0;
	transition: all 0.2s ease-in-out;
	text-align: right;
}
footer a:hover {color: #FFF; opacity: 1;}
footer p strong {font-family: "BozonExtraBold", sans-serif;} 



@media screen and (max-width: 991px) {
	footer p, footer a {	
		font-size: 14px;
		margin: 0;
	}
}

@media screen and (max-width: 530px) {
	footer .row {margin-top: -30px;}
  footer p, footer a {font-size: 13px; line-height: 15px;}
}

.rec {border-bottom: none; margin-bottom: 30px; overflow: hidden; position: relative;}
.foto_box img { width: 100%; height: auto;}


.cloudzoom, .cloudzoom-zoom-inside, .cloudzoom-blank {
    cursor: url("https://www.tcprofi.com/skins/default/img/magnify.cur"), url("https://www.tcprofi.com/skins/default/css/skins/tcprofi/img/magnify.cur"), default;
}


.rec .detail a.defimg {
    float: left;
    margin-right: 30px;    
    width: 33%;
    overflow: hidden;
}
.rec .detail img {
    max-width: 100%;
    width: 100%;
}


@media screen and (max-width: 991px) {

.rec .detail a.defimg {     
    width: 50%;
}


}


@media screen and (max-width: 771px) {

.rec .detail a.defimg {
    margin-right: 0px;
    margin-bottom: 30px;
    width: 100%;
}


}



.kontakty { width: 100%; }
.kontakty .rec { text-align: center;}
.kontakty .rec:last-child {padding: 0;}
.kontakty .separator { padding: 10px 0px; vertical-align: middle; }
.kontakty .separator div { height: 1px; border-bottom: 1px solid #D6E2ED; }
.kontakty .email { color: #b4a7a5; }
.kontakty h3 {font-size: 20px; margin: 0px; padding: 3px 0px 3px 0px; color: #ac9b98; text-transform: uppercase; font-weight: normal; line-height: 125%; letter-spacing: 0px; font-style: normal;}
.kontakty p {margin-bottom: 0;font-size: 16px; color: #b4a7a5; line-height: 25px;}
.kontakty p strong { font-family: "BozonExtraBold", sans-serif; font-size: 24px; font-weight: 400; }
.usrsh { font-size: 16px; }
a.usrsh { font-size: 16px; text-decoration: underline; }
.kontakty h4 { color: #990000; }

.kontakty .uphoto {margin-bottom: 35px;}

.kontakty img {width: 222px; height: 222px; border: 20px solid #FF0000; border-radius: 222px;}
.kontakty .u699 img {border-color: #7EA2B6;}
.kontakty .u700 img {border-color: #C2906F;}
.kontakty .u701 img {border-color: #8FA990;}
.kontakty .u702 img {border-color: #C6BCBA;}

.contact_links {margin-top: 5px;}
.contact_links i {display: none;}
.contact_links a {display: block;color: #b4a7a5; font-size: 20px;}


.list114 {
    width: 100%;
}
.list114 li {
    float: left;
    margin-bottom: 10px;
    margin-right: 10px;
}
.list114 a.top_link {
    background-color: #fff;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 90% auto;
    box-sizing: border-box;
    display: block;
    height: 100px;
    padding: 5px;
    width: 170px;
}
.list114 a.top_link span {
    display: none;
}

.list114 .list-group-item {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    padding: 0 0 5px;
}


.tabnavig {margin-top: -32px;}
.tabnavig ul {list-style: none; padding: 0; margin: 0 0 0 0;}
.tabnavig ul li {list-style: none; background-image: none; float: left; margin-right: 5px;}
.tabnavig ul li a {padding: 4px 20px; color: #FFFFFF; font-size: 19px; text-shadow: 0.1em 0.1em 0.05em #6a6a6a; background: #999999;
-webkit-box-shadow: 5px -4px 3px -3px rgba(106,106,106,0.7);
-moz-box-shadow: 5px -4px 3px -3px rgba(106,106,106,0.7);
box-shadow: 5px -4px 3px -3px rgba(106,106,106,0.7);
}
.tabnavig ul li a.active {color: #00306A; background: #FFFFFF; text-shadow: 0.1em 0.1em 0.05em #FFFFFF;}

.kallisthp {margin-top: 15px; padding-right: 0; padding-left: 0;}
.kallisthp .akce {margin-bottom: 0px; padding-bottom: 8px; padding-top: 8px; border-top: 1px solid #f0f0f0; border-bottom: 1px solid #CCCCCC;}
.kallisthp .akce.first {border-top: none;}
.kallisthp .akce.last {border-bottom: none;}
.kallisthp .sc {background: #DEE4ED; min-height: 500px; padding: 15px; }
.kallisthp h4 {margin: 0; padding: 0; color: #7F7F00;}
.kallisthp .datum {padding: 0; margin: 0; font-size: 14px;}
.kallisthp .kde span {margin-left: 15px;}
.kallisthp .pdf {background: #FFFFFF; padding: 0px 5px;}

.kalfltrhp {margin-top: 15px; padding-left: 0;}
.kalfltrhp .sc {background: #162D38; }
.kalfltrhp .ac {background: #162D38; min-height: 250px; }
.kalfltrhp h2 {color: #FFFFFF; text-align: center; font-size: 28px; text-transform: lowercase; padding: 20px 0 10px 0; margin: 0;}


#kal .calendar {
    margin: 0 auto;    
    width: 90%;    
}
#kal .calendar th {
    color: #D7D7BD;
    font-size: 16px;
    padding-bottom: 4px;
    text-align: center;
    font-weight: normal;
    
}
#kal .calendar td {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #cccccc;
    font-size: 15px;
    text-align: center;
}
#kal .calendar td.linked-day {
    border: 1px solid #FFFFFF;
}
#kal .calendar td.linked-day a {
    display: block;
    font-weight: bold;
    text-decoration: none;
}
#kal .calendar td.act {
    background: #000000 none repeat scroll 0 0;
    color: #ffffff;
}
#kal .calendar td.act a {
    color: #ffffff;
}
#kal .calendar td.linked-day:hover {
    background: #FFFFFF none repeat scroll 0 0;
    color: #162D38;
}
#kal .calendar td.linked-day:hover a {
    color: #162D38;
    text-decoration: none;
}
#kal .calendar a {
    color: #ffffff;
}
#kal .calendar a.prne {
    background-position: 0 0;
    background-repeat: no-repeat;
    color: #6CDAFF;
    display: block;
    float: left;
    font-size: 15px;
    font-weight: 700;
    height: 16px;
    margin: 0;
    padding: 0;
    position: relative;
    top: 0;
    width: 10%;
    
}


#kal .calendar a.prne span {
    display: none;
}
#kal .calendar a.prne.pre {
    background-image: url("https://www.tcprofi.com/skins/default/img/kalarr_left.jpg");
}
#kal .calendar a.prne.nex {
    background-image: url("https://www.tcprofi.com/skins/default/img/kalarr_right.jpg");
    float: right;
}
#kal .calendar a.prne:hover {
   text-shadow: 0.1em 0.1em 0.1em #FFFFFF;
    text-decoration: none;
}
#kal .calendar a.actmnt {
    color: #6CDAFF;
    float: left;
    font-size: 14px;
    font-weight: bold;    
    text-shadow: 0.1em 0.1em 0.05em #333333;
    text-transform: uppercase;
    width: 80%;
}
#kal .calendar a.act {
    color: #ffffff;
}
.calendar-month {
    text-align: center;
    margin-bottom: 1px;
    padding: 25px 0 10px 0;
}
#calendarfiltr select {
    font-size: 10px;
}

.slicker img { width: auto; max-width: 100%; height: auto; text-align: center; margin: 0 auto; }
.detail_projekty.max .slicker img { width: 100%; }
.slick-list {
	
}

@media screen and (max-width: 991px) {
	.slick-list {
	background-image: none;
	}
}

.phone_ico {
    background: rgba(0, 0, 0, 0) url("https://www.tcprofi.com/skins/default/img/phone_ico.gif") no-repeat scroll 0 6px;
    padding: 2px 0 2px 25px;
}



.galimg {
	margin: 0 !important;
	padding: 0 !important;
	border: 4px solid #FFF;
}
.galimg span { display: none; }


.galfldr {margin-bottom: 15px;}
.galfldr a {
	display: block;
	width: 100%;	
}

.galfldr span.cntr {font-size: 12px; padding-left: 8px;}

.galfldr a .img_bg {
	width: 100%;
	height: 200px;
	background-size: 100% auto; 
	background-repeat: no-repeat;
	background-position: center center;
}

.gallery_photos {    
    width: 100%;
}

.photo {
    display: block;
    height: 90px;
    margin: 0;
    padding: 0;
    text-decoration: none;
    width: 100%;
    background-size: 100% auto;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #ffffff;    
	box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.25); 
	opacity: 0.6;
	filter: grayscale(1);
	transition: all 0.2s ease-in-out;
}

.photo:hover {
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35);
	opacity: 1;
	filter: grayscale(0);
}

.newspage .photo {
	height: 180px;
}


.gallery_img span, .gallery_img .popiska {
    display: none;
}

.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

.logo {margin: 0; overflow: hidden; width: 280px; height: 65px; position: absolute; background-color: #322C2C; text-align: center; padding-top: 10px;}

@media screen and (max-width: 991px) {
	.logo {text-align: left; padding-left: 15px;}
}


#shg {display: none; width: 100%; height: 0; position: absolute; top: 0px; left: 0; background:  url("../images/ajx_prel.gif") no-repeat center center #FFFFFF;}
.shgnav {width: 100%; height: 40px; background: #000;}
#shg .wrap {width: 990px; margin: 0 auto; height: 40px; overflow: hidden;}
#shg .caption {display: block; width: 489px; height: 20px; padding: 10px 0; color: #BFBFBF; font-family: 'PT Sans', sans-serif; text-align: left; float: left;}
#shg .caption p { margin-left: 10px; display: inline; border-left: 1px solid #bfbfbf; padding-left: 10px;}
#shg .tmbs {display: block; width: 455px; height: 40px; padding: 0px 0; float: left;}
#shg .tmbs a.tmb {display: block; width: 45px; height: 30px; overflow: hidden; margin-right: 5px; margin-top: 5px; float: right;}
#shg .tmbs a.tmb img {width: 100%; height: auto;}
#shg .shgclose {display: block; width: 30px; height: 30px;background:  url("../images/shgclose.png") no-repeat 0 0; float: right; position: relative; top: 5px;}
#shg .shgclose span {display: none;}

#shg .bigimg {width: 100%;}
#shg .bigimg img {width: 100%; height: auto;}

.container .jumbotron, .container-fluid .jumbotron {
    padding-left: 30px;
    padding-right: 30px;
    border-radius: 0;
    margin-bottom: 15px;
}
.jumbotron p {
    font-size: 18px;
    font-weight: 300;
    margin-bottom: 15px;
}
.jumbotron img {width: 100%; margin: 10px 0 5px 0;}



.video {padding-top: 30px; padding-bottom: 30px;}
.video iframe {max-width: 560px;}

.jumbotron {padding-top: 15px;padding-bottom: 15px; }
.jumbotron p {margin-bottom: 0px; }

.shgne {
    display: none;
}


.fulltxt i {margin-right: 7px;}


.karavany-cenik span.sezona {
	display: block;
}

.priplatky .popis {font-size: 13px;}


.kestazeni {
    margin: 15px 0 50px;
    width: 100%;
}
.kestazeni td {
    border-bottom: 1px solid #dedede;
    font-weight: 300;
    padding: 10px 0;
}
.kestazeni td a {
    color: #cc0033;
    display: block;
    font-size: 16px;
    margin-right: 5px;
    text-decoration: underline;
    text-transform: none;
}
.kestazeni td a:hover {
    color: #63070a;
    text-decoration: none;
}
.kestazeni td a i.fa {
    font-size: 20px;
}
.kestazeni td.title h3 {
    background-color: #cccccc;
    color: #fff;
    display: block;
    margin: 0;
    overflow: hidden;
    padding: 0;
    text-transform: uppercase;
}
.kestazeni td.title h3 span {
    background-color: #333333;
    display: block;
    float: right;
    padding: 7px 15px 7px 125px;
}
.kestazeni td.c1 {
    width: 6%;
}
.kestazeni td.c2 {
    font-size: 13px;
    width: 10%;
}
.kestazeni td.c3 {
    font-size: 12px;
    width: 70%;
}
.kestazeni td.c4 {
    width: 10%;
}
.kestazeni .autor {
    color: #333;
    font-size: 12px;
    display: none;
}
@media screen and (max-width: 775px) {
.kestazeni td.c1 {
    width: 10%;
}
.kestazeni td.c2 {
    font-size: 11px;
    width: 12%;
}
.kestazeni td a {
    font-size: 13px;
}
}
@media screen and (max-width: 530px) {
.kestazeni td.c4, .kestazeni .autor {
    display: none;
}
}
@media screen and (max-width: 320px) {
.kestazeni td.c1 {
    width: 15%;
}
.kestazeni td.c2 {
    width: 20%;
}
}



.detail_projekty {width: 100%; overflow: hidden; position: relative; padding: 107px 0;}
.detail_projekty h1 { font-family: "BozonBold", sans-serif;font-weight: normal;font-size: 24px; margin: 0px 0 0px 0; padding: 20px 0; text-transform: none; text-shadow: none; color: #322c2c; text-align: center; background-color: transparent;}
.detail_projekty h1 span {font-family: "BozonLight", sans-serif;font-weight: normal;font-size: 24px; margin: 0px 0 0 0; line-height: 22px; text-transform: lowercase;}
.bigimgwrap,.bigimgwrap img {max-height: 88vh; height: auto;position: relative;background-color: transparent;}
.detail_projekty.max .bigimgwrap,.detail_projekty.max .bigimgwrap img {max-width: 100%;max-height: none;}

.wow {visibility: hidden;}

.bigimgwrap {
    min-height: 70vh;
}

.detail_projekty .caption {
	background: #F0F0F0;
	position: absolute;
	right: -320px;
	bottom: 0px;
	color: #322c2c;
	width: 320px;
	min-height: 450px;
	padding: 40px 55px 40px 40px;
	opacity: 1;
	transition: all 0.14s ease-in-out;	
	z-index: 4;
}

.detail_projekty.max .caption {
	background: rgba(255, 255, 255, 0.8);
}

.detail_projekty .caption.active {
	right: 0px;
}

.detail_projekty .caption a.inf.minus,.detail_projekty .caption a.inf.plus {display: block; width: 26px; height: 26px; 
position: absolute; top: 20px; right: 17px; background-image: url("../img/closecap.png");
}
.detail_projekty .caption a.inf.minus span,.detail_projekty .caption a.inf.plus span {display: none; color: black; font-size: 16px;}
.detail_projekty .caption a.inf:hover {text-decoration: underline;}

.detail_projekty .caption h2 {
	font-size: 22px;
	margin-bottom: 5px;
}
.detail_projekty .caption h3 {
	font-size: 22px;
	margin: 0 0 25px 0;
}
.detail_projekty .caption h3 span {
	display: inline;
}

.detail_projekty .caption p {
	font-size: 18px;
	margin: 30px 0 0 0;
	line-height: 24px;
}






.detail_projekty .gallery_photos {display: none;}
.detail_projekty .slick_control {
	position: fixed;
	right: 0;
	top: 160px;
	width: 50px;
	z-index: 5;
}


.detail_projekty .slick_control a {
	display: block;
	width: 50px;
	height: 50px;
	background-position: 0 0;
	background-repeat: no-repeat;
	background-color: transparent;
	margin-bottom: 1px;
	transition: all 0.14s ease-in-out;
}
.detail_projekty .slick_control a:hover {background-position: 0 -50px}
.detail_projekty .slick_control a span {display: none;}

.detail_projekty .slick_control a.cls {background-image: url(../img/close.png);}
.detail_projekty .slick_control a.inf.plus {background-image: url(../img/plus.png); }
.detail_projekty .slick_control a.inf.minus {background-image: url(../img/minus.png);}
.detail_projekty .slick_control a.zoom.off {background-image: url(../img/zoomoff.png);}
.detail_projekty .slick_control a.zoom.on {background-image: url(../img/zoomon.png);}
.detail_projekty .slick_control a.nxt {background-image: url(../img/next.png);}
.detail_projekty .slick_control a.nxt:hover {background-position: -50px 0;}
.detail_projekty .slick_control a.prv {background-image: url(../img/prev.png); background-position: -50px 0;}
.detail_projekty .slick_control a.prv:hover {background-position: 0px 0;}


.detail_projekty .slick-caption { margin: 0 auto; text-align: center;}
.detail_projekty .slick-caption p { font-size: 16px; padding: 0; margin: 0; color: #FFF; }
.detail_projekty .slick-caption p span.title {font-family: "InternacionalBold", sans-serif; }



@media screen and (max-width: 360px) {
	.detail_projekty .caption {
		background: rgba(255, 255, 255, 0.8);
		width: 100%;
		position: fixed;
		bottom: 0px;
		min-height: 0;
	}
	.detail_projekty .slick_control {
		top: auto;
		bottom: 0px;
	}
}

@media screen and (max-height: 360px) {
	.detail_projekty .caption {
		background: rgba(255, 255, 255, 0.8);
		min-height: 0;
		width: 100%;
		position: relative;
		top: 0px;
		right: -100%;		
	}
	.detail_projekty .slick_control {
		top: auto;
		bottom: 0px;
	}
}




@-webkit-keyframes zoom{
	0%{-webkit-transform:scale(1);transform:scale(1)}
	50%{-webkit-transform:scale(1.15);transform:scale(1.15)}
	100%{-webkit-transform:scale(1);transform:scale(1)}
	}
@keyframes zoom{
	0%{-webkit-transform:scale(1);transform:scale(1)}
	50%{-webkit-transform:scale(1.15);transform:scale(1.15)}
	100%{-webkit-transform:scale(1);transform:scale(1)}
	}