/*
Theme name: Time-Tube
Theme URI: http://wordpress.org/themes/blankslate

BlankSlate WordPress Theme © 2011-2014 TidyThemes
BlankSlate is distributed under the terms of the GNU GPL
*/



@font-face {
  font-family: 'HemiHead';
  src:  url('fonts/hemi-head.ttf');
}


html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font:inherit;padding:0;border:0;margin:0;vertical-align:baseline}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}.clear{clear:both}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}


*{
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	
	
}

.clear{ clear: both; }


a{
	text-decoration: none;
	color: gray;
}

b{
	font-weight: bold;
}

i{
	font-style: italic;
}

p {
    line-height: 22px;
    margin: 10px 0px;
}

ul{ margin:0; padding:0; }

body{
	font-family: 'Quicksand', sans-serif;
	font-weight: 100;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	font-smoothing: antialiased;	
}

html, body{
	margin:0;
	padding:0;
	height:100%;
}

.container{
   min-height:100%;

   position:relative;	
}

section#content {
    height: 100%;
}

.page-template-page-home{
		overflow: hidden;
}



h1 {
	
	margin-bottom: 0px;
    font-size: 72px;
    color: #616161;

}
h2{
	font-size: 38px;
    font-weight: 100;
    color: rgba(142, 50, 49, 0.7);
	margin-bottom: 15px;
	font-family: 'Quicksand', sans-serif;
}

strong {
    font-weight: bold;
}


.wrap{
    max-width: 1200px;
    margin: 0 auto;
    width: 100%;
}


.logo-wrap {
	float:left;
	margin: 5px 0px;
}
.logo-wrap img {
    width: 120px;
    height: auto;
}


header#header {
	position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 60px;
    background: rgb(249, 249, 249);
    border-bottom: 1px solid #ececec;
    z-index: 999;
}



.mobile-menu-btn,
.mob-menu{
	display: none;
}



nav#menu{
	float: right;
}
nav#menu ul li{
	float: left;
    padding: 0px;
    border-left: 1px solid #ececec;
    width: 140px;
}

nav#menu ul li a{
	color: gray;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
    display: inline-block;
    width: 140px;
    padding: 24px 0px;
    text-align: center;
    
    transition: all .2s ease-out;
    -webkit-transition: all .2s ease-out;  
}

nav#menu ul li a:hover{
	opacity: 0.8;
	color: white;
	background: darkgrey;	
}



.social-menu {
    float: right;
}
.social-menu ul li{
	float:left;
}

.social-menu ul li:first-child a{
	border-left: 1px solid #efefef;
}

.social-menu ul li a {
    display: inline-block;
    padding: 0px;
    border-right: 1px solid #efefef;
    width: 50px;
    text-align: center;
    height: 60px;
    line-height: 60px;
    color: gray;
    transition: all .2s ease-out;
    -webkit-transition: all .2s ease-out;
}
.social-menu ul li a:hover{
	opacity: 0.8;
	color: white;
	background: darkgrey;
}


footer#footer {

    background: #f9f9f9;
    color: gray;
    margin-top: 50px;
    padding: 25px;
    text-align: center;
    border-top: 2px solid #f3f3f3;
    padding-bottom: 5px;
    position: absolute;
    bottom: 0;
    width: 100%;

}

footer#footer ul li {
    display: inline;
    margin: 0px -3px;
    padding: 0px 20px;
    border-left: 1px solid rgba(0, 0, 0, 0.3); 
}

footer#footer ul li:last-child{
	border-right: 1px solid rgba(0, 0, 0, 0.3);
}


footer#footer ul li a {
    color: gray;
    font-size: 12px;
    font-weight: bold;
}

footer#footer p{
	line-height: 22px;
    margin: 10px 0px;
    margin-top: 25px;
    font-size: 12px;
}

#credit-cards{
	text-align: center;
}

footer#home-footer #credit-cards {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 190px;
}


#bgvid{
	/*
	width: 100%;
	height: 100%;
	position: absolute;
	top:0; left:0;
	*/
	pointer-events: none;
	position: absolute;
	top: -7%;
	left: 0;
	right: 0;
	width: 100%;
	height: 110%;
	z-index: 1;
	margin: auto;

}


#loading-sec{
	position: fixed;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	background: black;
	overflow: hidden;
	z-index: 9000;
	text-align: center;
	line-height: 50%;
}

.loading-blur{
    position: absolute;
    width: 240px;
    height: 100px;
    background: white;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    opacity: 0.6;
    transform: scale(0.5);
    top: -60px;
    bottom: 0;
    margin: auto;
    left: 0;
    right: 0;
	-webkit-animation: breathe 5s infinite linear; /* Chrome, Safari, Opera */
	animation: breathe 5s infinite linear;
}

@keyframes breathe{
	0%{
		opacity: 0;
	}
	50%{
		opacity: 0.6;
	}
	100%{
		opacity: 0;
	}
}
@-webkit-keyframes breathe{
	0%{
		opacity: 0;
	}
	50%{
		opacity: 0.6;
	}
	100%{
		opacity: 0;
	}
}

.centered-loading img {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
    right: 0;
    width: 200px;
    height: auto;
}



#welcome-sec{

	background: rgb(255,255,255);
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(212,212,212,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(212,212,212,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(212,212,212,1) 100%);

		padding: 0;
		overflow: hidden;
		
}

#welcome-sec h1,
#welcome-sec h2{
	opacity: 0;
	pointer-events: none;
}


#welcome-sec h1.startFading1{

	animation: fadeIn 4s ease-in forwards;
	-webkit-animation: fadeIn 4s ease-in forwards;
    
    -webkit-animation-delay: 4s;
    animation-delay: 4s; 

}

#welcome-sec h2.startFading2{
	    margin-top: 15px;
	opacity: 0;
	
	animation: fadeIn 4s ease-in forwards;
	-webkit-animation: fadeIn 4s ease-in forwards;
    
    -webkit-animation-delay: 15s;
    animation-delay: 15s;
    
}
.wc-read-more{
	opacity: 0;
	animation: fadeIn 4s ease-in forwards;
	-webkit-animation: fadeIn 4s ease-in forwards;
    
    -webkit-animation-delay: 5s;
    animation-delay: 5s;
}




@keyframes fadeIn{
	0%  { opacity: 0; }
	100%{ opacity: 1; }
}
@-webkit-keyframes fadeIn{
	0%	{ opacity: 0; }
	100%{ opacity: 1; }
}



.center-wrap{
	width: 100%;
	height: 100%;
	text-align: center;
	position: relative;
	z-index: 15;
}

.center-table-box{
	width: 100%;
	height: 70%;	
	display: table;
}
.center-table-box-wrap{
	display: table-cell;
	vertical-align: middle;
}



.main-content-wrap {
    width: 70%;
    margin: 45px auto;
    text-align: center;
}

.main-content-wrap ul,
.main-content-wrap ol {
	margin: 10px 0px;
    list-style: disc;
    list-style-position: inside;
}

.main-content-wrap ol{
	list-style: decimal;
	list-style-position: inside;
}

.main-content-wrap ul li,
.main-content-wrap ol li{
	margin-bottom: 8px;
	line-height: 20px;
	color: gray;
}


.main-content-wrap div.wpcf7 {
    display: inline-block;
    padding: 10px 45px;
    border: 1px solid #e8e8e8;
    margin-top: 15px;
}



.the-tube{
	margin-top: 70px;
}
.the-tube-shadow{
	margin-top: 35px;
}

.the-tube, .the-tube-shadow{
	text-align: center;
}
.the-tube img,
.the-tube-shadow img{
	width: 30%;
}


.wc-read-more {
    text-align: center;
    bottom: 10px;
    height: 80px;
    left: 0;
    right: 0;
    margin: auto;
    position: absolute;
    z-index: 95;
}

.wc-rm-label {
    color: gray;

}

.wc-rm-arrow, .down-arrow {
    width: 53px;
    height: 28px;
    background: url('images/arrow-down.png');
    margin: auto;
    margin-top: 15px;
    background-size: cover;
    cursor: pointer;	
    
    position: relative;
    
    -webkit-animation: arrowMove 3s infinite ease-in-out;
    animation: arrowMove 3s infinite ease-in-out;
}

@keyframes arrowMove{
	0%{
		bottom: -20px;
		opacity: 0.6x	;
	}
	40%{
		bottom: -10px;
		opacity: 1;
	}
	60%{
		bottom: -10px;
		opacity: 1;
	}
	100%{
		bottom: -20px;
		opacity: 0.6;
	}
}


.main-section{
	background-size: cover;
	background-attachment: fixed;
	background-position: 50%;
	padding: 50px 0px;
	position: relative;
}


.section-title{
	position: relative;
}


