/*
Template Name: Latest Wedding
File: Layout CSS
Author: TemplatesOnWeb
Author URI: https://www.templateonweb.com/
Licence: <a href="https://www.templateonweb.com/license">Website Template Licence</a>
*/
/*********************center_home****************/
.carousel>.carousel-inner>.item>.circleElement {
    background-color: #000;
    border-radius: 50%;
    position: absolute;
    top: 11%;
    left: 39%;
    width: 400px;
    height: 400px;
    opacity: .5;
}
.center_home .carousel-indicators li { cursor: pointer }
.center_home .carousel-control {
    width: 60px;
    height: 0;
    margin-top:20%;
    font-size: 100px;
    background: none;
    border: none;
    font-weight: 300;
	color:#d93d3d;
	opacity:1;
}
.carousel-indicators li {
    background-color: #999;
    background-color: rgba(255,255,255,0.3);
}
.carousel-caption {
    padding: 20px 15px 20px 15px;
	background:#0000009e;
	bottom:0;
	border: 1px solid #890606;
}
.carousel-caption h1 {
   color:#ff6d6d;
   font-size:55px;
}
.carousel-caption span {
   font-size:55px;
}
.carousel-caption p {
    font-weight: 300;
	color:#fff;
}
.carousel-caption ul li {
display:inline-block;
margin-right:10px;
margin-left:10px;
}
.carousel-fade .carousel-inner .item {
    opacity: 0;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
}
.carousel-fade .carousel-inner .active { opacity: 1 }
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    opacity: 0;
    z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right { opacity: 1 }
.carousel-fade .carousel-control { z-index: 11 }
@media only screen and (max-width:767px) { 
    .carousel-caption {
        padding: 15px;
     }
    .carousel-caption h4 { font-size: 30px }
    .carousel-caption p {
        margin-top: 10px;
        font-size: 14px;
        margin-bottom: -10px;
    }
    .carousel { margin-bottom: 0 }
    .hero-unit { padding-bottom: 60px }
    .hero-unit p { font-size: 16px }

.carousel-container {
    width: 80% !important;
    padding-left: 10%;
    margin-top: 35px;
}
}
.carousel-caption_1{
width:45%;
left:30%;
bottom:0;
text-align:center;
  }
.center_home img{
margin-top:0;
width:100%;  
  }
/*********************center_home_end****************/

/*********************couple****************/
.couple_2l{
position:relative; 
 }
.couple_2li1{
position:absolute;
top:0;
width:100%;
background:#ff6d6d73;
height:100%;
padding-top:260px; 
display:none;
 }
.couple_2l:hover .couple_2li1{
display:block; 
 }
.couple_2m span{
font-size:55px;
display:block;
padding-top:260px; 
 }
.couple_2 .couple_1 span {
 font-size: 16px;
}
#couple{
padding-top:40px;
padding-bottom:40px; 
 }
#couple_o{
padding-top:40px;
padding-bottom:40px; 
 }
#couple_o .couple_1 ul li a {
    background-color: #ff6d6d;
}
/*********************couple_end****************/

/*********************memory****************/
#memory .couple_1 ul li {
    display: inline-block;
    margin-right: 10px;
    margin-left: 10px;
}
#memory {
    background-image: url(../img/6.jpg);
    background-position: center;
}
.memory_m{
padding-top:120px;
padding-bottom:120px; 
background:#0000006b;
 }
/*********************memory_end****************/

/*********************timeline****************/
#timeline{
padding-top:40px;
padding-bottom:40px; 
 }
.timeline_1l{
background:#ffeeee;
padding:20px 15px; 
 }
.timeline_1r img{ 
border:10px dashed #ff6d6d;
padding:10px;
}
.timeline_1{
margin-top:40px; 
 }
/*********************timeline_end****************/

/*********************events****************/
#events{
padding-top:40px;
padding-bottom:40px;
background: #ffeeee;
 }
#events .carousel-indicators li { cursor: pointer }
#events .carousel-control {
    width: 60px;
    height: 0;
    margin-top:20%;
    font-size: 100px;
    background: none;
    border: none;
    font-weight: 300;
	color:#d93d3d;
	opacity:1;
}
#events .carousel-caption_1{
width:30%;
left:0;
bottom:0;
text-align:center;
  }
/*********************events_end****************/


/*********************testimonial_home****************/


.quote {
     color:#ff6d6d;
    text-align: center;
    margin-bottom: 10px;
	font-size:18px;
}

/*-------------------------------*/
/*    Carousel Fade Transition   */
/*-------------------------------*/

