/*--------------------------- OLDALSTRUKTÚRA -----------------------------------*/

body {
  font-family: 'Open Sans', sans-serif;
  font-size: 1.1em !important;
  background-color: white;
  position: relative; 
}

p{
  font-size: 1.1em;
}

.szakasz {
  width: 100%;
  min-height: 680px;
  min-height: 100vh;
  padding-bottom: 20px;
}

.elsoszakasz{
  margin-top: 50px; 
  margin-bottom: 0px
}

.focim {
  font-family: 'Cabin', sans-serif;
  padding-top:60px;
  padding-bottom:10px;
  text-align: left;
  font-size: 38px;
  text-align: center;
  text-shadow: 0 0 10px rgba(255, 255, 255, 0.6);

}


.focim::after {
    content: " ";
    display: block;
    margin: 0 auto;
        margin-top: 0px;
        margin-bottom: 0px;
    margin-top: 15px;

    background-color: #fff;
    height: 2px;
    width: 50px;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
}


.bevezeto {
/*  font-family: 'Garamond', serif;*/

  text-align: center;
  font-size: 16px;
  padding-top:5px;
  padding-bottom:20px;
  
}


strong {
/*  font-weight: 700;
  color: #e8d722;
  font-family: 'Open Sans Condensed', sans-serif;*/
  font-weight: 400;
  font-size: 1.3em;
  text-shadow: 0 0 10px rgba(255, 255, 255, 0.6);

}


/*.h2{
  font-size: 1.1em;
}

.h3{
  font-size: 1.1em;
}*/

.paratlan {
  background: #cdca4e;
  color: #06393d;
}

.paratlan .focim {
  color: #fff;
}

.paratlan strong {
  color: #fff;
}


.paros {
background-color: #4de897;
color:  #06393d;
}

.paros a {
  color: #fff;
}

.paros .focim {
  color: #fff ;
}

.paros strong {
  color: #fff ;
}

.paratlan .modal-header, .paratlan .modal-title, .paratlan .modal-body, .paratlan .modal-footer {
  background: #cdca4e !important;
  color: #06393d !important;
}


.paros .modal-header, .paros .modal-title, .paros .modal-body, .paros .modal-footer {
  background-color: #4ecd9c !important;
  color:  #06393d !important;
}



              .parallax {
              /* The image used */
              background-image: url('../images/parallax.jpg');
 /*
                -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px);

              Full height */
              height: 75vh; 

              /* Create the parallax scrolling effect */
              background-attachment: fixed;
              background-position: center;
              background-repeat: no-repeat;
              -webkit-background-size:cover;
                -moz-background-size:cover;
                     background-size: cover;

             }

              .parallax2 {
              /* The image used */
              background-image: url('../images/parallax2.jpg');

              /* Full height */
              height: 70vh; 

              /* Create the parallax scrolling effect */
              background-attachment: fixed;
              background-position: center;
              background-repeat: no-repeat;
              background-size: cover;
              }
              .parallax3 {
              /* The image used */
              background-image: url('../images/parallax3.jpg');

              /* Full height */
              height: 70vh; 

              /* Create the parallax scrolling effect */
              background-attachment: fixed;
              background-position: center;
              background-repeat: no-repeat;
              background-size: cover;
              }

              .parallax4 {
              /* The image used */
              background-image: url('../images/parallax4.jpg');

              /* Full height */
              height: 70vh; 

              /* Create the parallax scrolling effect */
              background-attachment: fixed;
              background-position: center;
              background-repeat: no-repeat;
              background-size: cover;
              }

              .parallax5 {
              /* The image used */
              background-image: url('../images/parallax5.jpg');

              /* Full height */
              height: 70vh; 

              /* Create the parallax scrolling effect */
              background-attachment: fixed;
              background-position: center;
              background-repeat: no-repeat;
              background-size: cover;
              }
              .parallax6 {
              /* The image used */
              background-image: url('../images/parallax6.jpg');

              /* Full height */
              height: 70vh; 

              /* Create the parallax scrolling effect */
              background-attachment: fixed;
              background-position: center;
              background-repeat: no-repeat;
              background-size: cover;
              }

