* {
  box-sizing:border-box;
}

/*body,
html {
  padding: 0;
  margin: 0;
}*/

body {
  /*background: #4e616d;*/
  background: #000;
}
/***************************************************************************************************************/
/****************************** start ******uvodni stranka - bez indexu   responzivni -320 *********************/
/***************************************************************************************************************/
@media screen and (min-width: 320px) {
.animR {
    width:320px; 
    height:auto; 
    margin-top:90px;
    display:block;
    background-color: #414d48;    
}
.animPC {
    display:none;    
}
.animPC2 {
    display:none;
}
.slide {   
  display:none;  
}
.slideR {
  width:320px; 
  height:auto; 
  margin-top:1px;    
  display:block;  
}
#content-slider .wrap-slider {
  max-width: 320px;
  min-height: 2000px;
  
  margin: 0px auto;
  margin-top: 0px;/*nový řádek*/
  position: relative;
  text-align: right;
}

#content-slider .wrap-slider.full {
  width: 320px;
  max-width: 320px;
  text-align: center; 
  border: none;
}

/* --------> Link style */
#content-slider *:focus {
  outline: 0;
} 

#content-slider a:hover {
  color: #7FD4FD;
  text-decoration: underline;
}

#content-slider a:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

#content-slider a:hover,
#content-slider a:active {
  outline: 0;
}

/* -------> Responsive images (ensure images don't scale beyond their parents) */
#content-slider img {
  max-width: 320px;
  width: auto\9;
  height: auto;
  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic;
}

/* -------> Main / hlavni obr.*/
#content-slider .slider {
  margin-top: 5%;
  /*position: absolute;*/
  overflow: hidden;
  width: 320px;
  margin: 0 auto;		
  position: relative;				
}
#content-slider img {
  max-width: 320px;
  width: auto\9;
  height: auto;
  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic;
}
/* -------> Main / hlavni obr.*/
#content-slider .slider {
  margin-top: 5%;
  /*position: absolute;*/
  overflow: hidden;
  width: 320px;
  margin: 0 auto;		
  position: relative;				
}
#content-slider .inset {/*hlavni obrazky.*/
  width: 500%;			
  line-height: 0;

  -webkit-animation: 30s slidy infinite;/*zajistuje animace, nastaveni celkoveho casu animace - jednoho cyklu; pro 1 obr nastaveno 30 sec;*/
  -moz-animation: 45s slidy infinite;
  -ms-animation: 45s slidy infinite;
  -o-animation: 45s slidy infinite;
  animation: 30s slidy infinite;
  
  /*-webkit-animation: 15s sl_c infinite;zajistuje animace, nastaveni celkoveho casu animace - jednoho cyklu; pro 1 obr nastaveno 30 sec;
  -moz-animation: 15s sl_c infinite;
  -ms-animation: 15s sl_c infinite;
  -o-animation: 15s sl_c infinite;
  animation: 15s sl_c infinite;*/  

  -webkit-transition: all 2s ease-in-out;
  -moz-transition: all 2s ease-in-out;
  -ms-transition: all 2s ease-in-out;
  -o-transition: all 2s ease-in-out;
  transition: all 2s ease-in-out; 
}
#content-slider h1.main-title {
  text-align: center;
  color: #00ABFA;
  font-weight: 200;
  font-size: 2rem;			
  line-height: 3rem;
  text-transform: uppercase;
  margin: 5px 0 0px 0;
}
#content-slider .slider [class*='title-'] {
  background: rgba(0, 0, 0, 0.3);/*puvodne 51*/
  padding: 1% 1%;
  display: inline-block;
  width: 40%;
  height: auto;
  position: absolute;
  z-index: 12;
  margin: 15px 0 0 15px;
  line-height: normal;
  overflow: hidden;
  text-align: left;

  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out; 
}
#content-slider .th>[class*='title-'] {
  width: auto;
  height: auto;
  position: absolute;
  top: 0em;
  right: 0em;
  text-align: right;
  margin: 5px 10px 0 0;
  opacity: 1;
  line-height: normal;
  overflow: hidden;

  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
/* -------> Article */
#content-slider .slider h1,
#content-slider .th h1 {
  color: #fffefe;
  text-transform: uppercase;
  padding: 0;
  margin: 0;
  font-weight: bold;
}

#content-slider .slider p,
#content-slider .th p {
  color: #fffefe;
  text-transform: uppercase;
  padding-left: 20px;
  margin: 0;
}

#content-slider .slider a,
#content-slider .th a {
  font-weight: bold;
  color: #00ABFA;
  text-decoration: none;
  text-transform: uppercase;
}
/* -------> Article IMg Slider  - popis hlavniho obr.*/
#content-slider .slider h1 { font-size: 1.5rem; color:#fff; }

#content-slider .slider p {font-size: 1.2rem; color:#fff; }

#content-slider .slider a { font-size: 1rem; color:#fff; text-transform: none;}
/* -------> Article IMg Prev  - popis th obr. */
#content-slider .th h1 { font-size: 1rem; }

#content-slider .th p { font-size: .875rem; }

#content-slider .th a { font-size: .75rem; }

#content-slider .th img {
  position: relative;
  max-width: 100%;
  height: auto !important;
  -webkit-filter: brightness(50%);
  -moz-filter: brightness(50%);
  -ms-filter: brightness(50%);
  -o-filter: brightness(50%);
  filter: brightness(50%);

  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out; 
}

#content-slider .th:hover img {
  -webkit-filter: brightness(100%);
  -moz-filter: brightness(100%);
  -ms-filter: brightness(100%);
  -o-filter: brightness(100%);
  filter: brightness(100%);
}
/* -------> Main Img */
#content-slider figure {
  margin: 0;
  padding: 0;
  /*width: 20%;pro 4 obr. bylo 25% a zobrazuji se po jednom; 10% zobrazuje po dvou*/
  width: 320px;  
  height:auto;
  float: left;
  cursor: pointer;

  -webkit-transition: all 2s ease-in-out;
  -moz-transition: all 2s ease-in-out;
  -ms-transition: all 2s ease-in-out;
  -o-transition: all 2s ease-in-out;
  transition: all 2s ease-in-out; 
}
#content-slider figure img {
  /*width: 100%;*/
  width: 320px;
  height:auto;  
  position: relative;
  /*margin-top:-40px;*//*novy radek*/
}

#content-slider #main {/*puntíky - pas se znackami upraveno*/
  padding: 1% 0;
  width: 320px;
  height:35px;
  margin-left:-280px;
  margin-top: 230px;
  bottom: 0;
  z-index: 10;
  position: absolute;
  text-align: center;
  background: rgba(0, 0, 0, 0.71);
}

#content-slider #main {/*puntíky - pas se znackami upraveno*/
  display: none;
}

#content-slider input[type='radio'] {			
  width: 10px;
  height: 10px;
  display: none;
  position: relative;
  /*display: none;*/
}

#content-slider #control{					
  position: absolute;
  left: 3%;
  z-index: 15;			
  top: 0%;
  width: 95%;
  /*margin-top: 10%;*/

  /*display: none;*/
  height: 50px;
  top:50%;
  margin-top: -25px;
}
/* -------> Controls */	
#main>label:hover { width: 9px; height: 9px; background: #FFF; border: 1px solid #00ABFA; }	

input#a-1:checked ~ .slider .inset { margin-left: 0%;   }
input#a-2:checked ~ .slider .inset { margin-left:-100%; }
input#a-3:checked ~ .slider .inset { margin-left:-200%; }
input#a-4:checked ~ .slider .inset { margin-left:-300%; }
input#a-5:checked ~ .slider .inset { margin-left:-400%; }
input#a-6:checked ~ .slider .inset { margin-left:-500%; }

span#a-1:focus ~ .slider .inset { margin-left: 0%;   }
span#a-2:focus ~ .slider .inset { margin-left:-100%; }
span#a-3:focus ~ .slider .inset { margin-left:-200%; }
span#a-4:focus ~ .slider .inset { margin-left:-300%; }
span#a-5:focus ~ .slider .inset { margin-left:-400%; }
span#a-6:focus ~ .slider .inset { margin-left:-500%; }

span#b-1:focus ~ .slider .inset { margin-left: 0%;   }
span#b-2:focus ~ .slider .inset { margin-left:-100%; }
span#b-3:focus ~ .slider .inset { margin-left:-200%; }
span#b-4:focus ~ .slider .inset { margin-left:-300%; }
span#b-5:focus ~ .slider .inset { margin-left:-400%; }
span#b-6:focus ~ .slider .inset { margin-left:-500%; }

#content-slider input:checked ~ .slider>.inset {
  -webkit-animation: none;
  -moz-animation: none;
  -ms-animation: none;
  -o-animation: none;
  animation: none;		   
}
#content-slider input:hover ~ .slider>.inset, 
#content-slider label:hover ~ .slider>.inset {
  -webkit-animation-play-state: paused;
  -moz-animation-play-state: paused;
  -ms-animation-play-state: paused;
  -o-animation-play-state: paused;
  animation-play-state: paused;
}
#content-slider input:hover ~ .slider>.inset, 
#content-slider label:hover ~ .slider>.inset {
  -webkit-animation-play-state: paused;
  -moz-animation-play-state: paused;
  -ms-animation-play-state: paused;
  -o-animation-play-state: paused;
  animation-play-state: paused;
}
#content-slider span:focus ~ .slider>.inset {
  -webkit-animation: none;
  -moz-animation: none;
  -ms-animation: none;
  -o-animation: none;
  animation: none;		   
}
#content-slider span:hover ~ .slider>.inset {
  -webkit-animation-play-state: paused;
  -moz-animation-play-state: paused;
  -ms-animation-play-state: paused;
  -o-animation-play-state: paused;
  animation-play-state: paused;
}
/* -------> Animation */

