@import url(http://fonts.googleapis.com/css?family=Nunito);



html {
 
}

#divdiv { 
 margin:0;
 padding:0;
 perspective:1px;
 transform-style:preserve-3d;
 height:100%;

 overflow-x: hidden;
  
}

h1 {
   font-size: 250%
}



#home-para2 {
	color:#fff; 
	text-align:justify;
	padding-right:9%;
  font-size: 70%;
  line-height: 150%;
 margin-top:90px;
  margin-bottom:50px;
}




#home-para2-sm{
	
color:#fff; 
	text-align:justify;
	padding-right:9%;
	margin-top:70px;
	font-size:13px;}
	
.slide {
  position: relative;
 
 
  width: 100vw;
  box-sizing: border-box;
  box-shadow: 0 -1px 10px rgba(0, 0, 0, .7);
	transform-style: inherit;
}






/*



.header {
  text-align: center;//text center

.slide {
  
  padding: 25vh 10%;}// for centerlised div
   min-height: 100vh;//for the height 
  
img {
  position: absolute;
  top: 50%;
  left: 35%;
  width: 320px;
  height: 240px;
  transform: translateZ(.25px) scale(.75) translateX(-94%) translateY(-100%) rotate(2deg);
  padding: 10px;
  border-radius: 5px;
  background: rgba(240,230,220, .7);
  box-shadow: 0 0 8px rgba(0, 0, 0, .7);
}

img:last-of-type {
  transform: translateZ(.4px) scale(.6) translateX(-104%) translateY(-40%) rotate(-5deg);
}



 text-shadow: 0 2px 2px #000;*/

.slide:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left:0;
  right:0;
}

.title {
  width: 50%;
  padding: 5%;
  border-radius: 5px;
  background: rgba(240,230,220, .7);
  box-shadow: 0 0 8px rgba(0, 0, 0, .7);
}

.slide:nth-child(2n) .title {
  margin-left: 0;
  margin-right: auto;
}

.slide:nth-child(2n+1) .title {
  margin-left: auto;
  margin-right: 0;
}

.slide, .slide:before {
  background: 50% 50% / cover;  
}

.header {
    font-size: 175%;
  color: #fff;
 
}

#title {
	background-attachment: fixed;
	background-image: url(../images/1.jpg);
	background-repeat: no-repeat;
}

#slide1:before {
	transform: translateZ(-1px) scale(2);
	z-index: -1;
	
}


#slide1{
	background-image: url(../images/kerala-candid-wedding-photography-cochin-kochi-ernakulam-trissur-thrissur-trichur-25.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	
	}



#slide2 {
	background-attachment: fixed;
	background-image: url(../images/1.jpg);
	background-repeat: no-repeat;
}

#slide3:before {
  background-image: url("http://lorempixel.com/output/abstract-q-c-640-480-5.jpg");
  transform: translateZ(-1px) scale(2);
  z-index:-1;
}

#slide4 {
  background: #ef004a;
 
}

#imgbgcolor{
	background-color:#c0003b;
}




@media only screen  and (min-width: 1200px){
	
	#img1{
	
	background-repeat: no-repeat;
	height: 500px;
	background-image: url(../images/2nd/044%20-%20Copy.jpg);
	
	}

#headergroup6{
	background-color:#c0003b; 
	
	
	margin-top:50px;
	}


}
@media only screen  and (min-width: 768px) and (max-width: 1199px) {
	
	#img1{
	
	background-image: url(../images/2nd/044%20-%20Copy.jpg);
	background-repeat:no-repeat;
	height:500px;
 background-image: !important;
 background-position:center;
	}
#headergroup6{
 background-color:#c0003b; 
	height:500px;
	
	margin-top:50px;
	}
	}
	
	
	

@media only screen  and (min-width: 780px) and (max-width: 930px) {


#img1{
	
	background-image: url(../images/2nd/3.jpg);
	background-repeat:no-repeat;
	height:336px;
 background-image: !important;
 background-position:center;
 margin-left:-36px;}
 
 