.lablec{
  color: #02012d;
  text-align: center;
  vertical-align: center;
  width: 100%;
  margin-bottom: -50px;
  height: 40px;

}
.lablec p {
  padding-top: 15px;
  padding-bottom: 15px;
}


/*--------------------------- // OLDALSTRUKTÚRA -----------------------------------*/





/*--------------------------- Navigáció -----------------------------------*/

.navbar {
border: 0;
border-radius: 0;
background-color: #98dafc;
font-size: 12px !important;
}
.navbar li a, .navbar .navbar-brand {
font-family: 'Open Sans', sans-serif;
    color: #06393d !important;
}
.navbar-nav li a:hover, .navbar-nav li.active a {
    color: #06393d !important;
    background-color: #fff !important;
}
.navbar-default .navbar-toggle {
    border-color: transparent;
    color: #fff !important;
}
    /* Dropdown */
    .open .dropdown-toggle {
        color: #fff ;
        background-color: white !important;
    }
    /* Dropdown links */
    .dropdown-menu li a {
        color: #06393d !important;
    }

    
.logo{
  margin-top: -10px;
  width: 40px;
  display: inline-block;
  float: left;
}

.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
    max-height: 80vh;

}



/*--------------------------- // Navigáció -----------------------------------*/




/*--------------------------- Jumbo -----------------------------------*/
#udv{
  color: white;
  clear: both;
  position: relative;
  text-shadow: 0 0 10px rgba(255, 255, 255, 0.6);
  padding-top: 50px;
}

.tompit{
  text-align: center;
  padding: 0 10 10 10px;

}
.tompit h1 {
  font-weight: 400;
  font-size: 4em;

}
.tompit strong {
  font-weight: 400;
  font-size: 1.2em;
  line-height: 1;
  padding-left: 5px;
  color: #06393d;

}

.nyitokep {
  background-image: url('../images/boritohatter.jpg');

              background-position: center;
              background-repeat: no-repeat;
              -webkit-background-size:cover;
                -moz-background-size:cover;
                     background-size: cover;


  width: 100%;
  left: 0%;
  height: 70vh;
  text-align: center;
      box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);

}
@media (min-width: 480px) {
  .tompit h1 {
    font-size: 4em;

  }
  .tompit strong {
    font-size: 1.2em;
  }

}
@media (min-width: 640px) {
  .tompit h1 {
    font-size: 5em;

  }
  .tompit strong {
    font-size: 1.2em;
  }

}

/*--------------------------- // Jumbo -----------------------------------*/


/*--------------------------- Rólunk -----------------------------------*/
.nve {
  color: white;
  text-shadow: 0 0 10px rgba(255, 255, 255, 0.6);
}
/*--------------------------- // Rólunk -----------------------------------*/


/*--------------------------- Programjaink -----------------------------------*/

.programcim{
  padding-top: 0px !important;
    font-size: 1.8em;
    font-weight: 200;
    color: white;
    text-shadow: 0 0 10px rgba(255, 255, 255, 0.6);
}

.nagyprogramkep{
  width: 90%;
}

.kozepre{
    width: 99%;
    margin: 0 auto;
    text-align: center; 
}





.carousel {
    padding: 0 40px 10px 40px;
    margin-bottom: 0px;
    height: auto;

}

.carousel-inner {
/*   height: 600px;
   background-color: yellow;*/

}

.carousel .item img {
    max-height: 300px;
    text-align: center;
    position: relative;
}
.carousel .item .leiras{
/*  background-color: red;*/
    
    height: 300px;
}

.leiras a {
  font-size: 1.2em;
}