@keyframes slidy {/*celk.cas animace pro 1 obr 30 sec*/
  15% { margin-left:    0%; }/*1. obr. stoji 4.5 sec na miste, t.j. 15% z celk.casu 30 sec;*/
  18.3% { margin-left: -100%; }/*pak se 1 sec premistuje na pozici -100%, t.j. sirka obrazku, t.j. 3.3% z celk. casu*/
  33.3% { margin-left: -100%; }/*pak stoji 4.5 sec na pozici -100%, zobrazuje se obr.c.2*/
  36.6% { margin-left: -200%; }/*pak se 1 sec premistuje na pozici-200%, t.j. opet 3.3% z celk. casu*/
  51.6% { margin-left: -200%; }/*pak stoji 4.5 sec na pozici -200%, zobrazuje se obr.c.3*/
  54.9% { margin-left: -300%; }/*pak se 1 sec premistuje na pozici-300%, t.j. opet 3.3% z celk. casu*/
  69.9% { margin-left: -300%; }/*pak stoji 4.5 sec na pozici -300%, zobrazuje se obr.c.4*/
  73.2% { margin-left: -400%; }/*pak se 1 sec premistuje na pozici-400%, t.j. opet 3.3% z celk. casu*/  
  88.2% { margin-left: -400%; }/*pak stoji 4.5 sec na pozici -400%, zobrazuje se obr.c.5 - 1.CYKLUS*/  
  100% { margin-left: 0%; }/*pak se za zbytkovy cas do 30 sec premistuje na pozici 0%,*/
  /*106.3% { margin-left: -300%; }*//*pak stoji 4.5 sec na pozici -300%, zobrazuje se obr.c.4*/ 
  /*109.6% { margin-left: -200%; }*//*pak se 1 sec premistuje na pozici-200%, t.j. opet 3.3% z celk. casu*/
  /*124.6% { margin-left: -200%; }*//*pak stoji 4.5 sec na pozici -500%, zobrazuje se obr.c.3*/
  /*127.9% { margin-left: -100%; }*//*pak se 1 sec premistuje na pozici -100%, t.j. sirka obrazku, t.j. 3.3% z celk. casu*/  
}
/*@keyframes sl_c {celk.cas animace pro 1 obr 30 sec*/
  /*25% { margin-left:    0%; }*//*1. obr. stoji 4.5 sec na miste, t.j. 15% z celk.casu 30 sec;*/
  /*50% { margin-left: -100%; }*//*pak se 1 sec premistuje na pozici -100%, t.j. sirka obrazku, t.j. 3.3% z celk. casu*/
  /*75% { margin-left: -100%; }*//*pak stoji 4.5 sec na pozici -100%, zobrazuje se obr.c.2*/
  /*100% { margin-left: 0%; }*//*pak se 1 sec premistuje na pozici0%, t.j. opet 3.3% z celk. casu
}*/
@-webkit-keyframes slidy {/*celk.cas animace pro 1 obr 30 sec*/
  15% { margin-left:    0%; }/*1. obr. stoji 4.5 sec na miste, t.j. 15% z celk.casu 30 sec;*/
  18.3% { margin-left: -100%; }/*pak se 1 sec premistuje na pozici -100%, t.j. sirka obrazku, t.j. 3.3% z celk. casu*/
  33.3% { margin-left: -100%; }/*pak stoji 4.5 sec na pozici -100%, zobrazuje se obr.c.2*/
  36.6% { margin-left: -200%; }/*pak se 1 sec premistuje na pozici-200%, t.j. opet 3.3% z celk. casu*/
  51.6% { margin-left: -200%; }/*pak stoji 4.5 sec na pozici -200%, zobrazuje se obr.c.3*/
  54.9% { margin-left: -300%; }/*pak se 1 sec premistuje na pozici-300%, t.j. opet 3.3% z celk. casu*/
  69.9% { margin-left: -300%; }/*pak stoji 4.5 sec na pozici -300%, zobrazuje se obr.c.4*/
  73.2% { margin-left: -400%; }/*pak se 1 sec premistuje na pozici-400%, t.j. opet 3.3% z celk. casu*/  
  88.2% { margin-left: -400%; }/*pak stoji 4.5 sec na pozici -400%, zobrazuje se obr.c.5*/  
  91.3% { margin-left: -500%; }/*pak se 1 sec premistuje na pozici-500%, t.j. opet 3.3% z celk. casu*/
  100% { margin-left: -500%; }/*pak stoji 4.5 sec na pozici -500%, zobrazuje se obr.c.6*/
}
/*@-webkit-keyframes sl_c {celk.cas animace pro 1 obr 30 sec*/
  /*25% { margin-left:    0%; }*//*1. obr. stoji 4.5 sec na miste, t.j. 15% z celk.casu 30 sec;*/
  /*50% { margin-left: -100%; }*//*pak se 1 sec premistuje na pozici -100%, t.j. sirka obrazku, t.j. 3.3% z celk. casu*/
  /*75% { margin-left: -100%; }*//*pak stoji 4.5 sec na pozici -100%, zobrazuje se obr.c.2*/
  /*100% { margin-left: 0%; }*//*pak se 1 sec premistuje na pozici0%, t.j. opet 3.3% z celk. casu
}*/
@-moz-keyframes slidy {/*celk.cas animace pro 1 obr 30 sec*/
  15% { margin-left:    0%; }/*1. obr. stoji 4.5 sec na miste, t.j. 15% z celk.casu 30 sec;*/
  18.3% { margin-left: -100%; }/*pak se 1 sec premistuje na pozici -100%, t.j. sirka obrazku, t.j. 3.3% z celk. casu*/
  33.3% { margin-left: -100%; }/*pak stoji 4.5 sec na pozici -100%, zobrazuje se obr.c.2*/
  36.6% { margin-left: -200%; }/*pak se 1 sec premistuje na pozici-200%, t.j. opet 3.3% z celk. casu*/
  51.6% { margin-left: -200%; }/*pak stoji 4.5 sec na pozici -200%, zobrazuje se obr.c.3*/
  54.9% { margin-left: -300%; }/*pak se 1 sec premistuje na pozici-300%, t.j. opet 3.3% z celk. casu*/
  69.9% { margin-left: -300%; }/*pak stoji 4.5 sec na pozici -300%, zobrazuje se obr.c.4*/
  73.2% { margin-left: -400%; }/*pak se 1 sec premistuje na pozici-400%, t.j. opet 3.3% z celk. casu*/  
  88.2% { margin-left: -400%; }/*pak stoji 4.5 sec na pozici -400%, zobrazuje se obr.c.5*/  
  91.3% { margin-left: -500%; }/*pak se 1 sec premistuje na pozici-500%, t.j. opet 3.3% z celk. casu*/
  100% { margin-left: -500%; }/*pak stoji 4.5 sec na pozici -500%, zobrazuje se obr.c.6*/
}
@-o-keyframes slidy {/*celk.cas animace pro 1 obr 30 sec*/
  15% { margin-left:    0%; }/*1. obr. stoji 4.5 sec na miste, t.j. 15% z celk.casu 30 sec;*/
  18.3% { margin-left: -100%; }/*pak se 1 sec premistuje na pozici -100%, t.j. sirka obrazku, t.j. 3.3% z celk. casu*/
  33.3% { margin-left: -100%; }/*pak stoji 4.5 sec na pozici -100%, zobrazuje se obr.c.2*/
  36.6% { margin-left: -200%; }/*pak se 1 sec premistuje na pozici-200%, t.j. opet 3.3% z celk. casu*/
  51.6% { margin-left: -200%; }/*pak stoji 4.5 sec na pozici -200%, zobrazuje se obr.c.3*/
  54.9% { margin-left: -300%; }/*pak se 1 sec premistuje na pozici-300%, t.j. opet 3.3% z celk. casu*/
  69.9% { margin-left: -300%; }/*pak stoji 4.5 sec na pozici -300%, zobrazuje se obr.c.4*/
  73.2% { margin-left: -400%; }/*pak se 1 sec premistuje na pozici-400%, t.j. opet 3.3% z celk. casu*/  
  88.2% { margin-left: -400%; }/*pak stoji 4.5 sec na pozici -400%, zobrazuje se obr.c.5*/  
  91.3% { margin-left: -500%; }/*pak se 1 sec premistuje na pozici-500%, t.j. opet 3.3% z celk. casu*/
  100% { margin-left: -500%; }/*pak stoji 4.5 sec na pozici -500%, zobrazuje se obr.c.6*/
}

/***************************************************************************************************************/
/****************************** konec ******uvodni stranka - bez indexu   responzivni -320 *********************/
/***************************************************************************************************************/




/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
/*============================================== start =========INDEX 2 pro svatba_nabidka - 320 responzivni ====================================*/
/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/


#content-slider2 .wrap-slider2.full {
  width: 320px;
  max-width: 263px;
  text-align: center; 
  border: none;
}
#content-slider2 .slider2 {
  margin-top: 5%;
  /*position: absolute;*/
  overflow: hidden;
  width: 320px;
  margin: 0 auto;		
  position: relative;				
}
#content-slider2 img {
  max-width: 320px;
  width: auto\9;
  height: auto;
  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic;
}
#content-slider2 *:focus {
  outline: 0;
} 
#content-slider2 a:hover {
  color: #7FD4FD;
  text-decoration: underline;
}
#content-slider2 a:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
#content-slider2 a:hover,
#content-slider2 a:active {
  outline: 0;
}
#content-slider2 .wrap-slider2 {/*pohybuje se slidem */
  max-width: 320px;
  max-height: 263px;
  /*width: 100%;*/
  margin: 0px auto;
  margin-left: 0px;  
  margin-top: -105px;/*nový řádek*/
  position: relative;
  text-align: right;
}
#content-slider2 figure2 {
  margin: 0;
  padding: 0;
  /*width: 20%;pro 4 obr. bylo 25% a zobrazuji se po jednom; 10% zobrazuje po dvou*/
  width: 320px;;  
  height:auto;
  float: left;
  cursor: pointer;

  -webkit-transition: all 2s ease-in-out;
  -moz-transition: all 2s ease-in-out;
  -ms-transition: all 2s ease-in-out;
  -o-transition: all 2s ease-in-out;
  transition: all 2s ease-in-out; 
}
#content-slider2 figure2 img {
  /*width: 100%;*/
  width: 320px;
  height:auto; 
  float: left;  
  position: relative;
  /*margin-top:-40px;*//*novy radek*/
}
    
