/*@import url('https://fonts.googleapis.com/css?family=Pacifico');
*/

.xop-section {
	/*max-width:960px;  egymas mellett is lehetnek igy*/
	margin:0 auto;
	/*padding:6% 2%;  kisebb hezaggal lett*/
}
/*family pictures szekcio*/
.kep-soron {
	/*max-width:300px;  egymas mellett is lehetnek igy*/
	margin:0 auto;
	/*padding:6% 2%;  /*kisebb hezaggal lett*/
}

.kep-alak {
	margin: 20px 0 0 0;
	padding: 0;
	list-style: none;
	display: block;
	text-align: center;
	width: 100%;
}

.kep-alak li {
	width: 328px;
	height: 328px;
	display: inline-block;
	margin: 20px;
}

.kep-tulajdonsag {
	width: 100%;
	height: 100%;
	position: relative;
	cursor: pointer;
    border-radius: 10px;
    -webkit-transition: 0.3s ease-in-out, 
    -webkit-transform 0.3s ease-in-out;
	-moz-transition:  0.3s ease-in-out, 
    -moz-transform 0.3s ease-in-out;
    transition: all 0.3s ease-in-out, 
    transform 0.3s ease-in-out, ;
}

.kep-tulajdonsag:hover {
	transform: scale(1.05); 
}
/*family pictures szekcio*/

.xop-grid {
	margin: 20px 0 0 0;
	padding: 0;
	list-style: none;
	display: block;
	text-align: center;
	width: 100%;
}

.xop-grid:after {
	clear: both;
}

.xop-grid:after,
.xop-box:before {
	content: '';
    display: table;
}

.xop-grid li {
	width: 328px;
	height: 328px;
	display: inline-block;
	margin: 20px;
}

.xop-box {
	width: 100%;
	height: 100%;
	position: relative;
	cursor: pointer;
    border-radius: 10px;
    -webkit-transition: 0.3s ease-in-out, 
    -webkit-transform 0.3s ease-in-out;
	-moz-transition:  0.3s ease-in-out, 
    -moz-transform 0.3s ease-in-out;
    transition: all 0.3s ease-in-out, 
    transform 0.3s ease-in-out, ;
}

.xop-box:hover {
	transform: scale(1.05); 
}

.xop-img-1 { 
 background: 
    linear-gradient(
      rgba(0, 0, 0, 0.50), 
      rgba(0, 0, 0, 0.10)
    ),
    /* bottom, image */
    url(../pictures/001.png) no-repeat, center;
    background-size: cover;
}

.xop-img-2 { 
 background: 
    linear-gradient(
      rgba(0, 0, 0, 0.50), 
      rgba(0, 0, 0, 0.10)
    ),
    /* bottom, image */
    url(../pictures/002.jpg) no-repeat;
    background-size: cover;
}

.xop-img-3 { 
 background: 
    linear-gradient(
      rgba(0, 0, 0, 0.50), 
      rgba(0, 0, 0, 0.10)
    ),
    /* bottom, image */
    url(../pictures/003.jpg)no-repeat;
    background-size: 100%;
}

.xop-img-4 { 
 background: 
    linear-gradient(
      rgba(0, 0, 0, 0.50), 
      rgba(0, 0, 0, 0.10)
    ),
    /* bottom, image */
    url(../pictures/004.jpg) no-repeat;
    background-size: cover;
}

