:root {
  --pagebackground0: #;
  --pagebackground1: #; 
  --pagebackground2: #;
  --pagebackground3: #;
  --pagebackground4: #;
  --pagebackground5: #; 
  --pagebackground6: #;
  --pagebackground7: #;
  --pagebackground8: #;
  --pagebackground9: #; 
  --pagebackground10: #;
  --pagebackground11: #;
  --pagebackground12: #;
  --pagebackground13: #; 
  --pagebackground14: #;
  --pagebackground15: #;
  --pagebackground16: #;
  --pagebackground17: #;
  --pagebackground18: #;
  --pagebackground19: #; 
  --pagebackground20: #;
  --pagebackground21: #;
  --pagebackground22: #;
  --pagebackground23: #;

  --pagebackground24: #;
  --pagebackground25: #; 
  --pagebackground26: #;
  --pagebackground27: #;
  --pagebackground28: #;
  --pagebackground29: #; 
  --pagebackground30: #;
  --pagebackground31: #;
  --pagebackground32: #;
  --pagebackground33: #; 
  --pagebackground34: #;
  --pagebackground35: #;
  --pagebackground36: #;
  --pagebackground37: #;
  --pagebackground38: #;
  --pagebackground39: #; 
  --pagebackground40: #;

}

.images-container {
display : flex;
justify-content : center;
align-items: center;
}

.images-container img {
margin-right: 0px;
margin-left: 0px;
//width : 10%; commented to solve gap issue during zoom
}



@media only screen and (max-width: 990px) {
	.images-container img {
	margin-right: 0px;
	margin-left: 0px;
	width : 25%;
	}
}

@media only screen and (min-width: 991px and max-width: 1100px) {
	.images-container img {
	margin-right: 0px;
	margin-left: 0px;
	width : 15%;
	}
}






#eContentcurrentpage0 {background-image: var(--pagebackground0); background-size: cover; no-repeat}
#eContentcurrentpage1 {background-image: var(--pagebackground1); background-size: cover; no-repeat}
#eContentcurrentpage2 {background-image: var(--pagebackground2); background-size: cover; no-repeat}
#eContentcurrentpage3 {background-image: var(--pagebackground3); background-size: cover; no-repeat}
#eContentcurrentpage4 {background-image: var(--pagebackground4); background-size: cover; no-repeat}
#eContentcurrentpage5 {background-image: var(--pagebackground5); background-size: cover; no-repeat}
#eContentcurrentpage6 {background-image: var(--pagebackground6); background-size: cover; no-repeat}
#eContentcurrentpage7 {background-image: var(--pagebackground7); background-size: cover; no-repeat}
#eContentcurrentpage8 {background-image: var(--pagebackground8); background-size: cover; no-repeat}
#eContentcurrentpage9 {background-image: var(--pagebackground9); background-size: cover; no-repeat}
#eContentcurrentpage10 {background-image: var(--pagebackground10); background-size: cover; no-repeat}
#eContentcurrentpage11 {background-image: var(--pagebackground11); background-size: cover; no-repeat}
#eContentcurrentpage12 {background-image: var(--pagebackground12); background-size: cover; no-repeat}
#eContentcurrentpage13 {background-image: var(--pagebackground13); background-size: cover; no-repeat}
#eContentcurrentpage14 {background-image: var(--pagebackground14); background-size: cover; no-repeat}
#eContentcurrentpage15 {background-image: var(--pagebackground15); background-size: cover; no-repeat}
#eContentcurrentpage16 {background-image: var(--pagebackground16); background-size: cover; no-repeat}
#eContentcurrentpage17 {background-image: var(--pagebackground17); background-size: cover; no-repeat}
#eContentcurrentpage18 {background-image: var(--pagebackground18); background-size: cover; no-repeat}
#eContentcurrentpage19 {background-image: var(--pagebackground19); background-size: cover; no-repeat}
#eContentcurrentpage20 {background-image: var(--pagebackground20); background-size: cover; no-repeat}
#eContentcurrentpage21 {background-image: var(--pagebackground21); background-size: cover; no-repeat}
#eContentcurrentpage22 {background-image: var(--pagebackground22); background-size: cover; no-repeat}
#eContentcurrentpage23 {background-image: var(--pagebackground23); background-size: cover; no-repeat}

