﻿.galleryn {
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
-webkit-column-width: 100%;
-moz-column-width: 100%;
column-width: 100%;
}


.opace
{
    opacity:0.9;
 
}

.logos
{
    opacity:0.9;
    top:10px;
    left:60px;
    position : fixed    ;
    z-index :1000;
}


.prizebgwhite
        {
            border-top-left-radius: 5px;
            border-top-right-radius: 5px;
            border-bottom-left-radius: 5px;
            border-bottom-right-radius: 5px;
            padding :17px 5px 5px 5px ;
            background-color :White ;
        }


 .addtextbox
        {
            border-top-left-radius: 2px;
            border-top-right-radius: 2px;
            border-bottom-left-radius: 2px;
            border-bottom-right-radius: 2px;
        }
	 .textbox3
        {
            border-top-left-radius: 3px;
            border-top-right-radius: 3px;
            border-bottom-left-radius: 3px;
            border-bottom-right-radius: 3px;
        }
        
         .textboxtalks
        {
            border-top-left-radius: 8px;
            border-top-right-radius: 8px;
            border-bottom-left-radius: 8px;
            border-bottom-right-radius: 8px;
        }
        
        .shadow {
   -moz-box-shadow:    inset 0 0 10px #000000;
   -webkit-box-shadow: inset 0 0 10px #000000;
   box-shadow:         inset 0 0 10px #000000;
}

.one-edge-shadow {
	-webkit-box-shadow: 0 10px 30px -10px black;
	   -moz-box-shadow: 0 10px 30px -10px black;
	        box-shadow: 0 10px 30px -10px black;
}

.one-edge-shadow-thin {
	-webkit-box-shadow: 0 5px 15px -5px black;
	   -moz-box-shadow: 0 5px 15px -5px black;
	        box-shadow: 0 5px 15px -5px black;

 
}

.right-side-shadow {
  -moz-box-shadow:    0 1px 3px -2px gray;
  -webkit-box-shadow: 0 1px 3px -2px gray;
  box-shadow:         0 1px 3px -2px gray;
}

 .textbox
        {
            border-top-left-radius: 6px;
            border-top-right-radius: 6px;
            border-bottom-left-radius: 6px;
            border-bottom-right-radius: 6px;
        }
        
         .actincreporter
        {
           border-top-left-radius: 4px;
           border-bottom-left-radius: 4px;
           margin-top:0px;
           margin-left:0px;
           margin-bottom :0px;
           float:left ;
 
        }
        
        
        .textboxdefaultpage
        {
            border-top-left-radius: 4px;
            border-top-right-radius: 4px;
            border-bottom-left-radius: 0px;
            border-bottom-right-radius: 0px;
        }
        
        
  .textboxround
        {
            border-top-left-radius: 100px;
            border-top-right-radius: 100px;
            border-bottom-left-radius: 100px;
            border-bottom-right-radius: 100px;
        }   
        
         .textboxroundcmtbx
        {
            border-top-left-radius: 8px;
            border-top-right-radius: 8px;
            border-bottom-left-radius: 8px;
            border-bottom-right-radius: 8px;
        }       
            
        
        
.imgA1 { top: 25px; left: 30px; z-index: 1; } 
.imgB1 { position:absolute; top: 150px; left: 20px; z-index: 2; } 
.imgB11 { position:absolute; top: 130px; left: 13px; z-index: 2; } 
.imgB111 { position:absolute; top: 130px; left: 20px; z-index: 2; } 

.imgA2 { position:absolute; top: 25px; left: 15px; z-index: 1; } 
.imgB2 { position:absolute; top: 138px; left: 20px; z-index: 2; } 

 /* .loading0  
    {

    background-repeat: no-repeat;
    }*/


