@import url('https://fonts.googleapis.com/css2?family=Dancing+Script&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Satisfy&display=swap');
/* ==================================================================
	1. General Styles
================================================================== */
body{
	color:#7b7571;
	font-family: 'Open Sans', sans-serif;
	font-size:18px
}

/* Texts */
h1,h2,h3,h4,h5,h6,section#home{
	font-family:'Oswald', Verdana, Geneva, sans-serif;
}
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span{
	color:#f23234 !important;
}
p {
    margin-bottom: 25px;
}
.title-block{
	margin:0px auto 70px auto;
	text-align:center;
}
.title-block .divider{
	border-bottom:solid 2px #f23234;
	width:50px;
	margin:20px auto;
}
.title-block h1{
	font-size: 50px;
}
@media (max-width:767px) {
	.title-block h1{
	font-size: 40px;
	}
}
.title-block p{
	font-size:18px;
}
.title-block h2 {font-size:34px}
.title-block h2 a {color:#000}
.title-block h2 a:hover {text-decoration:none}
/**** MENU ***/
.top-struc {
	background:#fff;
	border-top:4px solid #1F6152;
	-webkit-box-shadow:0 3px 4px -6px #000;
	-moz-box-shadow:0 3px 4px -6px #000;
	box-shadow:0 3px 4px -6px #000
}
.logo-struc {
	padding:4px
}
@media (max-width:992px) {
.logo-struc {
display:none
}
}
.nav-wrap {
	margin:0 auto;
	min-height:100%
}
.nav-wrap nav {
	float:right;
	}
@media (max-width:992px) {
.nav-wrap nav {
	float:none;
	}
}
#menu ul {
	margin:0;
	padding:0
}
#menu .main-menu {
	display:none;
	background:#1F6152
}
@media (max-width:992px) {
#menu .main-menu li a {
color:#fff
}
}
@media (min-width:993px) and (max-width:1023px) {
#menu .main-menu li a {
font-size:14px;
}
}
#menu input[type=checkbox]:checked+.sub-menu, #tm:checked+.main-menu {
	display:block
}
#menu input[type=checkbox], #menu ul span.drop-icon, .right-wrap br {
	display:none
}
#menu li, #toggle-menu {
	border-width:0
}
#menu .sub-menu {
	background-color:#1F6152;
	border-width:1px 1px 0;
	margin:0 1em;
	display:none
}
#menu .sub-menu li:last-child {
	border-width:0
}
#menu a, #menu li, #toggle-menu {
	position:relative;
	display:block;
	text-decoration:none
}
#menu li a:hover {
	background:#1F6152;
	color:#fff
}
#toggle-menu {
	padding:7px 1.5em
}
#menu a {
	padding:1em 1.1em;