figure2 img:first-of-type {
    clip-path: polygon(0 0%, 100% 0, 100% 100%, 0 100%);
    border:0px solid red;
}
figure2 img:last-of-type {
    clip-path: polygon(0 0%, 100% 0%, 100% 100%, 0 100%);
}
    figure2:hover img:first-of-type {
        transform: translateX(0%);
    }
    figure2:hover img:last-of-type {
        transform: translateX(0%);
    }    

#b-1 { left: 0; }/*rozložení th*/
#b-2 { left: 25%; }
#b-3 { left: 50%; }
#b-4 { left: 75%; }


#content-slider2 input[type='radio'] {			
  /*width: 10px;
  height: 10px;
  display: none;
  position: relative;*/
  display: none;
}

#control2{					
  position: absolute;
  left: 3%;
  z-index: 5;			
  top: 55%;
  width: 95%;
}

#content-slider2 label.first{
  width: 9px;
  height: 9px;
  margin: 0 2px;
  text-align: center;
  display: inline-block;
  position: relative;
  z-index: 1000;
  cursor: pointer;
  border-radius: 100%;
  border: 2px solid #00ABFA;
  background: #00ABFA;

  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; 
}
#content-slider2 .inset2 {/*hlavni obrazky.*/
  width: 500%;			
  line-height: 0;

  -webkit-animation: 30s slidy infinite;/*zajistuje animace, nastaveni celkoveho casu animace - jednoho cyklu; pro 1 obr nastaveno 30 sec;*/
  -moz-animation: 45s slidy infinite;
  -ms-animation: 45s slidy infinite;
  -o-animation: 45s slidy infinite;
  animation: 30s slidy infinite;
  
  /*-webkit-animation: 15s sl_c infinite;zajistuje animace, nastaveni celkoveho casu animace - jednoho cyklu; pro 1 obr nastaveno 30 sec;
  -moz-animation: 15s sl_c infinite;
  -ms-animation: 15s sl_c infinite;
  -o-animation: 15s sl_c infinite;
  animation: 15s sl_c infinite;*/  

  -webkit-transition: all 2s ease-in-out;
  -moz-transition: all 2s ease-in-out;
  -ms-transition: all 2s ease-in-out;
  -o-transition: all 2s ease-in-out;
  transition: all 2s ease-in-out; 
}
}
/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
/*============================================== konec =========INDEX 2 pro svatba_nabidka - 320 responzivni ====================================*/
/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/



/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
/*============================================= start =============  uvodni pc - MEDIA 900 ==========================================================*/
/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/

@media screen and (min-width: 900px) {
.animPC {
    width:1210px; 
    height:auto; 
    margin-top:0px;
    padding-top:0px;    
    background-color: #414d48;
    display:block;
}
.animR {
    display:none;    
}
.slide {    
  width:1210px; 
  height:auto; 
  margin-top:75px;
  display:block;
    background-color: #414d48;  
}

/* ----> wrapper - obal okolo všech obr. vč. th. nastaveni sirky a vysky obrazku a jeho polohy*/
  #content-slider .wrap-slider {
  max-width: 1210px;
  min-height: auto;
  width: 100%;
  margin: 0px auto;
  margin-top: -58px;/*nový řádek*/
  position: relative;
  text-align: right;
}



#content-slider .wrap-slider.full {
  width: 100%;
  max-width: 1210px;
  text-align: center; 
  border: none;
}



/* --------> Link style */
#content-slider *:focus {
  outline: 0;
} 

#content-slider a:hover {
  color: #7FD4FD;
  text-decoration: underline;
}

#content-slider a:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

#content-slider a:hover,
#content-slider a:active {
  outline: 0;
}



/* -------> Responsive images (ensure images don't scale beyond their parents) */
#content-slider img {
  max-width: 100%;
  width: auto\9;
  height: auto;
  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic;
}

#content-slider2 img {
  max-width: 595px;
  width: auto\9;
  height: auto;
  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic;
}

/* -------> Main / hlavni obr.*/
#content-slider .slider {
  margin-top: 5%;
  /*position: absolute;*/
  overflow: hidden;
  width: 100%;
  margin: 0 auto;		
  position: relative;				
}


#content-slider .inset {/*hlavni obrazky.*/
  width: 500%;
  height:900px;
  background-color:#586560;
  line-height: 0;

  -webkit-animation: 30s slidy infinite;/*zajistuje animace, nastaveni celkoveho casu animace - jednoho cyklu; pro 1 obr nastaveno 30 sec;*/
  -moz-animation: 45s slidy infinite;
  -ms-animation: 45s slidy infinite;
  -o-animation: 45s slidy infinite;
  animation: 30s slidy infinite;
  
  /*-webkit-animation: 15s sl_c infinite;zajistuje animace, nastaveni celkoveho casu animace - jednoho cyklu; pro 1 obr nastaveno 30 sec;
  -moz-animation: 15s sl_c infinite;
  -ms-animation: 15s sl_c infinite;
  -o-animation: 15s sl_c infinite;
  animation: 15s sl_c infinite;*/  

  -webkit-transition: all 2s ease-in-out;
  -moz-transition: all 2s ease-in-out;
  -ms-transition: all 2s ease-in-out;
  -o-transition: all 2s ease-in-out;
  transition: all 2s ease-in-out; 
}
#content-slider h1.main-title {
  text-align: center;
  color: #00ABFA;
  font-weight: 200;
  font-size: 2rem;			
  line-height: 3rem;
  text-transform: uppercase;
  margin: 5px 0 0px 0;
}
#content-slider .slider [class*='title-'] {
  background: rgba(0, 0, 0, 0.3);/*puvodne 51*/
  padding: 1% 1%;
  display: inline-block;
  width: 40%;
  height: auto;
  position: absolute;
  z-index: 12;
  margin: 15px 0 0 15px;
  line-height: normal;
  overflow: hidden;
  text-align: left;

  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out; 
}
#content-slider .th>[class*='title-'] { /*pozicovani nadpisu u th vuci obrazku*/
  width: auto;
  height: auto;
  position: absolute;
  top: 0em;
  right: 0em;
  text-align: center;
  margin: 5px 0px 0px 0px;
  opacity: 1;
  line-height: normal;
  overflow: hidden;

  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
/* -------> Article *//*text nadpisu th*/
#content-slider .slider h1,
#content-slider .th h1 {
  color: #fffefe;
  /*color: red;*/  
  text-transform: uppercase;
  padding: 0;
  margin: 0;
  font-weight: normal;
}

#content-slider .slider p,/*p je u th zruseno*/
#content-slider .th p {
  color: #fffefe;
  text-transform: uppercase;
  padding-left: 5px;
  margin: 0;
}

#content-slider .slider a,
#content-slider .th a {
  font-weight: bold;
  color: #00ABFA;
  text-decoration: none;
  text-transform: uppercase;
}
/* -------> Article IMg Slider  - popis hlavniho obr.*/
#content-slider .slider h1 { font-size: 1.5rem; color:#fff; }

#content-slider .slider p {font-size: 1.2rem; color:#fff; }

#content-slider .slider a { font-size: 1rem; color:#fff; text-transform: none;}
/* -------> Article IMg Prev  - popis th obr. */
#content-slider .th h1 { font-size: .6rem; }

#content-slider .th p { font-size: .875rem; }

#content-slider .th a { font-size: .75rem; }

#content-slider .th div {
  position: relative;
  margin-top:10px;
  max-width: 100%;
  background-color:red; 
}
#content-slider .th img {
  position: relative;
  margin-top:10px;
  max-width: 100%;
  height: auto !important;

  -webkit-filter: brightness(50%);
  -moz-filter: brightness(50%);
  -ms-filter: brightness(50%);
  -o-filter: brightness(50%);
  filter: brightness(50%);

  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out; 
}

#content-slider .th:hover img {
  -webkit-filter: brightness(100%);
  -moz-filter: brightness(100%);
  -ms-filter: brightness(100%);
  -o-filter: brightness(100%);
  filter: brightness(100%);
}
/* -------> Main Img */
#content-slider figure {
  margin: 0;
  padding: 0;
  /*width: 20%;pro 4 obr. bylo 25% a zobrazuji se po jednom; 10% zobrazuje po dvou*/
  width: 1210px;  
  height:auto;
  float: left;
  cursor: pointer;

  -webkit-transition: all 2s ease-in-out;
  -moz-transition: all 2s ease-in-out;
  -ms-transition: all 2s ease-in-out;
  -o-transition: all 2s ease-in-out;
  transition: all 2s ease-in-out; 
}
#content-slider figure img {
  /*width: 100%;*/
  width: 1210px;
  height:auto;  
  position: relative;
  /*margin-top:-40px;*//*novy radek*/
}



#content-slider #main {/*puntíky - pas se znackami upraveno*/
  padding: 1% 0;
  width: 1210px;
  height:35px;
  margin-left:-280px;
  margin-top: 730px;
  bottom: 0;
  z-index: 10;
  position: absolute;
  text-align: center;
  background: rgba(0, 0, 0, 0.71);
}

#content-slider #main {/*puntíky - pas se znackami upraveno*/
  display: none;
}

#content-slider input[type='radio'] {			
  width: 10px;
  height: 10px;
  display: none;
  position: relative;
  /*display: none;*/
}

#content-slider #control{					
  position: absolute;
  left: 3%;
  z-index: 15;			
  top: 0%;
  width: 95%;
  /*margin-top: 10%;*/

  /*display: none;*/
  height: 50px;
  top:50%;
  margin-top: -25px;
}
/* -------> Controls */	
#main>label:hover { width: 9px; height: 9px; background: #FFF; border: 1px solid #00ABFA; }	