.section-subtitle {
    font-size: 16px;
    line-height: 22px;
    font-weight: 300;
    margin-bottom: 10px;
    color: #b17574;
    position: relative;
    font-style: italic;
}

.section-text {
    font-size: 16px;
    line-height: 22px;
    font-weight: 100;
	position: relative;
}

.section-text p {
    margin: 15px 0px;
}


.wrap-inside{
	width: 1200px;
	height: 100%;
	margin: 0 auto;
}



.center-lines {
    height: 3px;
    position: relative;
	margin-bottom: 15px;
}

.right-line, .left-line{
	position: absolute;
	width: 35%;
    height: 2px;
    background: #bdbdbd;	
}

.right-line{
    left: 50%;
}
.left-line{
    right: 50%;
}
    
.horizontal-lines {
    height: 3px;
    position: relative;
	margin-bottom: 15px;
}

.left-hor-line{
	width: 60%;
    height: 2px;
    background: white;
    left: 0;
    position: absolute;	
}


/*  HISTORY SECTION */

#history-sec{
	/* background-image: url('images/history-bg.jpg'); color: white; */
	
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top, rgb(203, 201, 201) 0%, rgba(255,255,255,1) 100%);
	background: -webkit-linear-gradient(top, rgb(203, 201, 201) 0%, rgba(255,255,255,1) 100%);
	background: linear-gradient(to bottom, rgb(203, 201, 201) 0%, rgba(255,255,255,1) 100%);
	
	
	padding: 20px 0px;
	text-align: center;
}

#history-sec .half-col {
    display: inline-block;
    vertical-align: middle;
    width: 50%;
    height: 100%;

	text-align: center;
}

#history-sec .section-box{
	margin: 150px 0px;
	position: relative;
}



.col-3, .col-4, .col-5, .col-6, .col-7 {
    display: inline-block;
    vertical-align: middle;
    height: 100%;
	text-align: center;
}

.col-3{	width: 30%; }
.col-4{	width: 40%; }
.col-5{	width: 50%; }
.col-6{	width: 60%; }
.col-7{	width: 70%; }


#history-sec .slider-wrap {
    margin: 200px 0px;
    overflow: hidden;
    height: 520px;
    box-shadow: -2px 0px 10px rgba(0, 0, 0, 0.5);
    border: 1px solid #2B2B2B;
    position: relative;
}

.fade-top-in{
	visibility: visible;
	animation: fade-top-in 1.6s;
}

@keyframes fade-top-in {
  0% {
    opacity: 0;
    transform: translateY(40%);
  }
 
  100% {
	opacity: 1;
    transform: translateY(0%);
  }
}


ul#history-slider,
ul#atp-slider {
    width: 600px;
    height: 460px;
	position: relative;
}

#history-slider li,
#atp-slider li {
    height: 460px;
    vertical-align: middle;
    display: table;
    width: 600px !important;
    position: absolute !important;
    top: 0;
    left: 0;
}

#history-slider img,
#atp-slider img  {
    max-width: 600px;
    border: 2px solid white;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.slider-inner{
	vertical-align: middle;
	display: table-cell;
    float: none !important;
}










.history-center-images {
    display: inline-block;
	position: relative;
}

.history-images-row {
    margin: 10px;
	margin-left: 50px;
}
.history-images-row img {
    box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.3);
	border: 5px solid white;
	position: relative;
	height: auto;
}

.history-photo{
	float: left;
	position: relative;
}

.history-photo img{
	width: 100%;
	height: auto;
}

.history-photo.ph-1 {
    width: 280px;
	top: 44px;
    right: 15px;    
}

.history-photo.ph-2{
    width: 230px;	
}

.history-photo.ph-3{
    width: 160px;
	left: 50px;    	
}

.history-photo.ph-4{
    width: 366px;
    left: 65px;
}

.history-photo.ph-5{
	width: 270px;
	left: 25px;
}

.history-photo.ph-6{
	width: 220px;
	left: 40px;
}

.history-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    width: calc(100% - 10px);
    padding: 2px 10px;
    padding-bottom: 6px;
    text-align: left;
    margin: 5px;
    background: rgba(255, 255, 255, 0.3);
    margin-bottom: 7px;
}

.history-photo:hover .history-caption{
	background: rgba(255, 255, 255, 0.8);
}

.history-caption a{
	color: black;
	font-style: italic;
	font-size: 10px;
}

/* END OF HISTORY SECTION */






/* PROJECT SECTION */

#the-project-sec{
	background: white;
	padding: 20px 0px;
	padding-bottom: 180px;
}

video#capsule-vid {
    width: 100%;
    height: auto;
}

.about-project-overlay{
	background: rgba(0, 0, 0, 0.9);
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	z-index: 50;
	display: none;
}

#ap-close-video{
    position: absolute;
    top: 34px;
    right: 97px;
    width: 30px;
    height: 30px;
    border-radius: 40px;
    line-height: 26px;
    color: #628F9A;
    font-weight: bold;
    background: rgb(255, 255, 255);
    border: 2px solid #B0C6E0;
    z-index: 88;
    font-size: 12px;
}


.video-thumb-wrap{
    margin-top: 40px;
    text-align: center;
    border-radius: 100%;
	width: 540px;
	height: 540px;
    display: inline-block;
    border: 5px solid white;
    position: relative;
    left: 0;
    z-index: 100;
	
	transition: all .5s ease-out;
	-webkit-transition: all .5s ease-out;
	
}

/*
.video-thumb-wrap{
    margin-top: 40px;
    text-align: center;
    border-radius: 100%;

    width: 450px;
    height: 450px;
    display: inline-block;
    border: 5px solid #BACCE2;
	position: relative;
	z-index: 100;
	
	transition: all 1s ease-out;
	-webkit-transition: all 1s ease-out;
	
}
*/

.video-thumb-wrap.active{
	box-shadow: 0px 0px 120px rgba(255, 255, 255, 0.6);
	left: 45%;
}


.video-thumb-wrap img{
	width: 100%;
	height: auto;
	border-radius: 450px;
}

.video-thumb-wrap:hover .video-overlay {

	opacity: 0.7;
	
}

#ap-see-video{
	display: block;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(10, 38, 45, 0.7);
    width: 100%;
    height: 100%;
    color: white;
    line-height: 520px;

    font-size: 28px;
	transition: all 1s ease-in;
	-webkit-transition: all 1s ease-in;
	z-index: 25;
	border-radius: 100%;
}

.video-img-overlay {
    position: relative;
    z-index: 15;
}

.project-video-wrap{
	display: none;
	z-index: 5;
	overflow: hidden;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	border-radius: 100%;
	left: 0;
	-webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
	
}

video#project-video {
	position: absolute;
	width: 106%;
	height: 106%;
	top: -4%;
	left: -3%;
}


#volume-bar {
    position: absolute;
    z-index: 9999;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 15px;
    width: 130px;
    opacity: 0.4;
}


.project-video-wrap:hover #volume-bar{
	opacity: 1;
}


/*
.about-profile-text {
    text-align: left;
    padding: 50px 80px;
    text-align: left;
    color: white;
	z-index: 11;
	position: relative;
	top: 15px;
	width: 100%;
}
#second-part.about-profile-text{
    top: 50px;
    left: 25px;
	z-index: 10;	
}
.about-profile-text p{
	font-size: 16px;
    line-height: 20px;
    text-align: justify;
}
.about-profile-text h2{
	color: white;
}
*/



#the-project-sec .section-quote {
    position: relative;
    top: 0px;
    right: 95px;
    background: #FFB845;
    color: white;
    padding: 15px;
    font-style: italic;
    padding-left: 40px;
    line-height: 24px;
}


/* END OF PROJECT SECTION */








/* ABOUT THE CAPSULE */


section#the-capsule-sec {
    padding: 0;
    background: #30394C;
    overflow: hidden;
}

#capsule-lines{
	width: 20%;
    margin: 0 auto;
    margin-bottom: 10px;
    opacity: 0.3;
}

.col-5.dark-gray {
	background: #272F40;
	color: white;
	padding: 200px 100px;
	position: relative;
	left: 25px;
}

.col-5.dark-gray h2{
	color: white;
}

.col-5.the-capsule{

	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
}


.capsule-layer{
	width: 100%;
	height: auto;
	display: none;	
}
.capsule-layer.active{
	display: block;
}


#capsule-vid{
	pointer-events: none;
	position: relative;
	z-index: 15;
}

.capsule-vid-overlay{
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
    background: rgba(0, 0, 0, 0.8);
    
    z-index: 20;
    
    transition: all .8s ease-out;
    -webkit-transition: all .8s ease-out;    
    
}

.capsule-center {
    position: absolute;
    z-index: 99;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    text-align: center;
    height: 190px;
    
    transition: all .6s ease-out;
    -webkit-transition: all .6s ease-out;
    
}
.capsule-center h2{
	color: white;
}