transition:all .125s ease-in-out;
-webkit-transition:all .125s ease-in-out
}
#menu .logo-struc-min a {
	padding:0
}
#menu a:hover {
	color:#fff
}
#menu .sub-menu li a, #menu .sub-menu li a:active, #menu .sub-menu li a:link {
	background:#34a08a;
	color:#fff;
	padding:10px 25px;
	font-size:14px
}
#menu .sub-menu li a:hover {
	background:#156857;
	color:#fff
}
#menu li label.drop-icon, #toggle-menu .drop-icon {
	position:absolute;
	right:0;
	top:0
}
@media (max-width:992px) {
.main-menu .drop-icon {
width:100%;
z-index:10
}
.main-menu .drop-icon span {
float:right
}
}
#menu label.drop-icon, #toggle-menu span.drop-icon {
	padding:1em;
	font-size:1em;
	text-align:center
}
#toggle-menu span.toggle {
	padding:6px 20px;
	text-align:center;
	background:#1F6152;
	color:#fff;
	font-size:28px
}
@media only screen and (min-width:993px) {
#menu .main-menu, #menu li:hover>input[type=checkbox]+.sub-menu {
display:block
}
#menu label.drop-icon, #toggle-menu {
display:none
}
#menu ul span.drop-icon {
display:inline-block
}
#menu li {
float:left
}
#menu .sub-menu li {
float:none;
border-width:0 0 1px
}
#menu .sub-menu {
border-width:0;
margin:0;
position:absolute;
top:100%;
left:0;
text-align:left;
width:12em;
z-index:3000
}
#menu .sub-menu, #menu input[type=checkbox]:checked+.sub-menu {
display:none;
width:100%
}
#menu .sub-menu .sub-menu {
top:0;
left:100%
}
#menu .sub-menu .drop-icon {
position:absolute;
top:0;
right:0;
padding:1em
}
}
/* Colors */
.bg-gray-1{background-color:#f4f4f4;}
.bg-gray-2{background-color:#eaeaea;}
.bg-gray-3{background-color:#cecece;}
.bg-dark{background-color:#3d3d3d;}
.bg-color-1{background-color:#f9667e;}
.txt-gray-1{background-color:#f4f4f4;}
.txt-gray-2{background-color:#eaeaea;}
.txt-gray-3{background-color:#cecece;}
.txt-dark{background-color:#3d3d3d;}
.txt-color-1{color:#f9667e;}

/* Layout */
.space10{height:10px;}
.space20{height:20px;}
.space30{height:30px;}
.space40{height:40px;}
.space50{height:50px;}
.space60{height:60px;}

.top-pad-10{padding-top:10px;}
.top-pad-20{padding-top:20px;}
.top-pad-30{padding-top:30px;}
.top-pad-40{padding-top:40px;}
.top-pad-50{padding-top:50px;}
.top-pad-60{padding-top:60px;}
.top-pad-70{padding-top:70px;}
.top-pad-80{padding-top:80px;}

.bot-pad-10{padding-bottom:10px;}
.bot-pad-20{padding-bottom:20px;}
.bot-pad-30{padding-bottom:30px;}
.bot-pad-40{padding-bottom:40px;}
.bot-pad-50{padding-bottom:50px;}
.bot-pad-60{padding-bottom:60px;}
.bot-pad-70{padding-bottom:70px;}
.bot-pad-80{padding-bottom:80px;}

.top-mrg-0{margin-top:0;}
.top-mrg-10{margin-top:10px;}
.top-mrg-20{margin-top:20px;}
.top-mrg-30{margin-top:30px;}
.top-mrg-40{margin-top:40px;}
.top-mrg-50{margin-top:50px;}
.top-mrg-60{margin-top:60px;}
.top-mrg-70{margin-top:70px;}
.top-mrg-80{margin-top:80px;}
.top-mrg-100{margin-top:100px;}

.bot-mrg-0{margin-bottom:0;}
.bot-mrg-10{margin-bottom:10px;}
.bot-mrg-20{margin-bottom:20px;}
.bot-mrg-30{margin-bottom:30px;}
.bot-mrg-40{margin-bottom:40px;}
.bot-mrg-50{margin-bottom:50px;}
.bot-mrg-60{margin-bottom:60px;}
.bot-mrg-70{margin-bottom:70px;}
.bot-mrg-80{margin-bottom:80px;}
.bot-mrg-100{margin-bottom:100px;}

/* Bootstrap Elemtents*/
.btn{
	border-radius:3px;
}
.btn-primary,
.btn-primary.btn-bordered:focus,
.btn-primary.btn-bordered:hover,
.btn-primary.btn-bordered:active,
.btn-primary.btn-bordered:active:focus,
.btn-primary.btn-bordered.active{
	background:#f9667e;
	border:solid 2px #f9667e;
	color:#fff;
}
.btn-primary:focus,
.btn-primary:hover,
.btn-primary:active,
.btn-primary:active:focus,
.btn-primary.active,
.btn-primary.btn-bordered{
	background:none;
	border:solid 2px #f9667e;
	color:#f9667e;
}
.img-circle{
	border:20px solid #FFF;
}

/*Section General*/
section, .section{
	padding:60px 0px;
}
@media (max-width:767px) {
	#intro.section{
		padding:0px;
	}
}
.section-sub {
	padding:40px 0px;
}
section.img-bg-2{
	background:url(../img/bg-2.jpg) no-repeat;
	background-attachment:fixed;
	background-size:cover;
	color:#FFF;
}
section.img-bg-3{
	background:url(../img/bg-3.jpg) no-repeat;
	background-attachment:fixed;
	background-size:cover;
	color:#FFF;
}
section.img-bg-4{
	background:url(../img/bg-4.jpg) no-repeat;
	background-attachment:fixed;
	background-size:cover;
	color:#FFF;
}
section.img-bg-5{
	background:url(../img/bg-5.jpg) no-repeat;
	background-attachment:fixed;
	background-size:cover;
	color:#FFF;
}

/* ==================================================================
	2. Navigation
================================================================== */
#nav-sticky-wrapper{
	height: 50px;
	padding-top: 8px;
	z-index: 1200;	
}
.navbar-brand ul.names{
	font-size:30px;
	text-transform:none!important;
}
.navbar-brand ul.names .circle{
	width: 20px;
	height: 20px;
	font-size:13px;
	top: -5px;
}
.sticky-wrapper-sub {
	margin-bottom:55px;
	}
#nav {
    font-family:'Oswald', Verdana, Geneva, sans-serif;
    font-size: 20px;
    z-index: 998;
    width: 100%;
	/*padding: 20px 0px;*/
	-webkit-box-shadow: 0 4px 6px -6px black;
	   -moz-box-shadow: 0 4px 6px -6px black;
	        box-shadow: 0 4px 6px -6px black;
}
@media (max-width:767px) {
.sticky-wrapper-sub {
	margin-bottom:16px;
	}
#nav {
	padding: 0 0px 5px;	
	}
}
.navbar-default {
    background-color: #FFF;
    border:0px;
}
.nav > li a{
	padding: 10px 6px;
}
.nav > li a:after{
	content: "/";
	padding-left: 10px;
	color: rgba(0, 0, 0, 0.2);
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
   	color:#f9667e;
    background:none;
}
#nav_list{
	padding: 0px 30px
}
/* ==================================================================
	3. Section - Home (banner)
================================================================== */
section#home{
	background:url(../img/indian-arm-force.jpg) no-repeat;
	background-attachment:fixed;
	background-size:cover;
	background-color:#2e3227;
	text-align:center;
	height:800px;
	padding:50px 0px;
	position:relative;
	padding-top:10%;
}
@media (max-width:640px) {
	section#home{
		background:url(../img/indian-arm-force-md.jpg) no-repeat;
		background-size: 100% 100%;
	}
}
ul.names{
	list-style:none;
	display:inline;
	font-size:90px;
	font-weight:300;
	padding: 0px;
	color:#fff;
	text-shadow: 2px 2px #000;
}
ul.names li{
	text-align: center;
    margin: 0 auto;
    display: block;
}
ul.names li span {
	color:#FEE221;
	font-size:100px;
	}
@media (max-width:767px) {
	ul.names li span {
		font-size:55px;
		}
}

.circle{
	background: #F9667E;
	width: 100px;
	height: 100px;
	text-align: center;
	font-size: 63px;
	font-weight: normal;
	line-height: 1.5em;
	border-radius: 100px;
	margin: 0px;
	color: #FFF;
	top: -15px;
	position: relative;
}
#home .btn-primary, #home .btn-primary:focus {
	transition: all 0.5s ease 0s;
	background: rgba(0, 0, 0, .70);
	border : solid 2px rgba(0, 0, 0, .80);
	letter-spacing: 2px;
	text-transform:uppercase;
	}
@media (max-width:767px) {
	#home .btn-primary, #home .btn-primary:focus {
	font-size: 13px;
	}
}
#home .btn-primary:hover {
	background: rgba(58, 29, 76, .50);
	border : solid 2px rgba(58, 29, 76, .60);
	color:#FFFFCC
	}