input#a-1:checked ~ .slider .inset { margin-left: 0%;   }
input#a-2:checked ~ .slider .inset { margin-left:-100%; }
input#a-3:checked ~ .slider .inset { margin-left:-200%; }
input#a-4:checked ~ .slider .inset { margin-left:-300%; }
input#a-5:checked ~ .slider .inset { margin-left:-400%; }
input#a-6:checked ~ .slider .inset { margin-left:-500%; }

span#a-1:focus ~ .slider .inset { margin-left: 0%;   }
span#a-2:focus ~ .slider .inset { margin-left:-100%; }
span#a-3:focus ~ .slider .inset { margin-left:-200%; }
span#a-4:focus ~ .slider .inset { margin-left:-300%; }
span#a-5:focus ~ .slider .inset { margin-left:-400%; }
span#a-6:focus ~ .slider .inset { margin-left:-500%; }

span#b-1:focus ~ .slider .inset { margin-left: 0%;   }
span#b-2:focus ~ .slider .inset { margin-left:-100%; }
span#b-3:focus ~ .slider .inset { margin-left:-200%; }
span#b-4:focus ~ .slider .inset { margin-left:-300%; }
span#b-5:focus ~ .slider .inset { margin-left:-400%; }
span#b-6:focus ~ .slider .inset { margin-left:-500%; }

#content-slider input:checked ~ .slider>.inset {
  -webkit-animation: none;
  -moz-animation: none;
  -ms-animation: none;
  -o-animation: none;
  animation: none;		   
}
#content-slider input:hover ~ .slider>.inset, 
#content-slider label:hover ~ .slider>.inset {
  -webkit-animation-play-state: paused;
  -moz-animation-play-state: paused;
  -ms-animation-play-state: paused;
  -o-animation-play-state: paused;
  animation-play-state: paused;
}
#content-slider input:hover ~ .slider>.inset, 
#content-slider label:hover ~ .slider>.inset {
  -webkit-animation-play-state: paused;
  -moz-animation-play-state: paused;
  -ms-animation-play-state: paused;
  -o-animation-play-state: paused;
  animation-play-state: paused;
}
#content-slider span:focus ~ .slider>.inset {
  -webkit-animation: none;
  -moz-animation: none;
  -ms-animation: none;
  -o-animation: none;
  animation: none;		   
}
#content-slider span:hover ~ .slider>.inset {
  -webkit-animation-play-state: paused;
  -moz-animation-play-state: paused;
  -ms-animation-play-state: paused;
  -o-animation-play-state: paused;
  animation-play-state: paused;
}
/* -------> Animation */

@keyframes slidy {/*celk.cas animace pro 1 obr 30 sec*/
  15% { margin-left:    0%; }/*1. obr. stoji 4.5 sec na miste, t.j. 15% z celk.casu 30 sec;*/
  18.3% { margin-left: -100%; }/*pak se 1 sec premistuje na pozici -100%, t.j. sirka obrazku, t.j. 3.3% z celk. casu*/
  33.3% { margin-left: -100%; }/*pak stoji 4.5 sec na pozici -100%, zobrazuje se obr.c.2*/
  36.6% { margin-left: -200%; }/*pak se 1 sec premistuje na pozici-200%, t.j. opet 3.3% z celk. casu*/
  51.6% { margin-left: -200%; }/*pak stoji 4.5 sec na pozici -200%, zobrazuje se obr.c.3*/
  54.9% { margin-left: -300%; }/*pak se 1 sec premistuje na pozici-300%, t.j. opet 3.3% z celk. casu*/
  69.9% { margin-left: -300%; }/*pak stoji 4.5 sec na pozici -300%, zobrazuje se obr.c.4*/
  73.2% { margin-left: -400%; }/*pak se 1 sec premistuje na pozici-400%, t.j. opet 3.3% z celk. casu*/  
  88.2% { margin-left: -400%; }/*pak stoji 4.5 sec na pozici -400%, zobrazuje se obr.c.5 - 1.CYKLUS*/  
  100% { margin-left: 0%; }/*pak se za zbytkovy cas do 30 sec premistuje na pozici 0%,*/
  /*106.3% { margin-left: -300%; }*//*pak stoji 4.5 sec na pozici -300%, zobrazuje se obr.c.4*/ 
  /*109.6% { margin-left: -200%; }*//*pak se 1 sec premistuje na pozici-200%, t.j. opet 3.3% z celk. casu*/
  /*124.6% { margin-left: -200%; }*//*pak stoji 4.5 sec na pozici -500%, zobrazuje se obr.c.3*/
  /*127.9% { margin-left: -100%; }*//*pak se 1 sec premistuje na pozici -100%, t.j. sirka obrazku, t.j. 3.3% z celk. casu*/  
}
/*@keyframes sl_c {celk.cas animace pro 1 obr 30 sec*/
  /*25% { margin-left:    0%; }*//*1. obr. stoji 4.5 sec na miste, t.j. 15% z celk.casu 30 sec;*/
  /*50% { margin-left: -100%; }*//*pak se 1 sec premistuje na pozici -100%, t.j. sirka obrazku, t.j. 3.3% z celk. casu*/
  /*75% { margin-left: -100%; }*//*pak stoji 4.5 sec na pozici -100%, zobrazuje se obr.c.2*/
  /*100% { margin-left: 0%; }*//*pak se 1 sec premistuje na pozici0%, t.j. opet 3.3% z celk. casu
}*/
@-webkit-keyframes slidy {/*celk.cas animace pro 1 obr 30 sec*/
  15% { margin-left:    0%; }/*1. obr. stoji 4.5 sec na miste, t.j. 15% z celk.casu 30 sec;*/
  18.3% { margin-left: -100%; }/*pak se 1 sec premistuje na pozici -100%, t.j. sirka obrazku, t.j. 3.3% z celk. casu*/
  33.3% { margin-left: -100%; }/*pak stoji 4.5 sec na pozici -100%, zobrazuje se obr.c.2*/
  36.6% { margin-left: -200%; }/*pak se 1 sec premistuje na pozici-200%, t.j. opet 3.3% z celk. casu*/
  51.6% { margin-left: -200%; }/*pak stoji 4.5 sec na pozici -200%, zobrazuje se obr.c.3*/
  54.9% { margin-left: -300%; }/*pak se 1 sec premistuje na pozici-300%, t.j. opet 3.3% z celk. casu*/
  69.9% { margin-left: -300%; }/*pak stoji 4.5 sec na pozici -300%, zobrazuje se obr.c.4*/
  73.2% { margin-left: -400%; }/*pak se 1 sec premistuje na pozici-400%, t.j. opet 3.3% z celk. casu*/  
  88.2% { margin-left: -400%; }/*pak stoji 4.5 sec na pozici -400%, zobrazuje se obr.c.5*/  
  91.3% { margin-left: -500%; }/*pak se 1 sec premistuje na pozici-500%, t.j. opet 3.3% z celk. casu*/
  100% { margin-left: -500%; }/*pak stoji 4.5 sec na pozici -500%, zobrazuje se obr.c.6*/
}
/*@-webkit-keyframes sl_c {celk.cas animace pro 1 obr 30 sec*/
  /*25% { margin-left:    0%; }*//*1. obr. stoji 4.5 sec na miste, t.j. 15% z celk.casu 30 sec;*/
  /*50% { margin-left: -100%; }*//*pak se 1 sec premistuje na pozici -100%, t.j. sirka obrazku, t.j. 3.3% z celk. casu*/
  /*75% { margin-left: -100%; }*//*pak stoji 4.5 sec na pozici -100%, zobrazuje se obr.c.2*/
  /*100% { margin-left: 0%; }*//*pak se 1 sec premistuje na pozici0%, t.j. opet 3.3% z celk. casu
}*/
@-moz-keyframes slidy {/*celk.cas animace pro 1 obr 30 sec*/
  15% { margin-left:    0%; }/*1. obr. stoji 4.5 sec na miste, t.j. 15% z celk.casu 30 sec;*/
  18.3% { margin-left: -100%; }/*pak se 1 sec premistuje na pozici -100%, t.j. sirka obrazku, t.j. 3.3% z celk. casu*/
  33.3% { margin-left: -100%; }/*pak stoji 4.5 sec na pozici -100%, zobrazuje se obr.c.2*/
  36.6% { margin-left: -200%; }/*pak se 1 sec premistuje na pozici-200%, t.j. opet 3.3% z celk. casu*/
  51.6% { margin-left: -200%; }/*pak stoji 4.5 sec na pozici -200%, zobrazuje se obr.c.3*/
  54.9% { margin-left: -300%; }/*pak se 1 sec premistuje na pozici-300%, t.j. opet 3.3% z celk. casu*/
  69.9% { margin-left: -300%; }/*pak stoji 4.5 sec na pozici -300%, zobrazuje se obr.c.4*/
  73.2% { margin-left: -400%; }/*pak se 1 sec premistuje na pozici-400%, t.j. opet 3.3% z celk. casu*/  
  88.2% { margin-left: -400%; }/*pak stoji 4.5 sec na pozici -400%, zobrazuje se obr.c.5*/  
  91.3% { margin-left: -500%; }/*pak se 1 sec premistuje na pozici-500%, t.j. opet 3.3% z celk. casu*/
  100% { margin-left: -500%; }/*pak stoji 4.5 sec na pozici -500%, zobrazuje se obr.c.6*/
}
@-o-keyframes slidy {/*celk.cas animace pro 1 obr 30 sec*/
  15% { margin-left:    0%; }/*1. obr. stoji 4.5 sec na miste, t.j. 15% z celk.casu 30 sec;*/
  18.3% { margin-left: -100%; }/*pak se 1 sec premistuje na pozici -100%, t.j. sirka obrazku, t.j. 3.3% z celk. casu*/
  33.3% { margin-left: -100%; }/*pak stoji 4.5 sec na pozici -100%, zobrazuje se obr.c.2*/
  36.6% { margin-left: -200%; }/*pak se 1 sec premistuje na pozici-200%, t.j. opet 3.3% z celk. casu*/
  51.6% { margin-left: -200%; }/*pak stoji 4.5 sec na pozici -200%, zobrazuje se obr.c.3*/
  54.9% { margin-left: -300%; }/*pak se 1 sec premistuje na pozici-300%, t.j. opet 3.3% z celk. casu*/
  69.9% { margin-left: -300%; }/*pak stoji 4.5 sec na pozici -300%, zobrazuje se obr.c.4*/
  73.2% { margin-left: -400%; }/*pak se 1 sec premistuje na pozici-400%, t.j. opet 3.3% z celk. casu*/  
  88.2% { margin-left: -400%; }/*pak stoji 4.5 sec na pozici -400%, zobrazuje se obr.c.5*/  
  91.3% { margin-left: -500%; }/*pak se 1 sec premistuje na pozici-500%, t.j. opet 3.3% z celk. casu*/
  100% { margin-left: -500%; }/*pak stoji 4.5 sec na pozici -500%, zobrazuje se obr.c.6*/
}