.capsule-info {
	position: absolute;
    top: 0;
    width: 35%;
    background: rgba(255, 255, 255, 0.8);
    z-index: 99;
    padding: 25px 30px;
    margin: auto;
    opacity: 0;
    transform: rotateY(90deg);
    -webkit-transform: rotateY(90deg);
    
    transform-origin: left center;
    -webkit-transform-origin: left center;
    
    transition: all .9s ease-out;
    -webkit-transition: all .9s ease-out;
    -webkit-transition-delay: 9s;
    transition-delay: 9s;
    bottom: 0;
}

.capsule-info.active{
	transform: rotateY(0deg);
	-webkit-transform: rotateY(0deg);
	opacity: 1;
}

.capsule-center-table{
	display: table;
	height: 100%;
	width: 100%;
}
.capsule-center-cell {
    vertical-align: middle;
    display: table-cell;
}


#play-about-capsule{
	width: 80px;
	height: 80px;
	border-radius: 80px;
	border: 1px solid white;
	outline: none;
	cursor: pointer;
	background: none;
	color: white;
	margin-top: 15px;
	
	letter-spacing: 2px;
	
	transition: all .5s ease-out;
	-webkit-transition: all .5s ease-out;

}


.capsule-center.active{
	opacity: 0;
}
.capsule-vid-overlay.active{
	opacity: 0.5;
}

#play-about-capsule.active{
	background: white;
	color: white;
	transform: scale(35);
	opacity: 0;
	visibility: hidden;
	text-indent: -9999px;
}

#play-about-capsule:hover{
	background: white;
	color: gray;
}

.capsule-bxslider-wrap{
	position: absolute;
	top: 0; left:0;
	width: 100%; height: 100%;
	z-index: 10;
}
    
.capsule-bxslider img {
    width: 100%;
    height: auto;
}



/* END ABOUT THE CAPSULE */





/* THE PROCESS */


#the-process-sec{
	
	/*
	background: #FFEEEE;
	background: -webkit-linear-gradient(to left, #FFEEEE , #DDEFBB);
	background: linear-gradient(to left, #FFEEEE , #DDEFBB);
	*/
	
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(212,212,212,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(212,212,212,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(212,212,212,1) 100%);
	
    padding: 50px 0px;
    padding-top: 150px;    
	height: 1400px;
}


.half-hor-line {
    width: 50%;
    height: 4px;
    position: relative;
    background: rgba(169, 109, 96, 0.1);
    box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.1);
}
.step-dot.first{
	width: 15px;
	height: 15px;
	position: absolute;
	right: -6px;
	top: -6px;
	background: rgb(236, 230, 228);
	box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.1);
	border-radius: 100%;
	z-index: 15;
}

.full-ver-line {
	width: 4px;
    float: right;
    position: relative;
    background: rgba(169, 109, 96, 0.1);
    box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.1);
    height: 950px;
}



.step-circle-align {
    position: absolute;
    width: 515px;
}

.is-hidden {
  visibility: hidden;
}

.bounce-in .step-circle {
  visibility: visible;
  animation: cd-bounce-1 0.6s;
}
 
@keyframes cd-bounce-1 {
  0% {
    opacity: 0;
    transform: scale(0.5);
  }
 
  60% {
    opacity: 1;
    transform: scale(1.2);
  }
 
  100% {
    transform: scale(1);
  }
}

.step-circle {
    width: 60px;
    height: 60px;
    position: relative;
    border: 4px solid #b98483;
    border-radius: 100%;
    left: -28px;
	background-image: url('images/step-icons.png');
	background-color: white;
    vertical-align: middle;
    display: inline-block;
    transform: scale(1);
    transition: all .15s ease-out;
    -webkit-transition: all .15s ease-out;
}

.step-1 .step-circle{  background-position: 45px 45px;  }
.step-2 .step-circle{  background-position: 85px 5px;  }
.step-3 .step-circle{  background-position: 45px 5px;  }
.step-4 .step-circle{  background-position: 5px 5px;  }
.step-5 .step-circle{  background-position: -35px 45px;  }
.step-6 .step-circle{  background-position: 5px 45px;  }

.step-1{
	top: 150px;
}
.step-2{
	top: 300px;
}
.step-3{
	top: 450px;
}
.step-4{
	top: 600px;
}
.step-5{
	top: 750px;
}
.step-6{
	top: 900px;
}

.step-left .step-text{
	left: -560px;
}
.step-right .step-text{
	left: -19px;
}

.step-text {
    width: 450px;
    font-size: 16px;
    line-height: 20px;
    color: #0e0e0e;
    text-align: left;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    left: -19px;
    background: white;
    padding: 25px 20px;
    border: 1px solid #e4e4e4;
    box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.1);
}
.step-text a {
    color: #a96d60;
    font-weight: bold;
}
.step-text a:hover{
	opacity: 0.7;
}




.step-arrow{
	
}

.step-left .step-arrow{
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 9.5px 0 9.5px 12px;
    border-color: transparent transparent transparent #ffffff;
    position: absolute;
    top: 3px;
    right: -12px;
    bottom: 0;
    margin: auto;
}
.step-right .step-arrow{
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 9.5px 12px 9.5px 0;
    border-color: transparent #ffffff transparent transparent;
    position: absolute;
    top: 3px;
    left: -12px;
    bottom: 0;
    margin: auto;
}


/* END THE PROCESS */



/* RECORD SECTION */

#save-memories-sec,
#get-offer-sec{
	padding:0;
    overflow: hidden;
    height: 100vh;
}

#save-memories-sec .section-title,
#get-offer-sec .section-title{
	color: white;
}

#record-lines{
	width: 30%;
    margin: 0 auto;
    margin-bottom: 10px;
    opacity: 0.4;
}

.record-slider-full{
    position: relative;
    height: 100%;
}

.bxslider,
.bx-wrapper,
.bx-viewport{
    height: 100% !important;
}

.bxslider li{
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.record-slider-full .record-slider-image{
    position: absolute;
    top: 0;
    left:0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: 50%;
}

.record-slider-overlay{
	background: rgba(0, 0, 0, 0.6);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 90;
}

.record-center-info{
	position: absolute;
	width: 100%;
	text-align: center;
	height: 150px;
	top:0;bottom:0;margin:auto;
	z-index: 99;
}

.see-plans-btn {
    display: inline-block;
    padding: 15px 75px;
    border: 1px solid white;
    border-radius: 35px;
    color: white;
    background: rgba(255, 255, 255, 0.1);
    margin-top: 35px;
    font-size: 18px;
	transition: all .2s ease-out;
	-webkit-transition: all .2s ease-out;
}

.see-plans-btn:hover{
	color: #232323;
    background: rgba(255, 255, 255, 0.9);
}


.record-packets-full {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    
    display: none;
    z-index: 150;
}

.record-packet-box {
    width: 25%;
    height: 100%;
    padding: 0;
    float: left;
    color: white;
    text-align: center;
    display: none;
    z-index: 25;
    position: relative;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    margin-top: 70px;
}



.record-packets-overlay {
	display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0.7;

	background: #00C9FF; /* fallback for old browsers */
    background: -webkit-linear-gradient(to left, #00C9FF , #92FE9D); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to left, #00C9FF , #92FE9D); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    
    z-index: 10;
}

.record-packet-box .record-packet-wrap{
    border-left: 1px solid rgba(255, 255, 255, 0.5);
}
.record-packet-box.packet-1 .record-packet-wrap{
	border-left: 0;
}


.record-packet-wrap {

    padding: 54px 0px;
    transition: all .4s ease-out;
    -webkit-transition: all .4s ease-out;
    box-sizing: border-box;
    height: calc(100% - 140px);
    width: 100%;
    display: table;
    vertical-align: middle;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    opacity: 0.8;
    transform: scale(1);
    
}

.record-packet-center{
	width: 100%;
	height: auto;
	display: table-cell;
	vertical-align: middle;
}


.record-packet-wrap:hover{
	opacity: 1;
    background: rgba(255, 255, 255, 0.2) !important;
}	
	
.record-packet-box.packet-1 .record-packet-wrap {
    /* background: rgb(25, 99, 97); */
}

.record-packet-box.packet-2 .record-packet-wrap {
    /* background: rgb(18, 86, 85); */

}

.record-packet-box.packet-3 .record-packet-wrap {
    /* background: rgb(11, 74, 73); */
  
}

.record-packet-box.packet-4 .record-packet-wrap {
    /* background: rgb(7, 60, 59); */

}

.record-packet-box.packet-5 .record-packet-wrap {
    /* background: rgb(5, 49, 49); */
}


.record-packet-name {
    font-size: 36px;
    font-weight: bold;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
    margin: 15px 0px;
}
.record-packet-name span {
    font-size: 24px;
    font-weight: 100;
}

.record-packet-desc {
    padding: 0px 45px;
    line-height: 20px;
    margin-top: 10px;
}


.packet-line {
    height: 1px;
    background: rgba(255, 255, 255, 0.4);
    width: 60%;
    margin: 0 auto;
}

.packet-price {
    display: inline-block;
    color: #FFFFFF;
    padding: 0;
    border-radius: 65px;
    margin-top: 35px;
    margin-bottom: 35px;
    border: 3px solid #FFFFFF;
    font-size: 34px;
    font-weight: bold;
    box-shadow: 4px 2px 2px rgba(0, 0, 0, 0.2);
    width: 240px;
    height: 100px;
    line-height: 95px;
    text-align: center;
    pointer-events: none;
    
}

.packet-btn {
    display: inline-block;
    padding: 10px 60px;
    margin: 10px;
    margin-top: 35px;
    border: 2px solid white;
    border-radius: 35px;
    background: rgba(255, 255, 255, 0.1);
    color: white;
    font-size: 18px;
    transition: all .2s ease-out;
    -webkit-transition: all .2s ease-out;
}

.packet-btn:hover{
	color: #232323;
    background: rgba(255, 255, 255, 0.9);
}


.close-btn {
    position: absolute;
    top: 10px;
    right: 20px;
    z-index: 999;
    height: 50px;
    width: 50px;
    cursor: pointer;
}

.close-btn:hover{
	opacity: 0.8;

}

span.x-1,
span.x-2 {
    width: 5px;
    height: 40px;
    background: white;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    border-radius: 35px;
    
}
span.x-1{
	transform: rotateZ(45deg);
}
span.x-2{
	transform: rotateZ(-45deg);
}


footer#home-footer {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 70px;
    z-index: 999;
    color: white;
    text-align: center;
    line-height: 70px;
    width: 100%;
    background: rgba(0, 0, 0, 0.2);
}

footer#home-footer ul li {
    display: inline;
    margin: 0px -3px;
    padding: 0px 20px;
    border-left: 1px solid rgba(255, 255, 255, 0.3); 
}