#home .circle {margin-top:35px}
.date{
	font-size:50px;
}
.date span{
	font-size:80px;
	border-bottom:solid 2px #F9667E;
	line-height:1em;
}

.place{
	font-size:20px;
}
.title span{
    -moz-border-top-colors: none;
	-moz-border-right-colors: none;
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	border-image: none;
	display: inline-block;
	margin: 5px 10px;
	width: 40px;
	border-color: #D6516D -moz-use-text-color -moz-use-text-color;
	border-style: solid none none;
	border-width: 1px 0px 0px;
}
.navbar-default .navbar-brand {
    margin-top: -16px;
	padding-top:0
}
@media (max-width: 767px) {
	.navbar-brand ul.names {
	    font-size: 19px;
	}
	section#home {
		height: auto;
	}
	.title{
		margin-bottom:30px;
	}
	.title span{
		width: 17px;
		margin: 7px 5px;
	}
	#home h3{
		font-size: 18px;
	}
	.date{
		font-size:30px;
		margin-top:30px;
	}
	.date span{
		font-size:45px;
		line-height:1em;
	}

	section#home ul.names {
		font-size: 35px;
		text-align: center;
		margin-bottom: 20px;
	}
	section#home ul.names li{
		display:list-item;
		line-height: 150%;
	}
	section#home .circle {
	    width: 64px;
	    height: 64px;
	    font-size: 41px;
	    line-height: 1.5em;
	    top: 0px;
	    margin: auto;
	}
}
.left-matt {
	
	}
.right-matt {
	text-align:center;
	padding-bottom:15px
	}
.right-matt a, .right-wrap a:active, .right-matt a:link, .right-matt a:visited {
	font-size:16px;
	padding:5px 3px;
	background:rgba(209, 205, 184, .3);
	margin-bottom:6px;
	text-decoration:none;
transition:all .5s ease 0s;
	display:block;
	color:#304540;
	line-height:120%
}
.right-matt a:hover {
	background:rgba(209, 205, 184, .7)
}
.right-matt #taboola-slot-2 {
	margin:0 auto
}
.right-matt br {display:none}
.form-wrap {
	margin:20px 0;
	border-radius: 10px;
	padding:15px;
	line-height: 170%;
	font-size:18px;
	background-color:#f9f9f9;
	border:8px double #f3f3f2;
	}
/* ==================================================================
	3. Section - INTRO
================================================================== */
#intro p {
	font-size:18px;
	}
/* ==================================================================
	4. Section - Couple
================================================================== */
.profile img{
	margin:40px auto;
}
.social-icons{
	margin: 27px auto;
}
.social-icons a{
	display: inline-block;
    position: relative;
    cursor: pointer;
    width: 50px;
    height: 50px;
	text-align: center;
    color: #fff;
    font-size: 25px;
    font-weight: normal;
    line-height: 1.7em;
    border-radius: 25px;
    -moz-border-radius:25px;
    -webkit-border-radius:25px;
	margin:5px;
	border: 4px solid #7b7571;
	background: #7b7571;
}
.social-icons a:hover{
	border: 4px solid #F9667E;
	background: #F9667E;
}

/* ==================================================================
	5. Section - Frase
================================================================== */
section#frase h2{
	line-height: 1.7em;
	margin-bottom: 50px;
}
section#frase i{
	color: #f9667e;
}

/* ==================================================================
	6. Section - Our Story
================================================================== */
/*Timeline*/
.timeline {
    list-style: none;
    padding: 20px 0 20px;
    position: relative;
}

.timeline:before {
	top: 0;
	bottom: 0;
	position: absolute;
	content: " ";
	width: 3px;
	background-color:rgba(0, 0, 0, 0.09);
	left: 50%;
	margin-left: -1.5px;
}

.timeline > li {
	margin-bottom: 20px;
	position: relative;
}

.timeline > li:before,
.timeline > li:after {
	content: " ";
	display: table;
}

.timeline > li:after {
	clear: both;
}

.timeline > li:before,
.timeline > li:after {
	content: " ";
	display: table;
}

.timeline > li:after {
	clear: both;
}