#headergroup6{
 background-color:#c0003b; 
	height:500px;
	
	margin-top:50px;
	}
	
	
	
	}
	




@media only screen  and (max-width: 767px){
	
	
	#img1{
	background-repeat: no-repeat;
	height: 300px;
 background-image: !important;
	background-position: center;
	background-image: url(../images/2nd/2.jpg);
	}
	
#headergroup6{
 
	height:300px;
	
	margin-top:50px;
	}
	
	
	}




#headergroup1{
	background-color:#c0003b; 
	height:500px;
	
	margin-top:50px;
	}
	
	
	#headergroup2{
	 background: rgba(192,0,59, 0.7);
	
	
	margin-top:50px;
	

	}
#headergroup3{
	background-color:#8e002c; 
	
	 
	margin-top:50px;
	
	margin-bottom:50px;
	}	
	#headergroup4{
	background-color:#c0003b; 
	
	 opacity: 0.5;
	margin-top:50px;
	height:500px;
	
	margin-bottom:50px;
	margin-right:5px;
	
	}	
	
	
	#headergroup5{
	background-color:#8e002c; 
	color:#FFF;
	font-size:24px;
	
	
	}	
	#headergroup4 p{
	 
	color:#939393;
	font-size:24px;
	
	
	}	
	
	
	#img2{
	
	margin-top:100px;
	margin-bottom:120px;
	height:400px;
	
	
	
	
		}
	
	
	
	#navheader{
		background-color:#000; 
		font-family: Nunito;
		
		}
		
		
ul li a{
	
	font-size:15px;}
	
#img4{
	border:5px solid #e1455e;
	margin-left:50px;
	
	}	
#img5{
	border:5px solid #e1455e;

	}
	
	
#table1{
	
	
	  height:150px;
	 margin-top:20px;
	 margin-left:34px;}	
	 
#table2{
	
	 height:180px;
	 
	 margin-top:20px;
	}	
	#table3{
	
	 height:180px;
	 
	
	}	
	    
	
table{
	width:100%;
	color:#FFF;
	 font-size:12px;
	
	}	
#currenttb{
	 font-size:15px;
	color: #000; 
	text-decoration:none;}		
#tablea{
	color:#FFF; 
	text-decoration:none;
	}
	
		
/* form*/	
	
	form{
		font-size:10px;}

form header {
 
}
form header div {
  font-size: 30%;
  color: #999;
}
form header h2 {
  margin: 0 0 5px 0;
}
form > div {
  clear: both;
  overflow: hidden;
 
  margin: 0 0 10px 0;
}
form > div > fieldset > div > div {
  margin: 0 0 5px 0;
}
form > div > label,
legend {
	width: 25%;
  float: left;
 
}
form > div > div,
form > div > fieldset > div {
  width: 75%;
  float: right;
}
form > div > fieldset label {
	font-size: 30%;
}
fieldset {
	border: 0;
  padding: 0;
}

input[type=text],
input[type=email],
input[type=url],
input[type=password],
textarea {
	width: 50%;
 
}
input[type=text],
input[type=email],
input[type=url],
input[type=password] {
  width: 90%;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
textarea:focus {
  outline: 0;
  
}


form{
	margin-right:30px;
	margin-top:10px;
	background-color:#ca0240;}
	
	label{
		color:#000;
		font-family:"Times New Roman", Times, serif;
		font-size:14px;}
		
		
		#heading{
		 color:#FFF;
		 font-size:18px;
		  background-color:#b40038;
		  width:100%;
		 margin-top:15px;
		 margin-bottom:15px;
		  text-align:left;
		 }
		  
		  
		  

	
	
			  
@media (min-width: 1200px) {
  form > div > label,
	legend {
  	text-align: right;
  }
}

/* end form*/	





@media only screen and (max-width: 380px)  {
	
	
	#html5-lightbox{
	
	margin-top:4500px;
	}
	
	
	#copy{
		
		
		font-size:13px;}
	}