footer#home-footer ul li:last-child{
	border-right: 1px solid rgba(255, 255, 255, 0.3);
}

footer#home-footer ul li a{
	color: lightgray;
	font-size: 12px;
	font-weight: bold;
}

footer#home-footer ul li a:hover{
	color: white;
}




/* END RECORD SECTION */












/* SAVE MEMORIES PAGE */

.page-wrap{
	padding: 105px 0px;
	padding-bottom: 200px;
	background: white;	
}

h1.entry-title {
    font-size: 34px;
    margin-bottom: 10px;
    text-align: center;
    padding-bottom: 10px;
    border-bottom: 1px solid #F1F1F1;
}

.c-col {
	margin: 45px 0px;
	margin-bottom: 10px;
    vertical-align: middle;
}

.profile-photo {
    border-radius: 150px;
    width: 150px;
    height: 150px;
    background: antiquewhite;
    margin-right: 35px;
}

.c-col.tube-years {

}


.tube-check-open-years-wrap{
	display: none;
	margin: 10px 0px;
}

.tube-check-open-years{
	margin-top: 10px;
}

.tube-check-open-years span {
    padding: 5px 15px;
    border: 2px solid #6bc275;
    margin: 2px 2px;
    display: inline-block;
    color: black;
    border-radius: 25px;
}

.tube-desc {
    width: 100%;
    margin: 10px auto;
    font-size: 18px;
    line-height: 24px;
    color: #696969;
    margin-bottom: 0px;
    padding-bottom: 5px;
    font-weight: bold;	
}
.tube-line{
	width: 70%;
	margin: 10px auto;
	margin-bottom: 25px;
	height: 1px;
	background: #e6e6e6;
}

.tube-label{
	margin-top: 40px;
}

.tube-layer {
    width: 200px;
    height: 60px;
	display: inline-block;
	position: relative;
	    margin-top: 25px;
}
.tube-icon{
	background: url('images/pill-gray-icon.png');
	background-size: cover;
	opacity: 0.5;
	z-index: 10;
	position: absolute;
	top:0;left:0;
	width: 100%;
	height: 100%;
}

.tube-filled-mask{
    overflow: hidden;
    border-radius: 65px;
    width: 98%;
    height: 54px;
    position: absolute;
    top: 5px;
    left: 2px;
}

.tube-filled {
    height: 165px;
    position: absolute;
    background: #5DCE7D;
    width: 3%;
    top: 3px;
    left: -5px;
    z-index: 5;
    bottom: 50px;
    margin: auto;
    
    transition: all 1s ease-out;
    -webkit-transition: all 1s ease-out;
    
}

.tube-number {
    position: absolute;
    width: 60px;
    height: 25px;
    border-radius: 25px;
    font-size: 16px;
    top: 3px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    color: white;
    line-height: 25px;
    text-align: center;
    z-index: 15;
}


.tube-select{
	font-size: 16px;
	margin-bottom: 10px;
}





.tube-checkbox {
    display: inline-block;
    width: 70px;
    height: 70px;
    text-align: center;
    
    border: 2px solid #47BD98;
    background: #43cea2;
    background: -webkit-linear-gradient(to left, rgba(67, 206, 162, 0.95) , rgba(24, 90, 157, 0.95));
    background: linear-gradient(to left, rgba(67, 206, 162, 0.95) , rgba(24, 90, 157, 0.95));
    
    line-height: 70px;
    border: 2px solid #3695A3;
    border-radius: 85px;
    color: white;
    font-weight: bold;
    margin: 0px 2px;
    cursor: pointer;
    
    overflow: hidden;
    
    position: relative;
    
    transition: all .1s ease-out;
    -webkit-transition: all .1s ease-out;    
    
}
.tube-checkbox:hover{
	 transform: scale(1.05);
}

.tube-checkbox input{
	display: none;
}

.tube-chk-chkd{
	background: rgba(0, 0, 0, 0.0);
	position: absolute;
	top:0; left:0;
	width: 100%; height: 100%;
	
	border-radius: 55px;
	
    transition: all .1s ease-out;
    -webkit-transition: all .1s ease-out; 	
}

.tube-checkbox:focus,
.c-form-row input:focus,
.c-save-m-box:focus,
.c-form-item-row input:focus{
	outline: none;
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
}

.tube-chk-chkd.checked{
	background: rgba(0, 0, 0, 0.5);
}
.tube-chk-chkd.checked .tube-chk-icon{
	transform: scale(0.7);
}

.tube-chk-icon{
	background-image: url('images/chk-icon.png');
	position: absolute;
	top: 0; left:0;
	width: 100%;
	height: 100%;
	background-size: cover;
	

	
	transition: all .1s ease-out;
    -webkit-transition: all .1s ease-out; 	
	
	transform: scale(0.0);
	
}


.c-row {
    text-align: center;
    margin: 15px 0;
    margin-top: 40px;
}

.c-form-row {
    margin-top: 25px;
}

.c-form-row span{
    display: inline-block;
    width: 150px;
    text-align: right;
    margin-right: 25px;
    color: #737373;
}

.c-save-m-box {
    width: 200px;
    height: 200px;
    border-radius: 100%;
    display: inline-block;
	position: relative;
    line-height: 20px;
    text-align: center;
    color: #565656;
	
	margin: 0 10px;
    padding: 15px;
    padding-top: 80px;

    vertical-align: top;
    cursor: pointer;
    transform: scale(1.00);
    
    border: 2px solid #47BD98;
    
    background: #43cea2; /* fallback for old browsers */
	background: -webkit-linear-gradient(to left, rgba(67, 206, 162, 0.95) , rgba(24, 90, 157, 0.95));
	background: linear-gradient(to left, rgba(67, 206, 162, 0.95) , rgba(24, 90, 157, 0.95));
    
}

.c-save-m-box:hover{
	color: white;

	    background: #43cea2; /* fallback for old browsers */
background: -webkit-linear-gradient(to left, rgba(67, 206, 162, 0.95) , rgba(24, 90, 157, 0.95));
background: linear-gradient(to left, rgba(67, 206, 162, 0.95) , rgba(24, 90, 157, 0.95));

}

