/* Public design preserved from old_version/www/multistyle.css. */
@font-face {font-family:"Open Sans";src:url("OpenSans-Light.ttf?v=2") format("truetype");font-weight:300;font-style:normal;font-display:swap;}
@font-face {font-family:"Open Sans";src:url("OpenSans-Semibold.ttf?v=2") format("truetype");font-weight:600;font-style:normal;font-display:swap;}
@font-face {font-family:"Open Sans";src:url("OpenSans-LightItalic.ttf?v=2") format("truetype");font-weight:300;font-style:italic;font-display:swap;}
body {
	font-family: Open Sans;
	font-size: 16px;
	color: #888888;
	text-align: center;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
  background: #161616 url(/data/bg_bg.png) repeat-x center top;
}
a {
  color: #de1270;
	text-decoration: none;
}
a:hover {
  color: #de1270;
	text-decoration: underline;
}
.root {
  width: 100%;
  min-width: 360px;
  max-width: 1260px;
	position: relative;
	margin: auto;
	text-align: left;
}
.in_obsah {
  float: left;
  width: 100%;
  width: 95.24%;
  padding: 0px 2.38% 35px 2.38%;
}
.main_box {
  float: left;
  width: 95.24%;
  margin: 10px 2.38% 10px 2.38%;
}
.main_box_l_text {
  float:left;
  width:60%;
}
.main_box_l_text p {
  font-size: 90%;
}
.main_box_l_text p:first-child {
  font-size: 120%;
}
#main_video_part {
  float: right;
  width: 38%;
  height: 260px;
}
img.play_video {
  float: right;
  width: 15%;
  height: auto;
  border: 10px solid #de1270;
  margin-top: 15px;
  cursor: pointer;
}
img.play_video:hover {
  border: 10px solid white;
}
h1 {
  float: left;
  width: 100%;
  color: white;
  font-size: 220%;
  font-weight: normal;
}
.in_page {
  margin-bottom: 10px;
}
.clanek_parser {
  float: left;
  width: 100%;
  height: 0;
}
.clanek_left {
  float: left;
  width: 70%;
}
.clanek_left p img {
  margin: 0 15px 0 0;
  display: inline-block;
}
.dotaznik_place {
  float: left;
  width: 70%;
  padding: 20px 0px 20px 2.8%;
  /*background: url(/data/form_bg.jpg) right top no-repeat;
  background-size: contain;*/
}
.faq_right, .faq_right_clanek {
  float: right;
  width: 21%;
  padding: 20px 2% 360px 2%;
  border-left: 1px solid black;
  border-bottom: 1px solid #4c4c4c;
  background: #252525 url(/data/faq_bg.jpg) right bottom no-repeat;
  background-size: contain;
}
.faq_right_clanek {
  border-top: 1px solid #4c4c4c;
  margin-top: 35px;
}
a.faq_item {
  float: left;
  width: 85%;
  padding: 8px 0px 8px 15%;
  background: url(/data/faq_item.jpg) left center no-repeat;
  color: white;
}
.faq_parser {
  float: left;
  width: 100%;
  height: 0px;
  border-top: 1px solid #161616;
  border-bottom: 1px solid #343434;
}
table.dotaznik {
  width: 100%;
  text-align: left;
}
table.dotaznik td {
  padding: 3px 5px 3px 5px;
}
table.dotaznik tr {
  color: white;
}

