.cms-cms .fcomp-2003 {
 min-height: 30px;
}



















.cms-cms .fcomp-2051 {
 min-height: 30px;
}

.cms-cms .fcomp-2052 {
 min-height: 30px;
}

.cms-cms .fcomp-2054 {
 min-height: 30px;
}

.cms-cms .main-menu01 {
 min-height: 20px;
}

.main-menu01 li {
  position: relative;  
}

.main-menu01 .menu-level-1,
.main-menu01 .menu-level-2,
.main-menu01 .menu-level-3 {
  display: none;
  position: absolute;
}


.main-menu01 .menu-level-0 li:hover .menu-level-1,
.main-menu01 .menu-level-1 li:hover .menu-level-2,
.main-menu01 .menu-level-2 li:hover .menu-level-3 {
  display: block;
}

.cms-cms .fcomp-2104 {
 min-height: 30px;
}

.cms-cms .fcomp-2111 {
 min-height: 30px;
}



.cms-cms .fcomp-2201 {
 min-height: 30px;
}

.fcomp-5026 {
 clear: both;
 display: block;
}
/*
*
*
*
*
*
*
*/

/*START*/
@charset "UTF-8";

/*
.page-loaded .preloader-body-mask {
  display: none;
}
*/

@font-face {
    font-family: 'social';
    src: url('/__fonts/ico/social/social.eot');
    src: url('/__fonts/ico/social/social.eot?#iefix') format('embedded-opentype'),
      url('/__fonts/ico/social/social.ttf') format('truetype'),
      url('/__fonts/ico/social/social.woff') format('woff'),
    url('/__fonts/ico/social/social.svg#social') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
  font-family: "template-cs";
  src:url("/__fonts/ico/template-cs/template-cs.eot");
  src:url("/__fonts/ico/template-cs/template-cs.eot?#iefix") format("embedded-opentype"),
    url("/__fonts/ico/template-cs/template-cs.woff") format("woff"),
    url("/__fonts/ico/template-cs/template-cs.ttf") format("truetype"),
    url("/__fonts/ico/template-cs/template-cs.svg#template-cs") format("svg");
  font-weight: normal;
  font-style: normal;

}

@font-face {
	font-family: 'streamline-small-cs';
	src:url('/__fonts/ico/streamline-small-cs/streamline-small-cs.eot');
	src:url('/__fonts/ico/streamline-small-cs/streamline-small-cs.eot?#iefix') format('embedded-opentype'),
		url('/__fonts/ico/streamline-small-cs/streamline-small-cs.ttf') format('truetype'),
		url('/__fonts/ico/streamline-small-cs/streamline-small-cs.woff') format('woff'),
		url('/__fonts/ico/streamline-small-cs/streamline-small-cs.svg#streamline-small-cs') format('svg');
	font-weight: normal;
	font-style: normal;
}


#page-body, body.r-client {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  line-height: 1.6;
  text-align: left;
  font-weight: normal;
  font-style: normal;
  color: #777; 
  padding: 0;
  margin: 0;
  background: #ddd;
}

@media screen and (min-width: 430px) {
  #page-body, body.r-client {
    background: white url('/_css/temp_autoservice/auto_bck_01.jpg') 50% 0 fixed no-repeat;
    
  }
}