.error.c-save-m-box{
	background: rgb(177,63,63);
	background: -moz-linear-gradient(left, rgba(177,63,63,1) 0%, rgba(175,21,21,1) 100%);
	background: -webkit-linear-gradient(left, rgba(177,63,63,1) 0%,rgba(175,21,21,1) 100%);
	background: linear-gradient(to right, rgba(177,63,63,1) 0%,rgba(175,21,21,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b13f3f', endColorstr='#af1515',GradientType=1 );
	border-color: rgb(177,63,63);
}



.c-save-v-box {
    width: 200px;
    height: 200px;
    border-radius: 100%;
    display: inline-block;
    text-align: center;
    color: white;
    margin: 0px 15px;
    vertical-align: top;
    
    border: 2px solid #47BD98;
    
    background: #43cea2; /* fallback for old browsers */
	background: -webkit-linear-gradient(to left, rgba(67, 206, 162, 0.95) , rgba(24, 90, 157, 0.95));
	background: linear-gradient(to left, rgba(67, 206, 162, 0.95) , rgba(24, 90, 157, 0.95));
 
}

.c-save-m-label{
    color: white;
    position: relative;
    z-index: 15;
    font-weight: bold;
    text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.2);
}


.c-save-m-overlay{
	background: rgba(0, 0, 0, 0);
	position: absolute;
	top:0;left:0;
	border-radius: 100%;
	width: 100%;height: 100%;
	z-index: 10;
    transition: all .1s ease-out;
    -webki-transition: all .1s ease-out;	
	
}
.c-save-m-box:hover .c-save-m-overlay{
	background: rgba(0, 0, 0, 0.4);
}


.c-save-circle{
    height: 98px;
    width: 196px;
    cursor: pointer;
    transform: scale(1.00);
    transition: all .1s ease-out;
    -webki-transition: all .1s ease-out;
}

.c-save-circle-up {
    border-radius: 200px 200px 0 0;
    -moz-border-radius: 200px 200px 0 0;
    -webkit-border-radius: 200px 200px 0 0;
    
    border-bottom: 2px solid #47BD98;
    line-height: 120px;    
}


.c-save-circle-down{
     border-radius: 0px 0px 200px 200px;
     -moz-border-radius: 0px 0px 200px 200px;
     -webkit-border-radius: 0px 0px 200px 200px;
     
    border-top: 2px solid #47BD98;
    line-height: 60px;
}

.c-save-circle:hover{
	color: white;
    background: rgba(0, 0, 0, 0.4);
}


.c-save-m-filled {
    position: absolute;
    top: 7px;
    right: 15px;
    border-radius: 100%;
    width: 35px;
    height: 35px;
    border: 2px solid #47bd98;
    background: white;
    text-align: center;
    line-height: 35px;
    visibility: hidden;
    transform: scale(0.2);
    -webkit-transform: scale(0.2);
    
    transition: all .2s ease-out;
    -webkit-transition: all .2s ease-out;
}

.c-save-m-filled.active{
	visibility: visible;
	transform: scale(1);
    -webkit-transform: scale(1);
}

.c-save-m-filled i{
	color: #6bc275;
	font-size: 16px;
}


.c-form-row input {
    font-family: 'Quicksand', sans-serif;
    width: 320px;
    padding: 7px 15px;
    font-size: 16px;
    color: black;
    border-radius: 15px;
    border: 1px solid #DCDCDC;
    outline: none;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
}


.c-form-terms-wrap {
    display: inline-block;
    background: #f7f7f7;
    border: 1px solid #bde0d5;
    padding: 7px 55px;
    border-radius: 35px;
}

.c-form-terms-wrap a {
    font-weight: bold;
    color: #47bd98;
}
.c-form-terms-wrap a:hover{
	opacity: 0.6;
}

.c-form-row input:focus{
	
}

.btns-row {
    margin: 10px 0px;
}


.total-btn {
    display: inline-block;
    margin-left: 45px;
    margin-top: 60px;
}
.total-label {
	min-width: 210px;
    padding: 15px;
    border-bottom: 1px solid #E2E2E2;
}
.total-price, .total-price-currency{
    font-size: 24px;
    font-weight: bold;
    color: #6bc275;
}


input#finish-memory {
    border: 2px solid #3490A4;
    border-radius: 20px;
    padding: 10px 60px;
    font-size: 14px;
    background: none;
    border: 2px solid #47BD98;
    margin: 20px 0px;
    outline: none;
    cursor: pointer;
    transition: all .1s ease-out;
    -webki-transition: all .1s ease-out;
}
input#finish-memory:disabled{
	opacity: 0.4;
}

#finish-memory.active{
	color: white;
	background: #43cea2;
	background: -webkit-linear-gradient(to left, rgba(67, 206, 162, 0.95) , rgba(24, 90, 157, 0.95));
	background: linear-gradient(to left, rgba(67, 206, 162, 0.95) , rgba(24, 90, 157, 0.95));
	
	animation: popIn .2s ease-out;
	
}

input#finish-memory:hover{
	color: white;
	transform: scale(1.05);
}


@keyframes popIn {
	0% { transform: scale(1); }
	50% { transform: scale(1.5); }
	100% { transform: scale(1); }
}
-webkit-@keyframes popIn {
	0% { transform: scale(1); }
	50% { transform: scale(1.5); }
	100% { transform: scale(1); }
}




.tube-input input[type="text"]{
    padding: 10px 20px;
    font-size: 20px;
    font-weight: 200;
    border-radius: 35px;
    border: 1px solid #f1f1f1;
    outline: none;
    text-align: center;
    width: 35%;
    margin: 20px 0px;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.01);
    
    transition: all .2s ease-out;
    -webkit-transition: all .2s ease-out;
}

.tube-input input[type="text"]:focus{
	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
}

.tube-input input[type="submit"]{
	color: white;
    background: #43cea2;
    background: -webkit-linear-gradient(to left, rgba(67, 206, 162, 0.95) , rgba(24, 90, 157, 0.95));
    background: linear-gradient(to left, rgba(67, 206, 162, 0.95) , rgba(24, 90, 157, 0.95));
    border: 2px solid #3490A4;
    border-radius: 20px;
    padding: 10px 60px;
    font-size: 14px;
    border: 2px solid #47BD98;
    margin: 20px 0px;
    outline: none;
    cursor: pointer;
    transition: all .2s ease-out;
    -webki-transition: all .2s ease-out;
}

.tube-input input[type="submit"]:hover{
	transform: scale(1.05);
}

    




.inputfile,
.inputvideofile,
.inputdocumentfile{
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}

.ff-ph-box {
    width: 150px;
    height: 150px;
    display: inline-block;
	border-radius: 150px;
    line-height: 150px;
    color: white;
    position: relative;
}
.ff-ph-box label{
    width: 150px;
    height: 150px;
    display: inline-block;
    border: 2px solid white;
    border-radius: 150px;
    line-height: 150px;
    color: white;
    cursor: pointer;
    background-size: cover;
    background-position: 50%;
    position: relative;
    z-index: 25;
    vertical-align: top;
}
.ff-ph-box label:hover{
	opacity: 0.7;
}

.ff-ph-box label span {
    border: 2px solid rgba(70, 191, 166, 0.1);
    padding: 10px;
    border-radius: 30px;
}


.ff-ph-box label.disable-input{
	pointer-events: none;
	text-indent: -9999px;
	z-index: 5;
}

.ff-ph-box .rm-file-btn,
.ff-ph-box .up-file-btn{
	display: none;
}


.ff-ph-box .up-file-btn {
    position: absolute;
    top: 40px;
    left: 18px;
    padding: 5px 10px !important;
    font-size: 12px !important;
    z-index: 25;
}
.ff-ph-box .rm-file-btn {
	position: absolute;
    top: 39px;
    left: 5px;
    padding: 10px 12px !important;
    font-size: 14px !important;
    font-weight: bold;
    z-index: 25;
    background: rgba(191, 45, 45, 0.67) !important;
}





.ff-doc-box,
.ff-doc-box label {
    font-size: 14px;
    background: none;
    margin: 5px;
    outline: none;
    cursor: pointer;
    color: white;
    display: inline-block;
}

.ff-doc-box label {
    font-family: 'Quicksand', sans-serif;
    width: 225px;
    height: 37px;
    font-size: 14px;
    padding: 8px 45px;
    border: 2px solid white;
    background: none;
    border-radius: 35px;
    margin: 15px 7px;
    outline: none;
    color: white;
    cursor: pointer;
    transition: all .1s ease-out;
    -webki-transition: all .1s ease-out;
}

.ff-doc-box label:hover{
	background-color: white;
	color: gray;
}








.ff-overlay{
	width: 100%;
	height: 100%;
	position: absolute;
	top:0;
	left:0;
	border-radius: 100%;
	background: rgba(0, 0, 0, 0.4);
	z-index: 15;
}















.full-form {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    z-index: 999;
    text-align: center;
    display: none;

background: #43cea2; /* fallback for old browsers */
background: -webkit-linear-gradient(to left, rgba(67, 206, 162, 0.95) , rgba(24, 90, 157, 0.95));
background: linear-gradient(to left, rgba(67, 206, 162, 0.95) , rgba(24, 90, 157, 0.95));


}

.full-form-text,
.full-form-upload-video,
.full-form-record-video,
.full-form-upload-photo{
	display: none;
}

.full-form-wrap{
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 480px;
    width: 550px;
    text-align: center;	
}