#eContentcurrentpage24 {background-image: var(--pagebackground24); background-size: cover; no-repeat}
#eContentcurrentpage25 {background-image: var(--pagebackground25); background-size: cover; no-repeat}
#eContentcurrentpage26 {background-image: var(--pagebackground26); background-size: cover; no-repeat}
#eContentcurrentpage27 {background-image: var(--pagebackground27); background-size: cover; no-repeat}
#eContentcurrentpage28 {background-image: var(--pagebackground28); background-size: cover; no-repeat}
#eContentcurrentpage29 {background-image: var(--pagebackground29); background-size: cover; no-repeat}
#eContentcurrentpage30 {background-image: var(--pagebackground30); background-size: cover; no-repeat}
#eContentcurrentpage31 {background-image: var(--pagebackground31); background-size: cover; no-repeat}
#eContentcurrentpage32 {background-image: var(--pagebackground32); background-size: cover; no-repeat}
#eContentcurrentpage33 {background-image: var(--pagebackground33); background-size: cover; no-repeat}
#eContentcurrentpage34 {background-image: var(--pagebackground34); background-size: cover; no-repeat}
#eContentcurrentpage35 {background-image: var(--pagebackground35); background-size: cover; no-repeat}
#eContentcurrentpage36 {background-image: var(--pagebackground36); background-size: cover; no-repeat}
#eContentcurrentpage37 {background-image: var(--pagebackground37); background-size: cover; no-repeat}
#eContentcurrentpage38 {background-image: var(--pagebackground38); background-size: cover; no-repeat}
#eContentcurrentpage39 {background-image: var(--pagebackground39); background-size: cover; no-repeat}
#eContentcurrentpage40 {background-image: var(--pagebackground40); background-size: cover; no-repeat}


.myrow {
    height: 42%;
}

.background-image {
    height: 600px;
    background-size: 100%;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center center;
}

@media (min-width: 768px) {
    .background-image {
        height: 100%;
        background-size: 100%;
        background-size: cover;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-position: 0px 0px;
    }
}

.imgBar {
    height: 100%;
    padding: 5px;
    width: auto;
}

.modal {
    text-align: center;
    padding: 0!important;
}

.modal:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -4px;
}

.modal-dialog {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    background-color: #0000ff;
}

.navbar {
    background-color: transparent;
    background: transparent;
    border-width: 0px;
}

.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    background-color: #cccccc;
    border-radius: 1px;
}

.navbar-transparent .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus {
    background-color: transparent;
    color: transparent;
}

@media (min-width: 768px) {
    #bs-example-navbar-collapse-1 .navbar-nav {
        display: inline-block;
        float: none;
        vertical-align: top;
    }
    #bs-example-navbar-collapse-1 {
        text-align: center;
        margin-right:40px;
    }
}

.navbar-brand>img {
    height: 100%;
    padding: 5px;
    /* firefox bug fix */
    width: auto;
}

.navbar-brand {
    padding: 0px;
    /* firefox bug fix */
}
.navbar .navbar-nav>.active>a,
.navbar .navbar-inner .navbar-nav>.active>a:hover,
.navbar .navbar-inner .navbar-nav>.active>a:focus {
    color: #000;
    background-color: transparent;
}

.privnav {
    margin-top: 40vh;
    position: fixed;
}

.nextnav {
    margin-top: 40vh;
    position: fixed;
    right: 0;
}

.privimg {
    height: 100px;
    width: 100px;
    opacity: 0.4;
}

.nextimg {
    height: 100px;
    width: 100px;
    opacity: 0.4;
}

@media ( max-width: 768px) {
    .privimg {
        height: 50px;
        width: 50px;
        opacity: 0.4;
    }
}

@media (max-width: 768px) {
    .nextimg {
        height: 50px;
        width: 50px;
        opacity: 0.4;
    }
}