/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
/*============================================= konec =============  uvodni pc - MEDIA 900 ==========================================================*/
/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/




/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
/*=========================================== start ========= MEDIA INDEX 2 pro svatba_nabidka -  900 pc ===========================================*/
/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
#content-slider2 .inset2 {/*hlavni obrazky.*/
  width: 595px;			
  line-height: 0;

  -webkit-animation: 30s slidy infinite;/*zajistuje animace, nastaveni celkoveho casu animace - jednoho cyklu; pro 1 obr nastaveno 30 sec;*/
  -moz-animation: 45s slidy infinite;
  -ms-animation: 45s slidy infinite;
  -o-animation: 45s slidy infinite;
  animation: 30s slidy infinite;
  
  /*-webkit-animation: 15s sl_c infinite;zajistuje animace, nastaveni celkoveho casu animace - jednoho cyklu; pro 1 obr nastaveno 30 sec;
  -moz-animation: 15s sl_c infinite;
  -ms-animation: 15s sl_c infinite;
  -o-animation: 15s sl_c infinite;
  animation: 15s sl_c infinite;*/  

  -webkit-transition: all 2s ease-in-out;
  -moz-transition: all 2s ease-in-out;
  -ms-transition: all 2s ease-in-out;
  -o-transition: all 2s ease-in-out;
  transition: all 2s ease-in-out; 
}
#content-slider2 .slider2 [class*='title-'] {
  background: rgba(0, 0, 0, 0.3);/*puvodne 51*/
  padding: 1% 1%;
  display: inline-block;
  width: 40%;
  height: auto;
  position: absolute;
  z-index: 12;
  margin: 15px 0 0 15px;
  line-height: normal;
  overflow: hidden;
  text-align: left;

  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out; 
}
#content-slider2 .slider2 {
  margin-top: 5%;
  /*position: absolute;*/
  overflow: hidden;
  width: 595px;
  margin: 0 auto;		
  position: relative;				
}
#content-slider2 .wrap-slider2 {/*pohybuje se slidem */
  max-width: 595px;
  max-height: 396px;
  /*width: 100%;*/
  margin: 0px auto;
  margin-left: 0px;  
  margin-top: -105px;/*nový řádek*/
  position: relative;
  text-align: right;
}
#content-slider2 .wrap-slider2.full {
  width: 595px;
  max-width: 595px;
  text-align: center; 
  border: none;
}
#content-slider2 *:focus {
  outline: 0;
} 

#content-slider2 a:hover {
  color: #7FD4FD;
  text-decoration: underline;
}

#content-slider2 a:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

#content-slider2 a:hover,
#content-slider2 a:active {
  outline: 0;
}

#content-slider2 h1.main-title {
  text-align: center;
  color: #00ABFA;
  font-weight: 200;
  font-size: 2rem;			
  line-height: 3rem;
  text-transform: uppercase;
  margin: 5px 0 0px 0;
}


#content-slider2 .th>[class*='title-'] {
  width: auto;
  height: auto;
  position: absolute;
  top: 0em;
  right: 0em;
  text-align: right;
  margin: 5px 10px 0 0;
  opacity: 1;
  line-height: normal;
  overflow: hidden;

  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

#content-slider2 .slider2 h1,
#content-slider2 .th h1 {
  color: #fffefe;
  text-transform: uppercase;
  padding: 0;
  margin: 0;
  font-weight: bold;
}

#content-slider2 .slider2 p,
#content-slider2 .th p {
  color: #fffefe;
  text-transform: uppercase;
  padding-left: 20px;
  margin: 0;
}

#content-slider2 .slider2 a,
#content-slider2 .th a {
  font-weight: bold;
  color: #00ABFA;
  text-decoration: none;
  text-transform: uppercase;
}

/* -------> Article IMg Slider  - popis hlavniho obr.*/
#content-slider2 .slider2 h1 { font-size: 1.5rem; color:#fff; }

#content-slider2 .slider2 p {font-size: 1.2rem; color:#fff; }

#content-slider2 .slider2 a { font-size: 1rem; color:#fff; text-transform: none;}

/* -------> Article IMg Prev  - popis th obr. */
#content-slider2 .th h1 { font-size: 1rem; }

#content-slider2 .th p { font-size: .875rem; }

#content-slider2 .th a { font-size: .75rem; }

#content-slider2 .th img {
  position: relative;
  max-width: 100%;
  height: auto !important;
  -webkit-filter: brightness(50%);
  -moz-filter: brightness(50%);
  -ms-filter: brightness(50%);
  -o-filter: brightness(50%);
  filter: brightness(50%);

  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out; 
}

#content-slider2 .th:hover img {
  -webkit-filter: brightness(100%);
  -moz-filter: brightness(100%);
  -ms-filter: brightness(100%);
  -o-filter: brightness(100%);
  filter: brightness(100%);
}

#content-slider2 figure2 {
  margin: 0;
  padding: 0;
  /*width: 20%;pro 4 obr. bylo 25% a zobrazuji se po jednom; 10% zobrazuje po dvou*/
  width: 595px;;  
  height:auto;
  float: left;
  cursor: pointer;

  -webkit-transition: all 2s ease-in-out;
  -moz-transition: all 2s ease-in-out;
  -ms-transition: all 2s ease-in-out;
  -o-transition: all 2s ease-in-out;
  transition: all 2s ease-in-out; 
}

#content-slider2 figure2 img {
  /*width: 100%;*/
  width: 595px;
  height:auto; 
  float: left;  
  position: relative;
  /*margin-top:-40px;*//*novy radek*/
}

/* -------> Max contrloS img preview - spodní th. pod hlavním obr. */	
#content-slider span.th {
  width: 10%;/*šířka th-náhledu pod hlavním obr.*/
  margin: 35% 0% 0 0%;
  margin-left:0px;
  margin-top:800px;
  float: left;
  text-align: center;
  display: inline-block;
  position: absolute;
  z-index: 10;
  cursor: pointer;
}

figure img:first-of-type {
    clip-path: polygon(0 0%, 100% 0, 100% 100%, 0 100%);
    border:0px solid red;
}
figure img:last-of-type {
    clip-path: polygon(0 0%, 100% 0%, 100% 100%, 0 100%);
}
    figure:hover img:first-of-type {
        transform: translateX(0%);
    }
    figure:hover img:last-of-type {
        transform: translateX(0%);
    }
    
figure2 img:first-of-type {
    clip-path: polygon(0 0%, 100% 0, 100% 100%, 0 100%);
    border:0px solid red;
}
figure2 img:last-of-type {
    clip-path: polygon(0 0%, 100% 0%, 100% 100%, 0 100%);
}
    figure2:hover img:first-of-type {
        transform: translateX(0%);
    }
    figure2:hover img:last-of-type {
        transform: translateX(0%);
    }    

#b-1 { left: 0; }/*rozložení th*/
#b-2 { left: 25%; }
#b-3 { left: 50%; }
#b-4 { left: 75%; }

#content-slider input[type='radio'] {			
  width: 10px;
  height: 10px;
  display: none;
  position: relative;
  display: none;
}

#content-slider2 input[type='radio'] {			
  /*width: 10px;
  height: 10px;
  display: none;
  position: relative;*/
  display: none;
}

#control{					
  position: absolute;
  left: 3%;
  z-index: 5;			
  top: 55%;
  width: 95%;
}

#control2{					
  position: absolute;
  left: 3%;
  z-index: 5;			
  top: 55%;
  width: 95%;
}

#content-slider label.first{
  width: 9px;
  height: 9px;
  margin: 0 2px;
  text-align: center;
  display: inline-block;
  position: relative;
  z-index: 1000;
  cursor: pointer;
  border-radius: 100%;
  border: 2px solid #00ABFA;
  background: #00ABFA;

  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; 
}

#content-slider2 label.first{
  width: 9px;
  height: 9px;
  margin: 0 2px;
  text-align: center;
  display: inline-block;
  position: relative;
  z-index: 1000;
  cursor: pointer;
  border-radius: 100%;
  border: 2px solid #00ABFA;
  background: #00ABFA;

  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; 
}

#content-slider2 #main {/*puntíky - pas se znackami upraveno*/
  padding: 1% 0;
  width: 1210px;
  height:35px;
  margin-left:-280px;
  margin-top: 730px;
  bottom: 0;
  z-index: 10;
  position: absolute;
  text-align: center;
  background: rgba(0, 0, 0, 0.71);
}

#content-slider2 #main {/*puntíky - pas se znackami upraveno*/
  display: none;
}

#content-slider2 input[type='radio'] {			
  width: 10px;
  height: 10px;
  display: none;
  position: relative;
  /*display: none;*/
}

#content-slider2 #control2{					
  position: absolute;
  left: 3%;
  z-index: 15;			
  top: 0%;
  width: 95%;
  /*margin-top: 10%;*/

  /*display: none;*/
  height: 50px;
  top:50%;
  margin-top: -25px;
}

