/************************

Designed by : http://responsivewebinc.com

************************/



/* Basic CSS starts */



body{

	

	font-family: 'Open Sans', sans-serif;

	font-size:13px;

	line-height:20px;

	background:#fff;

	-webkit-font-smoothing: antialiased;

}



h1,h2,h3,h4,h5,h6{

	

}



p{

	margin:0;

	padding:0;

}



a{



}



a:hover{



}



a:hover,a:active,a:focus {

	outline: 0;

}



hr{



}



:focus {

	outline:none;

}



::-moz-focus-inner {

	border:0;

}



/* Basic CSS ends */



/* Container */



.container{

	width:900px;

}

@font-face {

    font-family: 'CaviarDreamsBold';

    src: url('../font/caviardreams_bold.eot');

    src: url('../font/caviardreams_bold.eot') format('embedded-opentype'),

         url('../font/caviardreams_bold.woff') format('woff'),

         url('../font/caviardreams_bold.ttf') format('truetype'),

         url('../font/caviardreams_bold.svg#CaviarDreamsBold') format('svg');

}



.bor{

	/*background:url('../img/border.png') no-repeat;

	height:40px;

	width:350px;

	margin:15px auto;*/

}

#about2{

	height: 450px; 

	 background:url(../img/saibaba-temple5.jpg) 50% 0 no-repeat fixed;; 

	 padding:30px 0 30px 0; 

	 }

	

.trans-btn{

	border-radius:5px;  background:url(../img/trans-bg.png) repeat-x;

/*  opacity: 0.2;

  filter: alpha(opacity=20);*/

  padding:5px 10px 5px 10px;

  color:#fff;

  float:left;

  clear:both;

  cursor:pointer;



}

.trans-btn:hover{background:url(../img/trans-bg-hover.png) repeat-x;}

.circle_img{float: right;

    margin-left: 30%;

    margin-top: 7%;

    position: absolute;

    width: 100px;}