.textbox2
        {
            border-top-left-radius: 3px;
            border-top-right-radius: 3px;
            border-bottom-left-radius: 3px;
            border-bottom-right-radius: 3px;
            -webkit-box-shadow: 0 3px 9px -3px black;
	        -moz-box-shadow: 0 3px 9px -3px black;
	        box-shadow: 0 3px 9px -3px black;
        }
        
        .textboxsn
        {
            border-top-left-radius: 1px;
            border-top-right-radius: 1px;
            border-bottom-left-radius: 1px;
            border-bottom-right-radius: 1px;
            -webkit-box-shadow: 0 3px 9px -3px gray;
	        -moz-box-shadow: 0 3px 9px -3px gray;
	        box-shadow: 0 3px 9px -3px gray;
	       border-style :solid ;
	       border-width:3px;
	       border-color :#F0F0F0;
	       background-color :#F0F0F0;
	      
        }
        
          .textboxsnprize
        {
            border-top-left-radius: 3px;
            border-top-right-radius: 3px;
            border-bottom-left-radius: 3px;
            border-bottom-right-radius:3px;
            -webkit-box-shadow: 0 3px 9px -3px gray;
	        -moz-box-shadow: 0 3px 9px -3px gray;
	        box-shadow: 0 3px 9px -3px gray;
	       border-style :solid ;
	       border-width:3px;
	       border-color :#F0F0F0;
	       background-color :#F0F0F0;
	      
        }
        
         .textboxsnfb
        {
            border-top-left-radius: 1px;
            border-top-right-radius: 1px;
            border-bottom-left-radius: 1px;
            border-bottom-right-radius: 1px;
            -webkit-box-shadow: 0 3px 9px -3px gray;
	        -moz-box-shadow: 0 3px 9px -3px gray;
	        box-shadow: 0 3px 9px -3px gray;
	       border-style :solid ;
	       border-width:4px;
	       border-color :#F0F0F0;
	       background-color :#F0F0F0;
	      
        }
        
        .textbox22
        {
            border-top-left-radius: 10px;
            border-top-right-radius: 10px;
            border-bottom-left-radius: 10px;
            border-bottom-right-radius: 10px;
            -webkit-box-shadow: 0 1px 3px -1px black;
	        -moz-box-shadow: 0 1px 3px -1px black;
	        box-shadow: 0 1px 3px -1px black;
        }
        
        .lightshadow
        {
            -webkit-box-shadow: 0 3px 3px -3px gray;
	        -moz-box-shadow: 0 3px 3px -3px gray;
	        box-shadow: 0 9px 9px -9px gray;
        }
        
 
.btn:hover
{
	
    text-align: center;
    background-color:#FD7E00 !important;
    box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);



}
    
    
    .selectbox
{
    width: 98%;
    height: 27px;
    background-color: #FFF;
    font: 400 12px/18px 'Open Sans' , sans-serif;
    color: #624462;
    font-weight: normal;
    border: 1px solid #ccc;
    margin: 5px 0 0 0;
    padding: 5px;
}



.one-edge-shadow-thin4anaaylitics {
	-webkit-box-shadow: 0 5px 5px -5px black;
	   -moz-box-shadow: 0 5px 5px -5px black;
	        box-shadow: 0 5px 5px -5px black;

 
}

.textbox20
        {
        	  border-top-left-radius: 4px;
            border-top-right-radius: 4px;
            border-bottom-left-radius: 4px;
            border-bottom-right-radius: 4px;
  
            -webkit-box-shadow: 0 1px 6px -2px gray;
	        -moz-box-shadow: 0 1px 6px -2px gray;
	        box-shadow: 0 1px 6px -2px gray;
  
	        /*-webkit-box-shadow: 0 5px 5px -5px black;
	        -moz-box-shadow: 0 5px 5px -5px black;
	        box-shadow: 0 5px 5px -5px black;*/
      
        }
        .divv:hover
        {
         
            -webkit-box-shadow: 0 4px 25px 0px #009595;
	        -moz-box-shadow: 0 4px 25px 0px #009595;
	        box-shadow: 0 4px 25px 0px #009595;
	        
            }
            
            
            .textboxtd
        {
        	  border-top-left-radius: 6px;
            border-top-right-radius: 6px;
        }
        