/* -------> Controls */	
#main>label:hover { width: 9px; height: 9px; background: #FFF; border: 1px solid #00ABFA; }	

input#a-1:checked ~ .slider2 .inset2 { margin-left: 0%;   }
input#a-2:checked ~ .slider2 .inset2 { margin-left:-100%; }
input#a-3:checked ~ .slider2 .inset2 { margin-left:-200%; }
input#a-4:checked ~ .slider2 .inset2 { margin-left:-300%; }
input#a-5:checked ~ .slider2 .inset2 { margin-left:-400%; }
input#a-6:checked ~ .slider2 .inset2 { margin-left:-500%; }

/*
input#a-1:checked ~ #main>label:nth-child(1) { opacity: 1; background: #fff; }
input#a-2:checked ~ #main>label:nth-child(2) { opacity: 1; background: #fff; }
input#a-3:checked ~ #main>label:nth-child(3) { opacity: 1; background: #fff; }
input#a-4:checked ~ #main>label:nth-child(4) { opacity: 1; background: #fff; }
input#a-5:checked ~ #main>label:nth-child(5) { opacity: 1; background: #fff; }
input#a-6:checked ~ #main>label:nth-child(6) { opacity: 1; background: #fff; }


input#a-1:checked ~ #control>label:nth-child(2),
input#a-2:checked ~ #control>label:nth-child(3),
input#a-3:checked ~ #control>label:nth-child(4),
input#a-4:checked ~ #control>label:nth-child(1),
input#a-5:checked ~ #control>label:nth-child(1),
input#a-1:checked ~ #control>label:nth-child(4),
input#a-2:checked ~ #control>label:nth-child(1),
input#a-3:checked ~ #control>label:nth-child(2),
input#a-4:checked ~ #control>label:nth-child(3) {
  width: 50px;
  height: 50px;
  top: 50%;
  margin-top: -25px;
  display: inline-block;
  position: relative;			
  cursor: pointer;
}

input#a-1:checked ~ #control>label:nth-child(2):after,
input#a-2:checked ~ #control>label:nth-child(3):after,
input#a-3:checked ~ #control>label:nth-child(4):after,
input#a-4:checked ~ #control>label:nth-child(1):after,
input#a-5:checked ~ #control>label:nth-child(1):after,
input#a-1:checked ~ #control>label:nth-child(4):after,
input#a-2:checked ~ #control>label:nth-child(1):after,
input#a-3:checked ~ #control>label:nth-child(2):after,
input#a-4:checked ~ #control>label:nth-child(3):after {
  font-family: FontAwesome;
  font-size: 7rem;
  line-height: 7rem;
  color:#00ABFA;
  position: absolute;
  top:0;
  left: 0;
}

input#a-1:checked ~ #control>label:nth-child(2),  
input#a-2:checked ~ #control>label:nth-child(3), 
input#a-3:checked ~ #control>label:nth-child(4), 
input#a-4:checked ~ #control>label:nth-child(1) {		
  float: right;
  right: 0.3%;						
}

input#a-1:checked ~ #control>label:nth-child(2):after,  
input#a-2:checked ~ #control>label:nth-child(3):after, 
input#a-3:checked ~ #control>label:nth-child(4):after, 
input#a-4:checked ~ #control>label:nth-child(1):after {						
  content: "\f105";						
}

input#a-1:checked ~ #control>label:nth-child(4),
input#a-2:checked ~ #control>label:nth-child(1),
input#a-3:checked ~ #control>label:nth-child(2),
input#a-4:checked ~ #control>label:nth-child(3) {	
  float: left;
  left: 0.3%;			
}

input#a-1:checked ~ #control>label:nth-child(4):after,
input#a-2:checked ~ #control>label:nth-child(1):after,
input#a-3:checked ~ #control>label:nth-child(2):after,
input#a-4:checked ~ #control>label:nth-child(3):after {
  content: "\f104";
}*/


span#a-1:focus ~ .slider2 .inset2 { margin-left: 0%;   }
span#a-2:focus ~ .slider2 .inset2 { margin-left:-100%; }
span#a-3:focus ~ .slider2 .inset2 { margin-left:-200%; }
span#a-4:focus ~ .slider2 .inset2 { margin-left:-300%; }
span#a-5:focus ~ .slider2 .inset2 { margin-left:-400%; }
span#a-6:focus ~ .slider2 .inset2 { margin-left:-500%; }

span#b-1:focus ~ .slider2 .inset2 { margin-left: 0%;   }
span#b-2:focus ~ .slider2 .inset2 { margin-left:-100%; }
span#b-3:focus ~ .slider2 .inset2 { margin-left:-200%; }
span#b-4:focus ~ .slider2 .inset2 { margin-left:-300%; }
span#b-5:focus ~ .slider2 .inset2 { margin-left:-400%; }
span#b-6:focus ~ .slider2 .inse2t { margin-left:-500%; }

#content-slider2 input:checked ~ .slider2>.inset2 {
  -webkit-animation: none;
  -moz-animation: none;
  -ms-animation: none;
  -o-animation: none;
  animation: none;		   
}
#content-slider2 input:hover ~ .slider2>.inset2, 
#content-slider2 label:hover ~ .slider2>.inset2 {
  -webkit-animation-play-state: paused;
  -moz-animation-play-state: paused;
  -ms-animation-play-state: paused;
  -o-animation-play-state: paused;
  animation-play-state: paused;
}
#content-slider2 input:hover ~ .slider2>.inset2, 
#content-slider2 label:hover ~ .slider2>.inset2 {
  -webkit-animation-play-state: paused;
  -moz-animation-play-state: paused;
  -ms-animation-play-state: paused;
  -o-animation-play-state: paused;
  animation-play-state: paused;
}
#content-slider2 span:focus ~ .slider2>.inset2 {
  -webkit-animation: none;
  -moz-animation: none;
  -ms-animation: none;
  -o-animation: none;
  animation: none;		   
}
#content-slider2 span:hover ~ .slider2>.inset2 {
  -webkit-animation-play-state: paused;
  -moz-animation-play-state: paused;
  -ms-animation-play-state: paused;
  -o-animation-play-state: paused;
  animation-play-state: paused;
}

/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
/*=========================================== konec ========= MEDIA INDEX 2 pro svatba_nabidka -  900 pc ===========================================*/
/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/

/***************************************************************************************************************/
/******************************************nabidky svatby - s indexem 2*****************************************/
/***************************************************************************************************************/

.animPC2 {
    width:595px; 
    height:auto; 
    margin-top:0px;
    padding-top:0px;    
    background-color: #414d48;
    display:block;
}
#content-slider2 .inset2 {/*hlavni obrazky.*/
  width: 500%;			
  line-height: 0;

  -webkit-animation: 30s slidy infinite;/*zajistuje animace, nastaveni celkoveho casu animace - jednoho cyklu; pro 1 obr nastaveno 30 sec;*/
  -moz-animation: 45s slidy infinite;
  -ms-animation: 45s slidy infinite;
  -o-animation: 45s slidy infinite;
  animation: 30s slidy infinite;
  
  /*-webkit-animation: 15s sl_c infinite;zajistuje animace, nastaveni celkoveho casu animace - jednoho cyklu; pro 1 obr nastaveno 30 sec;
  -moz-animation: 15s sl_c infinite;
  -ms-animation: 15s sl_c infinite;
  -o-animation: 15s sl_c infinite;
  animation: 15s sl_c infinite;*/  

  -webkit-transition: all 2s ease-in-out;
  -moz-transition: all 2s ease-in-out;
  -ms-transition: all 2s ease-in-out;
  -o-transition: all 2s ease-in-out;
  transition: all 2s ease-in-out; 
}

#content-slider2 h1.main-title {
  text-align: center;
  color: #00ABFA;
  font-weight: 200;
  font-size: 2rem;			
  line-height: 3rem;
  text-transform: uppercase;
  margin: 5px 0 0px 0;
}

#content-slider2 .slider2 [class*='title-'] {
  background: rgba(0, 0, 0, 0.3);/*puvodne 51*/
  padding: 1% 1%;
  display: inline-block;
  width: 40%;
  height: auto;
  position: absolute;
  z-index: 12;
  margin: 15px 0 0 15px;
  line-height: normal;
  overflow: hidden;
  text-align: left;

  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out; 
}

#content-slider2 .th>[class*='title-'] {
  width: auto;
  height: auto;
  position: absolute;
  top: 0em;
  right: 0em;
  text-align: right;
  margin: 5px 10px 0 0;
  opacity: 1;
  line-height: normal;
  overflow: hidden;

  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

/* -------> Article */

#content-slider2 .slider2 h1,
#content-slider2 .th h1 {
  color: #fffefe;
  text-transform: uppercase;
  padding: 0;
  margin: 0;
  font-weight: bold;
}

#content-slider2 .slider2 p,
#content-slider2 .th p {
  color: #fffefe;
  text-transform: uppercase;
  padding-left: 20px;
  margin: 0;
}

#content-slider2 .slider2 a,
#content-slider2 .th a {
  font-weight: bold;
  color: #00ABFA;
  text-decoration: none;
  text-transform: uppercase;
}

/* -------> Article IMg Slider  - popis hlavniho obr.*/
#content-slider2 .slider2 h1 { font-size: 1.5rem; color:#fff; }

#content-slider2 .slider2 p {font-size: 1.2rem; color:#fff; }

#content-slider2 .slider2 a { font-size: 1rem; color:#fff; text-transform: none;}

/* -------> Article IMg Prev  - popis th obr. */
#content-slider2 .th h1 { font-size: 1rem; }

#content-slider2 .th p { font-size: .875rem; }

#content-slider2 .th a { font-size: .75rem; }