@media only screen and (min-width: 381px)  {
	
	#copy{
		
		
		font-size:20px;}
	}
		
	
	@media only screen and (max-width: 480px) and (min-width: 380px) {
		#html5-lightbox{
	
	margin-top:4000px;
	}
	}
	
	@media only screen and (max-width: 551px) and (min-width:481px ) {
		
		
		
		#html5-lightbox{
	
	margin-top:4000px;
	}
		}
@media only screen and (max-width: 768px) and (min-width: 551px) {
	
	#html5-lightbox{
	
	margin-top:3700px;
	}	
}
@media only screen  and (min-width: 768px) and (max-width: 992px) {
	#html5-lightbox{
	
	margin-top:4000px;
	}
	

	
	
	
	}	
@media only screen  and (min-width: 993px) and (max-width: 1200px) {
	
	#html5-lightbox{
	
	margin-top:4000px;
	}
}
	
@media (min-width: 1200px) {
	
	#html5-lightbox{
	
	margin-top:2500px;
	}
	
	}
/*aboutus*/

#about1{
	background-image: url(../images/1.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-repeat:no-repeat;
	
	background-size:100% 100%;
	width:!important;
	}
#about2{
	
	
	 background: rgba(192,0,59, 0.7);
	margin-top:50px;
	
	
	}	
	
#imgbgcolora{
	background-color:#ef004a;}	
	
	#img1about{
	background-repeat: no-repeat;
	height: 100px;
    background-image: !important;
	background-position: center;
	background-image: url(../images/about.jpg);
	}
	
	
#about-para2{
	color:#fff; 
	text-align:justify;
	padding-right:9%;
	margin-top:-76px;}

	
	
	
	
	
	#about-para2-sm{
	
	color:#fff; 
	text-align:justify;
	padding-right:9%;
	margin-top:-206px;
	font-size:13px;}
	
	
		
	
		
		
	
	@media only screen and (max-width: 1200px)  {
	
	#para1{
		margin-left:5%;
		margin-right:5%;
		}
	
	}
	
button{
	background:none;
	border:none;}
	
	
	
	
	@media only screen  and (min-width: 280px) and (max-width: 500px) {
		
		
		
	#home-mob1{
		display:none;}
	
	
	
	
	
	#home-mob2{
		display:block;
		margin-top:-180px;}
		
		
		#home-para2-mob2{
		
	color:#fff; 
	text-align:justify;
	
	margin-top:20px;
	font-size:13px;}
				
		
		
		
		
		
		
		
		
		
		
	#about-mob1{
		display:none;}
	
	
	
	
	
	#about-mob2{
		display:block;
		margin-top:-180px;}
		
		
		#about-para2-mob2{
		
	color:#fff; 
	text-align:justify;
	
	margin-top:20px;
	font-size:13px;}
			
	
	}
	
	@media only screen  and (min-width: 500px) and (max-width: 780px) {
	
	
	
	
	
	#home-mob2{
		display:none;}
	
	
	
	#home-mob1{
		display:block;
		
		}
		
		
	#home-para2-mob1{
		
	color:#fff; 
	text-align:justify;
	padding-right:11%;
	padding-left:11%;
	margin-top:20px;
	font-size:13px;}
			
	
	
	
	
	
	
	
	
	#about-mob2{
		display:none;}
	
	
	
	#about-mob1{
		display:block;
		
		margin-top:-150px;}
		
		
	#about-para2-mob1{
		
	color:#fff; 
	text-align:justify;
	padding-right:11%;
	padding-left:11%;
	margin-top:20px;
	font-size:13px;}
			
		
	}
	
		
	
/*aboutus*/


/*dropdown*/

.dropdown:hover .dropdown-menu {
    display: block;
	background-color:#666;
	
	
}