/*gallery from manish*/
.gallery {
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
-webkit-column-width: 33;
-moz-column-width: 33%;
column-width: 33%;

 }
.gallery .pics {
-webkit-transition: all 350ms ease;
transition: all 350ms ease; 
}
.gallery .animation {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1); }


/*gallery for prize*/
.galleryprize {
-webkit-column-count: 4;
-moz-column-count: 4;
column-count: 4;
-webkit-column-width: 25%;
-moz-column-width: 25%;
column-width: 25%;


 }
 
 .galleryprize .pics {
-webkit-transition: all 350ms ease;
transition: all 350ms ease; 
}
.galleryprize .animation {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1); }
 

/*gallery for reporter*/
.galleryr {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
-webkit-column-width: 50%;
-moz-column-width: 50%;
column-width: 50%;


 }
.galleryr .pics {
-webkit-transition: all 350ms ease;
transition: all 350ms ease; 
}
.galleryr .animation {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1); }






/*gallery for reporter*/
.galleryrr {
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
-webkit-column-width: 100%;
-moz-column-width: 100%;
column-width: 100%;


 }
.galleryr .pics {
-webkit-transition: all 350ms ease;
transition: all 350ms ease; 
}
.galleryr .animation {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1); }





/*font responsive*/

.responsive-width {
        font-size: 20px;
    }

 
@media all and (max-width: 768px) {
    .responsive-width {
        font-size: 19px;
    }
}  
 
@media all and (max-width: 600px) {
    .responsive-width {
        font-size:19px
    }
    
    

    
    .gallery {
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
-webkit-column-width: 100%;
-moz-column-width: 100%;
column-width: 100%;
}

    .galleryr {
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
-webkit-column-width: 100%;
-moz-column-width: 100%;
column-width: 100%;
}

    .galleryprize {
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
-webkit-column-width: 100%;
-moz-column-width: 100%;
column-width: 100%;
}

}

 
@media all and (max-width: 480px) {
    .responsive-width {
        font-size: 19px
        
           }
           .gallery {
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
-webkit-column-width: 100%;
-moz-column-width: 100%;
column-width: 100%;
}

    .galleryr {
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
-webkit-column-width: 100%;
-moz-column-width: 100%;
column-width: 100%;
}


    .galleryprize {
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
-webkit-column-width: 100%;
-moz-column-width: 100%;
column-width: 100%;
}

}


@media all and (max-width: 360px) {
    .responsive-width {
        font-size: 19px;
    }
    .gallery {
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
-webkit-column-width: 100%;
-moz-column-width: 100%;
column-width: 100%;
}



    .galleryr {
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
-webkit-column-width: 100%;
-moz-column-width: 100%;
column-width: 100%;
}

    .galleryprize {
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
-webkit-column-width: 100%;
-moz-column-width: 100%;
column-width: 100%;
}


}


@media all and (max-width: 320px) {
    .responsive-width {
        font-size:19px;
    }
}

 /*-----------------------------------------------------*/

.containerdp{
position:relative;
	}
	
.image{
	opacity:1;
	display:block;
	transition: .1s ease;
	backface-visiility:hidden;
	left: 50%;
	}
	
.middle{
  transition: .5s ease;
  opacity: 0;
  position: relative;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%)
}

.containerdp:hover .image {
  -webkit-filter:blur(2px);
}

.containerdp:hover .middle {
  opacity: 1;
}
    
.btn:hover
{
	
    text-align: center;
    background-color:#FD7E00 !important;
    box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
}
       
    .selectbox
{
    width: 98%;
    height: 27px;
    background-color: #FFF;
    font: 400 12px/18px 'Open Sans' , sans-serif;
    color: #624462;
    font-weight: normal;
    border: 1px solid #ccc;
    margin: 5px 0 0 0;
    padding: 5px;
}
/*------------------------------------------------------------*/

        .loading
        {
            background-image: url(altimages/b4loadwallsmall.jpg);
        }
        .loaderror
        {
            background-image: url(altimages/b4loadwallsmall.jpg);
        }
        
          .wloading
        {
            background-image: url(altimages/wallloaderror.png);
        }
        .wloaderror
        {
            background-image: url(altimages/wallloaderror.png);
        }

        .loading2
        {
            background-image: url(altimages/b4loadDp.jpg);
        }
        .loaderror2
        {
            background-image: url(altimages/b4loadDp.jpg);
        }