.foceni_head_text {
  float: left;
  width: 50%;
}
img.foceni_head_img {
  float: right;
  width: 48%;
  border: 0;
  margin-top: 15px;
}
.foceni_kruhy {
  float: left;
  width: 100%;
  margin: 55px 0px 40px 0px;
}
.kruh_item {
  float: left;
  width: 285px;
  height: 285px;
  background: url(/data/foto_1.jpg) center center no-repeat;
  background-size: 100%;
  border-radius: 285px;
  margin-right: 20px;
  overflow: hidden;
  transition: all 1.5s;
}
.kruh_item:hover {
  background-size: 110%;
}
.kruh_item strong {
  float: left;
  width: 100%;
  color: white;
  background: #de1270;
  text-align: center;
  font-size: 120%;
  padding: 10px 0px 10px 0px;
  margin-top: 200px;
  font-weight: normal;
}
.foceni_cenik {
  float: left;
  width: 45%;
  margin: 0px 0px 20px 0px;
}
.foceni_cenik_item {
  float: left;
  width: 96%;
  background: none;
  padding: 0 2% 0 2%;
}
.foceni_cenik_item:nth-child(2n + 2) {
  background: #252525;
}
.foceni_cenik_name {
  float: left;
  width: 60%;
  padding: 8px 0 8px 0;
  border-right: 3px solid #161616;
}
.foceni_cenik_cena {
  float: right;
  width: 37%;
  padding: 8px 0 8px 0;
}
.foceni_info_text {
  float: right;
  width: 51%;
}

.form_line_1, .form_line_2, .form_line_3, .form_line_3, .form_line_5 {
  float: left;
  width: 100%;
}
.form_line_1 input, .form_line_2 input, .form_line_3 input, .form_line_3 select, .form_line_5 input {
  float: left;
  padding: 10px 2% 10px 2%;
  font-size: 100%;
  font-family: Open Sans;
  background: #161616;
  color: rgb(224,224,224);
  border: 0;
  border-bottom: 1px solid #4c4c4c;
  margin-bottom: 15px;
  margin-right: 2%;
  transition: all 0.3s;
}
.form_line_1 input:hover, .form_line_2 input:hover, .form_line_3 input:hover, .form_line_3 select:hover, .form_line_5 input:hover {
  border-bottom: 1px solid #de1270;
}
.form_line_1 input {
  width: 94%;
}
.form_line_2 input {
  width: 44%;
}
.form_line_3 input {
  width: 27.3%;
}
.form_line_3 select {
  width: 31.3%;
  padding: 9px 2% 9px 2%;
}
.form_line_5 input {
  width: 14%;
}
.form_predel {
  float: left;
  width: 98%;
  border-top: 1px solid rgb(16,16,16);
  border-bottom: 1px solid rgb(48,48,48);
  margin-top: 10px;
  margin-bottom: 25px;
}
.form_tip {
  float: left;
  width: 94%;
  font-size: 90%;
  padding: 12px 0px 12px 6%;
  background: url(/data/form_tip.png) left center no-repeat;
}
.form_send_info {
  float: left;
  width: 100%;
  font-size: 90%;
  text-align: center;
}
input.form_send, a.obj_btn {
  float: left;
  width: 30%;
  margin: 30px 0px 30px 35%;
  font-size: 110%;
  text-transform: uppercase;
  border: 0;
  background: #980045;
  color: white;
  padding: 14px 0 14px 0;
  font-family: Open Sans;
  cursor: pointer;
  text-align: center;
}
a.obj_btn {
  margin: 25px 0px 0px 0;
  width: 45%;
}
input.form_send:hover {
  text-decoration: underline;
}
.form_ssl {
  float: left;
  width: 100%;
  font-size: 120%;
  text-align: center;
}

a.form_btn {
  float: left;
  width: 100%;
  height: 90px;
  background: url(/data/banner_form.png) center center no-repeat;
  background-size: contain;
  margin-top: 20px;
}
@media all and (max-width: 800px) {
  a.form_btn  { background: url(/data/banner_form_s.png) center center no-repeat;height: 200px;background-size: contain; }
}

/* hlavička */