.timeline > li > .timeline-panel {
	width: 46%;
	float: left;
	border-radius: 2px;
	padding: 20px 20px 50px 20px;
	position: relative;
	background: transparent;
	border: 3px solid #ededed;
}

.timeline > li > .timeline-panel:before {
	position: absolute;
	top: 24px;
	right: -18px;
	display: inline-block;
	border-top: 17px solid transparent;
	border-left: 17px solid #e8e8e8;
	border-right: 0 solid #e8e8e8;
	border-bottom: 18px solid transparent;
	content: " ";
}

.timeline > li > .timeline-panel:after {
	position: absolute;
	top: 27px;
	right: -14px;
	display: inline-block;
	border-top: 14px solid transparent;
	border-left: 14px solid #fff;
	border-right: 0 solid #fff;
	border-bottom: 14px solid transparent;
	content: " ";
}

.timeline > li > .timeline-badge {
	color: #fff;
	width: 50px;
	height: 50px;
	line-height: 50px;
	font-size: 1.4em;
	text-align: center;
	position: absolute;
	top: 16px;
	left: 50%;
	margin-left: -25px;
	background-color: #f9667e;
	z-index: 100;
	border-top-right-radius: 50%;
	border-top-left-radius: 50%;
	border-bottom-right-radius: 50%;
	border-bottom-left-radius: 50%;
}
.timeline > li:first-child > .timeline-badge {
    position: absolute;
    top: 1%;
    left: 50%;
}
.timeline > li > .timeline-end > .timeline-badge {
    color: #fff;
	width: 50px;
	height: 50px;
	line-height: 50px;
	font-size: 1.4em;
	text-align: center;
	position: absolute;
	top: 16px;
	left: 50%;
	margin-left: -25px;
	background-color: #f9667e;
	z-index: 100;
	border-top-right-radius: 50%;
	border-top-left-radius: 50%;
	border-bottom-right-radius: 50%;
	border-bottom-left-radius: 50%;
	position: absolute;
    top: 100%;
    left: 50%;
}
.timeline > li > .timeline-end > .caption {
    top: 110%;
    left: 45%;
	border: 1px solid #d4d4d4;
	border-radius: 2px;
	padding: 20px 20px 50px 20px;
	position:absolute;
	-webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
	box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
	background: #FFF;
	width:300px;
}
.timeline > li{
	margin-top:-25%;
}

.timeline > li:first-child {
    margin-top: -27px;
}
.timeline > li.timeline-inverted > .timeline-panel {
	float: right;
}
.timeline > li.timeline-inverted > .timeline-panel:before {
	border-left-width: 0;
	border-right-width: 15px;
	left: -15px;
	right: auto;
}
.timeline > li.timeline-inverted > .timeline-panel:after {
	border-left-width: 0;
	border-right-width: 14px;
	left: -14px;
	right: auto;
}
.timeline-badge.primary {
    background-color: #2e6da4 !important;
}

.timeline-badge.success {
    background-color: #3f903f !important;
}

.timeline-badge.warning {
    background-color: #f0ad4e !important;
}

.timeline-badge.danger {
    background-color: #d9534f !important;
}

.timeline-badge.info {
    background-color: #5bc0de !important;
}
.timeline-title {
    margin-top: 0;
    color: inherit;
}
.timeline > li .timeline-heading .timeline-title {
	text-align:right;
}
.timeline > li.timeline-inverted .timeline-heading .timeline-title {
	text-align:left;
}
.timeline-body > p,
.timeline-body > ul {
    margin-bottom: 0;
}
.timeline-body img{
	margin:30px auto;
}

.timeline-body > p + p {
	margin-top: 5px;
}
.final-frase{
	font-size: 28px;
	margin-top: 20px;
}
.final-frase span{
	color:#f9667e;
	font-weight:bold;
}

/* ==================================================================
	7. Section - Counter
================================================================== */
/* ==================================================================
	8. Section - Gallery
================================================================== */
/*Gallery Nav*/
.gallery_nav{
	text-align: center;
	padding-top: 20px;
}
.port-image{
    width: 100%;
}
.gallery_product{
    margin-bottom: 30px;
}

/*Magnific Popup*/
.mfp-bg {
    background: #fff;
}
a.mfp-image:hover{
	opacity: 0.7;
}
.mfp-bottom-bar {
    margin-top: -27px;
}
.mfp-title, .mfp-counter{
    color: #7b7571;
    font-size: 18px;
}
   
.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
  opacity: 0;
  -webkit-backface-visibility: hidden;
  /* ideally, transition speed should match zoom duration */
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.mfp-with-zoom.mfp-ready .mfp-container {
    opacity: 1;
}
.mfp-with-zoom.mfp-ready.mfp-bg {
    opacity: 0.8;
}

.mfp-with-zoom.mfp-removing .mfp-container,
.mfp-with-zoom.mfp-removing.mfp-bg {
  opacity: 0;
}
.mfp-arrow-right::after, .mfp-arrow-right .mfp-a {
    border-left: 17px solid #7b7571;
}
.mfp-arrow-left::after, .mfp-arrow-left .mfp-a {
    border-right: 17px solid #7b7571;
}
.mfp-close {
	font-size: 52px;
	top: -10px;
}
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
    color: #7b7571;
}
/* ==================================================================
	9. Section - Featured People
================================================================== */
.featured img{
	margin:0px;
	float:right;
	width:200px;
	border:10px solid #FFF!important;
	margin-left:10px;
}
.featured h3 a {
	color:#000000
	}