.loading3 { background-image: url(altimages/b4add.jpg); }
.loaderror3 { background-image: url(altimages/b4add.jpg); }

.loading4 { background-image: url(altimages/b4addB.jpg); }
.loaderror4 { background-image: url(altimages/b4addB.jpg); }


    .loadingAdd
        {
            background-image: url(altimages/b4add.png);
        }
        .loaderrorAdd
        {
            background-image: url(altimages/b4add.png);
        }

/*-----------------------------tesimonals-------------------------------*/
.columntest {
  float: left;
  width: 25%;
}

/* Responsive layout - makes a two column-layout instead of four columns */
@media screen and (max-width: 900px) {
  .columntest {
    width: 50%;
  }
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .columntest {
    width: 100%;
  }
}

.bg-imagereadnewspapernews
{

    background-repeat:no-repeat;
    background-size:100%;
    background-attachment: fixed;
   
  
    
}
/*=============================================HOVER ON GAZETTE====================================*/

.container{
	position:relative;
	}
	
.image{
	opacity:1;
	display:block;
	<%--width:100%;--%>
	<%--height:auto;--%>
	transition: .1s ease;
	backface-visibility :hidden;
	}
	
.middle{
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%)
}

.container:hover .image {
  -webkit-filter:blur(2px);
}

.container:hover .middle {
  opacity: 1;
}

.text {
background:#ff0000;
  color: #ffffff;
  font-size: 10px;
  padding: 2px 2px;
  font-family:arial;
  font-weight:bolder;
}

.text1 {
background:#ffffff;
  color: #000000;
  font-size: 10px;
  padding: 2px 2px;
  font-family:arial;
  font-weight:bolder;
}
/*===================full backgrounf ========================*/
        .bbi { 
  background: url(altimages/dark_door.png) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

/*=================================================*/
.sdp { background-image: url(altimages/defaultDPsmall.png); }
/*=========================back ground scroll up===============dont work from here============*/
 @keyframes infiniteScrollBg {
  0% {
    transform: translateY(0%);
  }
  100%{
    transform: translateY(-100%);
  }
}

.animated-scene {
  width: 100%;
  height: 100%;
  position: fixed;
  min-height: 400px;
  animation: infiniteScrollBg 50s linear infinite;
}

.animated-scene__frame {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: bottom left;
  background-color: #ffffff;
  background-image: url('altimages/dark_door.png');
}

.bottom{
  background-position: top left;
}

.hazi
{
    background-image:blur(4px);
}
    
    
/*=================================for free gift font================================*/
.hfont {
  color: white;
  text-shadow: 2px 2px 4px #000000;
}

/*==================================sticky social icons============================*/
        .sticky-container{
    padding:0px;
    margin:0px;
    position:fixed;
    right:-100px;
    top:150px;
    width:170px;
    z-index: 1100;
}
.sticky li{
    list-style-type:none;
    background-color:#fff;
    color:#efefef;
    height:43px;
    padding:0px;
    margin:0px 0px 1px 0px;
    -webkit-transition:all 0.25s ease-in-out;
    -moz-transition:all 0.25s ease-in-out;
    -o-transition:all 0.25s ease-in-out;
    transition:all 0.25s ease-in-out;
    cursor:pointer;
}
.sticky li:hover{
    margin-left:-115px;
}
.sticky li img{
    float:left;
    margin:5px 4px;
    margin-right:5px;
}
.sticky li p{
    padding-top:5px;
    margin:0px;
    line-height:16px;
    font-size:11px;
}
.sticky li p a{
    text-decoration:none;
    color:#2C3539;
}
.sticky li p a:hover{
    text-decoration:underline;
}