.header {
  float: left;
  width: 95.24%;
  height: 170px;
  margin: 0px 2.38% 0px 2.38%;
}
.header img.logo {
  float: left;
  width: 329px;
  height: 57px;
  border: 0;
  margin-top: 32px;
}
.lng_panel {
  float: right;
  margin: 25px 0px 0px 200px;
  font-size: 95%;
}
.lng_panel a {
  float: left;
  color: white;
  margin: 0px 0px 0px 20px;
}
.lng_panel a.active {
  color: #888888;
}
.top_qc {
  float: right;
  margin: 2px 0px 0px 150px;
}
.top_qc_item {
  float: left;
  padding: 4px 0px 4px 50px;
  margin: 10px 0px 8px 0px;
  margin-left: 25px;
  font-size: 120%;
  background: url(/data/ico_mail.png) left center no-repeat;
  background-size: contain;
}
.head_top {
  float: left;
  width: 100%;
  height: 120px;
}
.menu_place {
  float: left;
  width: 100%;
  font-size: 115%;
}
.menu_place a {
  float: left;
  height: 38px;
  padding: 12px 0px 0px 0px;
  margin-right: 30px;
  text-transform: uppercase;
  margin-left: 1px;
  color: white;
}
.menu_place .active {
  color: black;
}
.menu_place .dropdown {
  padding-right: 22px;
  background:  url(/data/dropdown.png) right center no-repeat;
}
.submenu_place {
  float: left;
}
.submenu {
  position: absolute;
  top: 170px;
  left: 100px;
  width: 140px;
  border-left: 1px solid black;
  border-right: 1px solid black;
  border-bottom: 1px solid black;
  padding: 0px 15px 0px 15px;
  background: #de1270;
  z-index: 100;
  transition: all 0.3s;
  opacity: 0;
  visibility: hidden;
  border-radius: 0px 0px 3px 3px;
}
.submenu a {
  float: left;
  padding: 3px 10px 3px 10px;
  width: 120px;
  height: auto;
  color: white;
  text-transform: none;
  border-radius: 2px;
  border-bottom: 1px dotted #980045;
}
.submenu a:first-child {
  margin-top: 10px;
}
.submenu a:last-child {
  margin-bottom: 10px;
  border-bottom: none;
}
.submenu a:hover {
  background-color: #980045;
  text-decoration: none;
}
.submenu_place:hover .submenu {
  opacity: 1;
  visibility: visible;
}
.menu_place a.right {
  float: right;
  height: 38px;
  padding: 12px 20px 0px 20px;
  margin: 0px;
  background: #980045;
  margin-left: 1px;
}

.menu_toggler {
  float: left;
  height: 38px;
  width: 100%;
  text-align: center;
  padding: 12px 0px 0px 0px;
  margin-right: 30px;
  text-transform: uppercase;
  margin-left: 1px;
  color: white;
  display: none;
  border-bottom: 1px solid black;
}
#menuBoxSlider {
  float: left;
  width: 100%;
}