.featured .text{
	text-align:right;
}
.featured-right .featured img{
	float:left;
	margin-right:10px;
}
.featured .text p a {
	clear:both;
	font-weight:600;
	margin-top:5px;
	}
.featured-right .featured .text{
	text-align:left;
}
.featured-center .featured img{
	float:none;
	margin-bottom:10px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}
.featured-center .featured .text{
	text-align:center;
}
/* ==================================================================
	10. Section - Gift Registry
================================================================== */
/*Owl Carrousel*/
#owl-logo .item{
	margin: 5px;
	background: #FFF;
	padding: 30px;
}
#owl-logo .item img{
  display: block;
  width: 100%;
  height: auto;
}
.owl-theme .owl-controls .owl-page span {
    background: #7b7571;
}
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span {
    background: #f9667e;
}

/* ==================================================================
	11. Section - RSVP
================================================================== */
#ajaxForm input, #ajaxForm textarea{
    border: 1px solid #B6B7B7;
	color: #363B3F;
	background: transparent none repeat scroll 0% 0%;
	padding: 15px 30px;
	margin: 0px 3% 20px 0px;
	resize: none;
	border-radius: 0px;
	height: auto;
}
#ajaxForm .form-control:focus {
    border-color:#f9667e;
    outline: 0px none;
    box-shadow:none;
}

#ajaxForm .has-error input,
#ajaxForm .has-error input:focus,
#ajaxForm .has-error textarea,
#ajaxForm .has-error textarea:focus{
	margin-bottom: 0px;
	border-color:#a94442;
}
#ajaxForm input[type="checkbox"]{
	display: none;
}
#ajaxForm label.checkbox-button {
	font-family:'Oswald', Verdana, Geneva, sans-serif;
	font-size: 23px;
	cursor: pointer;
	font-weight: normal;
}
#ajaxForm label.checkbox-button:hover {
	color: #f9667e;
}
#ajaxForm input[type="checkbox"]:checked + label.checkbox-button {
    color: #f9667e;
}
input[type="checkbox"]:checked + label.checkbox-button i.fa::before {
    content: "\f058";
}