/*#content-slider .th img {
  position: relative;
  max-width: 100%;
  height: auto !important;
  -webkit-filter: brightness(50%);
  -moz-filter: brightness(50%);
  -ms-filter: brightness(50%);
  -o-filter: brightness(50%);
  filter: brightness(50%);

  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out; 
}

#content-slider .th:hover img {
  -webkit-filter: brightness(100%);
  -moz-filter: brightness(100%);
  -ms-filter: brightness(100%);
  -o-filter: brightness(100%);
  filter: brightness(100%);
}*/


/* -------> Main Img */
#content-slider2 figure2 {
  margin: 0;
  padding: 0;
  /*width: 20%;pro 4 obr. bylo 25% a zobrazuji se po jednom; 10% zobrazuje po dvou*/
  width: 595px;;  
  height:auto;
  float: left;
  cursor: pointer;

  -webkit-transition: all 2s ease-in-out;
  -moz-transition: all 2s ease-in-out;
  -ms-transition: all 2s ease-in-out;
  -o-transition: all 2s ease-in-out;
  transition: all 2s ease-in-out; 
}

#content-slider2 figure2 img {
  /*width: 100%;*/
  width: 595px;
  height:auto; 
  float: left;  
  position: relative;
  /*margin-top:-40px;*//*novy radek*/
}

/* -------> Max contrloS img preview - spodní th. pod hlavním obr. */	
/*#content-slider span.th {
  width: 10%;
  margin: 35% 0% 0 0%;
  margin-left:0px;
  margin-top:800px;
  float: left;
  text-align: center;
  display: inline-block;
  position: absolute;
  z-index: 10;
  cursor: pointer;
}*/

figure2 img:first-of-type {
    clip-path: polygon(0 0%, 100% 0, 100% 100%, 0 100%);
    border:0px solid red;
}
figure2 img:last-of-type {
    clip-path: polygon(0 0%, 100% 0%, 100% 100%, 0 100%);
}
    figure2:hover img:first-of-type {
        transform: translateX(0%);
    }
    figure2:hover img:last-of-type {
        transform: translateX(0%);
    }    

#b-1 { left: 25%; }/*rozložení th*/
#b-2 { left: 35.5%; }
#b-3 { left: 46%; }
#b-4 { left: 56.5%; }
#b-5 { left: 67%; }
#content-slider2 input[type='radio'] {			
  /*width: 10px;
  height: 10px;
  display: none;
  position: relative;*/
  display: none;
}

#control2{					
  position: absolute;
  left: 3%;
  z-index: 5;			
  top: 55%;
  width: 95%;
}

#content-slider2 label.first{
  width: 9px;
  height: 9px;
  margin: 0 2px;
  text-align: center;
  display: inline-block;
  position: relative;
  z-index: 1000;
  cursor: pointer;
  border-radius: 100%;
  border: 2px solid #00ABFA;
  background: #00ABFA;

  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; 
}

/*#content-slider #main {puntíky - pas se znackami upraveno
  padding: 1% 0;
  width: 1210px;
  height:35px;
  margin-left:-280px;
  margin-top: 730px;
  bottom: 0;
  z-index: 10;
  position: absolute;
  text-align: center;
  background: rgba(0, 0, 0, 0.71);
}*/

#content-slider2 #main {/*puntíky - pas se znackami upraveno*/
  display: none;
}

/*#content-slider input[type='radio'] {			
  width: 10px;
  height: 10px;
  display: none;
  position: relative;
}*/

#content-slider2 #control2{					
  position: absolute;
  left: 3%;
  z-index: 15;			
  top: 0%;
  width: 95%;
  /*margin-top: 10%;*/

  /*display: none;*/
  height: 50px;
  top:50%;
  margin-top: -25px;
}

/* -------> Controls */	
#main>label:hover { width: 9px; height: 9px; background: #FFF; border: 1px solid #00ABFA; }	

input#a-1:checked ~ .slider2 .inset2 { margin-left: 0%;   }
input#a-2:checked ~ .slider2 .inset2 { margin-left:-100%; }
input#a-3:checked ~ .slider2 .inset2 { margin-left:-200%; }
input#a-4:checked ~ .slider2 .inset2 { margin-left:-300%; }
input#a-5:checked ~ .slider2 .inset2 { margin-left:-400%; }
input#a-6:checked ~ .slider2 .inset2 { margin-left:-500%; }


input#a-1:checked ~ #main>label:nth-child(1) { opacity: 1; background: #fff; }
input#a-2:checked ~ #main>label:nth-child(2) { opacity: 1; background: #fff; }
input#a-3:checked ~ #main>label:nth-child(3) { opacity: 1; background: #fff; }
input#a-4:checked ~ #main>label:nth-child(4) { opacity: 1; background: #fff; }
input#a-5:checked ~ #main>label:nth-child(5) { opacity: 1; background: #fff; }
input#a-6:checked ~ #main>label:nth-child(6) { opacity: 1; background: #fff; }


input#a-1:checked ~ #control>label:nth-child(2),
input#a-2:checked ~ #control>label:nth-child(3),
input#a-3:checked ~ #control>label:nth-child(4),
input#a-4:checked ~ #control>label:nth-child(1),
input#a-5:checked ~ #control>label:nth-child(1),
input#a-1:checked ~ #control>label:nth-child(4),
input#a-2:checked ~ #control>label:nth-child(1),
input#a-3:checked ~ #control>label:nth-child(2),
input#a-4:checked ~ #control>label:nth-child(3) {
  width: 50px;
  height: 50px;
  top: 50%;
  margin-top: -25px;
  display: inline-block;
  position: relative;			
  cursor: pointer;
}

input#a-1:checked ~ #control>label:nth-child(2):after,
input#a-2:checked ~ #control>label:nth-child(3):after,
input#a-3:checked ~ #control>label:nth-child(4):after,
input#a-4:checked ~ #control>label:nth-child(1):after,
input#a-5:checked ~ #control>label:nth-child(1):after,
input#a-1:checked ~ #control>label:nth-child(4):after,
input#a-2:checked ~ #control>label:nth-child(1):after,
input#a-3:checked ~ #control>label:nth-child(2):after,
input#a-4:checked ~ #control>label:nth-child(3):after {
  font-family: FontAwesome;
  font-size: 7rem;
  line-height: 7rem;
  color:#00ABFA;
  position: absolute;
  top:0;
  left: 0;
}

input#a-1:checked ~ #control>label:nth-child(2),  
input#a-2:checked ~ #control>label:nth-child(3), 
input#a-3:checked ~ #control>label:nth-child(4), 
input#a-4:checked ~ #control>label:nth-child(1) {		
  float: right;
  right: 0.3%;						
}

input#a-1:checked ~ #control>label:nth-child(2):after,  
input#a-2:checked ~ #control>label:nth-child(3):after, 
input#a-3:checked ~ #control>label:nth-child(4):after, 
input#a-4:checked ~ #control>label:nth-child(1):after {						
  content: "\f105";						
}

input#a-1:checked ~ #control>label:nth-child(4),
input#a-2:checked ~ #control>label:nth-child(1),
input#a-3:checked ~ #control>label:nth-child(2),
input#a-4:checked ~ #control>label:nth-child(3) {	
  float: left;
  left: 0.3%;			
}

input#a-1:checked ~ #control>label:nth-child(4):after,
input#a-2:checked ~ #control>label:nth-child(1):after,
input#a-3:checked ~ #control>label:nth-child(2):after,
input#a-4:checked ~ #control>label:nth-child(3):after {
  content: "\f104";
}
span#a-1:focus ~ .slider2 .inset2 { margin-left: 0%;   }
span#a-2:focus ~ .slider2 .inset2 { margin-left:-100%; }
span#a-3:focus ~ .slider2 .inset2 { margin-left:-200%; }
span#a-4:focus ~ .slider2 .inset2 { margin-left:-300%; }
span#a-5:focus ~ .slider2 .inset2 { margin-left:-400%; }
span#a-6:focus ~ .slider2 .inset2 { margin-left:-500%; }

span#b-1:focus ~ .slider2 .inset2 { margin-left: 0%;   }
span#b-2:focus ~ .slider2 .inset2 { margin-left:-100%; }
span#b-3:focus ~ .slider2 .inset2 { margin-left:-200%; }
span#b-4:focus ~ .slider2 .inset2 { margin-left:-300%; }
span#b-5:focus ~ .slider2 .inset2 { margin-left:-400%; }
span#b-6:focus ~ .slider2 .inse2t { margin-left:-500%; }

#content-slider2 input:checked ~ .slider2>.inset2 {
  -webkit-animation: none;
  -moz-animation: none;
  -ms-animation: none;
  -o-animation: none;
  animation: none;		   
}

#content-slider2 input:hover ~ .slider2>.inset2, 
#content-slider2 label:hover ~ .slider2>.inset2 {
  -webkit-animation-play-state: paused;
  -moz-animation-play-state: paused;
  -ms-animation-play-state: paused;
  -o-animation-play-state: paused;
  animation-play-state: paused;
}

#content-slider2 input:hover ~ .slider2>.inset2, 
#content-slider2 label:hover ~ .slider2>.inset2 {
  -webkit-animation-play-state: paused;
  -moz-animation-play-state: paused;
  -ms-animation-play-state: paused;
  -o-animation-play-state: paused;
  animation-play-state: paused;
}

#content-slider2 span:focus ~ .slider2>.inset2 {
  -webkit-animation: none;
  -moz-animation: none;
  -ms-animation: none;
  -o-animation: none;
  animation: none;		   
}

#content-slider2 span:hover ~ .slider2>.inset2 {
  -webkit-animation-play-state: paused;
  -moz-animation-play-state: paused;
  -ms-animation-play-state: paused;
  -o-animation-play-state: paused;
  animation-play-state: paused;
}

/* -------> Animation */