@media all and (max-width: 1100px) {
  .top_qc  { margin-left:10px; }
  .menu_place a { font-size: 90%;height: 35px;padding:15px 5px 0px 5px;margin-right: 10px; }
  .menu_place a.right { font-size: 90%;height: 35px;padding:15px 5px 0px 5px;}
}
@media all and (max-width: 900px) {
  .top_qc_item  { font-size: 100%; }
}
@media all and (max-width: 800px) {
  .header img.logo { margin:10px 0px 0px 25%;height:auto;width:50%; }
  .header { height:auto;width:100%;margin:0; }
  .top_qc  { display:none; }
  .lng_panel  { width:100%;margin:10px 0px 0px 0px;text-align: center; }
  .lng_panel a { display: inline-block;float: none;margin: 5px ;}
  .menu_place { font-weight:bold;background: #de1270; }
  .menu_place a { width: 100%; }
  .menu_place .dropdown { padding-right: 0;background: none; }
  .menu_place a.right { background: none;float: left;padding: 12px 0px 0px 5px;}
  .submenu { visibility: visible;opacity: 1;border: 0 ; position: static;float: left;width: 100%;margin: 0;padding: 0; }
  .submenu a { float: left;text-transform: uppercase;width: 90%;color:white;padding: 12px 0px 0px 5px; margin: 0;height: 38px;border:0; }
  .submenu a:hover {text-decoration: underline;background: none;}
  .submenu a:first-child, .submenu a:last-child {margin: 0;}
  .menu_toggler {display: block;}
  h1 { font-size: 190%; }
  .main_box_l_text { width: 100%; }
  #main_video_part { width: 100%;margin-top:10px;height:240px; }
  .main_box img { display: none; }
}
@media all and (max-width: 600px) {
  .header img.logo { margin:10px 0px 0px 10%;height:auto;width:80%; }
}
@media all and (max-width: 400px) {
  .header img.logo { margin:10px 0px 0px 5%;height:auto;width:90%; }
}

/* slider */

.slider_place {
  float: left;
  width: 100%;
  height: 400px;
  padding: 1px 0px 1px 0px;
  border-top: 1px solid #de1270;
  border-bottom: 1px solid #de1270;
  margin-top: 2px;
  overflow: hidden;
}
.slider_posun {
  float: left;
  position: relative;
  width: 2200px;
}
.slider_item_1 {
  float: left;
  width: 19.5%;
  height: 398px;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
  border-right: 1px solid black;
  background: url(/data/ref_top.jpg) center top no-repeat;
  background-size: cover;
  cursor: pointer;
  opacity: 1;
  transition: all 0.3s ;
}
.slider_item_1:hover {
  opacity: 0.75;
}
.slider_item_2 {
  float: left;
  width: 10%;
  height: 398px;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
  border-right: 1px solid black;
  overflow: hidden;
}
.slider_item_2 .img_in {
  float: left;
  width: 100%;
  height: 199px;
  border-bottom: 1px solid black;
  background: url(/data/ref_top.jpg) center top no-repeat;
  background-size: cover;
  opacity: 1;
  transition: all 0.3s;
  cursor: pointer;
}
.slider_item_2 .img_in:hover {
  opacity: 0.75;
}
.slider_item_3 {
  float: left;
  width: 20%;
  height: 398px;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
  border-right: 1px solid black;
  overflow: hidden;
}
.slider_item_3 .img_in1 {
  float: left;
  width: 100%;
  height: 199px;
  border-bottom: 1px solid black;
  background: url(/data/ref_top.jpg) center top no-repeat;
  background-size: cover;
  opacity: 1;
  transition: all 0.3s;
  cursor: pointer;
}
.slider_item_3 .img_in1:hover {
  opacity: 0.75;
}
.slider_item_3 .img_in2 {
  float: left;
  width: 49.89%;
  height: 199px;
  background: url(/data/ref_top.jpg) center top no-repeat;
  background-size: cover;
  opacity: 1;
  transition: all 0.3s;
  cursor: pointer;
}
.slider_item_3 .img_in2:hover {
  opacity: 0.75;
}
.slider_item_3 .img_in2:last-child {
  float: right;
}
.slider_item_4 {
  float: left;
  width: 10%;
  height: 398px;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
  border-right: 1px solid black;
  background: url(/data/ref_top.jpg) center top no-repeat;
  background-size: cover;
  opacity: 1;
  transition: all 0.3s;
  cursor: pointer;
}
.slider_item_4:hover {
  opacity: 0.75;
}
.slider_name {
  color: white;
  float: left;
  width: 100%;
  font-size: 110%;
  opacity: 0;
  margin-top: 40%;
  background: #de1270;
  transition: all 0.3s;
}
.slider_item_1:hover .slider_name {
  opacity: 1;
}
.slider_item_2 .img_in:hover .slider_name {
  opacity: 1;
}
.slider_item_3 .img_in1 .slider_name {
  margin-top: 20%;
}
.slider_item_3 .img_in1:hover .slider_name {
  opacity: 1;
}
.slider_item_3 .img_in2:hover .slider_name {
  opacity: 1;
}
.slider_item_4 .slider_name {
  margin-top: 78.5%;
}
.slider_item_4:hover .slider_name {
  opacity: 1;
}

@media all and (max-width: 800px) {
  .slider_place { height: 200px; }
  .slider_posun { width: 1100px; position: static; }
  .slider_item_2, .slider_item_1, .slider_item_3, .slider_item_4 { height: 199px; }
  .slider_item_2 .img_in, .slider_item_3 .img_in1, .slider_item_3 .img_in2 { height: 99px; }
}

/* reference box */

.ref_box {
  float: left;
  width: 95.24%;
  padding: 20px 2.38% 35px 2.38%;
  background: #252525;
  border-top: 1px solid #4c4c4c;
  border-bottom: 1px solid #4c4c4c;
  margin-top: 35px;
}
.root h2 {
  float: left;
  width: 100%;
  color: white;
  font-size: 180%;
  font-weight: normal;
  padding: 0;
  margin: 0;
}
.root p {
  float: left;
  width: 100%;
  margin-bottom: 0;
}
a.ref_item {
  float: left;
  width: 16.66%;
  height: 500px;
  margin: 35px 4.175% 10px 0px;
}
a.ref_item .top {
  float: left;
  width: 100%;
  height: 200px;
  background: url(/data/ref_top.jpg) center top no-repeat;
  background-size: cover;
  filter: gray;
  filter: grayscale(1);
  -webkit-filter: grayscale(1);
  transition: all 0.3s;
}
a.ref_item strong {
  float: left;
  width: 100%;
  height: 60px;
  margin: 20px 0px 20px 0px;
  color: white;
  font-size: 180%;
  font-weight: normal;
  line-height: 26px;
  transition: all 0.3s;
}
a.ref_item .name {
  font-size: 65%;
  color: #747474;
  transition: all 0.3s;
}
a.ref_item:hover .top {
  filter: none;
  -webkit-filter: none;
}
a.ref_item:hover strong, a.ref_item:hover .name {
  color: #de1270;
}
a.ref_item:nth-child(5n+5) {
  margin: 35px 0px 0px 0px;
}
a.ref_item .gal {
  float: left;
  width: 100%;
  height: 200px;
}
a.ref_item .gal_item, a.ref_item .gal_item2 {
  float: left;
  width: 49.5%;
  height: 99px;
  margin: 0px 1px 1px 0px;
  background: url(/data/ref_top.jpg) center top no-repeat;
  background-size: cover;
}
a.ref_item .gal_item2 {
  opacity: 0.35;
  transition: all 0.3s;
}
a.ref_item:hover .gal_item2 {
  opacity: 1;
}
.play_ico {
  float: left;
  width: 40%;
  height: 40%;
  margin: 30% 0 0 30%;
  background: url(/data/play.png) center center no-repeat;
  background-size: contain;
}

.banners_box {
  float: left;
  width: 95.24%;
  padding: 0px 2.38% 35px 2.38%;
  margin-top: 35px;
  border-bottom: 1px solid #4c4c4c;
}
a.banner_item {
  float: left;
  width: 48.5%;
  height: 160px;
  margin-top: 35px;
  margin-bottom: 25px;
  background: url(/data/banner_tvar.jpg) right no-repeat;
  position: relative;
}
a.banner_item h3 {
  float: left;
  width: 60%;
  margin: 15px 0px 0px 5%;
  padding: 0;
  font-weight: normal;
  font-size: 170%;
  color: white;
}
a.banner_item p {
  float: left;
  width: 60%;
  margin: 12px 0px 0px 5%;
  padding: 0;
  color: white;
}
a.banner_item:after {
  content: "Chtěl/a bych vyzkoušet";
  position: absolute;
  bottom: -35px;
  right: 20px;
  padding: 12px 20px 12px 20px;
  background: #9115b9;
  border: 1px solid #161616;
  color: white;
  text-decoration: none;
}
a.banner_item:last-child:after {
  background: #ff3515;
}

.slova_item {
  float: left;
  width: 23.75%;
  margin: 35px 1.666% 0px 0px;
  background: #252525 url(/data/slova_bg.png) top repeat-x;
}
.slova_item .recenze_img {
  float: left;
  width: 28%;
  height: 80px;
  margin: 0px 0px 0px 10%;
  border: 1px solid black;
  transition: all 0.3s;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
}
.slova_item:hover .recenze_img {
  border: 1px solid #de1270;
}
.slova_item:hover .name {
  color: white;
}
.slova_item strong {
  float: right;
  width: 42.5%;
  margin: 30px 10% 0px 0px;
  color: white;
  font-weight: normal;
  line-height: 26px;
  font-size: 150%;
}
.slova_item .name {
  color: #888888;
  font-size: 80%;
  transition: all 0.3s;
}
.slova_item:nth-child(4n+4) {
  margin: 35px 0px 0px 0px;
}
.slova_item p {
  float: left;
  width: 80%;
  margin: 20px 0px 20px 10%;
  padding: 0;
  font-style: italic;
  font-size: 90%;
  transition: all 0.5s;
  min-height: 220px;
  max-height: 220px;
  overflow: hidden;
}
.slova_item:hover p {
  color: white;
  max-height: 380px;
}
.slova_part {
  float: left;
  width: 100%;
}

/* podstránka */

a.ref_main_img_box {
  float: left;
  position: relative;
  width: 160px;
  height: 160px;
  border: 10px solid white;
  top: -48px;
  background-position: center top;
  background-size: cover;
  transition: all 0.3s;
}
a.ref_main_img_box:hover {
  border: 10px solid #de1270;
}
.ref_head_text {
  float: right;
  width: 78%;
}
.ref_head_text h1 {
  margin: 0px 0px 20px 0px;
  font-size: 200%;
  width: 70%;
}
.ref_strankovani {
  float: right;
  width: 30%;
  font-size: 200%;
  color: white;
  text-align: right;
  margin: 0px 0px 20px 0px;
}
.ref_full_gal {
  float: left;
  width: 100%;
  border-top: 1px solid #4c4c4c;
}
.ref_full_gal a.gal_item {
  float: left;
  width: 16.66%;
  height: 200px;
  margin: 30px 4.175% 0px 0px;
  background-position: center top;
  background-size: cover;
  transition: all 0.3s;
}
.ref_full_gal a.gal_item:hover {
  opacity:0.6;
}
.ref_full_gal a.gal_item:nth-child(5n+5) {
  margin: 30px 0% 0px 0px;
}
.ref_full_gal .gal_item_admin {
  float: left;
  width: 16.66%;
  height: 230px;
  margin: 30px 4.175% 0px 0px;
}
.ref_full_gal .gal_item_admin:nth-child(5n+5) {
  margin: 30px 0px 0px 0px;
}
.ref_full_gal .gal_item_admin a.gal_item, .ref_full_gal .gal_item_admin a.gal_item:nth-child(5n+5) {
  width: 100%;
  margin: 0;
}
a.ref_gal_item_del {
  float: left;
  width: 100%;
  text-align: center;
}

.model_oci {
  float: left;
  width: 100%;
  height: 220px;
  background-size: cover;
  filter: gray;
  filter: grayscale(1);
  -webkit-filter: grayscale(1);
  position: relative;
  top: -33px;
  margin-top: 15px;
}
.model_fb {
  float: left;
  width: 100%;
  height: 25px;
  overflow: hidden;
}
.model_info {
  float: left;
  width: 100%;
  position: relative;
  top: -33px;
  margin-top: 20px;
}
.model_info_item {
  float: left;
  border-left: 1px dotted #888888;
  padding: 10px 5.5% 10px 1%;
}
.model_info_item:last-child {
  padding: 10px 0% 10px 1%;
}
.model_info .info_hi {
  color: white;
  font-size: 170%;
}
.model_refs {
  float: left;
  width: 100%;
  position: relative;
  top: -33px;
  margin-top: 25px;
}

@media all and (max-width: 1250px) {
  a.ref_item .gal .gal_item { width: 49%; }
}
@media all and (max-width: 1050px) {
  a.ref_item { width: 48%;margin: 35px 1% 10px 1%;height: auto; }
  a.ref_item .gal { display: none; }
  .ref_head_text { width: 70%; }
}
@media all and (max-width: 800px) {
  a.ref_item:nth-child(5n+5) { margin:35px 1% 10px 1%; }
  .home_ref a.ref_item:nth-child(5n+5) { display: none; }
  a.banner_item { width: 100%; }
  a.banner_item h3 { font-size: 160%;width: 50%; }
  .slova_item {width: 48%;margin: 35px 1% 0px 1%;}
  .ref_full_gal a.gal_item { width: 27%;height: 100px; }
  .ref_full_gal a.gal_item:nth-child(5n+5) { margin: 30px 4.175% 0px 0px; }
  .ref_main_img_box { display: none; }
  .model_info_item { margin-top: 5px;width: 26%; }
  .model_info .info_hi { font-size: 135%; }
  .ref_head_text { float: left;width: 100%; }
  .ref_strankovani { float: right;width: 50%; }
  .ref_head_text h1 { width: 50%; }
  .model_refs { width: 100%; }
  .model_oci, .model_info, .ref_full_gal { top:5px; }
  .clanek_left p img { max-width: 50% !important;height:auto !important; }
  .ref_head_text h1 { width: 90%; }
}
@media all and (max-width: 500px) {
  a.banner_item h3 { font-size: 160%;width: 50%;margin-top:45px; }
  a.banner_item p { display: none; }
}

/* patička */

.footer {
  float: left;
  width: 100%;
  background: #252525;
}
.footer_parts {
  float: left;
  width: 95.24%;
  padding: 35px 2.38% 35px 2.38%;
}
.footer strong {
  float: left;
  width: 100%;
  color: white;
  font-size: 180%;
  font-weight: normal;
  margin-bottom: 25px;
}
.footer_links {
  float: left;
  width: 28%;
  height: 230px;
  border-right: 1px dotted #888888;
  margin-right: 3%;
}
.footer_links ul {
  float: left;
  width: 35%;
  padding-left: 9%;
  color: white;
  font-size: 90%;
  margin: 0;
}
.footer_links ul a {
  color: white;
}
.footer_links ul li {
  float: left;
  width: 100%;
}
.footer_qc {
  float: left;
  width: 36%;
  height: 230px;
  background: url(/data/map.jpg) right center no-repeat;
}
.footer_qc p {
  float: left;
  width: 100%;
  font-size: 90%;
  padding: 0;
  margin: 0;
}
.footer_fb {
  float: right;
  width: 24.5%;
  padding-left: 3%;
  height: 230px;
  border-left: 1px dotted #888888;
  position: relative;
}
.footer_fb img {
  float: left;
  width: 30px;
  margin-right: 18px;
  opacity: 0.25;
  transition: all 0.3s;
  position: relative;
}
.footer_fb img:hover {
  opacity: 0.85;
}
.copyright {
  float: left;
  width: 100%;
  background: black;
  padding: 12px 0px 12px 0px;
  font-size: 90%;
  text-align: center;
}
a.cta_btm {
  position: absolute;
  left: 0;
  bottom: -35px;
  width: 135px;
  height: 55px;
  background: url(/data/cta_btm.jpg) center center no-repeat;
  color: white;
  text-decoration: none;
  padding: 50px 0 0 100px;
}

.yt_blok {
  float: right;
  width: 40%;
  max-width: 471px;
}
.yt_blok img {
  float: left;
  width: 100%;
}
.yt_blok strong {
  float: left;
  width: 78%;
  margin-left: 14%;
  text-align: center;
  padding: 12px 0px 12px 0px;
  font-weight: normal;
  color: white;
  background: #de1270;
}
.yt_blok strong img {
  display: inline-block;
  float: none;
  width: 25px;
  position: relative;
  top: 3px;
  left: 3px;
}
.cta_blok {
  float: right;
  width: 30%;
  max-width: 334px;
}
.cta_blok img {
  float: left;
  width: 100%;
}
.cta_blok strong {
  float: left;
  width: 90%;
  margin-left: 5%;
  text-align: center;
  padding: 12px 0px 12px 0px;
  font-weight: normal;
  color: white;
  background: #9115b9;
}
.say_blok {
  float: left;
  width: 68%;
  margin-top: 50px;
}
.say_item {
  float: left;
  width: 100%;
}
.say_avatar {
  float: left;
  width: 25%;
  height: 200px;
  padding: 1px;
  border: 1px solid #4c4c4c;
}
.say_avatar .icon {
  float: left;
  width: 100%;
  height: 100%;
  position: relative;
  display: block;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
}
.say_avatar .icon:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: url(/data/light.png) center top no-repeat;
  background-size: contain;
}
.say_info {
  float: right;
  width: 70%;
}
.say_info span {
  float: left;
  width: 100%;
  color: #888888;
  line-height: 110%;
}
.say_info span:nth-child(2) {
  font-size: 180%;
  color: white;
  margin-bottom: 15px;
}
.say_info span:nth-child(3) {
  margin-bottom: 15px;
}
.say_info span:nth-child(4) {
  color: white;
  font-style: italic;
  line-height: 130%;
}