.quote-wrap span {color:#ffd373}
.8-problems h3{margin-top:0}
/* ==================================================================
	12. Section - Footer
================================================================== */
footer {background-color:#00749f;color:#fff;padding:17px 0;}
footer a{text-transform:uppercase;color:#fff;padding:0 20px}
footer a:hover{text-transform:uppercase;color:#f3d2e0;padding:0 20px}
.foot-left {text-align:left}
.foot-mid {text-align:center}
.foot-right {text-align:right}
@media (max-width:767px) {
	.foot-left {text-align:center; margin-bottom:10px}
	.foot-mid {text-align:center; margin-bottom:10px}
	.foot-right {text-align:center}
}
/* ==================================================================
	13. Responsive
================================================================== */
@media (max-width: 1199px) {
	.featured,
    .featured-right .featured{
    	text-align: center;
    }
    .featured .text,
    .featured-right .featured .text {
    	text-align: center;
    }
    .featured img,
    .featured-right .featured img{
    	float:none;
    	margin:auto;
    }
}
@media (max-width: 767px) {
   
    section {
	    padding: 60px 0px;
	}

    ul.timeline:before {
        left: 40px;
    }
    .timeline > li {
	    margin-top:0px;
	}

    ul.timeline > li > .timeline-panel {
        width: calc(100% - 90px);
        width: -moz-calc(100% - 90px);
        width: -webkit-calc(100% - 90px);
    }

    ul.timeline > li > .timeline-badge,
    ul.timeline > li:first-child > .timeline-badge,
    ul.timeline > li> .timeline-end .timeline-badge {
        left: 15px;
        margin-left: 0;
        top: 16px;
    }

    .final-frase {
	    margin-top: -29px;
		width: 70%;
		margin-left: 90px;
		text-align: left;
	}

    ul.timeline > li > .timeline-panel {
        float: right;
    }

    ul.timeline > li > .timeline-panel:before {
        border-left-width: 0;
        border-right-width: 15px;
        left: -15px;
        right: auto;
    }

    ul.timeline > li > .timeline-panel:after {
        border-left-width: 0;
        border-right-width: 14px;
        left: -14px;
        right: auto;
    }

    section#footer ul.names {
		font-size: 28px;
	}
	section#footer .circle {
	    width: 43px;
		height: 43px;
		font-size: 31px;
		line-height: 1.2em;
	    top: 0px;
	}
}
@media (max-width:992px) {
	.featured {margin-bottom:25px}
	.featured h3 {margin-top:0}
}

.cont-wrap {overflow:hidden}
.left-cont {border-right:1px solid #f0f0f0; background-color:#fff}
.left-cont .title-block {margin-bottom:45px}
.left-cont ul li {margin-top:10px; margin-bottom:10px}
.left-cont p {margin:15px 0}
.left-cont hr {
	margin-top: 30px;
    margin-bottom: 30px;
    border-top: 1px solid #dd527a;
	}
.right-cont {text-align:center}
.bann-wrap {
	padding:10px 10px;
	text-align:center;
	}
.light-grey {background-color:#f4f4f4}

.searchStruc {
	margin:12px auto 0;
	background:rgba(255, 255, 255, .30);
	padding:5px;
	overflow:hidden;
	max-width:500px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}
.searchStruc input[type=submit] {
transition:all .5s ease 0;
	background-color:#b90039;
	color:#fff;
	border:1px solid #a10022;
	padding:2px 5px
}
.searchStruc input[type=submit]:hover {
	background-color:#6f0000;
	border:1px solid #6f0000
}
@media (max-width:640px) {
.searchStruc {
margin:6px auto;
width:99%;
max-width:none;
float:none;
text-align:center
}
.searchStruc input[type=text] {
width:70%
}
}
.numerology-wrap {clear:both}
.numerology-wrap .title-block {
    margin-bottom: 0;
}
.message-form {
	background-image: linear-gradient(to bottom right, #e4e5e2,#f6f6f6,#f6f6f6,#f6f6f6, #f6f6f6, #e4e4e4);
	border:6px solid #fff;
	box-shadow: 0 0 10px rgba(0, 0, 0, .1);
	margin-top:25px;
	padding:15px;
	font-size:18px;
	line-height: 170%
	}
.message-form h3 {
	text-align:center;
	background-image: linear-gradient(to bottom right, #2f0600,#631206,#631206,#2f0600);
	color:#fff;
	margin-top:0;
	padding:4px 4px 6px
	}
	
.message-form table {
	margin-bottom:30px;
	width:100%;
	border:1px solid #ccc;
	line-height:110%;
	font-size:16px;
	}
.message-form table td{
	padding:10px;
	vertical-align:top;
	border:1px solid #ccc;
	}
.message-form table td.td1{width:8%; text-align:center}
.message-form table td.td2{width:74%; font-weight:700}
	.message-form table td.td2 span{font-weight:500; padding-left:8px}

.message-form table td.td3{width:18%; text-align:center}
.message-form table td.td3 a, .message-form table td.td3 a:link {display:inline-block; background-color:#7b4562; padding:6px 10px;font-size:14px;border-radius:15px; color:#fff; line-height:100%;transition: all 0.5s ease 0s;}
.message-form table td.td3 a:hover, .message-form table td.td3 a:focus {text-decoration:none; color:#fff; background-color:#330033}
.message-form input[type='text'], .message-form textarea {
	padding:4px;
	width:90%;
	text-align:left;
	color: #666666 !important;
	margin-bottom: 10px;
	border:1px solid #ccc;
	padding:5px 10px;
	}
@media (max-width:767px) {
	.message-form input[type='text'] {
	width:100%
	}
}
#preview h2 {font-size:38px; text-align:center}
.preview-wrap {
	/*background-image:url(../img/preview-background.jpg);
	background-repeat: no-repeat;
	background-position: center bottom ;*/
	background-color:#f6f7f9;
	border:10px solid #fff;
	box-shadow: 0 0 10px rgba(0, 0, 0, .1);
	padding:0 25px;
	font-size:18px;
	line-height: 190%;
	}
.preview-wrap h1{
	display:table;
	background-image: linear-gradient(#650034, #ca0068, #650034);
	color:#FFFFFF;
	text-align:center;
	padding:4px 15px 8px;
	border:6px solid #fff;
	margin:-30px auto 40px;
	border-radius: 7px;
	box-shadow: 0 0 10px rgba(0, 0, 0, .1);	
	}
.message-wrap {
	font-family: 'Dancing Script', cursive;
	font-size:30px;
	color:#820c49;
	padding: 15px 10px;
    border: 3px solid #fff;
	margin-bottom:30px;
    -webkit-box-shadow: 0 2px 10px -6px #3f3f3f;
    	-moz-box-shadow: 0 2px 10px -6px #3f3f3f;
    		box-shadow: 0 2px 10px -6px #3f3f3f;
	}
.poem-wrap {
	text-align:center;
	line-height:140%;
	margin-bottom:25px;
	}
.poem-wrap h3{ margin-bottom:30px}
@media (max-width:767px) {
	.preview-wrap {
		padding:0 13px;
		}
	.preview-wrap h1{
		margin:-32px auto 40px;
		font-size:32px
		}
	.message-wrap {
		font-size:23px;
		line-height: 150%
		}
	.poem-wrap {font-size:15px}
	.poem-wrap p {margin-bottom:18px}
}
#posted_messages {
	margin-top:20px;
	margin-bottom:20px;
	}
#posted_messages a, .posted_messages a:link, .posted_messages a:hover, .posted_messages a:active, .posted_messages a:focus {text-decoration:none !important} 
.post-link {
	background-color:#fff;
	border:1px solid #e8e8e8;
	border-bottom: 3px solid #dddddd;
	border-right: 3px solid #dddddd;
	font-size:14px;
	margin-bottom:10px;;
	color:#486584;
	transition: all 0.5s ease 0s;
	text-decoration:none !important
	}
.post-link:hover {
	background-color:#f1f1f1;
	transition: all 0.5s ease 0s;
	}
.post-link:hover, .post-link span:hover {
	text-decoration:none !important
}

.post-number {
	color: #fff;
    background-color: #66798d;
    padding: 5px 14px 12px 8px;
    border-bottom-right-radius: 12px;
    font-weight: bold;
    margin-right: 6px;
	}
.sender-name{
	padding:4px 35px 4px 15px;
	}
.date-post {
	padding:4px;
	color:#797977;
	font-size:14px;
	float:right
	}
@media (max-width:767px) {
	.sender-name {
		padding: 4px 35px 4px 4px;
	}
	.date-post, .sender-place {
		display: block;
		padding-left: 44px;
		margin-top: -9px;
		float:none
	}
	.date-post {
		font-size:12px;
		}
}
.sender-wrap {
	text-align:center;
	font-size: 22px;
	}
.sender-preview-name span {
	font-family: 'Satisfy', cursive;
	font-size:40px;
	color:#862a5e;
	display:block
	}
.preview-date {
	margin-top:6px;
	margin-bottom:30px;
	font-size: 16px;
    color: #757575;
	}
/** PAGINATION ***/
.pagination {
  padding: 0;
}
.pagination,
.pagination * {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.pagination a {
  display: inline-block;
  padding: 0 10px;
  cursor: pointer;
  background-color: #a6a6a6;
  margin-left: 2px;
  margin-right: 2px;
  color: #fff;
  text-decoration:none;
  margin-bottom:4px;
  transition: all 0.5s ease 0s;
}
.pagination a:hover {
	background-color:#14598d;
	text-decoration:none;
	color:#fff;
	}
.pagination a.disabled {
  opacity: 0.3;
  pointer-events: none;
  cursor: not-allowed;
}
.pagination a.current {
  background: #4d90c4;
  color: #fff;
}
.pagination a.next {
    opacity: 0.8;
}
/*** end of PAGINATION **/
.btn-close {
	color:#fff;
	background-color:#a73838;
	padding:4px 15px;
	font-size:16px;
	border-radius: 15px;
	text-decoration:none;
	transition: all 0.5s ease 0s;
	}
.btn-close:hover { background-color:#660066; text-decoration:none; color:#fff}
.btn-close span {font-size:13px; padding-left:8px}
.g-recaptcha div {margin-bottom:15px}
.error {color:#CC0000; text-align:center}

#responsename, #responselife {
	display:none;
	margin-left:5px;
	margin-right:5px;
	background-color:#fff;
	margin-bottom: 25px;
    padding-bottom: 10px;
	box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, .45);
	}
#responsename .share-buttons p, #responselife .share-buttons p {
	color:#333333;
	margin-top:10px;
	font-size:14px;
	font-weight:700
	}
.number-wrap {
	text-align: center;
    height: 70px;
    width: 70px;
    padding-top: 0px;
    border-radius: 50%;
    position: absolute;
    border: 6px solid #fff;
    z-index: 100;
    margin-top: -28px;
    left: 44%;
    font-family: 'Oswald', Verdana, Geneva, sans-serif;
    font-weight: 700;
    font-size: 40px;
    color: #fff;
    text-shadow: 1px 1px #000;
	box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, .45);
	}
#responsename .number-wrap-main {
	background:#023761 url(../img/number-wrap-main-bg.jpg);
	min-height:40px;
	}
#responsename .number-wrap {
    background-image: linear-gradient(#115e8c,#115e8c,#115e8c,#115e8c,#115e8c,#115e8c,#084055,#084055,#084055, #084055,#084055,#115e8c);
	}
#responselife .number-wrap-main {
	background:#1a104a url(../img/date-wrap-main-bg.jpg);
	min-height:40px;
	}
#responselife .number-wrap {
    background-image: linear-gradient(#5b419d,#5b419d,#5b419d,#5b419d,#5b419d,#5b419d,#1e0855,#1e0855,#1e0855, #1e0855,#1e0855,#5b419d);
	}
@media (max-width:430px) {
	.number-wrap {
	left: 41%;
	}
	#responsename, #responselife {
	font-size:14px;
	}
}
#responsename h4, #responselife h4{
	margin-top: 0;
    margin-bottom: 20px;
    text-align: center;
    color: #fff;
    text-shadow: 1px 1px #000;
    background-color: #023761;
    font-size: 23px;
    padding: 15px 5px 10px;
	}
#responsename h4 {
    background-color: #023761;
	}
#responselife h4{
    background-color: #1a104a;
	}
#responsename p, #responselife p{
	margin:0 5px;
	color:#333333;
	font-size:14px;
	}