#fade-quote-carousel.carousel {
  padding-bottom: 40px;
}
#fade-quote-carousel.carousel .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
      -ms-transition-property: opacity;
          transition-property: opacity;
}
#fade-quote-carousel.carousel .carousel-inner .active {
  opacity: 1;
  -webkit-transition-property: opacity;
      -ms-transition-property: opacity;
          transition-property: opacity;
}
#fade-quote-carousel.carousel .carousel-indicators {
  bottom: 10px;
}

#fade-quote-carousel blockquote {
    text-align: center;
    border: none;
	font-size:20px;
}
#fade-quote-carousel .profile-circle {
    width: 145px;
    height: 145px;
    margin: 0 auto;
    border-radius: 100px;
}
.profile-circle{
    background: url(../img/31.jpg);
  }
.profile-circle_1{
    background: url(../img/32.jpg);
	 width: 145px;
    height: 145px;
    margin: 0 auto;
    border-radius: 100px;
  }
.profile-circle_2{
    background: url(../img/33.jpg);
	 width: 145px;
    height: 145px;
    margin: 0 auto;
    border-radius: 100px;
  }
  .testimonial_home{
    background: #0a090966;
    padding: 20px;
}
.testimonial_home h4{
  margin-top:20px;
  color:#ff6d6d;
  font-size:26px;
  letter-spacing:1px;
  font-weight:bold;
  }
.testimonial_home h6{
 text-align:center;
 margin-top:15px;
 font-size:16px;
 color:#eee;
 margin-bottom:20px;
  }
.testimonial_home p{
  color:#fff;
  }
  
.testimonial_home .carousel-indicators > li{
      background: #fff;
	  border-color: #fff;
	  width:15px;
	  height:15px;
	  margin: 0 2px;
  }
.testimonial_home .carousel-indicators > li.active{
      width:15px;
	  height:15px;
	  background:#ff6d6d!important;
	  border-color:#ff6d6d; 
  }
#testimonial_home {
    background-image: url(../img/30.jpg);
    background-position: center center;
    background-size: cover;
}
.testimonial_m{
padding-top:120px;
padding-bottom:80px; 
background:#0000009c;
 }
/*********************testimonial_home_end****************/

/*********************contact_home****************/
.contact_homer{
 background: #0a090966;
    padding: 20px;
 }
   
.contact_homer .form-control{
 height:50px;
 border-color:#fff;
 box-shadow:none;
 margin-top:20px;
 border-radius:0;
 color:#666;
 font-size:16px;
 }
.contact_homer ::placeholder {
  color: #666;
  opacity: 1; /* Firefox */
}
.contact_homer .form_1 {
height:135px;
}
#contact_home {
    background-image: url(../img/36.jpg);
    background-position: center;
}
/*********************contact_home_end****************/

/*********************blog_h****************/
#blog_h{
padding-top:40px;
padding-bottom:40px; 
 }
.blog_h_1i h5{
font-size:22px; 
 }
.blog_h_1i h6{
font-size:14px; 
 }
.blog_h_1i h6 span{
display:inline-block;
margin-top:10px;
 }
.blog_h_1i{
box-shadow: 0 0 5px #ff6d6d4f;
padding:15px;
 }
/*********************blog_h_end****************/


@media screen and (max-width : 767px){
.center_home img{
min-height:300px!important; 
 }
.center_home .carousel-caption{
position:static;
width:100%;
background:#111; 
 }
.couple_2m span{
padding-top:10px; 
 }
.timeline_1l {
text-align:center;
margin-bottom:10px; 
 }
.timeline_1r {
text-align:center;
margin-bottom:10px; 
 }
.couple_2li img{
min-height:560px; 
 }
#events img{
min-height:400px!important; 
 }
#events h1{
font-size:40px;
 }
.contact_homer {
margin-top:15px;
text-align:center; 
 }
.blog_h_1i {
margin-top:10px;
text-align:center;  
 }
.blog_h_1i .button{
padding:12px 14px;  
 }
.blog_h_1i h6{
text-align:left; 
 }
 
#events .carousel-caption_1{
width:100%; 
 }
#testimonial_home p br{
display:none;
 }
}

@media (min-width:768px) and (max-width:991px) {
.center_home img{
min-height:500px!important; 
 }
.center_home h1{
font-size:36px;
 }
.couple_2li img{
min-height:560px; 
 }
#events .carousel-caption_1{
width:50%; 
 }
 }
@media (min-width:992px) and (max-width:1200px) {
.center_home h1{
font-size:45px;
 }
.couple_2li img{
min-height:560px; 
 }
 }
@media (min-width:1201px) and (max-width:1220px) {

 }