ul.slick-dots {
  float: left;
  width: 100%;
  text-align: center;
  list-style: none;
  margin: 20px 0 0 0;
  padding: 0;
}
ul.slick-dots li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0px 5px 0px 5px;
  background: #4c4c4c;
  cursor: pointer;
  transition: all 0.3s ease;
}
ul.slick-dots li.slick-active {
  background: #de1270;
}
ul.slick-dots li button {
  display: none;
}

.vyhody_blok {
  float: left;
  width: 100%;
  margin: 40px 0px 10px 0px;
}
.vyhoda_item {
  float: left;
  width: 20%;
  padding: 15px 0px 15px 0px;
  text-align: center;
  border-right: 2px dotted #4a4a4a;
  color: white;
  font-size: 120%;
  box-sizing: border-box;
}
.vyhoda_item:last-child {
  border-right: 0px;
}
.vyhoda_item img {
  height: 50px;
  margin: 5px 0px 5px 0px;
}
.vyhoda_item:nth-child(2) img {
  height: 60px;
  margin: 0px 0px 0px 0px;
}

.refs_line {
  float: left;
  width: 100%;
  margin-top: 35px;
}
.refs_line .slova_item {
  margin: 0 4% 0 4%;
  width: 92%;
}
.refs_item {
  float: left;
  width: 25%;
}