.errorMessage {color:#CC0000; text-align:center}

/*** SOCIAL SHARE BUTTONS **/
.share-buttons {
	background: rgba(255, 255, 255, .70);
	text-align:center;
	margin: 0 auto;
	padding: 0 5px; 
	}
.share-buttons p {
	margin:0
	}

.share-buttons a, .share-buttons a:link {text-decoration:none}
.share-buttons img {
	padding:8px 4px;
	width:unset;
	height:unset;
	border:none;
	}
	@media (max-width:767px) {
		.share-buttons {
			display: block;
			margin: 0 auto 0;
			border-radius: 0;
			border: none;
			}
		.share-buttons img {
			max-width:27px;
			}
	}
.preview-share {
	background-color:#2b79aa;
	border-bottom-right-radius:10px;
border-bottom-left-radius:10px; 
}

.inpageWrap{width:auto;overflow:hidden;text-align:center;margin-top:20px;clear:both}
.inpageWrap ul, .inpageWrap li{list-style:none;display:inline-block;text-align:center;padding-left:0;margin-left:0; text-transform:uppercase}
.inpageWrap a{display:block;text-transform:uppercase;background:#1090ac;border:2px solid #e9f3ff;padding:6px 15px;line-height:110%;transition:all 0.5s ease 0s;margin:2px;color:#fff !important;-webkit-box-shadow:0 4px 6px -6px black;-moz-box-shadow:0 4px 6px -6px black;box-shadow:0 4px 6px -6px black;}
.inpageWrap a:hover{background:#fffdc4;border:2px solid #fff;text-decoration:none;color:#1090ac !important}
/*** PADDING & MARGIN **/
.mar-top0 {
	margin-top:0
}
.mar-top5 {
	margin-top:5px
}
.mar-top10 {
	margin-top:10px
}
.mar-top15 {
	margin-top:15px
}
.mar-top20 {
	margin-top:20px
}
.mar-top25 {
	margin-top:25px
}
.mar-top30 {
	margin-top:30px
}
.mar-top35 {
	margin-top:35px
}
.mar-top40 {
	margin-top:40px
}
.mar-top45 {
	margin-top:45px
}
.mar-top50 {
	margin-top:50px
}
.mar-top60 {
	margin-top:60px
}
.mar-top100 {
	margin-top:100px
}
.mar-bottom0 {
	margin-bottom:0
}
.mar-bottom5 {
	margin-bottom:5px
}
.mar-bottom10 {
	margin-bottom:10px
}
.mar-bottom15 {
	margin-bottom:15px
}
.mar-bottom20 {
	margin-bottom:20px
}
.mar-bottom25 {
	margin-bottom:25px
}
.mar-bottom30 {
	margin-bottom:30px
}
.mar-bottom35 {
	margin-bottom:35px
}
.mar-bottom38 {
	margin-bottom:38px
}
.mar-bottom40 {
	margin-bottom:40px
}
.mar-bottom50 {
	margin-bottom:50px
}
.mar-bottom60 {
	margin-bottom:60px
}
.mar-bottom70 {
	margin-bottom:70px
}
.mar-bottom80 {
	margin-bottom:80px
}
.mar-bottom90 {
	margin-bottom:90px
}
.mar-bottom100 {
	margin-bottom:100px
}
.pad-bottom0 {
	padding-bottom:0
}
.pad-bottom5 {
	padding-bottom:5px
}
.pad-bottom10 {
	padding-bottom:10px
}
.pad-bottom15 {
	padding-bottom:15px
}
.pad-bottom20 {
	padding-bottom:20px
}
.pad-bottom25 {
	padding-bottom:25px
}
.pad-bottom30 {
	padding-bottom:30px
}
.pad-bottom35 {
	padding-bottom:35px
}
.pad-bottom40 {
	padding-bottom:40px
}
.pad-bottom45 {
	padding-bottom:45px
}
.pad-bottom50 {
	padding-bottom:50px
}
.pad-bottom60 {
	padding-bottom:60px
}
.pad-bottom70 {
	padding-bottom:70px
}
.pad-bottom80 {
	padding-bottom:80px
}
.pad-bottom90 {
	padding-bottom:90px
}
.pad-bottom100 {
	padding-bottom:100px
}
.pad-bottom120 {
	padding-bottom:120px
}
.pad-top0 {
	padding-top:0
}
.pad-top5 {
	padding-top:5px
}
.pad-top10 {
	padding-top:10px
}
.pad-top15 {
	padding-top:15px
}
.pad-top20 {
	padding-top:20px
}
.pad-top25 {
	padding-top:25px
}
.pad-top30 {
	padding-top:30px
}
.pad-top35 {
	padding-top:35px
}
.pad-top40 {
	padding-top:40px
}
.pad-top45 {
	padding-top:45px
}
.pad-top50 {
	padding-top:50px
}
.pad-top60 {
	padding-top:60px
}
.pad-top70 {
	padding-top:70px
}
.pad-top80 {
	padding-top:80px
}
.pad-top90 {
	padding-top:90px
}
.pad-top100 {
	padding-top:100px
}
.btn2 {
    padding: 5px 25px;
    border-radius: 3px;
    margin: 8px 8px 8px 8px;
    color: #fff;
    background-color: #fbdedb;
    display: inline-block;
    background: #e74c3c;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    font-family: sans-serif;
    font-weight: 700;
    font-size: .85em;
    text-transform: uppercase;
    text-align: center;
    text-decoration: none;
    -webkit-box-shadow: 0em -0.3rem 0em rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0em -0.3rem 0em rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0em -0.3rem 0em rgba(0, 0, 0, 0.1) inset;
    position: relative;
}
.btn2:hover, .btn2:focus {
    opacity: 0.8;
	color:#fff;
	text-decoration:none
}
.btn2:active {
    -webkit-transform: scale(0.80);
    -moz-transform: scale(0.80);
    -ms-transform: scale(0.80);
    -o-transform: scale(0.80);
    transform: scale(0.80);
}
.btn2.circular {
  border-radius: 50em !important;
}
.btn2.red {
	color:#fff;
	background:#d50000;
}
#success_page p {margin-bottom:8px;}
.red {
    color: #d50000;
}
.green {
	color:#006600;
	}
.sky {
    background-color: #6698cb;
}
hr {border-top: 1px solid #fff;}
.center-block {
	display:block;
	margin-left:auto;
	margin-right:auto;
	float:none;
	}
.bold {font-weight:700}