/* The controlsy */
.carousel-control {
/*  left: -12px;

*/
    height: 40px;
    width: 40px;
    background: none repeat scroll 0 0 #222222;
    border: 4px solid #FFFFFF;
    border-radius: 23px 23px 23px 23px;
    margin-top: 300px;
}
.carousel-control.right {
/*  right: -12px;*/
}
/* The indicators */
.carousel-indicators {
  right: 50%;
  top: auto;
  bottom: -10px;
  margin-right: -19px;
  margin-bottom: 320px;

}
/* The colour of the indicators */
.carousel-indicators li {
  background: #cecece;
}
.carousel-indicators .active {
background: #428bca;
}


@media (min-width: 480px) {
  .carousel .item .leiras {
    height: 210px;
  }
  .carousel-indicators {
      margin-bottom: 230px;
  }
}

@media (min-width: 768px) {
  .programcim {
    font-size: 2.8em;
  }

}

/*--------------------------- // Programjaink -----------------------------------*/



/*--------------------------- Képek -----------------------------------*/

.kepkeret, .kinagyitottkep .img-thumbnail {
    /* Add shadows to create the "card" effect */

    transition: all 0.3s;
}

/* On mouse-over, add a deeper shadow 
.kepkeret:hover, */.kinagyitottkep .img-thumbnail:hover {
  
}

@media (min-width: 481px) and (max-width: 767px) {

  .oszlop {
        width: 49%;
        float:left;

        }
  .kepkeret {
     min-height: 345px;
  }

}


      .kepkeret{
        width: 100%;
/*        min-height: 345px;*/
        padding-top: 10px;
        padding-bottom: 10px;
        background-color: rgba(0, 0, 0, 0.3);
        margin-bottom: 15px;
    
       }

.kitakaro {
  width: 95%;
              margin-right: auto;
            margin-left: 2.5%;
  height: 200px;
  overflow: hidden;
    position: relative;
    border-style: solid;
    border-width: 5px;
    border-color: white;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}

.kepdiv{
  min-width: 360px;
  background-color: yellow;
       position: absolute;
           top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);

}
      .kepdiv img {
        width: 101%;
            position: absolute;
           top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);

      }
      .kepleiras{
        /*position: absolute;*/
          margin-top: 10px;
            margin-right: auto;
            margin-left: auto;
            width: 95%;
      }



      .aktivminiatur {border: 3px #06393d solid}

      .feherit {
          color: white;
      }

      .kinagyitottkep {
        height: 70vh;
        max-width: 98%;
        position: relative;
      }

      .kinagyitottkep img {
        box-shadow: 1px 1px 10px #999;
        max-height: 100%;
        width: auto;
        position: absolute;
        left: 50%;
        top: 50%;
    -ms-transform: translate(-50%, -50%); /* IE 9 */
    -webkit-transform: translate(-50%, -50%); /* Safari */
    transform: translate(-50%, -50%);

      }

      .kepvezerlo {
        left: -12px;
        height: 40px;
        width: 40px;
        background: none repeat scroll 0 0 #222222;
        border: 4px solid #FFFFFF;
        border-radius: 23px 23px 23px 23px;
        margin-top: 300px;
      }
      .kepvezerlo.right {
        right: -12px;
      }

      .kepsorolo {
        height: 100px;
        width: 95%;
         overflow-x: auto;
         overflow-y: hidden;
        background-color: white;
        border: 2px white solid;
      }

      .szelesdiv{
        width: auto;
        white-space: nowrap;
      }

      .szelesdiv img {
          margin: 2px;
          max-height: 80px;
          cursor: pointer;
          display:inline-block;
          *display:inline;/* For IE7*/
          *zoom:1;/* For IE7*/
          vertical-align:top;

      }

.albumkulonoldalon a {
  text-decoration: none;
  color: white;
}

/*--------------------------- // Képek -----------------------------------*/




/*--------------------------- Videók -----------------------------------*/
      .vidkeret{
        width: 100%;
 /*       min-height: 230px;
        padding-top: 10px;
        padding-left: 15px;
        padding-right: 0px;*/
        padding: 10px;
        background-color: rgba(0, 0, 0, 0.1);
        margin-bottom: 30px;
      }

      .vid {
      position: relative;
      padding-bottom: 56.25%;
      padding-top: 30px;
      height: 0;
      overflow: hidden;
      }
      .vid iframe,
      .vid object,
      .vid embed {
          position: absolute;
          top: 0;
          left: 0;
          width: 95%;
          height: 95%;
      }



      .nav-tabs{
        color: inherit;
        font-weight: bold;
      }

      .lejatszolista{
        background-color: rgba(0, 0, 0, 0.1);
        padding: 10px;
        height: 520px;
        overflow: hidden;
        /*position: relative;*/
      }

      .lejatszolista li {
        list-style-type: none;
        margin-bottom: 3px;
        font-size: 1.2em;
        cursor: pointer;
      }

     .egyalkalom {
        display: block;
        padding: 5px;
      }
/* 
      .megosztasilista{
        visibility: hidden;
      height: 0px;
      overflow: hidden;
      }
*/
      .sharegomb {
        padding: 6px;
        background-color:#3B5998;
        width: 110px;
        text-align: center;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
                border-radius: 5px;
      }

       .sharegomb a {
        padding: 3px;
        text-decoration: none;
        font-size: 14px;
        font-weight: 600;
        color: white;
      }


      #tobbgomb {
        display: block;
        cursor: pointer;
        text-align: center;
        color: white;
          font-weight: 400;
          font-size: 1.3em;
          text-shadow: 0 0 10px rgba(255, 255, 255, 0.6);
        width: 100%;
        padding: 5px;
        background-color: rgba(0, 0, 0, 0.1);
      }
      
      #kevesebbgomb {
        display: none;
        cursor: pointer;
        text-decoration: none;
        text-align: center;
        color: white;
          font-weight: 400;
          font-size: 1.3em;
          text-shadow: 0 0 10px rgba(255, 255, 255, 0.6);
        width: 100%;
        padding: 5px;
        background-color: rgba(0, 0, 0, 0.1);
      }