@keyframes slidy {/*celk.cas animace pro 1 obr 30 sec*/
  15% { margin-left:    0%; }/*1. obr. stoji 4.5 sec na miste, t.j. 15% z celk.casu 30 sec;*/
  18.3% { margin-left: -100%; }/*pak se 1 sec premistuje na pozici -100%, t.j. sirka obrazku, t.j. 3.3% z celk. casu*/
  33.3% { margin-left: -100%; }/*pak stoji 4.5 sec na pozici -100%, zobrazuje se obr.c.2*/
  36.6% { margin-left: -200%; }/*pak se 1 sec premistuje na pozici-200%, t.j. opet 3.3% z celk. casu*/
  51.6% { margin-left: -200%; }/*pak stoji 4.5 sec na pozici -200%, zobrazuje se obr.c.3*/
  54.9% { margin-left: -300%; }/*pak se 1 sec premistuje na pozici-300%, t.j. opet 3.3% z celk. casu*/
  69.9% { margin-left: -300%; }/*pak stoji 4.5 sec na pozici -300%, zobrazuje se obr.c.4*/
  73.2% { margin-left: -400%; }/*pak se 1 sec premistuje na pozici-400%, t.j. opet 3.3% z celk. casu*/  
  88.2% { margin-left: -400%; }/*pak stoji 4.5 sec na pozici -400%, zobrazuje se obr.c.5 - 1.CYKLUS*/  
  100% { margin-left: 0%; }/*pak se za zbytkovy cas do 30 sec premistuje na pozici 0%,*/
  /*106.3% { margin-left: -300%; }*//*pak stoji 4.5 sec na pozici -300%, zobrazuje se obr.c.4*/ 
  /*109.6% { margin-left: -200%; }*//*pak se 1 sec premistuje na pozici-200%, t.j. opet 3.3% z celk. casu*/
  /*124.6% { margin-left: -200%; }*//*pak stoji 4.5 sec na pozici -500%, zobrazuje se obr.c.3*/
  /*127.9% { margin-left: -100%; }*//*pak se 1 sec premistuje na pozici -100%, t.j. sirka obrazku, t.j. 3.3% z celk. casu*/  
}
/*@keyframes sl_c {celk.cas animace pro 1 obr 30 sec*/
  /*25% { margin-left:    0%; }*//*1. obr. stoji 4.5 sec na miste, t.j. 15% z celk.casu 30 sec;*/
  /*50% { margin-left: -100%; }*//*pak se 1 sec premistuje na pozici -100%, t.j. sirka obrazku, t.j. 3.3% z celk. casu*/
  /*75% { margin-left: -100%; }*//*pak stoji 4.5 sec na pozici -100%, zobrazuje se obr.c.2*/
  /*100% { margin-left: 0%; }*//*pak se 1 sec premistuje na pozici0%, t.j. opet 3.3% z celk. casu
}*/
@-webkit-keyframes slidy {/*celk.cas animace pro 1 obr 30 sec*/
  15% { margin-left:    0%; }/*1. obr. stoji 4.5 sec na miste, t.j. 15% z celk.casu 30 sec;*/
  18.3% { margin-left: -100%; }/*pak se 1 sec premistuje na pozici -100%, t.j. sirka obrazku, t.j. 3.3% z celk. casu*/
  33.3% { margin-left: -100%; }/*pak stoji 4.5 sec na pozici -100%, zobrazuje se obr.c.2*/
  36.6% { margin-left: -200%; }/*pak se 1 sec premistuje na pozici-200%, t.j. opet 3.3% z celk. casu*/
  51.6% { margin-left: -200%; }/*pak stoji 4.5 sec na pozici -200%, zobrazuje se obr.c.3*/
  54.9% { margin-left: -300%; }/*pak se 1 sec premistuje na pozici-300%, t.j. opet 3.3% z celk. casu*/
  69.9% { margin-left: -300%; }/*pak stoji 4.5 sec na pozici -300%, zobrazuje se obr.c.4*/
  73.2% { margin-left: -400%; }/*pak se 1 sec premistuje na pozici-400%, t.j. opet 3.3% z celk. casu*/  
  88.2% { margin-left: -400%; }/*pak stoji 4.5 sec na pozici -400%, zobrazuje se obr.c.5*/  
  91.3% { margin-left: -500%; }/*pak se 1 sec premistuje na pozici-500%, t.j. opet 3.3% z celk. casu*/
  100% { margin-left: -500%; }/*pak stoji 4.5 sec na pozici -500%, zobrazuje se obr.c.6*/
}
/*@-webkit-keyframes sl_c {celk.cas animace pro 1 obr 30 sec*/
  /*25% { margin-left:    0%; }*//*1. obr. stoji 4.5 sec na miste, t.j. 15% z celk.casu 30 sec;*/
  /*50% { margin-left: -100%; }*//*pak se 1 sec premistuje na pozici -100%, t.j. sirka obrazku, t.j. 3.3% z celk. casu*/
  /*75% { margin-left: -100%; }*//*pak stoji 4.5 sec na pozici -100%, zobrazuje se obr.c.2*/
  /*100% { margin-left: 0%; }*//*pak se 1 sec premistuje na pozici0%, t.j. opet 3.3% z celk. casu
}*/
@-moz-keyframes slidy {/*celk.cas animace pro 1 obr 30 sec*/
  15% { margin-left:    0%; }/*1. obr. stoji 4.5 sec na miste, t.j. 15% z celk.casu 30 sec;*/
  18.3% { margin-left: -100%; }/*pak se 1 sec premistuje na pozici -100%, t.j. sirka obrazku, t.j. 3.3% z celk. casu*/
  33.3% { margin-left: -100%; }/*pak stoji 4.5 sec na pozici -100%, zobrazuje se obr.c.2*/
  36.6% { margin-left: -200%; }/*pak se 1 sec premistuje na pozici-200%, t.j. opet 3.3% z celk. casu*/
  51.6% { margin-left: -200%; }/*pak stoji 4.5 sec na pozici -200%, zobrazuje se obr.c.3*/
  54.9% { margin-left: -300%; }/*pak se 1 sec premistuje na pozici-300%, t.j. opet 3.3% z celk. casu*/
  69.9% { margin-left: -300%; }/*pak stoji 4.5 sec na pozici -300%, zobrazuje se obr.c.4*/
  73.2% { margin-left: -400%; }/*pak se 1 sec premistuje na pozici-400%, t.j. opet 3.3% z celk. casu*/  
  88.2% { margin-left: -400%; }/*pak stoji 4.5 sec na pozici -400%, zobrazuje se obr.c.5*/  
  91.3% { margin-left: -500%; }/*pak se 1 sec premistuje na pozici-500%, t.j. opet 3.3% z celk. casu*/
  100% { margin-left: -500%; }/*pak stoji 4.5 sec na pozici -500%, zobrazuje se obr.c.6*/
}
@-o-keyframes slidy {/*celk.cas animace pro 1 obr 30 sec*/
  15% { margin-left:    0%; }/*1. obr. stoji 4.5 sec na miste, t.j. 15% z celk.casu 30 sec;*/
  18.3% { margin-left: -100%; }/*pak se 1 sec premistuje na pozici -100%, t.j. sirka obrazku, t.j. 3.3% z celk. casu*/
  33.3% { margin-left: -100%; }/*pak stoji 4.5 sec na pozici -100%, zobrazuje se obr.c.2*/
  36.6% { margin-left: -200%; }/*pak se 1 sec premistuje na pozici-200%, t.j. opet 3.3% z celk. casu*/
  51.6% { margin-left: -200%; }/*pak stoji 4.5 sec na pozici -200%, zobrazuje se obr.c.3*/
  54.9% { margin-left: -300%; }/*pak se 1 sec premistuje na pozici-300%, t.j. opet 3.3% z celk. casu*/
  69.9% { margin-left: -300%; }/*pak stoji 4.5 sec na pozici -300%, zobrazuje se obr.c.4*/
  73.2% { margin-left: -400%; }/*pak se 1 sec premistuje na pozici-400%, t.j. opet 3.3% z celk. casu*/  
  88.2% { margin-left: -400%; }/*pak stoji 4.5 sec na pozici -400%, zobrazuje se obr.c.5*/  
  91.3% { margin-left: -500%; }/*pak se 1 sec premistuje na pozici-500%, t.j. opet 3.3% z celk. casu*/
  100% { margin-left: -500%; }/*pak stoji 4.5 sec na pozici -500%, zobrazuje se obr.c.6*/
}


}







/* -------> Responsive */
@media (max-width: 1210px) {

  html {
    font-size: 12px;
  }

  #content-slider .th>[class*='title-'] {
    display: none;
  }
  #content-slider2 .th>[class*='title-'] {
    display: none;
  }
}

@media (max-width: 768px) {

  html {
    font-size: 10px;
  }

  #content-slider .slider [class*='title-'] {
    display: none;
  }

  #content-slider span.first { display: none; }

  #content-slider #control { display: block; }


  #content-slider span#b-2:focus { opacity: 1; } 

  span#b-2:focus ~ span#b-5 { display: none; }

  #content-slider span#b-3:focus { opacity: 1; } 

  span#b-3:focus ~ span#b-5 { display: none; }

  #content-slider span#b-4:focus { opacity: 1; } 

  span#b-4:focus ~ span#b-5 { display: none; }

}

@media (max-width: 480px) {

  #content-slider span.th img { display: none; }

}




/* -------> Responsive */
@media (max-width: 1210px) {

  html {
    font-size: 12px;
  }

  #content-slider .th>[class*='title-'] {
    display: none;
  }
  #content-slider2 .th>[class*='title-'] {
    display: none;
  }
}

@media (max-width: 768px) {

  html {
    font-size: 10px;
  }

  #content-slider .slider [class*='title-'] {
    display: none;
  }

  #content-slider span.first { display: none; }

  #content-slider #control { display: block; }


  #content-slider span#b-2:focus { opacity: 1; } 

  span#b-2:focus ~ span#b-5 { display: none; }

  #content-slider span#b-3:focus { opacity: 1; } 

  span#b-3:focus ~ span#b-5 { display: none; }

  #content-slider span#b-4:focus { opacity: 1; } 

  span#b-4:focus ~ span#b-5 { display: none; }

}

@media (max-width: 480px) {

  #content-slider span.th img { display: none; }

}