@font-face { font-family: 'Eczar'; src: url('../fonts/Eczar-Medium.eot'); src: url('../fonts/Eczar-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/Eczar-Medium.woff2') format('woff2'), url('../fonts/Eczar-Medium.woff') format('woff'), url('../fonts/Eczar-Medium.ttf') format('truetype'), url('../fonts/Eczar-Medium.svg#Eczar-Medium') format('svg'); font-weight: 500; font-style: normal; }
@font-face { font-family: 'Eczar'; src: url('../fonts/Eczar-Regular.eot'); src: url('../fonts/Eczar-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Eczar-Regular.woff2') format('woff2'), url('../fonts/Eczar-Regular.woff') format('woff'), url('../fonts/Eczar-Regular.ttf') format('truetype'), url('../fonts/Eczar-Regular.svg#Eczar-Regular') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Eczar'; src: url('../fonts/Eczar-Bold.eot'); src: url('../fonts/Eczar-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Eczar-Bold.woff2') format('woff2'), url('../fonts/Eczar-Bold.woff') format('woff'), url('../fonts/Eczar-Bold.ttf') format('truetype'), url('../fonts/Eczar-Bold.svg#Eczar-Bold') format('svg'); font-weight: bold; font-style: normal; }
@font-face { font-family: 'Eczar'; src: url('../fonts/Eczar-SemiBold.eot'); src: url('../fonts/Eczar-SemiBold.eot?#iefix') format('embedded-opentype'), url('../fonts/Eczar-SemiBold.woff2') format('woff2'), url('../fonts/Eczar-SemiBold.woff') format('woff'), url('../fonts/Eczar-SemiBold.ttf') format('truetype'), url('../fonts/Eczar-SemiBold.svg#Eczar-SemiBold') format('svg'); font-weight: 600; font-style: normal; }
@font-face { font-family: 'GreatVibes-Regular'; src: url('../fonts/GreatVibes-Regular.eot'); src: url('../fonts/GreatVibes-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/GreatVibes-Regular.woff2') format('woff2'), url('../fonts/GreatVibes-Regular.woff') format('woff'), url('../fonts/GreatVibes-Regular.ttf') format('truetype'), url('../fonts/GreatVibes-Regular.svg#Eczar-SemiBold') format('svg'); font-weight: 600; font-style: normal; }
@font-face { font-family: 'Angkor'; src: url('../fonts/Angkor.eot'); src: url('../fonts/Angkor.eot?#iefix') format('embedded-opentype'), url('../fonts/Angkor.woff2') format('woff2'), url('../fonts/Angkor.woff') format('woff'), url('../fonts/Angkor.ttf') format('truetype'), url('../fonts/Angkor.svg#Angkor') format('svg'); font-weight: 500; font-style: normal; }
@font-face { font-family: 'TrajanPro-Bold'; src: url('../fonts/TrajanPro-Bold.eot'); src: url('../fonts/TrajanPro-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/TrajanPro-Bold.woff2') format('woff2'), url('../fonts/TrajanPro-Bold.woff') format('woff'), url('../fonts/TrajanPro-Bold.ttf') format('truetype'), url('../fonts/TrajanPro-Bold.svg#TrajanPro-Bold') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'TrajanPro-Regular'; src: url('../fonts/TrajanPro-Regular.eot'); src: url('../fonts/TrajanPro-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/TrajanPro-Regular.woff2') format('woff2'), url('../fonts/TrajanPro-Regular.woff') format('woff'), url('../fonts/TrajanPro-Regular.ttf') format('truetype'), url('../fonts/TrajanPro-Regular.svg#TrajanPro-Regular') format('svg'); font-weight: bold; font-style: normal; }
@font-face { font-family: 'CandlescriptDemoVersion'; src: url('../fonts/CandlescriptDemoVersion.eot'); src: url('../fonts/CandlescriptDemoVersion.eot?#iefix') format('embedded-opentype'), url('../fonts/CandlescriptDemoVersion.woff2') format('woff2'), url('../fonts/CandlescriptDemoVersion.woff') format('woff'), url('../fonts/CandlescriptDemoVersion.ttf') format('truetype'), url('../fonts/CandlescriptDemoVersion.svg#CandlescriptDemoVersion') format('svg'); font-weight: 600; font-style: normal; }
img { max-width: 100%; }
.banner-section { position: relative; }
.banner-section .banner-text { position: absolute; left: 0; right: 0; top: 50%; text-align: center; margin: 0 auto; display: block; transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); }
.banner-section .banner-text .ganesh-text { font-size: 30px; margin: 0; color: #7c6650; }
.banner-section .banner-text .invite-text { text-transform: capitalize; margin: 0; letter-spacing: 5px; color: #dcdbdb; padding: 50px 0 30px 0; }
.our-wedding-section { position: relative; background: #fef0ee; }
.our-wedding-section .design-top { position: absolute; top: 0; left: 0; right: 0; }
.our-bandhan-section .name-box h2 { font-family: 'TrajanPro-Regular'; margin-bottom: 0; font-size: 60px; font-weight: bold; color: #87898e; }
.custom-container { width: 98%; margin: 0 auto; }
.wedding-box { text-align: center; }
.common-section .title-box { text-align: center; width: 760px; margin: 0 auto 30px; text-align: center; }
.title-box img { width: 100%; }
.our-wedding-section .design-animation { width: 100%; -webkit-background-size: cover; background-size: cover; height: 100vh; overflow: hidden; z-index: 1; }
.our-wedding-section .design-animation .design-top { background: url(../images/design-top.png); height: 471px; background-size: cover; position: absolute; top: 0px; left: 0px; right: 0; width: 100%; }
.our-wedding-section .design-animation .design-bottom { background: url(../images/design-bottom.png); height: 471px; background-size: cover; position: absolute; bottom: 0px; left: 0px; right: 0; width: 100%; }
.title-box .our-wedding-box { width: 280px; margin: 0 auto; }
.title-box .our-wedding-box  img { width: 100%; }

/*.our-bandhan-section .bootom-pattern .middle-image {display: block; width: 100%; position: absolute; left: 0; right: 0; margin: 0 auto;bottom: -19px;}
*/
.wedding-text img { width: 560px; margin: 0 auto; }
.title-box .wedding-text p { font-family: 'Arial'; color: #87898e; font-size: 22px; margin-bottom: 0; }
.our-bandhan-section .girl-box, .our-bandhan-section .boy-box { vertical-align: bottom; display: inline-block; width: 30%; text-align: center; }
.our-bandhan-section .girl-box img, .our-bandhan-section .boy-box img { margin-bottom: 12px; }
.our-bandhan-section .title-box { vertical-align: bottom; display: inline-block; margin-top: 0 !important; width: 39%; text-align: center; }

/*.ganesh-puja-section {position: relative; background: url(../images/save-date-new.png);height: 100%; text-align: center; background-size: cover; background-repeat: no-repeat;}
*/
.ganesh-puja-section .ganesh-face { width: 280px; }
#countdown div { font-size: 64px; color: #87898e; text-align: center; display: inline-block; vertical-align: middle; margin-right: 25px; font-family: 'Bodoni MT'; position: relative; }
#countdown div span { display: block; font-size: 15px; color: #b79338; font-family: 'Arial'; text-transform: capitalize; }
.ganesh-puja-section .date-box h2 { color: #87898e; font-family: 'TrajanPro-Bold'; font-size: 36px; color: #e3077c; font-weight: normal; margin: 40px 0 10px; letter-spacing: -5px; }
.middle-box  .invite-text { text-transform: uppercase; font-size: 42px; margin: 0 auto; width: 777px; color: #d9718f; padding-top: 50px; font-family: 'TrajanPro-Bold'; }

/*.our-wedding-section .thank-you-box {width: 350px; margin: 0 auto; display: block; position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%);-o-transform: translateY(-50%);-ms-transform: translateY(-50%);-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);}
.our-wedding-section {position: relative; background: url(../images/family.jpg); background-size: cover; background-repeat: no-repeat;}
.our-wedding-section {padding-top: 150px; height: 100vh;} 
.our-wedding-section .overlay-bg {background-color: rgb(0, 0, 0); opacity: 0.6;width: 100%; height: 100%; top: 0; left: 0; position: absolute; z-index: 1;}
*/
#countdown div::after { content: ""; position: absolute; right: -15px; width: 2px; top: 40%; height: 45px; background: #87898e; transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; }

/*.inner-wedding-box .top-box > .middle-box .left-box, .inner-wedding-box .top-box > .middle-box .photo-box, .inner-wedding-box .top-box > .middle-box .right-box {display: inline-block; vertical-align: top; }
*/
.our-bandhan-section .bootom-pattern { position: absolute; left: 0; right: 0; bottom: 0; }

/*
.inner-wedding-box {position: absolute;left: 0; right: 0; top: 50%;}
*/

/*.photo-box {position: absolute;left: 0; right: 0; top: 50%; margin:0 auto;transform: translateY(-50%);-o-transform: translateY(-50%);-ms-transform: translateY(-50%);-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);}*/
.pattern-img h2 { font-size: 32px; color: #7c099c; margin: 0; margin-top: 5px; font-family: 'Angkor' }
.photo-box > img { display: block; margin: 0 auto; width: 250px; }
.photo-box h2 { position: relative; display: inline-block; font-size: 46px; color: #7c099c; margin: 0; margin-top: 20px; font-family: 'TrajanPro-Bold' }
.main-bg-img { width: 750px; margin: 0 auto; }
/*.patch-box-bottom {position: absolute; top: 50%; left: 0; right: 0; margin: 0 auto; text-align: center;transform: translateY(-50%);-o-transform: translateY(-50%);-ms-transform: translateY(-50%);-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);}
*/
.wedding-box h2 { position: relative; display: inline-block; font-family: 'CandlescriptDemoVersion'; font-size: 115px; color: #d9718f; margin: 0; }

/*.wedding-box {position: relative;}
*/
.wedding-box .our-wed { width: 600px; }
.wedding-text-box { text-align: center; }
.wedding-text-box .r-name { width: 240px; }
.wedding-text-box .s-name { width: 320px; }
.wedding-text-box h2 { font-family: 'CandlescriptDemoVersion'; font-size: 115px; color: #e3077c; margin: 0; }
.wedding-text-box p { font-family: 'TrajanPro-Bold'; font-size: 30px; width: 60%; margin: 0 auto; color: #7c099c; margin-top: 15px; margin-bottom: 0; }
.wedding-text-box .middle-text { margin-top: 15px; }
.wedding-text-box h3 { font-family: 'TrajanPro-Bold'; margin-top: 30px; font-size: 40px; color: #7c099c; margin-bottom: 0; }
.wedding-text-box span { color: #4d4d4d; font-family: 'TrajanPro-Bold'; font-size: 30px; margin: 0; display: block; }

/*.wedding-box h2:after {content:url(../images/tittle-design.png); position: absolute; bottom: -95px; left: -0px; right: 0; margin: 0 auto;}
*/
.wedding-box img { width: 340px; display: block; margin: 0 auto; }
/*.photo-box h2:after { content: url(../images/Pattern.png); position: absolute; bottom: -45px; left: -110px; right: 0; margin: 0 auto; } */
.photo-box .p-box { margin-top: -70px; }
.date-box h3 { color: #7c099c; font-family: 'TrajanPro-Bold'; font-size: 28px; }
.inner-wedding-box .top-box { width: 70%; text-align: center; margin: 0 auto; padding-top: 50px; position: relative; }
.couple-photo-box { position: absolute; left: 0; right: 0; top: 190px; }
.photo-box { padding-top: 55px; }
.top-box .ganesh-text { font-size: 32px; color: #4d4d4d; margin: 0; }
.wedding-banner-section { overflow: hidden; }
.wedding-main-box { position: relative; }
/*.patch-box-bottom { position: absolute; left: 0; right: 0; height: 999px; top: 50%; background: url(../images/Patch-2.png); background-repeat: no-repeat; background-position: center; transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); } */
.wedding-main-box .main-bg-img-2 { text-align: center; }
.wedding-main-box .main-bg-img-2 img { width: 950px; margin: 0 auto; }
.common-text-box { position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); }
.ganesh-puja-section .sangeet-box .time-box ul li { display: inline-block; list-style: none; margin-right: 150px; }
.ganesh-puja-section .sangeet-box .time-box ul { padding: 0; margin: 0; }
.ganesh-puja-section { text-align: center; }
.sangeet-box-section { padding-top: 100px; }
.sangeet-box-section.wedding-design { padding-top: 0; }
.sangeet-box-section .top-left-flower { position: absolute; left: 0; top: 0; width: 500px; }
.sangeet-box-section .bottom-right-flower { position: absolute; right: 0; bottom: 0; width: 420px; }
.sangeet-box .wedding-box img { width: 680px; }
.sangeet-box .wed-img img { width: 365px; }
.ganesh-puja-section .sangeet-box .time-box ul li h2 { font-size: 30px; margin: 20px 0 0; color: #713283; font-family: 'TrajanPro-Bold'; }
.ganesh-puja-section .sangeet-box .time-box ul li:last-child { margin: 0; }
.ganesh-puja-section .sangeet-box .time-box ul li p { font-size: 30px; color: #e3077c; font-family: 'TrajanPro-Bold'; }
.adrress-box h3 { font-size: 30px; color: #713283; font-family: 'TrajanPro-Bold'; }
.welcome-box p { font-size: 18px; font-family: 'TrajanPro-Bold'; color: #727271; margin: 0; }
.welcome-box h3 { font-family: 'TrajanPro-Bold'; color: #713283; margin-top: 5px; font-size: 22px; }
.design-patern { margin: 30px auto 0; width: 45px; }
.design-patern img { width: 60px; }
.welcome-box:last-child p { margin-top: 20px; }
.our-wedding-section { text-align: center; }
/*.wedding-design { background: url(../images/Patch-2.png); height: 100vh; background-repeat: no-repeat; background-position: center; }*/
.welcome-guest-box {width: 60%; margin:20px auto 0;}
.welcome-guest-box .welcome-box {width: 33%; display: inline-block; vertical-align: top;}
.welcome-guest-box .welcome-box:last-child p {margin-top: 0;}
.welcome-guest-box .first-box, .welcome-guest-box .third-box { padding-top: 40px; }
.map-section { text-align: center;}
.map-design-box  { width: 950px; text-align: center; margin: 30px auto; }
.map-design-box .map-img { width: 840px; margin: 0 auto; position: absolute; left: 0; right: 0; top: 150px; }
.map-design-box .p-img { width: 100%; margin: 0 auto; position: absolute; left: 0; right: 0; bottom: 5%; }
.sangeet-box-section .main-bg-img-3 { width: 950px; margin: 0 auto; }
.sangeet-box-section .wed-date-box { position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); }

.sangeet-box {position: absolute; left: 0; right: 0; margin: 0 auto; top: 50%; transform: translateY(-50%);}

.ganesh-puja-section .sangeet-box-section .main-bg-img-2 {width: 950px; margin: 0 auto;}


/*.photo-box-logo {width: 290px;
height: 290px;
position: relative;
margin: 0 auto;
display: block;}
.photo-box-logo img {position: absolute;
left: 0;
right: 0;
margin: 0 auto;

top: 50%;
transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);}

.circle-box {background: url('../images/SR - 2.png');
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto;
background-position: center center;
height: 290px;
width: 290px;
margin: 0 auto;
display: block;
background-size: 100% 100%;
-webkit-animation: rotation 55s infinite linear;}


@-webkit-keyframes rotation {
	from { -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); }
	to { -webkit-transform: rotate(359deg); -o-transform: rotate(359deg); -ms-transform: rotate(359deg); -moz-transform: rotate(359deg); }
}*/

/*.sangeet-box-section {display: none;}*/

/*.sangeet-banner {background: url('../images/Web Banner - Sangeet.png'); background-size: cover; height:1080px; background-repeat: no-repeat; }*/
.footer-section {text-align: center; position: absolute; bottom: 0; left: 0; right: 0;} 
.footer-section footer p {font-size: 18px; color: #7c099c; font-family: 'TrajanPro-Bold'}
.footer-section footer p i {color: #e5097f;}
.footer-section footer p a {color: #e5097f; font-family: 'TrajanPro-Bold'}

.nov-box {width: 206px; display: inline-block;}
.pattern-line {width: 83px; display: inline-block;}
.baraat-box {display: inline-block; vertical-align: middle; }
.baraat-box ul li {list-style: none; text-align: left;}
.baraat-box ul li h2 { font-size: 36px;  font-family: 'TrajanPro-Bold'; color:#7c099c;}
.baraat-box ul li p {font-size: 28spx; color: #e5097f; font-family: 'TrajanPro-Bold';}
.baraat-box ul {padding-left: 0;}