.logo_line {
  float: left;
  width: 100%;
  margin-top: 20px;
}
.logo_item {
  float: left;
  width: 20%;
}
.logo_border {
  margin: 0 5% 0 5%;
  width: 90%;
  background: white;
}
.logo_item img {
  display: inline-block;
  width: 70%;
  margin-left: 15%;
  height: 180px;
  object-fit: contain;
  object-position: center;
}

.dotaznik_bg {
  float:left;
  width:100%;
  text-align:center;
  background:url(/data/form_bg.jpg) no-repeat center top;
  background-size:contain;
}
#pr_window {
  width: 600px;
  height: 500px;
}

.contact_page_item {
  float: left;
  width: 25%;
}
@media all and (max-width: 800px) {
  .contact_page_item {width: 100%;margin-bottom:15px;}
}

@media all and (max-width: 1000px) {
  .dotaznik_place, .clanek_left { width: 60%; }
  .faq_right, .faq_right_clanek { width: 31%; }
  .foceni_kruhy { margin-top: 0; }
  .kruh_item { display: none; }
}
@media all and (max-width: 800px) {
  .footer_links { width: 49%;color:white;margin: 0; }
  .footer_qc { width: 49%;color:white;margin: 0;float: right; }
  .footer_fb { width: 100%;border: 0 ;margin: 0; }
  .dotaznik_bg { background: none; }
  .dotaznik_place { width: 96%; }
  .faq_right, .faq_right_clanek { width: 95.5%;float: left;background:#252525;padding: 20px 2% 20px 2%; }
  .form_tip { width: 88%;padding-left: 12%; }
  input.form_send, a.obj_btn { width: 60%;margin-left: 20%; }
  .foceni_cenik, .foceni_info_text { width: 100%; }
  .foceni_head_text { width: 100%; }
  img.foceni_head_img { width: 100%; }
  .clanek_left { width: 96%; }
  .yt_blok { width: 100%;margin-top: 15px; }
  .yt_blok strong, .cta_blok strong { width: 100%;margin: 0; }
  .cta_blok { width: 70%;margin-right: 15%; }
  .say_blok { width: 100%; }
  .say_info { width: 50%; }
  .say_avatar { width: 45%; }
  .vyhoda_item { width: 50%;font-size: 100%;margin-top: 10px; }
  .vyhoda_item:nth-child(2), .vyhoda_item:nth-child(4) { border: 0; }
  .vyhoda_item:last-child { width: 100%; }
}
@media all and (max-width: 600px) {
  .footer_qc, .footer_links { width: 100%;border: 0;border-bottom:1px solid black;margin: 0 0 10px 0; }
  #pr_window { width: 320px;height: 300px; }
  .form_tip { width: 80%;padding-left: 20%; }
}