.full-form-photos {
    width: 90%;
    margin: 0 auto;
}

textarea#m-text {
	font-family: 'Quicksand', sans-serif;
    width: 550px;
    height: 350px;
    font-size: 18px;
    border: 1px solid #8A8A8A;
    border-radius: 25px;
    padding: 15px 20px;
    box-shadow: 2px 2px 0px rgba(0, 0, 0, 0.05);
    resize: none;
    outline: none;
    transition: all .2s ease-out;
    -webki-transition: all .2s ease-out;   
    
}
textarea#m-text:focus{
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
}

.full-form input[type=button] {
	font-family: 'Quicksand', sans-serif;
    font-size: 14px;
    padding: 8px 45px;
    border: 2px solid white;
    background: none;
    border-radius: 35px;
    margin: 15px 7px;
    outline: none;
    color: white;
    cursor: pointer;
    
    transition: all .1s ease-out;
    -webki-transition: all .1s ease-out;    
    
}

.full-form input[type=button]:hover{
	background: rgba(255, 255, 255, 0.8);
	color: #4C4C4C;
}



input.rm-video-file-btn {
    position: absolute;
    top: 43px;
    right: 0px;
    z-index: 999;
    padding: 8px 15px !important;
    display: none;
}

.full-form-desc {
    font-size: 24px;
    color: white;
    margin-bottom: 25px;
}


.file-upload-wrap,
#m-photo-clear-btn{
	display: none;
}


.val-error {
    border: 1px solid rgb(255, 200, 200) !important;
    padding: 5px;
    border-radius: 100px;
    background: #FFF5F5;
    display: inline-block;
}

.c-required {
	width: 500px;
    padding: 0px;
    height:100%;
    max-height:0;
    opacity:0;
    line-height: 24px;
    margin: 0 auto;
    font-weight: bold;
    margin-top: 25px;
    color: red;
    background: #F7F7F7;
    opacity: 0;
    pointer-events: none;
    transition: all .5s ease-out;
    -webkit-transition: all .5s ease-out;	
}

.c-required.active{
	max-height: 78px;
	opacity:1;
	padding: 15px;
}



.please-wait {
    text-align: center;
    position: absolute;
    width: 100%;
    padding: 0px 50px;
    height: 80px;
    color: white;
    bottom: 5%;
    font-weight: bold;
    display: none;
}

.please-wait a{
	display: inline-block;
	background: white;
	padding: 2px 5px;
}

.full-form-loading{
	position: fixed;
	top:0; left:0;
	width: 100%; height: 100%;
	display: none;
	
	background: #43cea2;
    background: -webkit-linear-gradient(to left, rgba(67, 206, 162, 0.95) , rgba(24, 90, 157, 0.95));
    background: linear-gradient(to left, rgba(67, 206, 162, 0.95) , rgba(24, 90, 157, 0.95));

z-index: 999;

}

@-webkit-keyframes uil-ripple {
  0% {
    width: 0;
    height: 0;
    opacity: 0;
    margin: 0 0 0 0;
  }
  33% {
    width: 44%;
    height: 44%;
    margin: -22% 0 0 -22%;
    opacity: 1;
  }
  100% {
    width: 88%;
    height: 88%;
    margin: -44% 0 0 -44%;
    opacity: 0;
  }
}
@-webkit-keyframes uil-ripple {
  0% {
    width: 0;
    height: 0;
    opacity: 0;
    margin: 0 0 0 0;
  }
  33% {
    width: 44%;
    height: 44%;
    margin: -22% 0 0 -22%;
    opacity: 1;
  }
  100% {
    width: 88%;
    height: 88%;
    margin: -44% 0 0 -44%;
    opacity: 0;
  }
}
@-moz-keyframes uil-ripple {
  0% {
    width: 0;
    height: 0;
    opacity: 0;
    margin: 0 0 0 0;
  }
  33% {
    width: 44%;
    height: 44%;
    margin: -22% 0 0 -22%;
    opacity: 1;
  }
  100% {
    width: 88%;
    height: 88%;
    margin: -44% 0 0 -44%;
    opacity: 0;
  }
}
@-ms-keyframes uil-ripple {
  0% {
    width: 0;
    height: 0;
    opacity: 0;
    margin: 0 0 0 0;
  }
  33% {
    width: 44%;
    height: 44%;
    margin: -22% 0 0 -22%;
    opacity: 1;
  }
  100% {
    width: 88%;
    height: 88%;
    margin: -44% 0 0 -44%;
    opacity: 0;
  }
}
@-moz-keyframes uil-ripple {
  0% {
    width: 0;
    height: 0;
    opacity: 0;
    margin: 0 0 0 0;
  }
  33% {
    width: 44%;
    height: 44%;
    margin: -22% 0 0 -22%;
    opacity: 1;
  }
  100% {
    width: 88%;
    height: 88%;
    margin: -44% 0 0 -44%;
    opacity: 0;
  }
}
@-webkit-keyframes uil-ripple {
  0% {
    width: 0;
    height: 0;
    opacity: 0;
    margin: 0 0 0 0;
  }
  33% {
    width: 44%;
    height: 44%;
    margin: -22% 0 0 -22%;
    opacity: 1;
  }
  100% {
    width: 88%;
    height: 88%;
    margin: -44% 0 0 -44%;
    opacity: 0;
  }
}
@-o-keyframes uil-ripple {
  0% {
    width: 0;
    height: 0;
    opacity: 0;
    margin: 0 0 0 0;
  }
  33% {
    width: 44%;
    height: 44%;
    margin: -22% 0 0 -22%;
    opacity: 1;
  }
  100% {
    width: 88%;
    height: 88%;
    margin: -44% 0 0 -44%;
    opacity: 0;
  }
}
@keyframes uil-ripple {
  0% {
    width: 0;
    height: 0;
    opacity: 0;
    margin: 0 0 0 0;
  }
  33% {
    width: 44%;
    height: 44%;
    margin: -22% 0 0 -22%;
    opacity: 1;
  }
  100% {
    width: 88%;
    height: 88%;
    margin: -44% 0 0 -44%;
    opacity: 0;
  }
}
.uil-ripple-css {
    background: none;
    position: absolute;
    width: 200px;
    height: 200px;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 0;
    left: 0;
}
.uil-ripple-css div {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: 0;
  width: 0;
  height: 0;
  opacity: 0;
  border-radius: 50%;
  border-width: 8px;
  border-style: solid;
  -ms-animation: uil-ripple 2s ease-out infinite;
  -moz-animation: uil-ripple 2s ease-out infinite;
  -webkit-animation: uil-ripple 2s ease-out infinite;
  -o-animation: uil-ripple 2s ease-out infinite;
  animation: uil-ripple 2s ease-out infinite;
}
.uil-ripple-css div:nth-of-type(1) {
  border-color: #ffffff;
}
.uil-ripple-css div:nth-of-type(2) {
  border-color: #ffffff;
  -ms-animation-delay: 1s;
  -moz-animation-delay: 1s;
  -webkit-animation-delay: 1s;
  -o-animation-delay: 1s;
  animation-delay: 1s;
}




/* SAVE MEMORIES PAGE */


.f-col {
	text-align: center;
    width: 50%;
    padding: 40px 25px;
    margin: 35px auto;
    border: 1px solid #E4E4E4;
    box-shadow: 1px 1px 5px rgba(0,0,0,0.1);
    position: relative;
}



.f-success-col{
	padding: 70px 25px;
    width: 60%;	
}

.f-success-col h2{
	margin-bottom: 40px;
}

.f-main-label {
    font-size: 28px;
    font-weight: bold;
    margin: 10px 0px;
    color: #4a4a4a;
}

.f-unique-code{
    font-size: 24px;
    padding: 20px 0px;
    margin: 0px 100px;
    margin-top: 20px;
    margin-bottom: 20px;
    background: #7EC57E;
    color: white;
    border: 2px dashed white;
}

ul.f-list{
    border-top: 1px dashed #D6D6D6;	
}

ul.f-list li {
    margin: 25px 0px;
    padding-bottom: 10px;
    padding-right: 15px;
    border-bottom: 1px dashed #D6D6D6;
    text-align: center;
}

.f-list b {
    font-weight: bold;
}

li.total-price-list {
    background: #7EC57E;
    padding: 10px 0px;
    color: white;
}

li.total-price-list .f-price{
	font-size: 24px;
	margin-top: 5px;
	font-weight: bold;
}


.f-col-btn-wrap{
	padding-top: 15px;
}

.edit-mem-btn {
	display: inline-block;
	padding: 15px 60px;
	border: 1px solid #d6d6d6;
	border-radius: 45px;
	margin: 0px 0px;
}
.edit-mem-btn:hover{
	background: #B3B3B3;
    color: white;
}