/*--------------------------- // Videók -----------------------------------*/

/*--------------------------- Kapcsolat -----------------------------------*/
#kapcsolat {
  font-size: 14px;
}

#kapcsolat strong {
   font-size: 1.4em;
   margin-top: 0px;
}

h3 {
  margin-bottom: 1px;
  font-size: 1.4em;
  font-weight: 500;
}

/*--------------------------- //Kapcsolat -----------------------------------*/




/*--------------------------- Egyéb -----------------------------------*/

.alcim {
  font-weight: 600;
  font-size: 16px;
  color: white;
  padding-top:35px;
  padding-bottom:15px;
  text-shadow: 0 0 10px rgba(255, 255, 255, 0.6);

}

.beosztas {
  margin: auto;
  width: 85%;
}

/* social icons */
          ul.social-network {
            list-style: none;
            display: inline;
            margin-left:0 !important;
            padding: 0;
          }
          ul.social-network li {
            display: inline;
            margin: 0 5px;
          }

          .social-network a.icoFacebook {
            background-color:#3B5998;
              color:#fff;
          }
          .social-network a.icoGoogle {
            background-color:#BD3518;
              color:#fff;
          }
          .social-network a.icoYoutube {
            background-color:#bb0000;
              color:#fff;
          }

          .social-circle li a {
            display:inline-block;
            position:relative;
            margin:0 auto 0 auto;
            -moz-border-radius:50%;
            -webkit-border-radius:50%;
            border-radius:50%;
            text-align:center;
            width: 50px;
            height: 50px;
            font-size:20px;
          }
          .social-circle li i {
            margin:0;
            line-height:50px;
            text-align: center;
          }


/*Kedvenc linkek */      
          .kedvenclinkek {
              list-style: none;
              margin-left:0 !important;
              padding: 0;
          }

          .kedvenclinkek li a {
            line-height: 28px;
            display: inline-block;
          }


/*Istentiszteleti alkalmaink */

          .alkalmak{
            line-height: 28px;
          }
          .behuz{
            margin-left: 45px;
          }


/*--------------------------- // Egyéb -----------------------------------*/