.sliderbg {
    background-image:url("../../pictures/bg.jpg");

    /* Set a specific height */
    min-height: 738px;

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

/*.parallax-container{position:relative;overflow:hidden;height:738px}
.parallax-container .parallax{position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1}
.parallax-container .parallax img{opacity:0;position:absolute;left:50%;bottom:0;min-width:100%;min-height:100%;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);-webkit-transform:translateX(-50%);transform:translateX(-50%)}*/
.photography-page .image-caption {
    display:flex;
}

.photography-page .image-caption .box1 {
    background:rgba(255,20,59,0.7);
}
.photography-page .image-caption .box2 {
    background:rgba(117,191,78,0.9);
}
.photography-page .image-caption .box3 {
    background:rgba(0,175,239,0.9);
}

@media (max-width: 767px) {
    /* Navbar */
    .sliderbg {
    background-image:url("../../pictures/bg_sm.jpg?1");
    }

    .photography-page .image-caption{
        display:inline;
        bottom:20%;
    }

    .photography-page .image-caption .box1, .photography-page .image-caption .box12, .photography-page .image-caption .box3 {
        flex:none;
    }
}


.secheading {
    background-image:url(../../pictures/yellow.png?1);
    min-height:136px;
    background-repeat:no-repeat;
    background-position:center;
    text-align:center;
    padding:30px;
    padding-top:50px;
    color:#000;
    font-family: "Roboto Condensed", sans-serif;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-size: 18px;
}



.smheading {
    color:#ff143b;
    font-family: "Roboto Condensed", sans-serif;
    text-transform: uppercase;
    font-size: 16px;
    font-weight:600;
    letter-spacing:1px;
}

.myparallax {
    /* The image used */
    background-image: url("../../pictures/bgpic_n.jpg?1");

    /* Set a specific height */
    min-height: 160px;
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);-webkit-transform:translateX(0%);transform:translateX(0%);
}

.myparallaxgreen {
    /* The image used */
    background-image: url("../../pictures/bgpic_g.jpg?10");

    /* Set a specific height */
    min-height: 160px;
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);-webkit-transform:translateX(0%);transform:translateX(0%);
}

.myparallaxdull {
    /* The image used */
    background-image: url("../../pictures/bgpic_2.jpg?2");

    /* Set a specific height */
    min-height: 160px;
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);-webkit-transform:translateX(0%);transform:translateX(0%);
}

.myparallaxkabeer {
    /* The image used */
    background-image: url("../../pictures/bgpic_k.jpg?10");
    /* Set a specific height */
    min-height: 160px;
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
}

.myparallaxanagh {
    /* The image used */
    background-image: url("../../pictures/bgpic_a.jpg?10");
    /* Set a specific height */
    min-height: 160px;
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
}

.seconlyheading {
    text-align:center;
    color:#fff;
    font-family: 'Poiret One', cursive;
    text-transform: uppercase;
    font-size: 40px;
    font-weight:600;
    letter-spacing:6px;
    margin-bottom:0
}

.seconlyheading_sm {
    text-align:center;
    color:#000;
    font-family: 'Poiret One', cursive;
    text-transform: uppercase;
    font-size: 16px;
    font-weight:600;
    letter-spacing:2px;
    margin-bottom:0
}

.secheadingsm {
    text-align:center;
    text-transform: uppercase;
    letter-spacing:2px;
    margin-top:0
}

.secseries {
    background:rgba(0,0,0,0.5);
    color:#fff;
    text-align:center;
    letter-spacing:1px;
    padding:20px;
}


.below_line{ 
    margin: 5px 0;
    height: 1px;
    background: black;
    background: -webkit-gradient(linear, 0 0, 100% 0, from(white), to(white), color-stop(50%, black));
}

.redcolor {
    color:#ff143b;
}

.yellowcolor {

}

.series1, .series2 {
    background-image: url("../../pictures/bggrey.jpg?1");

    /* Set a specific height */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

/*custombox*/
.image {
  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  transition: .5s ease;
  backface-visibility: hidden;
}

.middle {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 30%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}

.contimage:hover .image {
  opacity: 0.4;
}

.contimage:hover .middle {
  opacity: 1;
}

.text {
  background-color: #ff143b;
  color: white;
  font-size: 14px;
  padding: 8px 10px;
}


.imgbtn {
    border:none;
    padding:0;
}

.imgbtn:hover {
    border:2px solid #000;
}

.demo-modal {
  background-color: #FFF;
  box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12);
  padding: 0px;
  width: 60%;
  position: relative;
  display: none;
  /*height:100%;*/
}

#demo-modaleve {
    width: auto;
}
.demo-close {
  display: block;
  position: absolute;
  top: -35px;
  right: 0;
  z-index: 10000;
  outline: none;
  font-size: 30px;
  line-height: 30px;
  transition: transform .3s ease-in-out;
  color: #FFF;
}
.demo-close:hover {
  transform: rotate(360deg);
  color: #FFF;
}

.demo-close-btn {
    background-color:#ff143b;
    color:#fff;
    border:none;
}

/*events*/
.eventdiv {
    padding:20px;
}

.eventowl .item {
    padding:5px;
}

@media (max-width: 767px) {
    
.custombox-content{
        resize:both;
        overflow:scroll;
    }
.custombox-content{overflow-y:auto; overflow-x:auto;}.custombox-content>*{max-width:100%;max-height:100%}
}