.about2:after{background:#f0ae3d}

.about3{ background:url(../img/slide_bg_1.jpg)  repeat-x;}

.row2{width:100%; text-align:center;}

.about3 .container{ background:url("../img/sai-temple.png") no-repeat  -147px 20px rgba(0, 0, 0, 0); height:375px; position:relative; z-index:0;}

.about2 .sai-text{background:url(../img/omsai-text.png) repeat;}

.row3 .well{float:right; }

.row3{width:100%; text-align:center;}

.row2 h1{font-family: 'Droid Serif', serif;font-size:30px;

	color:444; text-align:center; margin:20px;}

.col-md-6 h1{color:#fff; text-align:left; font-size:26px; line-height:38px;}

.col-md-6 p{color:#fff; text-align:left; margin:20px 0 10px;}

.col-md-6 .btn{   background: none repeat scroll 0 0 #E9331B;

    color: #FFFFFF;

    float: left;

    font-size: 26px;

    font-weight: 600;

    height: 51px;

    margin: 15px 10px 0 0;

    padding: 2px 0;

    text-align: center;

    width: 200px;}

.col-md-7 .btn:hover{background:#3E3E3E;}
.anchorLink{ background: none repeat scroll 0 0 #DD9620;
    color: #FFFFFF;
    font-size: 18px;
    font-weight: bold;
    height: 51px;
    margin-right: 10px;
    padding: 25px 10px 15px;
    text-shadow: 1px 1px 1px #222222;
    text-transform: uppercase;
}

.col-md-7 .btn{width:100px; height:35px; text-align:center; background:#e9331b; color:#fff; font-size:16px; float:left; margin:15px 10px 0 0;}

.col-md-6 .btn:hover{background:#3E3E3E;}

.col-md-5 h1{color:#fff; text-align:left; font-size:26px; line-height:38px;}

.col-md-5 p{color:#333333; text-align:left; margin:20px 0 10px;}

.col-md-5 .btn{width:100px; height:35px; text-align:center; background:#e9331b; color:#fff; font-size:16px; float:left; margin:15px 10px 0 0;}

.col-md-5 .btn:hover{background:#3E3E3E;}

.title h3{

	text-align:center;

	font-family: 'calibri','Droid Serif', serif;

	font-size:38px;

	color:444;
	line-height:52px;

}



.wedding .well a{

	color:#D32020;

	text-decoration:none;

}



.wedding .well a:hover{

	color:#cb1e08;;

}





/* Navigation */



.navbar{

	background:url(../img/navbar.png) repeat-x;

	border-color: #58310A;

	border-top:#1px solid;

	/*-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

	filter: alpha(opacity=50);

	-moz-opacity:0.5;

	-khtml-opacity: 0.5;

	opacity: 0.5;*/

}



.navbar .navbar-header .navbar-toggle span.menu{

	line-height:20px;

}



.navbar .navbar-header a.navbar-brand{

	font-family: CaviarDreamsBold;

	color:#fff;

	font-size:25px;

	padding-top:15px;

	padding-bottom:15px;

	text-shadow:1px 1px 1px #555;

}



.navbar-default .navbar-toggle {

	border-color: #D32020;

}



.navbar-default .navbar-toggle .icon-bar {

	background-color: #fff;

}



.navbar-toggle{

	background:#cb1e08;

}



.navbar-toggle:hover{

	background:#b41a06 !important;

}



.navbar-default .navbar-collapse, .navbar-default .navbar-form {

	border-color: #e9331b;

}



.navbar-default .navbar-nav>li>a {

	color: #fff;

	padding-top:15px;

	padding-bottom:15px;

	font-weight:bold;

	text-transform:uppercase;

	text-shadow:1px 1px 1px #222;

	font-size:18px;

	background:#dd9620;

}



.navbar-default .navbar-nav>li>a:hover{

	color: #fff;

	background:#e9331b;	

}



/* Main */



.main{

	background:#7b430c url(../img/header-banner.jpg) scroll -130px 0px no-repeat;

	padding-top:40px;

	padding-bottom:40px;

	border-bottom:1px solid #444;

	height:230px;

}



.main .main-invite{

	background:#fff;

	padding-left:25px;

	padding-right:25px;

	margin-bottom:30px;

	padding-top:30px;

	padding-bottom:30px;

	margin-top:30px;

}



.main .main-invite .signal{

	line-height:16px;

	display:inline-block;

	background:#ed4934;

	padding:5px;

	border-radius:25px;

	color:#fff;

	text-align:center;

	font-size:11px;

	font-weight:bold;

}



.main .main-invite .signal i{

	padding-left:5px;

	

}



.main .main-invite .signal span{

	text-transform:uppercase;

	padding-left:5px;

	padding-right:5px;

	

}



.main .main-invite h1{

	font-family: 'Open Sans', sans-serif;

	color:#222;	

	padding-top:0px;

	font-weight:bold;

	font-size:50px;

	line-height:60px;

	text-transform:uppercase;

}



.main .main-invite p{

	font-family: 'Droid Serif', serif;

	font-size:15px;

	

	font-style:italic;

	line-height:30px;

}



.main .main-date{

	background:#ed4934;

	padding-left:10px;

	padding-top:50px;

	padding-bottom:40px;

	padding-right:10px;

	text-align:center;

	line-height:60px;

	margin-top:30px;

}



.main .main-date i.icon-heart{

	font-size:70px;

	color:#fff;

	line-height:80px;

	

}



.main .main-date .date{

	font-size:50px;

	text-align:center;

	line-height:60px;

	color:#fff;

}



.main .main-date .date span.month{

	font-size:40px;

	line-height:62px;

}



.main .main-date .date span.year{

	font-size:55px;

	line-height:67px;

}



/* About */



.about{

	padding-top:20px;

	padding-bottom:20px;

}



.about  p.about-para{

	font-family: 'Droid Serif', serif;

	/*font-style:italic;*/

	font-size:15px;

	line-height:31px;

	color:#666;

	width:auto;

	margin:0px auto;

	text-align: left;

}
.about-para a{color:#fa3031;}
.about-para a:hover{text-decoration:underline;}
.about2  p.about-para{

	font-family: 'Droid Serif', serif;

	/*font-style:italic;*/

	font-size:17px;

	line-height:30px;

	color:#fff;

	width:auto;

	margin:15px auto;

}



.about .groom h3{

	text-align:center;

	font-family: 'Droid Serif', serif;

	font-size:40px;

	color:444;

	text-transform:uppercase;

}



.about .groom p{

	font-family: 'Droid Serif', serif;

	font-style:italic;

	font-size:15px;

	line-height:30px;

	color:#666;

}



.about .love{

	text-align:center;

	padding-top:30px;

}



.about .love i{

	font-size:130px;

	color:#ed4934;

}



.about .love h3{

	font-size:20px;

	color:#555;

}



.about .bride h3{

	text-align:center;

	font-family: 'Droid Serif', serif;

	font-size:40px;

	color:444;

	text-transform:uppercase;

}



.about .bride p{

	font-family: 'Droid Serif', serif;

	font-style:italic;

	font-size:15px;

	line-height:30px;

	color:#666;

}



/* Photos */



.flex-direction-nav {

  line-height:40px;

}

   

/* Wedding */



.wedding .well h3{

	font-size:17px;

	font-family: 'Droid Serif', serif;

}



.wedding .well h5{

	font-family: 'Droid Serif', serif;

}



.wedding .well p{

	font-size:13px;

	line-height:22px;

	color:#666;	

}



.wedding .well img{

	border:1px solid #ddd;

	background:#fff;

	padding:5px;

	margin-bottom:15px;	

	margin-top:10px;

}



/* RSVP */

.rsvp{position:relative; z-index:1;}

.rsvp .heart{

	text-align:center;

}



.rsvp i{

	font-size:20px;

	color:#e9331b;

}



.rsvp .well{

	padding:20px;

}



.rsvp .well p{

	font-family: 'Droid Serif', serif;

	font-style:italic;

	font-size:17px;

	color:#666;

	line-height:25px;

	padding-bottom:20px;

	text-align:center;

}



.rsvp .well label{

	font-weight:normal;

}



.rsvp .well .btn{

	text-transform:uppercase;

	font-weight:bold;

	font-size:13px;

}



/* Footer */



.footer{

	padding-top:20px;

	padding-bottom:20px;

    background:#3e3e3e;

	color:#979797;

}



.footer .copy{

	text-align:center;

}



.footer .copy a{

	text-decoration:none;

	color:#F69220;

}



.footer .copy a:hover{

	color:#cb1e08;

}

.rsvp ul{margin:10px 0 0 0; padding:0;}

.rsvp ul li{list-style:none; line-height:30px; }



.totop {

	position: fixed;

	bottom: 0px;

	right: 0px;

	z-index: 104400;

	background: #fa3031;

}



.totop a, .totop a:visited, .totop a:hover{

	display: block;

	width: 30px;

	height: 30px;

	color: #fff;

	text-align: center;

	line-height: 30px;

	text-decoration:none;

}



/* Responsive CSS */



/* Mobile phones */

@media (max-width: 480px){

	.container{

		width:100%;

	}	

	

	.main .main-invite h1{

		font-size:40px;

		line-height:50px;

	}

	

	.main .main-date i.icon-heart{

		font-size:65px;

	}

	

	.main .main-date .date span.month{

		font-size:35px;

		line-height:47px;

	}

	

	.main .main-date .date span.year{

		font-size:48px;

		line-height:60px;

	}

}



/* Tablets */

@media (max-width: 767px){

	.container{

		width:100%;

	}

	

	.about  p.about-para{

		width:auto;

	}

}

.btn:hover{background:#e9331b;}

.social-icon{ float: right;

    height: 50px;

    margin-top: -52px;

    position: relative; width: 230px; text-align:right;}

	.social-icon li{list-style:none; display:inline-block; margin-left:10px;}

	.twit-icon{background:url(../img/twit-icon.png) no-repeat; width:33px; height:33px; display:block;}

	.twit-icon:hover{background:url(../img/twit-icon-hover.png) no-repeat; }

		.fb-icon{background:url(../img/fb-icon.png) no-repeat; width:33px; height:33px; display:block;}

	.fb-icon:hover{background:url(../img/fb-icon-hover.png) no-repeat; }

		.google-icon{background:url(../img/google-icon.png) no-repeat; width:33px; height:33px; display:block;}

	.google-icon:hover{background:url(../img/google-icon-hover.png) no-repeat; }

		.rss-icon{background:url(../img/rss-icon.png) no-repeat; width:33px; height:33px; display:block;}

	.rss-icon:hover{background:url(../img/rss-icon-hover.png) no-repeat; }
	.youtube-icon{background:url(../img/you-tube.png) no-repeat; width:33px; height:33px; display:block;}

	.youtube-icon:hover{background:url(../img/you-tube-hov.png) no-repeat; }

	

	

	

#home { 

	background:url(../img/home.jpg) 50% 0 no-repeat fixed; 

	height: 1000px;  

	margin: 0 auto; 

    width: 100%; 

    max-width: 1920px; 

    position: relative; 

    box-shadow: 0 0 50px rgba(0,0,0,0.8);

}

#about { 

	background: url(../img/about.jpg) 50% 0 no-repeat fixed; 

	height: 749px;

	margin: 0 auto; 

    width: 100%; 

    max-width: 1920px; 

    position: relative; 

    box-shadow: 0 0 50px rgba(0,0,0,0.8);

}

#content{margin:260px 0 0 20px;}

/* Introduction */



#home article { background: url("../img/intro.png") no-repeat scroll center top transparent; height: 458px; position: absolute; text-indent: -9999px; top: 291px; width: 100%; }



#about article { background: url("../img/parallax.png") no-repeat scroll center top transparent; height: 458px; position: absolute; text-indent: -9999px; top: 291px; width: 100%; }