.checkout-btn{
	font-size: 16px;
	font-weight: bold;
	background: #7EC57E;
	color: white;
	cursor: pointer;
	font-family: 'Quicksand', sans-serif;
	padding: 12px 55px;
	margin-left: 15px;
}

.edit-mem-btn:focus,
.checkout-btn:focus{
	outline: none;
}



.payframe-wrap{
	width: 100%;
	height: 100%;
	position: absolute;
	top:0; left:0;
	background: white;
	display: none;
}

#payframe {
    width: 390px;
    height: 417px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    border: 5px solid #dedede;
    padding: 15px;
    background: #eeeeee;
    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2);
}



.failed-payment {
    padding: 20px 40px;
    background: #c35555;
    color: white;
    text-align: center;
    font-weight: bold;
    margin-top: 40px;
}


div#currency-info {
	display: none;
    padding: 5px 15px;
    color: #000000;
    margin-top: -25px;
}

div#currency-info p{
	font-size: 12px;
	line-height: 16px;
}

div#currency-info a{
	color: black;
	font-weight: bold;
}

/* SEE THE MEMORIES */

.page-template-page-see-memories-php .wrap-inside{
	display: table;
}

.page-template-page-see-memories-php .main-content-wrap{
    width: 80%;
    display: table-cell;
    vertical-align: middle;
    text-align: left;
}

.page-template-page-see-memories-php section#content {
    width: 100%;
    height: 100%;
    position: absolute;
}

.see-mem-wrap{
	height: 100%;	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,d8d6d8+100 */
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #d8d6d8 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#d8d6d8 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ffffff 0%,#d8d6d8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d8d6d8',GradientType=0 ); /* IE6-9 */
	padding: 45px 0px;
	padding-bottom: 95px;
}

.the-big-capsule {
    background: url('images/the-big-capsule.png');
    height: 220px;
    width: 460px;
    margin: 0 auto;
    background-size: cover;
    position: relative;
	
	transform: translateZ(0%);
	
    transition: all .8s ease-out;
    -webki-transition: all .8s ease-out;
}

.the-big-capsule.goAway{
    opacity: 0;
    transform: translateZ(20%);
}


#check-code {
    font-family: 'Quicksand', sans-serif;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
    width: 250px;
    height: 50px;
    padding: 10px;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    box-shadow: inset 0px 0px 5px #e8e8e8;
    border: 1px solid #e8e8e8;
    transition: all .2s cubic-bezier(0.24,-0.84, 1, 0.62);
    -webki-transition: all .2s cubic-bezier(0.24,-0.84, 1, 0.62);    
}

#check-code:focus{
	box-shadow: inset 0px 0px 15px #e8e8e8;
	
}


.see-mem-info {
    text-align: center;
}

.see-mem-info h1 {
    font-size: 54px;
}

.see-mem-info h2 {
    font-size: 22px;
    margin-top: 15px;
    padding: 0 35px;
    line-height: 26px;
}

.see-mem-submit {
    text-align: center;
    margin-top: 15px;
}

.see-mem-submit button{
    font-size: 14px;
    font-weight: bold;
    background: #7EC57E;
    color: white;
    cursor: pointer;
    font-family: 'Quicksand', sans-serif;
    padding: 15px 55px;
    border: 1px solid #629e62;
    border-radius: 45px;
    margin-top: 15px;
    margin: 0px 0px;
    transition: all .3s ease-out;
    -webki-transition: all .3s ease-out;
}

.see-mem-submit button:hover{
    background: rgba(0,0,0,0.7);
    color: #7EC57E; 
}
.see-mem-submit button:focus{
	outline: none;
}

.see-mem-submit button:active{
	transform: scale(0.95);
	-webkit-transform: scale(0.95);	
}



.memories-info {
    text-align: center;
    font-size: 28px;
    color: rgba(142, 50, 49, 0.7);
    display: none;
}

.mem-item-box,
.mem-date-box{
    font-size: 16px;
    font-weight: bold;
    background: rgba(255,255,255,255.7);
    color: #7EC57E;
    border-radius: 35px;
    padding: 15px 65px;
    margin: 10px;
    display: inline-block;
    border: 1px solid #d4d4d4;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);	
}



/* RECORD PAGE */

.full-form-record{
	text-align: center;
}

.record-video-wrap .full-form-desc {
    color: #676767;
    text-align: center;
    padding: 25px;
    font-size: 18px;
    font-weight: 100;
}










.default-page-wrap{
	width: 1100px;
	margin: 0 auto;
	margin-top: 90px;
}



table{
	text-align: left;
}




.page-template-page-gather-memories .footer-menu,
.page-template-page-gather-memories .footer-credit-cards,
.page-id-391 .footer-menu,
.page-id-391 .footer-credit-cards{
    display: none;
}

.page-template-page-gather-memories footer#footer p,
.page-id-391 footer#footer p{
    margin-top: 0px;
    margin-bottom: 20px;
}










/* MEDIA QUERIES */


@media (min-widht: 768px){
	
	#history-slider-col{
		padding-left: 65px;
	}
	#atp-slider-col{
		padding-right: 65px;
	}
}



@media (max-width: 767px) {
	
	
	*{
				touch-action: auto;
		-webkit-touch-action: auto;
	}
	
	html, body{
		overflow-x: hidden !important;
		overflow-y: auto !important;
	}
	
	header#header{
		position: relative !important;
	}
	
	nav, .social-menu, #bgvid{
		display: none;
	}
	
	.logo-wrap {
        float: none;
    	margin: 8px 0px;
    	text-align: center;
	}
	
	.center-wrap{
		padding: 0px 30px;
		line-height: 24px;
	}

	h1{
		font-size: 10vw;
	}
	
	h2{
		font-size: 5vw;
		margin-top: 5px;
	}
	
	#welcome-sec{
		width: 100%;
	    height: 460px;
	    background: url('images/tt-bg-mob.png');
	    background-size: cover;
	    background-position: 50%;
	}
	
	.wc-read-more{
		display: none;
	}
	
	.wrap-inside, .col-4, .col-5, .col-6{
		width: 100%;
		padding: 0px 5px;
	}
	
	#history-sec{
		padding: 20px;
	}

	#history-sec .section-box{
		margin: 60px 0px;
	}
	
	.history-images-row {
	    margin: 0;
	    margin-left: 0;
	    width: 100%;
	}
	.history-photo {
    	float: left;
    	position: relative;
    	width: 100% !important;
    	
    	top: 0px !important;
		right: 0px !important;
		left: 0px !important;
		bottom: 0px !important;
		margin-bottom: 10px;
	}
	
	.history-photo.ph-3{
		display: none;
	}
	.history-photo.ph-6{
		display: none;
	}
	
	#the-project-sec {
	    padding: 10px 0px;
	    padding-bottom: 150px;
	}
	
	.video-thumb-wrap{
		width: 100%;
		height: 100%;
	}
	#ap-see-video{
		line-height: 100vw;
	}
	.video-thumb-wrap.active{
		left: 0%;
		height: 400px;
	}
	#ap-close-video{
		right: 57px;
	}
	.about-profile-text{
		padding: 30px;
	}
	#second-part.about-profile-text{
		left: 0;
	}
	
	#the-project-sec .section-quote{
		right: 35px;
	}
	video#capsule-vid, .capsule-bxslider-wrap{
		display: none;
	}
	section#the-capsule-sec{
		height: 500px;
		background: url('images/capsule-slider/about-capsule-3.png');
		background-size: cover;
	}
	
	.capsule-info{
		width: 100%;
	    -webkit-transition-delay: 2s;
		transition-delay: 2s;	
	}
	.capsule-info p{
		font-size: 14px;
		line-height: 18px;		
	}


	.full-ver-line{
		float: none;
		display: inline-block;
	}
	
	.step-circle-align {
	    width: 100%;
	    height: 60px;
	}
	
	.step-text{
	    width: 320px;
	    font-size: 14px;
		line-height: 18px;
	}
	
	.step-text .step-arrow{
		display: none;
	}
	
	.step-left .step-text,
	.step-right .step-text {
	    left: -155px;
	    bottom: -15px;
	}


	.step-1 {
	    top: 100px;
	}
	.step-1 .step-text {
	    bottom: -15px;
	}
	
	.step-2 {
	    top: 320px;
	}
	
	.step-3 {
	    top: 520px;
	}
	
	.step-4 {
	    top: 790px;
	}
	
	.step-5 {
	    top: 1020px;
	}
	
	.step-6 {
	    top: 1220px;
	}
	
	.full-ver-line{
		height: 1400px;
	}
	
	#the-process-sec{
		height: 1750px;
	}
	
	.record-slider-full{
		height: 100%;
	}
	
	.record-slider-full .bx-wrapper{
		display: none;
	}
	
    #save-memories-sec,
    #get-offer-sec{
		background: url('images/record-slider/slide-1.jpg');
		background-size: cover;
		background-position: 50%;
		height: 100vh;
	}
	
	.record-packet-wrap{
		padding: 0px;
		display: block;
		height: 100%;
	}
	.record-packet-center{
		display: block;
		height: 100%;
	}
	
	.record-center-info{
		padding: 0px 25px;
	}
	
	.record-packet-box.packet-1 {
	    margin-top: 75px;
	}
	
	.record-packet-box {
	    width: 100%;
	    height: calc(40vw - 15px);
	    margin-top: 0;
	}
	
	.record-packet-name, .packet-btn-wrap, .packet-price-wrap{
		width: 37%;
		height: 100%;
		padding: 0px;
		float: left;
	}
	
	.record-packet-name {
		font-size: 18px;
		margin: 0px;
		display: inline-block;
		vertical-align: middle;
		border-right: 1px solid rgba(255, 255, 255, 0.4);
		padding-top: 13vw;
		background: rgba(0, 0, 0, 0.2);
		width: 25%;
	}
	
	.record-packet-name span{
		font-size: 16px;
		display: block;
	}
	
	.packet-line, .record-packet-desc{
		display: none;
	}
	
	.packet-btn-wrap{
		border-right: 1px solid rgba(255, 255, 255, 0.4);
	    padding-top: 15vw;	
	}
	
	.packet-btn {
	    padding: 7px 30px;
	    margin: 0;
	    font-size: 16px;
	    border: 1px solid white;
	}

	
	.packet-price {
	    width: 25vw;
	    height: 25vw;
	    line-height: 25vw;
	    font-size: 16px;
	    border: 1px solid #FFFFFF;
	    margin-top: 6vw;
	    margin-bottom: 0px;
	}
	
	
	
	
	.c-form-row span {
	    display: inline-block;
	    width: 100%;
	    text-align: center;
	    padding: 15px 0px;
	    margin-right: 25px;
	    color: #737373;
	}
	
	.c-save-m-box{
		margin-bottom: 25px;
	}
	
	
	
	.full-form-wrap{
		height: 150vw;
		width: 100%;
		padding: 0px 35px;
	}
	textarea#m-text{
		width: 100%;
		height: 200px;
	}
	
	.full-form-desc {
    	font-size: 14px;
    	line-height: 18px;
    }
    
    .full-form input[type=button]{
	    margin: 5px 0px;
	    padding: 8px 35px;
    }
    
    .ff-doc-box label{
	    margin: 0px 7px;
    }
	
	#home-footer{
		display: none;
	}
	
	.c-form-row input{
		width: 100%;
	}
	
	.ff-ph-box {
		width: 110px;
	    height: 110px;
	    line-height: 110px;
	    margin-bottom: 5px;
	}
	.full-form-photos{
		width: 100%;
	}
	.ff-ph-box label {
    	width: 100%;
    	height: 100%;
    	line-height: 110px;
    }
	
	.ff-ph-box label span{
		font-size: 12px;
		line-height: 14px;
		padding: 3px;
	}
	
	.f-col{
		width: 100%;
		padding: 40px 15px;
	}
	.checkout-btn{
		width: 100%;
		margin-top: 15px;
		padding: 12px 15px;
		margin-left: 0px;
	}
	#payframe {
		width: 100%;
    	height: 315px;
    	border: none;
    }
	
	
}


