*{margin:0;padding:0;border:none}
abbr,acronym,dfn{cursor:help;border-bottom:1px #000 dashed}
dfn{font-style:normal}
.floatleft{float:left !important}.floatright{float:right !important}
.clear{clear:both}
.aligncenter{text-align:center}.alignright{text-align:right}
a{color:#3c3c3c;outline:none;border:none;text-decoration:underline}
a:link, a:visited{text-decoration:none}
/*a:visited{color:#000}*/
a:hover{text-decoration:none;color:#000}
a:active{color:#fff}
address{margin:0.2em 0;padding:.5em 0 1em;font-size:.75em;line-height:140%;font-style:normal}
input,textarea,select{font:13px Arial, Helvetica, sans-serif;color:#7b7b7b}
:focus{outline:0}
ul,ol{list-style:none}
/*--Font--*/
@font-face{
font-family:'Trajan Pro';src:url('../fonts/TrajanPro-Regular.eot');src:url('../fonts/TrajanPro-Regular.eot?#iefix') format('embedded-opentype'),
url('../fonts/TrajanPro-Regular.woff') format('woff'),
url('../fonts/TrajanPro-Regular.ttf') format('truetype'),
url('../fonts/TrajanPro-Regular.svg#Trajan Pro') format('svg');font-weight:normal;font-style:normal}
@font-face{
font-family:'Arno Pro';src:url('../fonts/ArnoPro-Regular.eot');src:url('../fonts/ArnoPro-Regular.eot?#iefix') format('embedded-opentype'),
url('../fonts/ArnoPro-Regular.woff') format('woff'),
url('../fonts/ArnoPro-Regular.ttf') format('truetype'),
url('../fonts/ArnoPro-Regular.svg#Arno Pro') format('svg');font-weight:normal;font-style:normal}
@font-face{
font-family:'Open Sans';src:url('../fonts/open-sans-regular-webfont.eot');src:url('../fonts/open-sans-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/open-sans-regular-webfont.woff') format('woff'),
url('../fonts/open-sans-regular-webfont.ttf') format('truetype'),
url('../fonts/open-sans-regular-webfont.svg#Open Sans') format('svg');font-weight:normal;font-style:normal}
/*======================*/
body{color:#282828;font-size:13px;font-family:Arial, Helvetica, sans-serif;background:url(../images/top-img.jpg) center 0 no-repeat #cfdbf3;background-attachment:fixed}/*----- Body -----*/
#wrapper{width:100%;display:inline-block;position:relative} /*----Wrapper----*/
#wedding-events,#wedding-events ul,#about-us,.about,#attending-section,#photo-gallery,footer,#marriage-detail{width:100%;display:inline-block}
#section-container{top:180px;position:relative;width:100%;display:inline-block}
header{position:fixed;width:100%;background:url(../images/top-img.jpg) center 0 no-repeat;z-index:9999999;height:108px}
.container{width:960px;margin:0 auto}
.container p{font-family:'Open Sans';color:#555;line-height:20px}
#logo{text-align:center;padding:10px 0 5px} /*----Logo----*/
/*header{height:768px}*/
#intro{height:548px;/*padding-top:200px;*/display:inline-block;width:100%}
#nav-container{background:url(../images/nav-left.png) left 0 no-repeat;width:968px;padding-left:114px;height:72px;margin:0 auto;position:relative;top:-5px}/*----Main Navigation----*/
nav{background:url(../images/nav-right.png) right 0 no-repeat;/*width:986px;*/padding-right:114px;height:72px;float:right}
nav ul{background:url(../images/nav-center.png) 0 0 repeat-x;width:740px;float:right;height:57px;font-family:Arno Pro;text-align:center;color:#fff}
nav ul li{display:inline;font-size:21px;text-transform:uppercase;background:url(../images/sep.png) right 5px no-repeat;padding-right:8px}
nav ul li.last{background:none;padding-right:0}
nav ul li a{display:inline-block;color:#fff;text-decoration:none;padding:16px 5px 3px;margin:0 15px;background:url(../images/nav-bottom.jpg) -210px bottom no-repeat}
nav ul li a:hover,nav ul li a.current{color:#fff;text-decoration:none;background-position:0 bottom;transition:all 0.5s linear 0.1s;-moz-transition:all 0.5s linear 0.1s;-ms-transition:all 0.5s linear 0.1s;-webkit-transition:all 0.5s linear 0.1s;-o-transition:all 0.5s linear 0.1s}
#marriage-detail{padding:50px 0 0;background:#fff}/*----Marriege Persons Detail----*/
.heading{text-align:center}
h1, h2{padding-left:175px;/*min-height:50px;*/font-family:Trajan Pro;display:inline-block;font-weight:normal;font-size:42px;color:#414141}
h1{font-size:40px}
h1,h2{background:url(../images/h-left.png) 0 center no-repeat}
h1 em,h2 em{font-style:normal}
h1 span,h2 span{background:url(../images/h-right.png) right center no-repeat;min-height:50px;display:block;padding-right:175px}
span.date{display:block;color:#9668b0;font-family:Trajan Pro;font-size:26px;margin-top:6px;font-weight:bold}
.details{display:inline-block;width:100%;position:relative;margin-top:90px}
.md-left{float:left;text-align:left;width:50%}
.md-right{float:right;text-align:right;width:50%}
.love-birds{clear:both;text-align:center;display:block;position:absolute;top:230px;width:100%}
.details span{display:block;font-family:Trajan Pro;color:#7f7d7d;font-size:20px;text-align:center;font-weight:bold}
.bride-detail,.groom-detail{text-align:center}
.groom-detail{float:right;padding:0 0 0 60px}
.bride-detail{padding:0 60px 0 0}
.details span.bride-name,.details span.groom-name{color:#9668b0;margin:15px 0 4px;font-size:26px;font-weight:bold}
.details p{font-size:15px;line-height:25px;padding:10px 0}
#wedding-events{clear:both;background:#fff;background:url(../images/event-bg.jpg) center bottom no-repeat #fff;padding:50px 0;/*background-size:100% 407px*/} /*----Wedding Events----*/
/*#wedding-events.active{padding-top:100px}*/
#wedding-events ul{margin:30px 0 40px;position:relative;top:40px}
#wedding-events ul li{float:left;background:#fff;padding:10px;width:24.25%;text-align:center;margin-right:1%;box-sizing:border-box;border-radius:5px;position:relative}
#wedding-events ul li.last{margin-right:0}
#wedding-events ul li span{display:block}
#wedding-events ul li span.event-image{display:inline-block;text-align:center;width:100%}
.event-image img{border:1px solid #dadada;margin:0 auto}
.event-name{font-family:Trajan Pro;color:#242424;font-size:23px;margin:10px 0 5px;font-weight:bold}
.event-date{color:#b861e9;font-size:17px;font-family:'Open Sans'}
#wedding-events p{color:#333;line-height:20px;padding:8px 0 10px}
#about-us,.about{background:#fff}/*----Attendance Form----*/
#about-us{padding:50px 0 0}
#about-us .heading{margin-bottom:10px}
.about-image{float:left;margin:10px 20px 0 0}
.about p{padding:4px 0;font-size:1em;line-height:23px}
#attending-section{background:url(../images/attending-bg.jpg) no-repeat center bottom #fff;padding:40px 0 60px 0;/*background-size:100% 403px*/}/*----Attendance Form----*/
#attending-section .heading{padding-top:10px}
input, textarea, select{font:13px Arial, Helvetica, sans-serif;color:#7b7b7b}
#attending-section .form{margin:27px 0 40px;position:relative;top:50px}
/*.form{padding:56px 0}*/
.form input[type="text"], .form select,.holder{border:1px solid #e2e2e2;padding:12px 2%;width:300px;border-radius:5px;display:block;color:#333;height:25px;line-height:25px;width:96%;box-sizing:content-box}
.heapBox{position:relative}
.heap{background:#fff;left:0;padding:2%;position:absolute;top:51px;width:100%;border-radius:6px;border:1px solid #e8cef7;z-index:9999} .heap ul{margin-bottom:0}
.heap ul li a{padding:2px 0 2px 8px}
.holder{float:left;background:#fff;position:relative;font-size:16px}
.handler{background:url(../images/handler.jpg) 0 0 no-repeat;height:17px;width:28px;position:absolute;right:10px;top:21px}
.heapOption{font-size:16px;line-height:25px}
.form{font-family:'Open Sans';width:100%;display:inline-block}
.form select{width:100%;height:56px;font-family:'Open Sans'}
.form label{/*color:#2e2e2e;*/color:#fff;display:inline-block;font-size:18px;margin:0;padding:0}
.form label{margin-bottom:8px}
.form div.left{float:left}
.form div.right{float:right}
.form div.left,.form div.right{margin-bottom:40px;position:relative;width:48%}
.success-msg{padding:5px;
position:absolute;
text-align:center;
top:-65px;
width:100%;
border:4px solid #7303c9;
color:#fff;
font-size:19px;
border-radius:22px;background:#6c0697}
.error{position:absolute;left:2px;top:84px;color:#f00;font-size:13px;text-shadow:0 2px 3px #fff}
input.button{background:#fff url(../images/rt-arow.png) no-repeat 91% center;border-radius:35px;border:none;padding:13px 58px 13px 34px;font-size:16px;font-family:Trajan Pro;font-weight:bold;cursor:pointer}
input.button:hover{background-color:#000;color:#fff}
.basic-example option{padding:10px}
.form div.center{text-align:center;width:100%;padding-top:15px;clear:both}

#photo-gallery{background:#fff;padding:40px 0}
.util-carousel{margin-top:20px}

/* countdown */
h2.subtitle{color:#fff;font-size:24px}
.countdown-section{position:absolute;width:100%;top:-85px;left:0;text-align:center}
#countdown{font-size:42px;color:#6a2692;line-height:40px;font-family:Arno Pro;/*margin:40px 0 60px;*/}
/*-ScrollToTop-*/
.scrollToTop{display:none}
footer{background:#9668b0;/*height:130px;*/padding-top:10px;clear:both}
.ft-wrap{border-top:1px solid #b99aca;padding:28px 0 15px;top:3px;background:#9668b0;position:relative;top:3px}
.container p.copyright{float:left;font-size:12px;color:#fff;padding-top:15px}
.ft-img{float:right}
/*===== Media Queries ============================================================= */
@media screen and (max-width:1170px){
img{max-width:100%;height:auto}
#nav-container{width:940px}
nav ul{width:712px}
h1, h2{font-size:38px}
.event-name{font-size:20px}
.event-date{font-size:13px;font-weight:bold}
.about-image{margin:10px 35px 0 0}
/*#wrapper{border:1px solid #f00}*/
}
/*===== Media Queries ============================================================= */
@media screen and (max-width:1024px){
img{max-width:100%;height:auto}
body{background-size:inherit}
#intro{height:540px}
#attending-section,#wedding-events{background-size:inherit}
/*#wrapper{border:1px solid #00f}*/
}
/***** smaller than 980 *************************************************************/
@media screen and (max-width:980px){
body{background:#cfdbf3 url(../images/top-img.jpg) center 2% no-repeat;background-size:185% auto}
header{height:100px}
#logo{padding:5px 0}
.container{width:770px}	
#intro{height:340px}
#nav-container,nav{background-size:13% 60px;height:60px}
#nav-container{width:100%;padding:0}
#nav-container{width:725px}
nav ul{width:549px;position:relative;left:28px;height:47px}
nav ul li{font-size:20px;background-position:right 1px}
nav ul li a{padding:11px 4px 3px;margin:0 10px}
h1, h2{font-size:30px;background-position:0 4px}
h1 span, h2 span{background-position:right 4px}
span.date{margin-top:-8px;font-size:23px}
#countdown{font-size:35px;line-height:33px}
#wedding-events{padding:60px 0 50px 0}
#marriage-detail{padding:50px 0 0 }
#wedding-events ul li{padding:5px}
.event-name{font-size:19px}
.groom-detail{padding:0 0 0 40px}
.bride-detail{padding:0 40px 0 0}
#attending-section, #wedding-events{background-size:140% 350px}
#attending-section .heading{margin-bottom:-30px}
#attending-section .form{margin:19px 0 62px}
#attending-section .form{top:90px}
.form div.left, .form div.right{margin-bottom:20px}
/*#wrapper{border:1px solid #f0f}*/
}
/****** smaller than 800 ***********************************************************/
@media screen and (max-width:800px){
body{background:#cfdbf3 url(../images/top-img.jpg) center 2% no-repeat;background-size:174% auto}
header{height:85px}
#intro{height:280px}
h1, h2{padding-left:0;width:100%;font-size:30px}
h1 span, h2 span{padding-right:0}
h1 em,h2 em{font-style:normal;background:#fff;padding:0 2%;display:inline-block}
#nav-container,nav{background-size:10% 55px}
#nav-container{padding-left:30px;width:600px;height:55px}
nav ul{width:485px;left:57px;height:44px}
nav ul li{background-position:right 1px;font-size:18px}
nav ul li a{padding:11px 3px 2px;margin:0 9px}
#wedding-events ul li{ margin-right:1%;width:24%;padding:5px}
.container{max-width:inherit;padding:0 !important;width:600px}
.details span.bride-name, .details span.groom-name{font-size:23px}
.bride-detail, .groom-detail{padding:0 5px;width:92%}
.love-birds{top:158px}
#wedding-events ul{text-align:center;margin:0 0 40px;top:0}
#wedding-events ul li,#wedding-events ul li.last{float:none;display:inline-block;margin:1%;width:38%;border:1px solid #a15fc7;vertical-align:top}
#section-container{top:130px}
#wedding-events,#marriage-detail{background-size:auto auto;padding:50px 0 0}
#attending-section .form{top:100px;margin:0}
#attending-section .heading{margin-bottom:-30px}
#attending-section{padding:0 0 120px}
.form div.center{clear:both}
/*#wrapper{border:1px solid #0f0}*/
}
/****** smaller than 768 ***********************************************************/
@media only screen and (max-width:768px){
/*#wrapper{border:1px solid #00C}*/
}
/***** smaller than 640 **************************************************************/
@media screen and (max-width:640px){
body{background:#cfdbf3 url(../images/top-img.jpg) center 30px no-repeat;background-size:185%}
header{height:68px;position:relative}
#intro{height:240px}
#section-container{top:auto}
span.date{font-size:19px;margin-top:-16px;font-weight:bold}
.container{width:450px}
#nav-container,nav{background-size:60px;height:40px}
#nav-container{width:100%;padding:0}
nav{padding:0;float:none;height:auto;position:relative}
nav ul{background:none repeat scroll 0 0 #8946af;display:none;float:none;height:auto;left:0;margin:0 auto;position:relative;top:-10px;width:75%;margin:0 auto;border-radius:0 0 10px 10px}
nav ul li a{padding:5px}
nav ul li{font-size:17px;width:100%;display:block;background:none;padding:0;border-bottom:1px solid #763b98}
nav span.toggle{display:block;cursor:pointer;height:40px}
nav span.toggle em{background:url(../images/toggle.png) center 3px #9b5bc0 no-repeat;display:block;height:30px;width:74%;margin:0 auto}
h1, h2{font-size:24px;;font-weight:bold}
.event-name{font-size:18px}
#wedding-events p{font-size:12px}
.md-left,.md-right{float:none;text-align:center;width:100%}
.bride-detail, .groom-detail{width:auto;padding:0 1%}
.details span.love-birds{display:none}
.form div.left,.form div.right{float:none;width:100%}
.form input[type="text"], .form select, .holder{padding:7px 2%;line-height:20px}
.form label{margin-bottom:3px;font-size:15px}
.error{top:60px}
#attending-section{background-size:auto}
.form input[type="text"], .form select, .holder{padding:5px 2%}
#attending-section .form{margin:0 0 -16px;top:90px}
#attending-section .heading{margin-bottom:-46px}
#wedding-events ul li, #wedding-events ul li.last{width:47%}
#marriage-detail,#wedding-events, #marriage-detail,#about-us{padding:30px 0 0}
.about-image{margin:0 0 15px;text-align:center;float:none;display:block}
.scrollToTop{width:100%;position:fixed;	bottom:0;left:0;display:block;background:url(../images/nav-center.png) 0 0 repeat-x;height:25px;border-top:5px solid #733d92;cursor:pointer}
.scrollToTop em{background:url(../images/scrolltotop.png) center 0 no-repeat;width:100%;display:block;position:relative;height:42px;top:-26px}
.scrollToTop:hover{text-decoration:none}
footer .container{text-align:center;padding:0 0 10px}
.container p.copyright,.ft-img{float:none;padding:5px 0}
.ft-wrap{padding:10px 0 30px}
.success-msg{background:#6c0697;top:-48px}
.handler{top:13px}
.heap{top:37px}
/*#wrapper{border:1px solid #f00}*/
}
/***** smaller than 560 *************************************************************/
@media screen and (max-width:560px){
/*#wrapper{border:1px solid #0FF}*/
}
/***** smaller than 480 **************************************************************/
@media screen and (max-width:480px){
/*body{background-position:center 8%}*/
body{background:url(../images/top-img.jpg) no-repeat center 30px #cfdbf3;background-size:200% auto}
html{-webkit-text-size-adjust:none}
h1, h2{font-size:18px;background-size:90px}
h1 span, h2 span{background-size:90px}
h1 em, h2 em{border-bottom:2px solid #a15fc7}
#intro{height:200px}
#nav-container, nav{background-size:20% 40px;height:40px}
nav span.toggle em{width:62%;height:32px}
nav ul{width:60%}
#wedding-events ul li, #wedding-events ul li.last{width:75%;border:5px solid #a15fc7}
#wedding-events ul li span{text-align:center}
#attending-section{background-size:auto}
.event-image img{display:inline-block}
.container{width:92%}
.success-msg{font-size:13px;font-weight:bold}
.util-carousel{margin-top:0}
/*#wrapper{border:1px solid #00f}*/
}

@media screen and (max-width:400px){body{background:url(../images/top-img.jpg) no-repeat center 30px #cfdbf3;background-size:250% auto}}
	
/***** smaller than 320 *************************************************************/
@media screen and (max-width:320px){	
h1, h2{font-size:18px}
#intro{height:190px}
nav ul li a{padding:6px}
#wedding-events ul li, #wedding-events ul li.last{width:94%}
#attending-section .heading{margin-bottom:-60px}
span.date{font-size:17px}
#countdown{font-size:28px;line-height:25px}
.countdown-section{top:-53px}
.details{margin-top:60px}
/*#wrapper{border:1px solid #0FF}*/
}
/***** smaller than 240 *************************************************************/
@media screen and (max-width:240px){
body{background:url(../images/top-img.jpg) no-repeat center 30px #cfdbf3;background-size:230% auto}	
h1, h2{font-size:15px}
.details span.bride-name, .details span.groom-name{font-size:19px}
input.button{padding:13px 40px 13px 10px}
#intro{height:125px}
/*#wrapper{border:1px solid green}*/
}