.xop-img-5 { 
  background: 
     linear-gradient(
       rgba(0, 0, 0, 0.50), 
       rgba(0, 0, 0, 0.10)
     ),
     /* bottom, image */
     url(../pictures/005.jpg);
     background-size: cover;
 }
 .xop-img-6 { 
  background: 
     linear-gradient(
       rgba(0, 0, 0, 0.50), 
       rgba(0, 0, 0, 0.10)
     ),
     /* bottom, image */
     url(../pictures/006n.png);
     background-size: 100%;
 }
 .xop-img-7 { 
  background: 
     linear-gradient(
       rgba(0, 0, 0, 0.50), 
       rgba(0, 0, 0, 0.10)
     ),
     /* bottom, image */
     url(../pictures/007n.png);
     background-size: 100%;
 }
 .xop-img-8 { 
  background: 
     linear-gradient(
       rgba(0, 0, 0, 0.50), 
       rgba(0, 0, 0, 0.10)
     ),
     /* bottom, image */
     url(../pictures/008n.png);
     background-size: 100%;
 }
 .xop-img-9 { 
  background: 
     linear-gradient(
       rgba(0, 0, 0, 0.50), 
       rgba(0, 0, 0, 0.10)
     ),
     /* bottom, image */
     url(../pictures/009n.png);
     background-size: 100%;
 }
 .xop-img-10 { 
  background: 
     linear-gradient(
       rgba(0, 0, 0, 0.50), 
       rgba(0, 0, 0, 0.10)
     ),
     /* bottom, image */
     url(../pictures/010n.png);
     background-size: 100%;
 }

 /*mtv1 logo*/
 .xop-mtv1logo { 
  background: 
     linear-gradient(
       rgba(0, 0, 0, 0.50), 
       rgba(0, 0, 0, 0.10)
     ),
     /* bottom, image */
     url(../pictures/mtv1.png) no-repeat center;
     background-size: 100%;
 }
 /*mtv1 logos**/


 /*m3 logo*/
 .xop-m3logo { 
  background: 
     linear-gradient(
       rgba(0, 0, 0, 0.50), 
       rgba(0, 0, 0, 0.10)
     ),
     /* bottom, image */
     url(../pictures/m3.jpg) no-repeat center;
     background-size: cover;
     background-size: 100%;
 }
 /*m3 logos**/

  /*rtlklub*/
  .xop-rtlklublogo { 
    background: 
       linear-gradient(
         rgba(0, 0, 0, 0.50), 
         rgba(0, 0, 0, 0.10)
       ),
       /* bottom, image */
       url(../pictures/rtlklub.jpg) no-repeat center;
       background-size: cover;
       background-size: 100%;
   }
   /*rtlklubs**/

   /*rtl2*/
  .xop-rtl2logo { 
    background: 
       linear-gradient(
         rgba(0, 0, 0, 0.50), 
         rgba(0, 0, 0, 0.10)
       ),
       /* bottom, image */
       url(../pictures/rtlketto.jpg) no-repeat center;
       background-size: cover;
       background-size: 100%;
   }
   /*rtl2s**/

      /*rtlplusz*/
  .xop-rtlpluszlogo { 
    background: 
       linear-gradient(
         rgba(0, 0, 0, 0.50), 
         rgba(0, 0, 0, 0.10)
       ),
       /* bottom, image */
       url(../pictures/rtl+.jpg) no-repeat center;
       background-size: cover;
       background-size: 100%;
   }
   /*rtlpluszs**/

      /*rtlgold*/
  .xop-rtlgoldlogo { 
    background: 
       linear-gradient(
         rgba(0, 0, 0, 0.50), 
         rgba(0, 0, 0, 0.10)
       ),
       /* bottom, image */
       url(../pictures/rtlgold.jpg) no-repeat center;
       background-size: cover;
       background-size: 100%;
   }
   /*rtlgolds**/

         /*cooltv*/
  .xop-cooltvlogo { 
    background: 
       linear-gradient(
         rgba(0, 0, 0, 0.50), 
         rgba(0, 0, 0, 0.10)
       ),
       /* bottom, image */
       url(../pictures/cooltv.jpg) no-repeat center;
       background-size: cover;
       background-size: 100%;
   }
   /*cooltvs**/

            /*sorozattv*/
  .xop-sorozattvlogo { 
    background: 
       linear-gradient(
         rgba(0, 0, 0, 0.50), 
         rgba(0, 0, 0, 0.10)
       ),
       /* bottom, image */
       url(../pictures/sorozat.jpg) no-repeat center;
       background-size: cover;
       background-size: 100%;
   }
   /*sorozattvs**/

               /*fem3tv*/
  .xop-fem3tvlogo { 
    background: 
       linear-gradient(
         rgba(0, 0, 0, 0.50), 
         rgba(0, 0, 0, 0.10)
       ),
       /* bottom, image */
       url(../pictures/fem3.png) no-repeat center;
       background-size: cover;
       /*background-size: 100%;*/
   }
   /*fem3tvs**/

     /*filmplusz*/
  .xop-filmpluszlogo { 
    background: 
       linear-gradient(
         rgba(0, 0, 0, 0.50), 
         rgba(0, 0, 0, 0.10)
       ),
       /* bottom, image */
       url(../pictures/film+.jpg) no-repeat center;
       background-size: cover;
       background-size: 100%;
   }
   /*filmpluszs**/

        /*atv*/
  .xop-atvlogo { 
    background: 
       linear-gradient(
         rgba(0, 0, 0, 0.50), 
         rgba(0, 0, 0, 0.10)
       ),
       /* bottom, image */
       url(../pictures/atv.jpg) no-repeat center;
       background-size: cover;
       background-size: 100%;
   }
   /*atvs**/

           /*fixtv*/
  .xop-fixtvlogo { 
    background: 
       linear-gradient(
         rgba(0, 0, 0, 0.50), 
         rgba(0, 0, 0, 0.10)
       ),
       /* bottom, image */
       url(../pictures/fixtv.jpg) no-repeat center;
       background-size: cover;
       background-size: 100%;
   }
   /*fixtvs**/

              /*pestitv*/
  .xop-pestitvlogo { 
    background: 
       linear-gradient(
         rgba(0, 0, 0, 0.50), 
         rgba(0, 0, 0, 0.10)
       ),
       /* bottom, image */
       url(../pictures/pesti.jpg) no-repeat center;
       background-size: cover;
       background-size: 100%;
   }
   /*pestitvs**/

   regioTV-logo.jpg

                 /*szlovaktv*/
  .xop-szlovaktvlogo { 
    background: 
       linear-gradient(
         rgba(0, 0, 0, 0.50), 
         rgba(0, 0, 0, 0.10)
       ),
       /* bottom, image */
       url(../pictures/regioTV-logo.jpg) no-repeat center;
       background-size: cover;
       background-size: 100%;
   }
   /*szlovaktvs**/

 /*hirtv*/
 .xop-hirtvlogo { 
  background: 
     linear-gradient(
       rgba(0, 0, 0, 0.50), 
       rgba(0, 0, 0, 0.10)
     ),
     /* bottom, image */
     url(../pictures/hirtv.jpg) no-repeat, center;
     background-size: cover;
     background-size: 100%;
     background-color: #fff;
 }
 /*hirtv**/