@media (max-width: 1120px) and (min-width: 768px){
	
	body{
		background: #212121;
	}
	
	.container, .mob-menu, .mobile-menu-btn{
		transition: all .2s cubic-bezier(.15,-0.43,.64,1.38);
		-webkit-transition: all .2s cubic-bezier(.15,-0.43,.64,1.38);
	}
	
	.logo-wrap {
	    float: left;
	    margin: 8px 0px;
	    margin-left: 10px;
	}
	
	nav#menu,
	.social-menu{
		display: none;
	}
	
	.mob-menu{
		display: block;
		position: fixed;
		right: -30%;
		top: 0;
		width: 30%;
		height: 100%;
		background: #212121;
		z-index: 999;
		color: white;
	}
	
	.mobile-menu-btn {
	    position: absolute;
	    display: block;
	    top: 0;
	    right: 0;
	    z-index: 99999;
	}
	
	a#mmenu {
    	display: block;
    	padding: 21px;
    	
    	transition: all .2s ease-out;
    	-webkit-transition: all .2s ease-out;
	}
	
	a#mmenu:hover{
		color: white;
		background: gray;
	}
	
	.menu-active a#mmenu{
		background: #212121;
	}
	
	.menu-active .mobile-menu-btn{
		position: fixed;
		right: 30%;	
	}
	
	.menu-active .container{
		transform: translate(-30%);
		-webkit-transform: translate(-30%);
	}
	
	.menu-active .mob-menu{
		right: 0%;
	}
	
	
	
	.menu-active .mob-menu nav#menu, .menu-active .mob-menu .social-menu{
		display: block;
		width: 100%;
	}
	
	
	
	nav#menu ul li {
	    padding: 0;
	    display: block;
	    width: 100%;
	    text-align: center;
	    border-left: 0;
	}
	nav#menu ul li a {
	    font-size: 10px;
	    display: block;
	    width: 100%;
	    border-bottom: 1px solid #000000;
	}
	
	.social-menu ul li {
	    float: left;
	    width: 33.33334%;
	}
	
	.social-menu ul li:first-child a {
	    border-left: none;
	}
	
	.social-menu ul li a {
	    display: inline-block;
	    padding: 0;
	    border: 0;
	    border-bottom: 1px solid #000000;
	    width: 100%;
	    text-align: center;
	    height: 60px;
	    line-height: 60px;
	    color: gray;
	    transition: all .2s ease-out;
	    -webkit-transition: all .2s ease-out;
	}
	
	#welcome-sec{
		position: relative;	
	}
	#bgvid{
		position: relative;
		height: auto;
	}
	.center-wrap {
	    position: absolute;
	    top: 0;
	}
	h1 {
    	font-size: 48px;
	}
	h2 {
    	font-size: 28px;
    }
    .wc-rm-arrow, .down-arrow{
	    margin-top: 5px;
    }
    .wc-read-more{
	    bottom: 0px;
    }
    
    #history-sec{
	    padding: 20px;
	    padding-bottom: 70px; 
    }
    
    .wrap-inside, .col-4, .col-5, .col-6 {
	    width: 100%;
    }
    
    #history-sec .section-box {
	    margin: 90px 170px;
	    margin-bottom: 50px;
	}
	.history-images-row {
	    display: block;
	    margin: 0 auto;
	    text-align: center;
	}
	.history-photo {
    	display: inline-block;
    }
    
    .history-photo.ph-1 {
	    width: 280px;
	    top: 20px;
	    right: 8px;
	}
    
    .history-photo.ph-2 {
	    width: 230px;
	    top: 20px;
	}
    
    .history-photo.ph-3 {
	    width: 180px;
	    left: 57px;
	    top: 26px;
	}
	
	.history-photo.ph-5 {
	    width: 270px;
	    left: 53px;
	    bottom: 33px;
	}
	    
	.history-photo.ph-6 {
	    width: 220px;
	    left: 60px;
	    top: 6px;
	}
	
	.video-thumb-wrap{
		margin-top: 0;
	}
	.video-thumb-wrap.active{
		left: 0%;
	}
	
	#the-project-sec{
		padding: 60px 0px;
		padding-bottom: 120px;		
	}
	
	div#first-part {
	    margin-top: 35px;
	}
	
	.full-ver-line{
		float: none;
		display: inline-block;
	}
	
	.step-circle-align {
	    width: 100%;
	    height: 60px;
	}
	
	.step-text{
	    width: 320px;
	}
	
	.step-left .step-text{
		left: -365px;
	}
	.step-right .step-text{
		left: 50px;
	}
	
	.step-1 .step-text {
		bottom: 85px;
	}
	.step-2 .step-text {
		bottom: 85px;	    
	}
	.step-3 .step-text {
		bottom: 115px;
	}
	.step-4 .step-text {
		bottom: 98px;
	}
	.step-5 .step-text {
		bottom: 77px;
	}
	.step-6 .step-text {
		bottom: 125px;
	}
    #save-memories-sec,
    #get-offer-sec{
		height: 700px;
	}
	
	.section-title{
		padding-left: 15px;
	}
	
	.packet-btn{
		font-size: 14px;
		padding: 8px 40px;
	}
	.record-packet-desc {
    	padding: 0px 15px;
    }
    .packet-price{
	    width: 120px;
	    height: 120px;
	    line-height: 120px;
	    font-size: 26px;
    }
	
	.f-col{
		width: 80%;
	}
	
	
}

@media (min-width: 1400px) {


	#bgvid{
		top: -11%;
		height: 114%;
	}
	
	.capsule-info{
		padding: 50px;
	}
	
	

}