.nav-tabs .dropdown-menu, .nav-pills .dropdown-menu, .navbar .dropdown-menu {
    margin-top: 0;
	color:#fff;
	
}	



.nav-tabs .dropdown-menu, .nav-pills .dropdown-menu, .navbar .dropdown-menu a {
   
	color:#fff;
	
}	


 .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
           background-color:#666;
		   color:red;
        }
	
	
	 
 
	

/*end dropdown*/









/* wedding*/

#wed-hd{
	
	color:#fff;}

a.hidden{
	display:none;}


@media only screen and (max-width: 560px) and (min-width: 280px) {
#wed-mob1{
	display:none;
	}


#wed-mob2{
	display:block;
	}
	
	#wed-table{
		width:250px;
		
	}
	
#re-mob1{
	display:none;
	}		
	
#re-mob2{
	display:block;
	}	


#studio-mob1{
	display:none;
	
	}

#studio-mob2{
	display:block;
	
	}

	#headergroup4{
	background-color:#c0003b; 
	
	 opacity: 0.5;
	margin-top:50px;
	height:250px;
	
	margin-bottom:50px;
	margin-right:5px;
	
	}	
	
	
	
	}
	
@media only screen and (max-width: 500px) and (min-width: 380px) {	
	#headergroup1{
	background-color:#c0003b; 
	height:450px;
	
	margin-top:60px;
	}
	
	#img1{
	background-repeat: no-repeat;
	height: 336px;
 background-image: !important;
	background-position: center;
	background-image: url(../images/2nd/3.jpg);
	margin-left:-16px;
	margin-top:-20px;
	
	}
}	
	



	
@media only screen and (max-width: 560px) and (min-width: 500px) {	
	#headergroup1{
	background-color:#c0003b; 
	height:450px;
	
	margin-top:60px;
	}
	
	#img1{
	background-repeat: no-repeat;
	height: 336px;
 background-image: !important;
	background-position: center;
	background-image: url(../images/2nd/3.jpg);
	margin-left:-16px;
	margin-top:-20px;
	}
}		
	
@media only screen and (max-width: 380px) and (min-width: 280px) {	
	#headergroup1{
	background-color:#c0003b; 
	height:350px;
	
	margin-top:-40px;
	}
	#img1{
	background-repeat: no-repeat;
	height: 229px;
 background-image: !important;
	background-position: center;
	background-image: url(../images/2nd/4.jpg);
	margin-left:-16px;
	margin-top:-20px;
	}
	
	
	
}

@media only screen and (max-width: 780px) and (min-width: 560px) {

#wed-mob1{
	display:block;}	

#wed-mob2{
	display:none;
	}



#re-mob1{
	display:block;
	}		
	
#re-mob2{
	display:none;
	}	


#studio-mob1{
	display:block;
	}

#studio-mob2{
	display:none;
	}

#img1{
	background-repeat: no-repeat;
	height: 336px;
 background-image: !important;
	background-position: center;
	background-image: url(../images/2nd/3.jpg);
	}	
	
	
#img1{
	background-repeat: no-repeat;
	height: 336px;
 background-image: !important;
	background-position: center;
	background-image: url(../images/2nd/3.jpg);
	margin-left:-16px;
	margin-top:-20px;
	}	
	
#headergroup4{
	background-color:#c0003b; 
	
	 opacity: 0.5;
	margin-top:50px;
	height:250px;
	
	margin-bottom:50px;
	margin-right:5px;
	
	}		
	
	
}
@media only screen and (max-width: 990px) and (min-width: 780px) {


#headergroup4{
	background-color:#c0003b; 
	
	 opacity: 0.5;
	margin-top:50px;
	height:250px;
	
	margin-bottom:50px;
	margin-right:5px;
	
	}		
	
	


}


	
	
	
	


/*end wedding*/





#rstor-tab{
	width:620px;
	}

#rstor-tab1{
	width:520px;
	}


#rstor-tab2{
	width:260px;
	}



#L-tab1{
	width:279px;
	}