/* CSS for new landing page */


@font-face {
  font-family: 'EdwardianScriptITC';
  src: url('../font/EdwardianScriptITC/EdwardianScriptITC.eot?#iefix') format('embedded-opentype'),  url('../font/EdwardianScriptITC/EdwardianScriptITC.woff') format('woff'), url('../font/EdwardianScriptITC/EdwardianScriptITC.ttf')  format('truetype'), url('../font/EdwardianScriptITC/EdwardianScriptITC.svg#EdwardianScriptITC') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'ACaslonPro-Regular';
  src: url('../font/ACaslonPro-Regular/ACaslonPro-Regular.eot?#iefix') format('embedded-opentype'),  url('../font/ACaslonPro-Regular/ACaslonPro-Regular.otf')  format('opentype'),
	     url('../font/ACaslonPro-Regular/ACaslonPro-Regular.woff') format('woff'), url('../font/ACaslonPro-Regular/ACaslonPro-Regular.ttf')  format('truetype'), url('../font/ACaslonPro-Regular/ACaslonPro-Regular.svg#ACaslonPro-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}

#main_id{
	margin:0px auto;
	padding:0px;
	max-width:1100px;
	height:auto;
}
.weddingsec{
	margin:0px auto;
	padding:0px;
	max-width:1100px;
	height:auto;
}
.welcome{
	text-align:center;
}
.welcome h2{
 color:#1a809a;
 position:relative;
 max-width: 800px;
 margin: 40px auto;
 font-family: 'EdwardianScriptITC';
 font-size:60px;
  
}
.welcome h2::before{
  	content: "";
    background-image:url(../images/iconf.png);
	background-repeat:no-repeat;
	position:absolute;
	top:0px;
	left:0px;
	height:20px;
	width:69px;
}
.welcome h2::after{
  	content: "";
    background-image:url(../images/iconf.png);
	background-repeat:no-repeat;
	position:absolute;
	top:25px;
	right:0px;
	height:20px;
	width:69px;
}
.services2{
 background-image:url(../images/bg2_new.jpg);
 background-size:cover;
 background-repeat:no-repeat;
 width:100%;

 margin:50px 0px;
}

.sbox {
    position: relative;
    width: 30%;
	display:inline-block;
	margin:80px 17px; 
}

.image-hover {
  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  transition: .5s 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%);
  text-align: center;
  
  width:100%;
  height:100%;
}

.sbox:hover .image-hover {
  opacity: 1;

}

.sbox:hover .middle {
  opacity: 1;
  background:url(../images/strip.png);
}
.text{
 padding: 16px 20px;
 margin-top:60px;
 text-transform:uppercase;
}

.text h4 {
 font-family: 'ACaslonPro-Regular';
  color: white;
  font-size: 28px;
  padding: 16px 10px;
  margin-top:20px;
     border-bottom: 1px solid rgba(0, 0, 0, 0.3);
   background: transparent;
   margin: 20px 40px 0px 40px;
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -o-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   color: #333;
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
  
}

.text p{
font-family: 'ACaslonPro-Regular';
font-size:15px;
margin-top:30px;
color:#fff;
}

.planwedding{
width:55%;
float:left;
}
.planwedding p{
text-align:center;
}
.planwedding h2{
 margin: 40px auto;
 font-family: 'EdwardianScriptITC';
 font-size:50px;
 text-align:center;
 color:#1f839c;
 }
 .boder_in{
 margin:0px;
 padding:0px;
 text-align:center;
 margin-top:25px;
 }
.planwedding-right{
width:40%;
float:right;
}
.bg3{
 background:url(../images/bg3.jpg);
 background-size:cover;
 height:480px;
 width:100%;
 display:inline-block;
 margin:50px 0px;
 
 }
 .left-fet {
    position: relative;
    width: 24%;
	display:inline-block;
	margin:0px 15px; 
}

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

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

.left-fet:hover .Special_features {
  opacity: 1;
 
}
.left-fet .middleh {
  opacity: 1;
  background:url(../images/stripw.png);
}
.left-fet .middleh:hover {
  opacity: 0.8;
  color:#fff;
  
}
.text2{
 padding: 15px 15px;
 margin:0px;
 text-transform:uppercase;
}

.text2 a {
 font-family: 'ACaslonPro-Regular';
  color: #505251;
  font-size: 20px;
  border-bottom-style: double;
   margin-top:0px; 
}
.text2 a::before{
 background:url(../images/stripw.png);

}
.right-fet {
    position: relative;
    width: 24%;
	display:inline-block;
	margin:0px 15px;
	float:right;
}

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

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

.right-fet:hover .Special_features2 {
  opacity: 1;
 
}
.right-fet .middleh3 {
  opacity: 1;
  background:url(../images/stripw.png);
}
.right-fet .middleh3:hover {
  opacity: 0.8;
  color:#fff;
  
}
.text3{
 padding: 15px 15px;
 margin:0px;
 text-transform:uppercase;
}

.text3 a {
 font-family: 'ACaslonPro-Regular';
  color: #505251;
  font-size: 20px;
  border-bottom-style: double;
   margin-top:0px; 
}
.weddingsecbg5{
position:relative;
margin:85px auto;
height:auto;
}
.wcont{
background:url(../images/stripc.png);
height:100%;
position:absolute;
padding:50px;
}
.center{
position:absolute;
text-align:center;
margin:0px auto;
top:0px;
left:0px;
right:0px;
width:45%;
background:url(../images/bg4.jpg);
height:320px;
}
.wcont h2{
 font-family: 'ACaslonPro-Regular';
 text-transform:uppercase;
  color: #505251;
  font-size: 20px;
  border-bottom-style: double;
   margin:15px 0px; 
       display: inline-block;

}
.wcont p{
font-size:14px;

}
.wcont h4{
font-size:16px;
line-height:22px;
color:#524040;


}
.wcont span{
color:#61993a;
font-weight:500;
}

@media screen and (max-width: 1067px) {
.sbox{
width:29%;
}
.text{
    margin-top: 30px;
}
.text img{
display:none;
}

}

@media screen and (max-width: 907px) {
.sbox{
width:28%;
}
.text {
    margin-top: 0px;
}
.planwedding{
width:95%;
margin:0px auto;
padding:0px 30px;
}
.planwedding-right{
width:100%;
float:none;
margin:0px auto;
text-align:center;
}
.text p{
margin-top:10px;
font-size:12px;
}
.text h4{
font-size:22px;

}

}
@media screen and (max-width: 707px) {
.sbox{
width:30%;
}
.sbox{
width:90%;
}
.text{
    margin-top: 100px;
}
.text h4{
font-size:43px;

}
.text p{
font-size:33px;

}
.text img{
display:inline-block;
}
.planwedding{
width:95%;
margin:0px auto;
padding:0px 30px;
}
.planwedding-right{
width:100%;
float:none;
margin:0px auto;
text-align:center;
}
.services2{
text-align:center;
}
.left-fet{
    width: 95%;
}
.right-fet{
float:left;
}
.bg3{
height:auto;
}
.center{
position:static;
    width: 100%;
}
.right-fet{
display:inline-block;
width:100%;
margin:0px;

}
.left-fet{
display:inline-block;
width:100%;
margin:0px;
}
.boder_in{
width:100%;
}
.planwedding-right img {
width:100%;
text-align:center;
}
.text img {
width:100%;
}
}
@media screen and (max-width: 707px) {

.text {
margin-top:30px;
}
}

.mb-4, .my-4 {
    margin-bottom: 1.5rem !important;
}