/*newsmax*/
.xop-newsmaxlogo { 
  background: 
     linear-gradient(
       rgba(0, 0, 0, 0.50), 
       rgba(0, 0, 0, 0.10)
     ),
     /* bottom, image */
     url(../pictures/newsmax.jpg) no-repeat, center;
     background-size: cover;
     /*background-size: 100%;
     background-color: #fff;*/
 }
 /*newsmax**/

 /*Bayerischer Rundfunk*/
.xop-brtvlogo { 
  background: 
     linear-gradient(
       rgba(0, 0, 0, 0.50), 
       rgba(0, 0, 0, 0.10)
     ),
     /* bottom, image */
     url(../pictures/brtvlogo.png) no-repeat, center;
     background-size: cover;
     /*background-size: 100%;
     background-color: #fff;*/
 }
 /*Bayerischer Rundfunk**/


 /*russian today*/
.xop-rtodaylogo { 
  background: 
     linear-gradient(
       rgba(0, 0, 0, 0.50), 
       rgba(0, 0, 0, 0.10)
     ),
     /* bottom, image */
     url(../pictures/rtlogo.png) no-repeat, center;
     background-size: cover;
     /*background-size: 100%;
     background-color: #fff;*/
 }
 /*russian toda**/

 /*swe*/
.xop-svtlogo { 
  background: 
     linear-gradient(
       rgba(0, 0, 0, 0.50), 
       rgba(0, 0, 0, 0.10)
     ),
     /* bottom, image */
     url(../pictures/svt.png) no-repeat, center;
     background-size: cover;
     /*background-size: 100%;
     background-color: #fff;*/
 }
 /*swe**/


.xop-info {
  /*position: absolute; */
  text-align: center;
	width: inherit;
	height: inherit;
}

.xop-info h3 {
  position: relative;
    /*font-family: 'Pacifico', cursive;
    /*font-weight: 400;
    text-align: center;*/
	color: #fff;
	font-size: 32px;
	/*margin: 0 30px;*/
	padding: 100px 0 0 0;*/
	line-height:1.5;
}

.xop-info p {
    font-family: 'Source Sans Pro', sans-serif;
	color: #fff;
	padding: 4px 5px;
	margin: 0 30px;
	font-size: 14px;
	line-height:2;
}