.fcomp-2021 a {color: #777;text-decoration: none;outline: none;}
.fcomp-2021 a:hover {color: #555;text-decoration: none;outline: none;}

/*top panel...*/
.top-box .fcomp-2023 {
  padding: 20px 10px;
  float: left;
}
.cleared, .cleared-guid-193, .cleared-guid-103 {
  clear: both;
} 
/*...top panel*/

/*menu box + menu ...*/
.menu-box {
  z-index: 10;
  position: relative;
}

.logo {
  float: left;
}
.main-menu01 {
  clear: both;
}

p {
  margin: 0;
  padding: 0;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Open Sans';
  margin: 0;
  padding: 0;
  color: #333;
  font-weight: 600;
  letter-spacing: 1px;
}

h1 {
  margin: 0;
  font-size: 10px;
  font-weight: normal;
  text-align: right;
  padding: 25px 0 10px;
}
h1 img {display: block;}
h1 .head-1-text {
  display: inline-block;
  text-align: center;
  position: relative;
  top: -11px;
  left: -14px;
  background: white;
  padding: 0 20px;
}

h6 {
  font-size: 14px;
  line-height: 26px;
  font-weight: 600;
  text-transform: uppercase;
}

h6:after {
  display: block;
  content: "";
  background: #B3061B;
  width: 40px;
  height: 2px;
  margin-top: 13px;
}
.main-menu01 ul.menu-level-0 {
  padding-bottom: 25px;
}
.main-menu01 li,
.main-menu01 ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.main-menu01 li {
  display: block;
  font-weight: 400;
}

.main-menu01 li a {
  background: #F0F0F0;
  margin: 1px 0;
  font-size: 14px;
  line-height: 24px;
}
.main-menu01 li a:hover {
  text-decoration: underline;
}
.main-menu01 li.active a {
  background: #B3061B;
  color: white;
}

.main-menu01 li.active li a {
  background: #F0F0F0;
  color: #777;
}

.main-menu01 li li.active a {
  background: #B3061B;
  color: white;
} 

.main-menu01 .menu-level-1, .main-menu01 .menu-level-2, .main-menu01 .menu-level-3 {position: relative;display: block;}

.main-menu01 li a {
  display: block;
  padding: 12px 20px;
}

.main-menu01 li li a {
  padding-left: 40px;  
}

.main-menu01 .d1 {
  overflow: hidden;
  height: 0;
  transition: all 0.8s ease 0s;
  -webkit-transition: all 0.8s ease 0s;
  -moz-transition: all 0.8s ease 0s;  
}


.menu-box .hamburger {position: absolute;top: 38px;right: 35px;display: block;}
.menu-box .hamburger input {display: block;width: 32px;height: 32px;position: absolute;top: 0px;left: 0px;cursor: pointer;opacity: 0;-webkit-touch-callout: none;}
.menu-box .hamburger span {display: block;width: 32px;height: 4px;margin-bottom: 5px;position: relative;background: #cdcdcd;border-radius: 3px;transform-origin: 50% 0px;transition: all 0.5s cubic-bezier(0.77,0.2,0.05,1.0),opacity 0.55s ease;}
.menu-box .hamburger label {cursor: pointer;display: block;position: absolute;width: 32px;height: 30px;top: 0;left: 0;}
.menu-box .hamburger input:checked ~ span {width: 33px;opacity: 1;transform: rotate(45deg) translate(-4px, -4px);background: #B3061B;}
.menu-box .hamburger input:checked ~ span:nth-last-child(3)  {opacity: 0;transform: rotate(0deg) scale(0.2, 0.2);}
.menu-box .hamburger input:checked ~ span:nth-last-child(2)  {transform: rotate(-45deg) translate(-4px, 0px);}

/*
.menu-box .logo {
  max-width: 180px 
} 
*/
.menu-box h1 {
  max-width: 70%;
}

.menu-box h1 .head-1-text {
  padding: 2px 10px;
}

.menu-box img {
  max-width: 100%;
}


/*... menu box + menu */


.fcomp-2021 {
  margin: 0 auto;
  max-width: 400px;
  background: gray;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.25);
}
.for-margin {
  margin: 0 auto;
  width: 300px;
  position: relative;
}

@media screen and (min-width: 480px) {
  .fcomp-2021 {
    max-width: 562px;
  }
  .for-margin {
    margin: 0 auto;
    width: 462px;
  }
  
  .menu-box h1 {
    max-width: none;
  }
  
  .menu-box h1 .head-1-text {
    padding: 0 20px;
  }
  
  .menu-box .hamburger {top: 50px;}
}

@media screen and (min-width: 780px) {
  .fcomp-2021 {
    max-width: 880px;
  }
  .for-margin {
    margin: 0 auto;
    width: 760px;
  }
  
  /*menu a H1...*/ 
  
  .main-menu01 .d1 {
    overflow: visible;
    height: auto!important;
  }
  
  .main-menu01 {
    padding: 10px 0 12px;
  }
  
  .main-menu01 li {
    margin-right: 30px;
    float: left;
  }
  
  .main-menu01 li li {
    float: none;
    margin: 0;
  }
  
  .main-menu01 li li a {
    padding: 0;
    font-size: 14px;
    line-height: 26px;
    padding: 12px 20px 13px;
    border-top: 1px solid #E2E6E7;
  }
  
  .main-menu01 li li.menu-item-first a {
    border: none;
  }
   
  .main-menu01 li a {
    display: block;
    padding: 5px 0;
    font-size: 16px;
    line-height: 26px;
    background: none;
  }
  
  .main-menu01 li.active li a {
    text-decoration: none;
    background: none;
    color: #777; 
  }
  
  .main-menu01 li.active a,
  .main-menu01 li li.active a,
  .main-menu01 li a:hover,
  .main-menu01 li.active li a:hover {
    color: #B3061B;
    text-decoration: none;
    background: none;
  }
  
  .main-menu01 .menu-item-last ul {
    left: auto;
    right: 0;
  }
  
  .main-menu01 .menu-level-1, .main-menu01 .menu-level-2, .main-menu01 .menu-level-3 {position: absolute;display: none;}

  .main-menu01 li ul {
    background: white;
    border: 1px solid #E2E6E7;
    width: 220px;
    left: -18px;
  }
  
  .menu-box .hamburger {
    display: none;
  }

  /*...menu a H1*/

}

@media screen and (min-width: 1220px) {
  .fcomp-2021 {
    max-width: 1340px;
  }
  .for-margin {
    margin: 0 auto;
    width: 1200px;
  }

/*menu a H1...*/ 
.main-menu01 li {
  display: block;
  margin-left: 30px;
}

.main-menu01 {
  clear: none;
  float: right;
  padding: 22px 0 15px;
}

.main-menu01 li {
  margin-left: 30px;
  margin-right: 0;
}

.main-menu01 li a {
  padding: 20px 0 10px;
}

/*...menu a H1*/
}



.fcomp-2022 {display: block;min-height: 20px;}
.top-box {background: #F5F5F5;color: #999;}
.top-box a {color: #999;}
.menu-box {background: white;color: #777;}
.content-box {background: #fff;color: #777;min-height: 500px;}
.bottom-box  {background: #73767A;color: white;min-height: 300px;}
.bottom-box a,.bottom-box h1,.bottom-box h2,.bottom-box h3,.bottom-box h4,.bottom-box h5,.bottom-box h6 {color: #fff;}
.bottom-box a:hover {color: #fff;text-decoration: underline;}
.bottom-box h6:after {background:#AEAFB0;}
.copyright-box {background: white;color: #777;}


/*top...*/
.top-box .fcomp-2023:first-child {
  border-left: 1px solid #E2E6E7;
}
.top-box .fcomp-2023 {
  border-right: 1px solid #E2E6E7;
  font-family: 'Open Sans';
  font-weight: 500;
  font-size: 13px;
  line-height: 20px;
  padding: 0;   
}

.top-box .fcomp-2052  {
  float: left;
  display: block;  
}

.top-box .fcomp-2052 span {
  display: block;
  padding: 15px 20px;
}
.top-box .tb-social {float: right;}
.tb-social span {
  font-family: 'social';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  vertical-align: middle;
  direction: ltr;
  font-size: 14px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; 
}

.tb-social .fcomp-2052 span {
  float: left;
  text-align: center;
  border-left: 1px solid #E2E6E7;
}

.top-box a span {
  color: #999;
}
.top-box a:hover span {
  color: #777;
}

.top-box .fcomp-2023.tb-social a:hover {
  text-decoration: none;
}

.top-box .tb-tel span:before,
.top-box .tb-email span:before,
.top-box .tb-wtime span:before {
  color: #A4AAB3;
  font-size: 14px;
  margin-right: 12px;
  padding-bottom: 1px;
  font-family: "template-cs" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  vertical-align: middle;
  speak: none;
  line-height: 1;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: 'l';
}
.top-box .tb-email span:before {content: 'm';}
.top-box .tb-wtime span:before {content: 'n';}

.top-box .fcomp-2023 a:hover span:before {
  text-decoration: none!important;
}

@media screen and (max-width: 779px) {
  .top-box .fcomp-2023:first-child,
  .top-box .fcomp-2023,
  .top-box .tb-social .fcomp-2052 span {
    border: none;
  }    
  .top-box .tb-tel span::before, .top-box .tb-email span::before, .top-box .tb-wtime span::before {
    margin-right: 5px;
  }
  .top-box .fcomp-2052 span {
    padding: 10px;
  }
  .top-box .fc-guid-243 {
    text-align: center;
  }
  .top-box .fc-guid-243 .fcomp-2052 span,
  .top-box .fc-guid-243 .fcomp-2023,
  .top-box .fc-guid-243 .fcomp-2052 {
    display: inline-block;
    float: none;
  }
}

@media screen and (max-width: 479px) {
  .top-box .fc-guid-243 .fcomp-2052 span,
  .top-box .fc-guid-243 .fcomp-2023,
  .top-box .fc-guid-243 .fcomp-2052 {
    display: block;
    float: none;
  }
  .top-box .fc-guid-243 {
    text-align: left;
    padding-top: 10px;
  }
  .top-box .fc-guid-243 .fcomp-2052 span {
    padding: 5px 0 5px;
  }
  .top-box .tb-social {
    float: left;
  }
  .top-box .tb-social .fcomp-2052 span {
    padding-left: 0;
    margin-right: 10px;
  }
}

/*...top*/

/*footer...*/
.fo-top-part {
  padding: 30px 0;
  border-bottom: 1px solid #888A8E;
}
.fo-top-part .fcomp-2023 {
  font-weight: 300;
  line-height: 32px;
  font-size: 18px;
  color: #fff;
  margin-top: 40px;
  position: relative; 
}
.fo-top-part .fcomp-2023 p {
  padding: 12px 0;
  margin-left: 78px;
}
.fo-top-part .fcomp-2023:first-child {
  margin-top: 0;
}

.fo-top-part .fcomp-2023:before {
  font-family: 'streamline-small-cs';
  content: '\6a';
  display: block;
  float: left;
  margin-left: auto;
  margin-right: 30px;;
  width: 48px;
  height: 48px;
  font-size: 48px;
  color: #AEAFB0;
  margin-top: 20px;
  line-height: 1;
}
.fo-top-part .fo-contact:before {content: '\69';}
.fo-top-part .fo-assistance:before {content: '\66';}

@media screen and (min-width: 780px) {
  .fo-top-part .fcomp-2023 {
    float: left;
    width: 233px;
    margin-top: 0;
    margin-left: 30px;
    font-size: 16px;
  }
  .fo-top-part .fcomp-2023:first-child {
    margin-left: 0px;
  }
}
@media screen and (min-width: 1220px) {
  .fo-top-part .fcomp-2023 {
    font-size: 21px;
    width: 380px;   
  }
  
}

.fo-bottom-part {
  padding: 35px 0 30px;
}

.fo-bottom-part li strong {
  display: inline-block;
  min-width: 117px;
  margin-right: 10px;
  font-weight: normal;
}
.fo-bottom-part ul,.fo-bottom-part li,.fo-bottom-part ol {
  list-style: none;
  padding: 0;
  margin: 0;
}
.fo-bottom-part ol,.fo-bottom-part ul,.fo-bottom-part p {
  margin: 0;
  margin-top: 20px;
  padding: 0; 
}
.fo-bottom-part li,.fo-bottom-part p {
  font-family: 'Open Sans';
  font-size: 14px;
  line-height: 24px;
}
.fo-bottom-part .fcomp-2023 {
  margin-top: 40px;
}
.fo-bottom-part .fcomp-2023:first-child {
  margin: 0;
}

.fo-bottom-part ol li:before {
  content: "i";
  font-family: "template-cs" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  vertical-align: middle;
  speak: none;
  line-height: 1;
  margin-right: 10px;
  color: #AEAFB0;
  font-size: 18px;
}

.fo-bottom-part .fcomp-2023.tb-social {
  float: none;
  margin: 26px 0 0;
  padding: 0;
}

.fo-bottom-part .fcomp-2023.tb-social a {
  display: block;
  float: left;
  height: 18px;
  width: 14px;
  color: #A4AAB3;
  padding: 15px 17px;
  text-decoration: none;
  background: transparent;
  border: 1px solid #888A8E;
  margin-left: 8px;
}
.fo-bottom-part .fcomp-2023.tb-social a:hover {
  color: #fff;
  border-color: #fff;
}
.fo-bottom-part .fcomp-2023.tb-social .fcomp-2052:first-child a {
  margin: 0;
}

.fo-bottom-part .fcomp-2023.tb-social a span {
  float: none;
  text-align: center;
  border-left: none;
  display: block;
  text-align: center;
  font-size: 14px;
}

@media screen and (min-width: 780px) {
  .fo-bottom-part .fcomp-2023 {
    float: left;
    width: 365px;
    margin-top: 0px;  
  }
  .fo-bottom-part .fc-guid-403,.fo-bottom-part .fc-guid-423 {margin-left: 30px;}
  .fo-bottom-part .fc-guid-413,.fo-bottom-part .fc-guid-423 {margin-top: 35px;}
  .fo-bottom-part .fc-guid-413 {clear: left;}
}
@media screen and (min-width: 1220px) {
  .fo-bottom-part {padding: 50px 0;}
  .fo-bottom-part .fcomp-2023 {
    float: left;
    width: 277px;
    margin-top: 0px;  
  }
  .fo-bottom-part .fcomp-2023 {margin-left: 30px;}
  .fo-bottom-part .fcomp-2023:first-child {margin-left: 0px;}
  .fo-bottom-part .fc-guid-413 {clear: none;}
}

p.tags {
  padding: 0;
  margin: 0;  
}
p.tags a {
  display: block;
  border: 1px solid #E2E6E7;
  line-height: 16px;
  letter-spacing: 1px;
  font-family: 'Open Sans';
  font-weight: 500;
  padding: 10px 12px;
  text-align: left;
  text-transform: uppercase;
  font-size: 11px;
  background: transparent;
  border-color: #888A8E;
  color: #D5D5D5;
  float: left;
  margin-right: 7px;
  margin-bottom: 7px;
}
p.tags a:hover {
  text-decoration: none;
  border-color: #FFF;
  color: #FFF;
}

.cleared-guid-373 {
  clear: both;
}
.fc-guid-373 h6 {
  margin-bottom: 30px;
}

.s-pro-comp-footer {
  text-align: center;
  padding: 30px 0;
}
/*...footer*/


/*Scroller top ...*/
.scroll-top {
  position: fixed;
  display: block;
  width: 50px;
  padding: 13px 0;
  background-color: rgba(38,38,40,0.4);
  right: 30px;
  bottom: 30px;
  text-align: center;
  z-index: 100;
  transition: background-color 0.4s ease 0s, opacity 0.6s ease 0s , visibility 0s ease 0.6s;
  cursor: pointer;
  visibility: hidden;
  opacity: 0;
}

.scroll-top.visible {
  visibility: visible;
  opacity: 1;
  transition: background-color 0.4s ease 0s, opacity 0.6s ease 0s ;
}

.scroll-top:hover {
  background-color:#B3061B;
}

.scroll-top:before {
  font-family: "template-cs" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  vertical-align: middle;
  speak: none;
  line-height: 1;
  direction: ltr;
  content: 'r';
  color: white;
  font-size: 24px;
}

/*... Scroller top*/





/**
*
*  CONTENT START
*
*
**/
.content-box em a {
  display: inline-block;
  position: relative;
  color: #FFF;
  font-size: 14px;
  font-weight: 600;
  background: #B3061B;
  padding: 19px 0 20px;
  text-align: center;
  cursor: pointer;
  line-height: normal;
  letter-spacing: 1px;
  border: none;
  padding: 19px 20px 20px;
  text-transform: uppercase;
  font-style: normal;
}
.content-box em a:before {
  position: absolute;
  content: "";
  width: 5px;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0,0,0,0.1);
  transition: all 0.2s ease 0s;
  -webkit-transition: all 0.2s ease 0s;
  -moz-transition: all 0.2s ease 0s;
  z-index: 9;
}
.content-box em a:hover {
  color: #FFF;
}
.content-box em a:hover:before {
  width: 100%;
  background: rgba(0,0,0,0.12);
}
.content-box p {
  font-size: 16px;
  line-height: 28px;
  font-weight: 300;
  padding-top: 10px;
  padding-bottom: 10px;
}
.content-box h2 {
  font-size: 24px;
  line-height: 36px;
  letter-spacing: 1px; 
  text-transform: uppercase;
  font-weight: 300;
  text-align: center;
  padding-top: 20px;
  color: #333;
}
.content-box h2:after {display: block;
  content: "";
  background: #B3061B;
  height: 2px;
  width: 80px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  margin-bottom: 20px;
}
.content-box h3 {
  font-size: 18px;
  line-height: 28px;
  letter-spacing: 1px; 
  text-transform: uppercase;
  font-weight: 400;
  text-align: center;
  padding-top: 20px;
  margin-bottom: 20px;
  color: #333;
}
.content-box h4 {
  font-size: 14px;
  line-height: 24px;
  text-transform: uppercase;
  text-align: center;
  color: #333;
  font-weight: 600;
  padding-top: 20px;
  letter-spacing: 1px;
}
.content-box h4:after {
  display: block;
  content: "";
  background: #B3061B;
  width: 40px;
  height: 2px;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
}
.content-box h5 {
  font-size: 17px;
  line-height: 27px;
  text-transform: uppercase;
  color: #333;
  font-weight: 600;
  letter-spacing: 1px;
  padding-top: 20px;
  margin-bottom: 20px;
}

.content-box ul li,.content-box ul {padding: 0; margin: 0;list-style: none;}
.content-box ul li {
  padding-top: 1px;
  padding-bottom: 1px;
  font-size: 14px;
  line-height: 24px;
  border: none;
}
.content-box ul li::before {
    content: "i";
    font-family: "template-cs" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    vertical-align: middle;
    speak: none;
    line-height: 1;
    margin-right: 10px;
    color: #B3061B;
    font-size: 18px;
}

@media screen and (min-width: 780px) {
  .content-box h2 {
    font-size: 33px;
    line-height: 44px;
  }
  .content-box h3 {
    font-size: 22px;
    line-height: 34px;
  }

}

@media screen and (min-width: 1220px) {
  .content-box h4 {
    font-size: 18px;
    line-height: 28px;
  }
  .content-box p {
    font-size: 18px;
    line-height: 32px;
  }
}

/*NUT ...*/
.nut:before,
.nut:after,
.small-nut:before,
.small-nut:after {
  content: '';
  position: absolute;
  z-index: 1;
  width: 82.02px;
  height: 82.02px;
  -webkit-transform: scaleY(0.5774) rotate(-45deg);
  -ms-transform: scaleY(0.5774) rotate(-45deg);
  transform: scaleY(0.5774) rotate(-45deg);
  background-color: inherit;
  left: 14.9878px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.nut, .small-nut {
  position: relative;
  top: 41.0122px;
  width: 116px;
  height: 66.97px;
  background-color: transparent;
  border-left: solid 2px #B3061B;
  border-right: solid 2px #B3061B;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  transform: rotate(0.0001deg);
  -webkit-transform: rotate(0.0001deg);
  -ms-transform: rotate(0.0001deg);
  -webkit-backface-visibility: hidden;
  text-align: center;
  /*background: #B3061B;*/
}

.nut:before , .small-nut:before {
  top: -41.0122px;
  border-top: solid 2.8284px #B3061B;
  border-right: solid 2.8284px #B3061B;
}

.nut:after, .small-nut:after {
  bottom: -41.0122px;
  border-bottom: solid 2.8284px #B3061B;
  border-left: solid 2.8284px #B3061B;
}

.nut .nut-content:before,
.small-nut .nut-content:before {
  content: "\70";
  display: block;
  line-height: 1.2;
  font-family: 'streamline-small-cs';
  color: #B3061B;
  font-size: 57px;
  z-index: 3;
  position: relative;
}

.small-nut:before,
.small-nut:after {
  width: 63.64px;
  height: 63.64px;
  left: 12.1802px;
  bottom: -31.8198px;
}

.small-nut:before {
  border-top: solid 1.4142px #B3061B;
  border-right: solid 1.4142px #B3061B;
}

.small-nut:after {
  border-bottom: solid 1.4142px #B3061B;
  border-left: solid 1.4142px #B3061B;
}

.small-nut:before {
  top: -31.8198px
}

.small-nut {
  width: 90px;
  height: 51.96px;
  border-left: solid 1px #B3061B;
  border-right: solid 1px #B3061B;
}

.small-nut .nut-content:before {
  font-size: 48px;
  line-height: 1.1;
}
/*... NUT*/ 
 
/*SLIDE-BOX ...*/ 
.slide-box {
  width: 100%;
  height: 0;
  padding-bottom: 45%;
  background: gray;
  overflow: hidden;
  position: relative;
  font-size: 21px;
  line-height:32px; 
  font-weight: 300;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.slide-box a,.slide-box a:hover,.slide-box h2,.slide-box h3,.slide-box h4,.slide-box h5,.slide-box h6,.slide-box p,.slide-box li {
  color: #FFF;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  font-weight: inherit;
  text-align: inherit;
}
.slide-box h2 {
  font-size: 18px;
  font-weight: 800;
  text-align: center;
  white-space: normal;
  letter-spacing: 1px;
  text-transform: uppercase;
  line-height: 1.2;
  padding: 16% 10px 1%;
  transform: translateY(80px);
}

.slide-box .draw-out h2 {
  transform: translateY(0px);
}

.slide-box .draw-in h2 {
  transition: all 0.8s ease-out 0s;
/*  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;*/
  transform: translateY(0px);
}


.slide-box p {
  transform: translateY(80px);
}
.slide-box .draw-out p {
  transform: translateY(0px);
}

.slide-box .draw-in p {
  transition: all 0.8s ease-out 0.3s;
  
/*  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;*/
  transform: translateY(0px);
}

.slide-box a {
  transform: translateY(80px);
}

.slide-box .draw-out a {
  transform: translateY(0px);
}

.slide-box .draw-in a {
  transition: all 0.8s ease-out 0.6s;  
/*  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;*/
  transform: translateY(0px);
}

.slide-box .nut-element {
  transform: translateY(-260px);
  opacity: 0; 
}

.slide-box .draw-out .nut-element {
  transform: translateY(0px);
  opacity: 0;
  transition: opacity 0.4s ease-out 0s;  
}

.slide-box .draw-in .nut-element {
  transition: all 1.4s ease-out 0s;  
/*  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;*/
  transform: translateY(0px);
  opacity: 1;
}





.slide-box p {
  padding-top: 2%;
  padding-bottom: 2%; 
}

.slide-box a,.slide-box a:hover {
  display: inline-block;
  padding: 10px;
  border: 1px solid white;
  cursor: pointer;
  text-transform: uppercase;
  line-height: 1;
  letter-spacing: 1px;
  font-size: 14px;
  font-weight: 600;
  padding: 15px 18px 16px;
  transition: all 0.2s ease 0s;
  -webkit-transition: all 0.2s ease 0s;
  -moz-transition: all 0.2s ease 0s;
} 

.slide-box a:hover {
  background: #B3061B;
  border-color: #B3061B;
}
.slide-box-child {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
  background: url('/_css/temp_autoservice/main_01.jpg') 50% 0 no-repeat;
  background-size: 150%;
}

.slide-box-child:nth-of-type(2) {
  background: url('/_css/temp_autoservice/main_02.jpg') 50% 0 no-repeat;
  background-size: 150%;
}
.slide-box-child:nth-of-type(3) {
  background: url('/_css/temp_autoservice/main_03.jpg') 50% 0 no-repeat;
  background-size: 150%;
}
.slide-box-child:nth-of-type(4) {
  background: url('/_css/temp_autoservice/main_04.jpg') 50% 0 no-repeat;
  background-size: 150%;
}
.slide-box-child:nth-of-type(5) {
  background: url('/_css/temp_autoservice/main_05.jpg') 50% 0 no-repeat;
  background-size: 150%;
}

.slide-box .slide-box-child.draw-out {
  transition: opacity 1s ease-out 0s;
  opacity: 0;
}

.slide-box .slide-box-child.draw-in {
  transition: all 0.8s ease-out 0s;
/*  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;*/
  opacity: 1;
}

.slide-box .nut-element {
  padding-top: 7.5%;
  display: none;
}

.slide-box .slide-box-child.draw-in {
  z-index: 3;
  display: block;
}

.slide-box .draw-out {
  z-index: 2;
}


.slide-box a,
.slide-box p {
  display: none;
}

.slide-box .w-block-text {
  padding-left: 2%;
  padding-right: 2%;
}

.slide-box .nut {
  margin: 0 auto;
  background: #B3061B;
}

.slide-box .nut .nut-content:before {
  color: #fff;
}


@media screen and (min-width: 480px) {
  .slide-box h2 {
    font-size: 21px;
    padding: 11% 10px 7%;
  }
  .slide-box a,.slide-box p.link-button {
    display: inline-block;
  }
   
   
}
@media screen and (min-width: 780px) {
  .slide-box h2 {
    font-size: 30px;
    padding: 11% 10px 0%;
  } 
  .slide-box .nut-element {
    display: block;
  }
  .slide-box p {
    display: block;
    padding-top: 1%;
    padding-bottom: 1%;
    font-size: 16px;
  } 
  .slide-box .nut:before,
  .slide-box .nut:after {
    width: 63.64px;
    height: 63.64px;
    left: 12.1802px;
    bottom: -31.8198px;
  }
  .slide-box .nut-element {
    padding-top: 4.5%;
  }
  .slide-box .nut:before {
    top: -31.8198px
  }
  .slide-box .nut {
    width: 90px;
    height: 51.96px;
  }
  .slide-box .nut .nut-content::before {
    font-size: 48px;
    line-height: 1.1;
  }
  
  .slide-box .slide-lbut,
  .slide-box .slide-rbut {
    position: absolute;
    z-index:20;
    top: 50%;
    left: 0;
    transform: matrix(1, 0, 0, 1, 0, -50);
    opacity: 0.1;
    -webkit-transition: opacity 0.2s, color 0.2s;
    -moz-transition: opacity 0.2s, color 0.2s;
    transition: opacity 0.2s, color 0.2s;
  }
  
  .slide-box .slide-rbut {
    right: 40px;
    left: auto;
  }
  
  .slide-box .slide-lbut:after,
  .slide-box .slide-rbut:after {
    content: 'a';
  }
  
  .slide-box .slide-lbut:after,
  .slide-box .slide-rbut:after {
    font-family: "template-cs" !important;
    font-size: 24px;
    position: absolute;
    left: 0px;
    top: 0px;
    color: #FFF;
    width: 40px;
    height: 100px;
    text-align: center;
    background: rgba(50, 50, 50, 0.35);
    line-height: 100px;
    -webkit-transition: background 0.2s, color 0.2s;
    -moz-transition: background 0.2s, color 0.2s;
    transition: background 0.2s, color 0.2s;
    cursor: pointer;
  }
  
  .slide-box .slide-rbut:after {
    content: 'b';
  }
  
  .slide-box .slide-pbuts {
    position: absolute;
    bottom: 8px;
    height: 30px;
    text-align: center;
    z-index: 10;
    width: 100%;
    opacity: 0.3;
    transition: opacity 0.3s ease 0s;
    -webkit-transition: opacity 0.3s ease 0s;
    -moz-transition: opacity 0.3s ease 0s;
  
  }
  
  .slide-box:hover .slide-pbuts,
  .slide-box:hover .slide-lbut,
  .slide-box:hover .slide-rbut {
    opacity: 0.7;
  }
  
  .slide-box .slide-lbut:hover,
  .slide-box .slide-rbut:hover {
    opacity: 1;
  }
  
  
  .slide-box .slide-dot {
    width: 16px;
    height: 16px;
    border: 1px white solid;
    border-radius: 30px;
    display: inline-block;
    margin: 0 5px; 
    cursor: pointer;
  }
  
  .slide-box .slide-dot.sel{
    background: #B3061B;
  }

  
   
  
}

@media screen and (min-width: 1220px) {
  .slide-box .nut:before,
  .slide-box .nut:after {
    width: 82.02px;
    height: 82.02px;
    bottom: -41.0122px;
    left: 14.9878px;
  }
  .slide-box .nut:before {
    top: -41.0122px;
  }
  .slide-box .nut {
    width: 116px;
    height: 66.97px;
  }
  .slide-box .nut .nut-content::before {
    line-height: 1.2;
    font-size: 57px;
  }
  .slide-box h2 {
    font-size: 42px;
    padding: 8% 10px 0;
  } 
  .slide-box p {
    padding-top: 2%;
    padding-bottom: 2%;
    font-size: 21px;
  }
  .slide-box .nut-element {
    padding-top: 7.5%;
  } 
  .slide-box a,.slide-box a:hover {
    padding: 18px 24px 19px;
  }
}
/*...SLIDE-BOX*/
 
 
 
/*POPTAVKA-BOX...*/ 
.poptavka-box {
  background: #f5f5f5;
  padding: 20px 0 50px;
}

.poptavka-box .fcomp-2201 h3 {
  padding-bottom: 10px;
}
.poptavka-box .fcomp-2201 h3,
.poptavka-box .fcomp-2201 p {
  text-align: center;
}

@media screen and (min-width: 780px) { 
  .poptavka-box {
    padding: 40px 0;
  }
  
  .poptavka-box .fcomp-2201 {
    display: table;
    width: 100%;
  } 
  
  .poptavka-box .fcomp-2201 .w-block-text {
    display: table-row;
  }
  
  .poptavka-box .fcomp-2201 .w-block-text h3,
  .poptavka-box .fcomp-2201 .w-block-text p {
    display: table-cell;
    vertical-align: middle;
    padding: 10px 0;
  }
  .poptavka-box .fcomp-2201 .w-block-text h3 {
    text-align: left;
    padding-right: 20px;
  }
  .poptavka-box .fcomp-2201 .w-block-text p {
    text-align: left;
    padding-left: 20px;
    min-width: 35%;
  }
}
@media screen and (min-width: 1220px) {
  .poptavka-box {
    padding: 50px 0;
  }
  .poptavka-box .fcomp-2201 .w-block-text p {
    min-width: 25%;
  }
  .poptavka-box .fcomp-2201 .w-block-text h3 {
    text-align: right;
  } 
}
/*...POPTAVKA-BOX*/
 
/*proc-na-nas...*/ 
.proc-nas-box {
  clear: both;
  padding-top: 30px;
  padding-bottom: 60px;
}
.proc-nas-box p {
  clear: both;
}
.proc-nas-box .nut {
  margin: 20px auto 86px;
}
.proc-nas-box .hi-li {
  text-align: center;
}
.proc-nas-box .hi-li p {
  font-size: 14px;
  line-height: 24px;
  font-weight: normal;
}
@media screen and (min-width: 780px) {
  .proc-nas-box {
    
  }
  .proc-nas-box .hi-li {
    margin-left: 30px;  
    width: 233px;
    float: left;
  }
  
  .proc-nas-box .hi-li.col-1 {
    margin-left: 0;
  }  

} 

@media screen and (min-width: 1220px) {
  .proc-nas-box {
    padding-top: 45px;
    padding-bottom: 70px;
  }
  .proc-nas-box .hi-li {
    width: 380px;
  }
  .proc-nas-box .nut {
    margin-top: 30px;
    margin-bottom: 95px;
  }  
}
/*...proc-na-nas*/

/*servisujeme-znacky-box... */
.servisujeme-znacky-box {
  position: relative;
   
  background: #f5f5f5;
}

.servisujeme-znacky-box .fcomp-2201 {
    padding: 30px 50px 60px;
}

.servisujeme-znacky-box ul {
  margin-left: auto;
  margin-right: auto;
  max-width: 220px;
  float: left;
  padding: 0 30px;
}

.content-box .servisujeme-znacky-box em a:before {
  display: none;
} 

.content-box .servisujeme-znacky-box em a {
  border: 1px solid #E2E6E7;
  background: transparent;
  color: #B3061B;
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
}

.content-box .servisujeme-znacky-box em a:hover {
  border-color: #B3061B;
  background: #B3061B;
  color: #fff;
}

.servisujeme-znacky-box:before {
  background: url('/_css/temp_autoservice/image_101.jpg') 50% 0 no-repeat;
  background-size: auto 300px;
  content: '';
  display: block;
  height: 300px;
  width: 100%;
}

.servisujeme-znacky-box p {
  text-align: center;
  clear: both;
}

@media screen and (min-width: 480px) { 
  .servisujeme-znacky-box:before {
    background-size: auto 500px;
    height: 500px;
     
  }
  
}
@media screen and (min-width: 780px) { 
  .servisujeme-znacky-box {
    padding-left: 50%;
  }
  .servisujeme-znacky-box:before {
    width: 50%;
    position: absolute;
    top:0;
    left:0;
    bottom:0;
    height: 100%;
    background-size: auto 130%;
  }
  .servisujeme-znacky-box .fcomp-2201 {
    padding: 40px 80px 80px;
  
  }
  
}
/*...servisujeme-znacky-box*/


/*servisujeme-udrzba-box...*/
.servisujeme-udrzba-box {
  clear: both;
  padding-top: 30px;
  padding-bottom: 60px;
}

.servisujeme-udrzba-box p {
  clear: both;
  text-align: center;
}

.servisujeme-udrzba-box p.photo-link a {
  display: block;
  width: 255px;
  float: left;
  padding: 210px 35px 10px 10px;
  position: relative;
  background: #f5f5f5;
  font-size: 14px;
  line-height: 28px;
  font-weight: 600; 
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #333;
  text-align: left;
  margin-top: 30px;
}
.servisujeme-udrzba-box p.photo-link a:before {
  display: block;
  content: '';
  width: 100%;
  height: 200px;
  background: url('/_css/temp_autoservice/hl_01.jpg') 0 0 no-repeat;
  background-size: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  opacity: 0.6;
  transition: opacity 0.2s ease 0s;
  -webkit-transition: opacity 0.2s ease 0s;
  -moz-transition: opacity 0.2s ease 0s; 
}

.servisujeme-udrzba-box p.photo-link a:nth-of-type(2):before {background: url('/_css/temp_autoservice/hl_02.jpg') 0 0 no-repeat;background-size: 100%;}
.servisujeme-udrzba-box p.photo-link a:nth-of-type(3):before {background: url('/_css/temp_autoservice/hl_03.jpg') 0 0 no-repeat;background-size: 100%;}
.servisujeme-udrzba-box p.photo-link a:nth-of-type(4):before {background: url('/_css/temp_autoservice/hl_04.jpg') 0 0 no-repeat;background-size: 100%;}
.servisujeme-udrzba-box p.photo-link a:nth-of-type(5):before {background: url('/_css/temp_autoservice/hl_05.jpg') 0 0 no-repeat;background-size: 100%;}
.servisujeme-udrzba-box p.photo-link a:nth-of-type(6):before {background: url('/_css/temp_autoservice/hl_06.jpg') 0 0 no-repeat;background-size: 100%;}


.servisujeme-udrzba-box p.photo-link a:after {
  text-transform: none;
  color: #B3061B;
  font-size: 20px;
  line-height: 24px;
  margin-top: 4px;
  font-family: "template-cs";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  content: "e";
  float: right;
  position: absolute;
  right: 10px;
}

.servisujeme-udrzba-box p.photo-link a:hover:before {
  opacity: 1;
}
.servisujeme-udrzba-box p.photo-link a:hover {
  color: #777;
}

@media screen and (min-width: 480px) {
  .servisujeme-udrzba-box {
    padding-top: 45px;
  }
  
  .servisujeme-udrzba-box p.photo-link a {
    width: 186px;
    padding: 160px 35px 10px 10px;
    font-size: 14px;
  }
  
  .servisujeme-udrzba-box p.photo-link a:before {
    height: 150px;
  }

}

@media screen and (min-width: 780px) {
  .servisujeme-udrzba-box {
    padding-top: 30px;
  }
  
  .servisujeme-udrzba-box p.photo-link a {
    width: 188px;
    padding: 170px 45px 20px 20px;
    font-size: 14px;
  }
  
  .servisujeme-udrzba-box p.photo-link a:before {
    height: 150px;
  }

}


@media screen and (min-width: 1220px) {
  .servisujeme-udrzba-box {
    padding-top: 45px;
    padding-bottom: 70px;
  }
  
  .servisujeme-udrzba-box p.photo-link a {
    width: 335px;
    padding: 280px 45px 20px 20px;
    font-size: 16px;
  }
  
  .servisujeme-udrzba-box p.photo-link a:before {
    height: 260px;
  }

}

/*... servisujeme-udrzba-box*/


/*reference-box ...*/
.reference-box {
  background: url('/_css/temp_autoservice/motor.jpg') 50% 0 fixed repeat;
  background-size: 200%;
  overflow: hidden;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

@media screen and (min-width: 1220px) {
  .reference-box {
    background-size: auto 100%;
  }
}

.reference-box .tile-text p {
  font-style: italic;    
}

.reference-box,.reference-box h2,.reference-box h3,.reference-box a,.reference-box p{
  color: white;
}

.reference-box .fcomp-2054 {
  width: 1000%; 

}

.reference-box .tile {
  width: 8%;
  float: left;
  padding: 50px 1%;
  text-align: center;
}

.reference-box .fcomp-2054 .display-tile-type-0 {
  position: relative;
  left: 0;
  transition: all 0.6s ease 0s;
  -webkit-transition: all 0.6s ease 0s;
  -moz-transition: all 0.6s ease 0s;
}

.reference-box .tile:before {
  content: 
}

.cleared-fcomp-2054 {
  clear: both;
}

.reference-box .small-nut,
.reference-box .small-nut:after,
.reference-box .small-nut:before {
  border-color: #ddd;
}

.reference-box .small-nut {
  margin: 0 auto 100px auto;
}

.reference-box .small-nut .nut-content:before {
  color: white;
  content: '\27';
}

.reference-box .tile-header:before {
  display: block;
  content: "";
  background: #E2E6E7;
  width: 40px;
  height: 1px;
  margin-top: 45px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}



@media screen and (min-width: 480px) {
  .reference-box .tile {
    width: 6%;
    padding: 50px 2%;
  }
}

@media screen and (min-width: 780px) {
  .reference-box .tile {
    width: 7%;
    padding: 50px 1.5%;
  }
  
  .reference-box .slide-rbut,
  .reference-box .slide-lbut {
    display: block;
    position: absolute;
    width: 26px;
    height: 26px;
    color: #FFF;
    border: 1px solid #ddd;
    padding: 16px;
    left: 20px;
    top: 40.2%;
    font-size: 24px;
    z-index: 1;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    line-height: 26px;
    cursor: pointer;
  }
  
  .reference-box .slide-rbut:before,
  .reference-box .slide-lbut:before {
    font-family: "template-cs" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    position: absolute;
    left:15px;
    content: 'a';
    color: #ddd;
    line-height: 26px;
    width: 26px;
    height: 26px;
  }
  
  .reference-box .slide-rbut:before {
    content: 'b';
    left:18px;
  }
  
  .reference-box .slide-rbut {
    right: 20px;
    left: auto;
  }
  
  .reference-box .slide-rbut:hover,
  .reference-box .slide-lbut:hover {
    border-color: #B3061B;
    background: #B3061B;
  }
  .reference-box .slide-rbut:hover:before,
  .reference-box .slide-lbut:hover:before {
    color: white;
  }
}

@media screen and (min-width: 1220px) {
  .reference-box .slide-lbut {
    left: 65px;
  }
  
  .reference-box .slide-rbut {
    right: 65px;
    left: auto;
  }
  
}

/*... reference-box*/


/*prehled-box ...*/
.prehled-box {
  padding-top: 30px;
  padding-bottom: 60px;
}

.prehled-box {
  text-align: center;
}

.prehled-box .fc-guid-673 {
  text-align: left;
}

.prehled-box .fc-guid-673 p {
  font-size: 14px;
  line-height: 24px;
  padding: 0;
  margin-top: 16px;
  font-weight: 400;
}

.prehled-box .fc-guid-673 p:first-of-type {
  padding-left: 78px;
  position: relative;
}

.prehled-box .fc-guid-673 p:first-of-type:before {
  content: "\6e";
  position: absolute;
  left: 0;
  top: 15px;
  font-family: 'streamline-small-cs';
  font-size: 48px;
  margin-right: 30px;
  color: #B3061B;
}
.prehled-box .fc-guid-673 .fcomp-2201 {
  margin-bottom: 30px;
}

.prehled-box .fc-guid-673 .fcomp-2201:nth-of-type(2) p:first-of-type:before {content: "\4c";}
.prehled-box .fc-guid-673 .fcomp-2201:nth-of-type(3) p:first-of-type:before {content: "\7a";}
.prehled-box .fc-guid-673 .fcomp-2201:nth-of-type(4) p:first-of-type:before {content: "\49";}
.prehled-box .fc-guid-673 .fcomp-2201:nth-of-type(5) p:first-of-type:before {content: "\30";}
.prehled-box .fc-guid-673 .fcomp-2201:nth-of-type(6) p:first-of-type:before {content: "\6d";}

.prehled-box .fc-guid-673 .fcomp-2201:nth-of-type(7) p:first-of-type:before {content: "\52";}
.prehled-box .fc-guid-673 .fcomp-2201:nth-of-type(8) p:first-of-type:before {content: "\66";}
.prehled-box .fc-guid-673 .fcomp-2201:nth-of-type(9) p:first-of-type:before {content: "\62";}

@media screen and (min-width: 480px) {
  .prehled-box {
    padding-top: 45px;
  }
}

@media screen and (min-width: 780px) {
  .prehled-box {
    padding-top: 30px;
  }
  .prehled-box .fc-guid-673 .fcomp-2201 {
    float: left;
    width: 365px;
  }
  .prehled-box .fc-guid-673 .fcomp-2201:nth-of-type(even) {
    margin-left: 30px;
    clear: right;
  }
  .prehled-box .fc-guid-673 .fcomp-2201:nth-of-type(odd) {
    clear: left;
  }
}

@media screen and (min-width: 1220px) {
  .prehled-box {
    padding-top: 45px;
    padding-bottom: 70px;
  }
  
  .prehled-box .fc-guid-673 .fcomp-2201:nth-of-type(even),
  .prehled-box .fc-guid-673 .fcomp-2201:nth-of-type(odd) {
    clear: none;
    margin-left: 30px;
  }
  
  .prehled-box .fc-guid-673 .fcomp-2201:nth-of-type(3n-2) {
    margin-left: 0;
    clear: left;
  }
  
  .prehled-box .fc-guid-673 .fcomp-2201:nth-of-type(3n) {
    clear: right;
  }
  
  .prehled-box .fc-guid-673 .fcomp-2201 {
    width: 380px;
  }
}


/*... prehled-box*/

/*mapa a kontakty ...*/

.fcomp-2023.map {
  height: 450px;
  position: relative;
  overflow: hidden;  
}

.fcomp-2023.map iframe {
  border: none;
  top: -80px;
  position: absolute;
}

.contacts {
  padding: 50px 0 80px;
}
.contacts .fcomp-2023 {
  font-weight: 300;
  line-height: 32px;
  font-size: 18px;
  color: #777;
  margin-top: 40px;
  position: relative; 
}
.contacts .fcomp-2023 p {
  padding: 12px 0;
  margin-left: 78px;
}
.contacts .fcomp-2023:first-child {
  margin-top: 0;
}

.contacts .fcomp-2023 .fcomp-2052:before {
  font-family: 'streamline-small-cs';
  content: '\6a';
  display: block;
  float: left;
  margin-left: auto;
  margin-right: 30px;;
  width: 48px;
  height: 48px;
  font-size: 48px;
  color: #B3061B;
  margin-top: 20px;
  line-height: 1;
}
.contacts .fo-contact .fcomp-2052:before {content: '\69';}
.contacts .fo-assistance .fcomp-2052:before {content: '\66';}

.contacts h3 {
  color: #333;
  font-weight: 600;
  text-align: left;
  font-size: 17px;
  line-height: 27px;
  margin-bottom: 0;
  padding-bottom: 0;
}
@media screen and (min-width: 780px) {
  .contacts .fcomp-2023 {
    float: left;
    width: 233px;
    margin-top: 0;
    margin-left: 30px;
    font-size: 16px;
  }
  .contacts .fcomp-2023:first-child {
    margin-left: 0px;
  }
}

@media screen and (min-width: 1220px) {
  .contacts .fcomp-2023 {
    font-size: 21px;
    width: 380px;   
  }
  
}

/*... mapa a kontakty */

/*Kontaktní formulář...*/

.email-form input[type="text"],
.email-form textarea {
  border: none;  
  font-family: "Open Sans", sans-serif;
  font-size: 20px;    
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.popup-content .email-form input[type="text"],
.popup-content .email-form textarea {
  background: #f5f5f5; 
}

.email-form {
  padding-bottom: 50px; 
}

.popup .email-form {
  padding-bottom: 0px; 
}

.email-form .form-text-waring  {
  display: none;
}

.email-form .form-text-info {
  font-size: 22px;
  padding: 80px 0;
  font-weight: bold;
  text-align: center;
  color: #B3061B;
}

.email-form textarea {
  height: 180px;
  resize: none;
}

.email-form .form-input-type-text {
  border: 1px solid #E2E6E7;
  width: 270px;
  height: 30px;
  padding: 12px 15px;
  margin-bottom: 20px;
}

.email-form .form-input-type-textarea {
  border: 1px solid #E2E6E7;
  width: 270px;
  padding: 12px 15px;
  margin-bottom: 20px;
}

.popup-content .email-form .form-input-type-text {
  width: 90%;
}

.popup-content .email-form .form-input-type-textarea {
  width: 90%;
}
  
@media screen and (min-width: 480px) {

  .email-form .form-input-type-text {
    width: 430px;
  }

  .email-form .form-input-type-textarea {
    width: 430px;
  }

  .popup-content .email-form .form-input-type-text {
    width: 270px;
  }

  .popup-content .email-form .form-input-type-textarea {
    width: 270px;
  }

}

@media screen and (min-width: 780px) {

  .email-form .form-input-type-text {
    width: 335px;
  }

  .email-form .form-input-type-textarea {
    width: 335px;
    position: absolute;
    top: 0;
    right: 0;
  }
  
  .popup-content .email-form .form-input-type-text {
    width: 255px;
  }

  .popup-content .email-form .form-input-type-textarea {
    width: 255px;
  }

}

@media screen and (min-width: 1220px) {

  .email-form .form-input-type-text {
    width: 550px;
  }

  .email-form .form-input-type-textarea {
    width: 555px;
  }
  
  .popup-content .email-form .form-input-type-text {
    width: 480px;
  }

  .popup-content .email-form .form-input-type-textarea {
    width: 480px;
  }

}

.email-form .form-waring .form-input-type-text,
.email-form .form-waring .form-input-type-textarea {
  border-color: #B3061B;
}

.email-form .standard-cust-email-form-text-send-button {
  text-align: right;
  padding-top: 20px;
}

.email-form button[type="submit"] {
  position: relative;
  color: #FFF;
  font-size: 14px;
  font-weight: 600;
  background: #B3061B;
  padding: 19px 0 20px;
  text-align: center;
  cursor: pointer;
  line-height: normal;
  letter-spacing: 1px;
  border: none;
  padding: 19px 20px 20px;
  text-transform: uppercase;
  font-style: normal;
}
.email-form  button[type="submit"]:before {
  position: absolute;
  content: "";
  width: 5px;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0,0,0,0.1);
  transition: all 0.2s ease 0s;
  -webkit-transition: all 0.2s ease 0s;
  -moz-transition: all 0.2s ease 0s;
  z-index: 9;
}

.email-form  button[type="submit"]:hover {
  color: #FFF;
}

.email-form  button[type="submit"]:hover:before {
  width: 100%;
  background: rgba(0,0,0,0.12);
}

/* ... Kontaktní formulář*/





/* POPUP ... */

.popup {
  top: -500px;
  width: 100%;
  background: #f5f5f5;
  margin: 0 auto;
  min-height: 80px;
  position: relative;
  opacity: 0;
  transition: all 0.2s ease 0s;
  -webkit-transition: all 0.2s ease 0s;
  -moz-transition: all 0.2s ease 0s;
  box-shadow: 0 0 20px rgba(50,50,50,0.4);
}

.popup-mask {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 200;
  transition: all 0.8s ease 0s;
  -webkit-transition: all 0.8s ease 0s;
  -moz-transition: all 0.8s ease 0s;
}

.popup-mask.animate {
  background: rgba(50,50,50,0.5);
}

.popup-mask.animate .popup {
  opacity: 1;
}

.popup-mask.destroy .popup {
  top: -500px!important;
  opacity: 0;
}

.popup-mask.destroy {
  opacity: 0;
}

.popup .popup-content {
  padding: 50px;
  padding-top: 100px;
}

.preloading .popup .popup-content {
  padding-top: 50px;
}

.popup .popup-preloder {
  display: block;
  height: 60px;
  width: 100%;
  background: url('/_css/_allSites/preloader/Blocks-1.5s-200px.gif') center center no-repeat;
  background-size: 100px auto;
}

.popup .popup-control {
  text-align: right;
  position: relative; 
  top: 25px;
  right: 25px;
}

.popup .popup-control a span {
  display: none;
}

.popup .popup-control a {
  width: 43px;
  height: 43px;
  display: block;
  position: absolute;
  right: 10px;
  /*border: 2px solid #B3061B;
  border-radius: 100%;*/
}

.popup .popup-control a:before {
  position: absolute;
  top: 25.5px;
  left: 5px;
  width: 33px;
  transform: rotate(45deg) translate(-4px, -4px);
  background: #B3061B;
  content: ' ';
  height: 3px;
}

.popup .popup-control a:after {
  position: absolute;
  top: 17px;
  left: 7.5px;
  width: 33px;
  transform: rotate(-45deg) translate(-4px, 0px);
  background: #B3061B;
  content: ' ';
  height: 3px;
}

.popup .popup-control a,
.popup .popup-control a:after,
.popup .popup-control a:before {
  transition: all 0.2s ease 0s;
  -webkit-transition: all 0.2s ease 0s;
  -moz-transition: all 0.2s ease 0s;
}

.popup .popup-control a:hover:after,
.popup .popup-control a:hover:before {
  background-color: black;
}


/*
.popup .popup-control a:hover {
  background: #B3061B;
}
*/



.popup.allow-scroll {
  overflow: auto;
} 

@media screen and (min-width: 420px) {
  .popup {
    width: 400px;
  }
}

@media screen and (min-width: 780px) {
  .popup {
    width: 700px;
  }
}

@media screen and (min-width: 1220px) {
  .popup {
    width: 1160px;
  }
}

/* ... POPUP */



/*
breakpointy
@media screen and (min-width: 480px) {
@media screen and (min-width: 780px) { 
@media screen and (min-width: 1220px) {
*/


.el-mask {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  background: url('/_css/_allSites/preloader/Blocks-1.5s-200px.gif') center center no-repeat;
  background-size: 100px auto;
}

/*Individual*/
h1 .head-1-text {
  display: inline-block;
  text-align: right;
  position: relative;
  top: -19px;
  left: -13px;
  background: none;
  padding: 0 20px;
  border-radius: 7px 0 0 0;
  color: white;
}

/*
.slide-box-child:nth-of-type(2) {
}
*/


.slide-box .slide-box-child:nth-of-type(1) h2,
.slide-box .slide-box-child:nth-of-type(3) h2 {
  padding-top: 12%;
}

.slide-box .slide-box-child:nth-of-type(2) h2,
.slide-box .slide-box-child:nth-of-type(5) h2 {
  padding-top: 21%;
}

.slide-box .slide-box-child:nth-of-type(1) .nut .nut-content::before {
  content: '\6e';
}
.slide-box .slide-box-child:nth-of-type(2) .nut .nut-content::before {
  content: '\6d';
}
.slide-box .slide-box-child:nth-of-type(3) .nut .nut-content::before {
  content: '\7a';
}

.slide-box .slide-box-child:nth-of-type(4) .nut .nut-content::before {
  content: '\65';
}
.slide-box .slide-box-child:nth-of-type(5) .nut .nut-content::before {
  content: '\66';
}

@media screen and (min-width: 480px) {
  .slide-box .slide-box-child:nth-of-type(1) h2,
  .slide-box .slide-box-child:nth-of-type(3) h2 {
    padding-top: 7%;
    padding-bottom: 5%;
  }
  
  
  .slide-box .slide-box-child:nth-of-type(2) h2,
  .slide-box .slide-box-child:nth-of-type(5) h2 {
    padding-top: 11%;
  }
}
@media screen and (min-width: 780px) {
  .slide-box .slide-box-child:nth-of-type(1) .nut-element,
  .slide-box .slide-box-child:nth-of-type(3) .nut-element {
    padding-top: 0.2%
  }
  
  .slide-box .slide-box-child:nth-of-type(1) h2,
  .slide-box .slide-box-child:nth-of-type(3) h2 {
    padding-top: 11%;
    padding-bottom: 0%;
  }
  
  .slide-box .slide-box-child:nth-of-type(1) p,
  .slide-box .slide-box-child:nth-of-type(3) p {
    line-height: 1.2;
  }
  
  .slide-box .slide-box-child:nth-of-type(4) p {
    line-height: 1.4;
  }
  
}

@media screen and (min-width: 1220px) {
  .slide-box .slide-box-child:nth-of-type(1) .nut-element,
  .slide-box .slide-box-child:nth-of-type(3) .nut-element {
    padding-top: 1.7%
  }
  
  .slide-box .slide-box-child:nth-of-type(2) .nut-element,
  .slide-box .slide-box-child:nth-of-type(4) .nut-element,
  .slide-box .slide-box-child:nth-of-type(5) .nut-element {
    padding-top: 3.4%
  }
  
  .slide-box .slide-box-child:nth-of-type(1) h2,
  .slide-box .slide-box-child:nth-of-type(3) h2 {
    padding-top: 11%;
    padding-bottom: 0%;
  }
  
  .slide-box .slide-box-child:nth-of-type(1) p,
  .slide-box .slide-box-child:nth-of-type(3) p {
    line-height: 1.4;
  }
  
  .slide-box .slide-box-child:nth-of-type(4) p {
    line-height: 1.4;
  }
  
  .slide-box .slide-box-child:nth-of-type(2) h2,
  .slide-box .slide-box-child:nth-of-type(4) h2,
  .slide-box .slide-box-child:nth-of-type(5) h2 {
    padding-top: 10%;
    padding-bottom: 2%;
  }
}

.hi-li.col-1 .nut .nut-content::before {content: '\3e'}
.hi-li.col-2 .nut .nut-content::before {content: '\4c'}
.hi-li.col-3 .nut .nut-content::before {content: '\50'}


@media screen and (min-width: 1220px) {
  .servisujeme-znacky-box ul {
    padding-left: 50px;
    width: 150px;
  }
}