@charset "UTF-8";

/* Great! You're intersted in code. So do we. We keep creating and pushing new software. It took us a while to create a system like this. You could learn from it, but stealing is extremely forbidden and it's actually a crime.

Thanks so much

~ Kevin Groenendaal */

/* Custom Font */
@font-face{
font-family:"ProximaNW01-AltThinReg";
src:url("Fonts/9de06c9b-e01e-48d4-b864-599e6bf15774.eot?#iefix");
src:url("Fonts/9de06c9b-e01e-48d4-b864-599e6bf15774.eot?#iefix") format("eot"),url("Fonts/2c1b14e1-f9f3-46d2-97d5-69d45cffb5d7.woff") format("woff"),url("Fonts/ee527a2c-7f40-43c1-98fa-095263631aea.ttf") format("truetype"),url("Fonts/51834262-4210-4d01-942f-6ad0dead091f.svg#51834262-4210-4d01-942f-6ad0dead091f") format("svg");
}
@font-face{
font-family:"ProximaNW01-AltLightReg";
src:url("Fonts/dae3ab6e-9824-4d09-be4d-0dd63919caf1.eot?#iefix");
src:url("Fonts/dae3ab6e-9824-4d09-be4d-0dd63919caf1.eot?#iefix") format("eot"),url("Fonts/57e50225-0ba6-4485-99eb-da20ed870c76.woff") format("woff"),url("Fonts/2ed17183-9ebd-4294-a07e-7bd7b1ce07af.ttf") format("truetype"),url("Fonts/b45f178e-8b38-492a-a31e-d8172c0b29e2.svg#b45f178e-8b38-492a-a31e-d8172c0b29e2") format("svg");
}
@font-face{
font-family:"Proxima N W01 At Reg";
src:url("Fonts/96676c88-bae1-468a-acf5-fa74fdb2b736.eot?#iefix");
src:url("Fonts/96676c88-bae1-468a-acf5-fa74fdb2b736.eot?#iefix") format("eot"),url("Fonts/dba0fe51-98c1-4045-b289-c0e6afb10f73.woff") format("woff"),url("Fonts/14c284c3-7a50-4ef0-becf-c01232631f59.ttf") format("truetype"),url("Fonts/c7536b52-8fbc-472d-8d8a-335dae2980df.svg#c7536b52-8fbc-472d-8d8a-335dae2980df") format("svg");
}
@font-face{
font-family:"Proxima N W01 At Smbd";
src:url("Fonts/a9f16204-0ff0-4a9e-8a02-59d15bc5f66b.eot?#iefix");
src:url("Fonts/a9f16204-0ff0-4a9e-8a02-59d15bc5f66b.eot?#iefix") format("eot"),url("Fonts/6e328769-56a5-4de1-957e-575f839df36d.woff") format("woff"),url("Fonts/b5b3aa5a-a6be-4897-a646-09224334b90b.ttf") format("truetype"),url("Fonts/bcade2c9-7691-43e7-9c1b-e6b2ac50ee97.svg#bcade2c9-7691-43e7-9c1b-e6b2ac50ee97") format("svg");
}

@font-face{
font-family:"Anivers W01 Italic";
src:url("Fonts/93e53c9a-5d92-409f-94ca-75ec64f7dc56.eot?#iefix");
src:url("Fonts/93e53c9a-5d92-409f-94ca-75ec64f7dc56.eot?#iefix") format("eot"),url("Fonts/c9ab6ae7-6fb7-4333-8301-5bd5de476222.woff") format("woff"),url("Fonts/fdf4ecb9-3cb1-4be7-aceb-1e03dde63129.ttf") format("truetype"),url("Fonts/2d87d9a9-bd17-4412-ba9d-028cd66856e4.svg#2d87d9a9-bd17-4412-ba9d-028cd66856e4") format("svg");
}

/*Reset*/
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, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; }

html { width: 100%; height: 100%; }
body { font-family: 'Proxima N W01 At Reg', Helvetica, Arial, sans-serif; background-color: #FFF; color: #a1a1a1; height: 100%; -webkit-backface-visibility: hidden;
   -moz-backface-visibility: hidden;
   -ms-backface-visibility: hidden;
   backface-visibility: hidden;

   -webkit-perspective: 1000;
   -moz-perspective: 1000;
   -ms-perspective: 1000;
   perspective: 1000;}

#header { width: 100%; height: 590px; background-image: url(../img/header_bg.png); background-repeat: repeat-x; overflow: hidden; }
#mountain { width: 100%; height: 100%; background-image: url(../img/mountain.png); background-repeat: repeat-x; background-position: center 300px; overflow: hidden; }
#header_wrapper { width: 1100px; margin: auto; height: 100%; overflow: hidden; position: relative; }
	#hero { background-image: url(../img/hero.png); background-repeat: no-repeat; width: 659px; height: 829px; position: absolute; right: 0px; top: 15%; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; -webkit-transform: translate(-300px, 400px); z-index: 99; opacity: 0;}
	#hero.floating { -webkit-animation: float 3s infinite linear;
		    -webkit-transform-origin: 0% 0%; /* Chrome, Safari, Opera */
		    }
		    
			#left_eye { width: 8px; height: 8px; position: absolute; left: 490px; top: 206px; background-color: #000; border-radius: 100%; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; transition: all 0.6s ease; }
			#right_eye { width: 8px; height: 8px; position: absolute; left: 525px; top: 199px; background-color: #000; border-radius: 100%; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; transition: all 0.6s ease; }
		    
	.logo { width: 673px; height: 376px; background-image: url(../img/logo.png); background-repeat: no-repeat; position: absolute; top: 11%; left: 32px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; -webkit-transform: translate(0, -200px); opacity: 0;}
	
	/* clouds */
	#cloud_1 { position: absolute; left: 0px; top: 0px; width: 100%; height: 75%; background-image: url(../img/cloud_1.png); background-repeat: no-repeat; -webkit-animation: cloud_1 60s infinite linear; -webkit-transform: translate(0, -0px); -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; opacity: 0;}
	#cloud_2 { position: absolute; left: 0px; top: 0px; width: 100%; height: 75%; background-image: url(../img/cloud_1.png); background-repeat: no-repeat; -webkit-animation: cloud_2 60s infinite linear; -webkit-transform: translate(0, -0px); -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; background-size: 200px; opacity: 0;}
	#cloud_3 { position: absolute; right: 50px; bottom: 50px; background-image: url(../img/cloud_6.png); background-repeat: no-repeat; width: 58px; height: 48px; opacity: 0; -webkit-transform: translate(0, -20px); -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
	#cloud_4 { position: absolute; left: -220px; top: 300px; background-image: url(../img/cloud_3.png); background-repeat: no-repeat; width: 637px; height: 100px; -webkit-transform: translate(0, -20px); -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
	#cloud_5 { position: absolute; right: 0px; top: 160px; background-image: url(../img/cloud_7.png); background-repeat: no-repeat; width: 264px; height: 100px; -webkit-transform: translate(0, -20px); -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}

#counter_wrapper { width: 100%; background-color: #FFF; z-index: 99; position: relative; margin-bottom: 52px; }	
#counter { width: 1100px; height: 89px; position: relative; margin: auto; }
#purchase { width: 700px; position: absolute; top: -50px; left: 0px; height: 89px; z-index: 99; left: 50%; margin-left: -350px; color: #FFF; box-sizing: border-box; overflow: hidden; border-radius: 3px; box-shadow: 3px 3px 0px rgba(0,0,0,0.12); }
	#purchase_btn { font-family: 'Proxima N W01 At Smbd', Helvetica, Arial, sans-serif; font-size: 26px; width: 50%; position: absolute; left: 0px; top: 0px; padding-top: 0px; height: 100%; background-color: #f1553e; padding-left: 0px; cursor: pointer; box-shadow: inset 4px 4px 0px rgba(255,255,255,0.13), inset 0px -4px 0px rgba(0,0,0,0.05); }
	#purchase_btn p { margin-top: 23px; margin-left: 50px; }
	#purchase_btn h6 { margin-left: 50px; }
	#purchase_btn:hover { background-color: #d4412b; }
	#purchase_btn h6 { font-size: 13px; text-transform: uppercase; color: rgba(255,255,255,0.75); }
	#countdown { width: 50%; background-color: #FFF; position: absolute; right: 0px; top: 0px; height: 89px; box-shadow: inset -4px -4px 0px rgba(0,0,0,0.05) }
	#countdown ul { width: 90%; height: 100%; list-style-type: none; margin: auto; font-family: 'Proxima N W01 At Reg', Helvetica, Arial, sans-serif; }
	#countdown li { float: left; width: 25%; height: 100%; text-align: center; font-size: 28px; color: #686868; padding-top: 21px; box-sizing: border-box; }
	#countdown h4 { font-size: 13px; font-family: 'Anivers W01 Italic', Helvetica, Arial, sans-serif; }
	
#features { width: 100%; position: relative; padding-bottom: 100px; }
#features ul { width: 1100px; margin: auto; list-style-type: none; }
#features li { float: left; width: 33%; box-sizing: border-box; background-position: top center; background-repeat: no-repeat; text-align: center; padding: 120px 50px 0 50px;}
#features li h3 { font-size: 24px; color: #3f3f3f; font-family: 'Proxima N W01 At Reg', Helvetica, Arial, sans-serif; padding-bottom: 25px; }
#features p { color: #616161; font-size: 18px; line-height: 28px; font-family: 'Anivers W01 Italic', Helvetica, Arial, sans-serif; }
	.feature_1 { background-image: url(../img/wallet.png); background-size: 64px; }
	.feature_2 { background-image: url(../img/diamond.png); background-size: 72px; }
	.feature_3 { background-image: url(../img/gift.png); background-size: 68px; }
#features a, #templates a, #template_info a { color: #17aeb0; text-decoration: none; }

.divider { height: 110px; box-shadow: 0px -1px 0px rgba(0,0,0,0.12); position: relative;}
.divider_headline { position: absolute; width: 100%; height: 50px; top: -25px; left: 0px; text-align: center; }
	.divider_headline h2 { height: 50px; line-height: 50px; display: inline; background-color: #FFFFFF; padding: 0 30px; font-size: 18px; color: #a1a1a1; font-family: 'Anivers W01 Italic', Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; }
	.divider_headline img { vertical-align: middle; margin-top: -4px; padding-right: 12px; }

#templates { width: 1100px; margin: auto; position: relative; padding-top: 0px; padding-bottom: 100px}
#templates li { position: relative; }
	.template_overlay { width: 100%; height: 100%; background-color: rgba(242,85,62,0.8); box-shadow: 0px 0px 0px 1px rgba(242,85,62,0.8); position: absolute; left: 0px; top: 0px; background-image: url(../img/zoom.png); background-repeat: no-repeat; background-position: center center; background-size: 32px; opacity: 0; cursor: pointer; }
	.template_overlay:hover { background-size: 43px; opacity: 1;} 
	.templates_paragraph h3 { font-family: 'Proxima N W01 At Reg', Helvetica, Arial, sans-serif; text-align: center; line-height: 30px; color: #3f3f3f; font-size: 24px; padding-bottom: 25px; }
	.templates_paragraph { color: #7b7b7b; font-size: 16px; line-height: 28px; font-family: 'Anivers W01 Italic', Helvetica, Arial, sans-serif; text-align: center; padding-bottom: 100px; }

#preview { width: 100%; height: 100%; background-color: #c5cccf; position: fixed; left: 0px; top: 0px; z-index: 9999; box-sizing: border-box; padding: 0px 0px; display: none; }
#template_preview { width: 100%; height: 100%; overflow: auto; text-align: center; margin: auto; padding-top: 100px; padding-bottom: 100px; box-sizing: border-box;}
#template_info { width: 350px; height: 100%; background-color: #FFF; position: absolute; right: -350px; top: 0px; padding: 30px 50px 50px 50px; box-sizing: border-box; }
	#template_info h2 { font-size: 20px; color: #3f3f3f; text-transform: capitalize;}
	#template_info h5 { padding-top: 5px; text-transform: uppercase; font-size: 11px; font-family: 'Proxima N W01 At Smbd', Helvetica, Arial, sans-serif; }
	#template_info p { padding-top: 30px; font: 15px; line-height: 26px; color: #434343; font-family: 'Anivers W01 Italic', Helvetica, Arial, sans-serif; }
		#template_preview .template_wrap { width: 800px; margin: auto; overflow: auto; box-sizing: border-box; }
		.template_scroll { position: relative; }
	#template_info ul { list-style-type: none; padding-top: 30px; color: #434343; }
	#template_info li { margin-bottom: 17px; background-repeat: no-repeat; background-position: left center; min-height: 24px; padding-left: 35px; line-height: 22px; padding-top: 3px; font-size: 14px;  }
		.compatible { background-image: url(../img/compatible_icon.png); }
		.ps { background-image: url(../img/ps_icon.png); }
		.mobile { background-image: url(../img/mobile_icon.png); }
		.browser { background-image: url(../img/litmus.png); }
		
		.formats { color: #434343; font-size: 11px; text-transform: uppercase; font-family: 'Proxima N W01 At Smbd', Helvetica, Arial, sans-serif; padding-top: 20px; }
			.formats span { cursor: pointer; }
			.formats span.active { color: #f1553e; }
		
	.pagination { font-size: 22px; font-family: 'ProximaNW01-AltLightReg', Helvetica, Arial, sans-serif; padding-bottom: 20px; width: 90px; text-align: center; position: relative; line-height: 20px;}
	.pag_left { position: absolute; left: 0px; top: 0px; background-image: url(../img/left.png); background-repeat: no-repeat; width: 10px; height: 16px; cursor: pointer; }
	.pag_right { position: absolute; right: 0px; top: 0px; background-image: url(../img/right.png); background-repeat: no-repeat; width: 10px; height: 16px; cursor: pointer; }

		.close { position: absolute; right: 32px; top: 32px; background-image: url(../img/close.png); background-repeat: no-repeat; background-position: center center; width: 12px; height: 12px; cursor: pointer;  }
		
#extra { width: 1100px; margin: auto; position: relative; height: 650px;}
	#left_side { width: 50%; height: 500px; position: absolute; left: 0px; top: 150px; overflow: hidden;}
	#right_side { width: 50%; height: 500px; position: absolute; right: 0px; top: 150px; overflow: hidden;}
	
	#extra ul { display: none; }
		
		.left { position: absolute; right: 203px; list-style-type: none; width: 210px; }
		.right { position: absolute; left: 180px; list-style-type: none; width: 255px; }
	#extra li { /* background-image: url(../img/check.png); background-repeat: no-repeat; padding-left: 30px; */ line-height: 40px; background-position: left center; text-align: center;}
		.hand_left { width: 100%; height: 100%; position: absolute; left: 0px; bottom: 0px; background-image: url(../img/credits.png); background-repeat: no-repeat; background-position: left top; }
		.hand_right { width: 100%; height: 100%; position: absolute; right: 0px; bottom: 0px; background-image: url(../img/plans.png); background-repeat: no-repeat; background-position: right top; }	
	
#faq_span { width: 100%; box-shadow: inset 0px 1px 0px #e1e1e1; border-bottom: 1px solid #e1e1e1;
	background: -webkit-linear-gradient(#f0fbff, #f8fdff); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#f0fbff, #f8fdff); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#f0fbff, #f8fdff); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#f0fbff, #f8fdff); /* Standard syntax (must be last) */
 }  /*background-color: rgba(0,0,0,0.03);*/
#faq { position: relative; width: 1100px; margin: auto; color: #3f3f3f; }
	#faq ul { list-style-type: none; padding-top: 75px; }
	#faq li { float: left; width: 25%; box-sizing: border-box; padding-top: 50px; padding-left: 35px; padding-right: 35px; text-align: center; }
		#faq h3 { font-size: 16px; line-height: 22px; font-family: 'Proxima N W01 At Smbd', Helvetica, Arial, sans-serif; }
		#faq h5 { padding-top: 15px; font-size: 14px; line-height: 26px; color: #616161;  font-family: 'Anivers W01 Italic', Helvetica, Arial, sans-serif;}
	
	#faq p { padding-top: 75px; text-align: center; padding-bottom: 25px; font-size: 18px;}
	#purchase_btn2 a.purchase_btn { position: absolute; bottom: -40px; left: 50%; margin-left: -180px; color: #FFF; background-color: #f1553e; text-decoration: none; padding: 30px 45px; border-radius: 3px; font-size: 19px; box-shadow: inset 4px 4px 0px rgba(255,255,255,0.13), inset -4px -4px 0px rgba(0,0,0,0.05), 3px 3px 0px rgba(0,0,0,0.12); }
	#purchase_btn2 a.purchase_btn:hover { background-color: #d4412b; }
	
#footer-span { width: 100%; padding-top: 15px; }
#footer { width: 1100px; margin: auto; padding-top: 50px; padding-bottom: 50px; position: relative; }
	#footer p { height: 63px; }
	#footer p span { height: 63px; font-size: 12px; line-height: 63px; }
	#footer .logo_sr img { height: 40px; margin-left: 0; vertical-align: middle; }
	#footer .logo_paddle img { height: 27px; margin-left: 25px; vertical-align: middle; }
	#footer li { float: left; padding-right: 40px; }
	
		#footer .copyright_info { position: absolute; right: 0px; top: 54px; font-size: 12px; line-height: 63px;}
		#footer a { color: #f1553e; text-decoration: none; }

.clear-fix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clear-fix { zoom: 1; }
.c { position: absolute; right: 150px; top: 270px; color: #326776; font-family: 'Proxima N W01 At Smbd', Helvetica, Arial, sans-serif; z-index: 999; display: none; font-size: 20px;}

.hidden { display: none; } 

::selection {
background: #ef4e3f;
color: #FFFFFF; /* WebKit/Blink Browsers */
}
::-moz-selection {
background: #ef4e3f; /* Gecko Browsers */
color: #FFFFFF;
}

@-webkit-keyframes float {
	0% {
		-webkit-transform: translate:(0px, 0px);
	}
	50% {
		-webkit-transform: translate(0px, -10px);
	}
	100% {
		-webkit-transform: translate(0px, 0px);
	}
}

@-webkit-keyframes cloud_1 {
	0% {
		background-position: 1200px 10px;
		opacity: 0;
	}
	2% {
		opacity: 1;
	}
	99% {
		opacity: 1;
	}
	100% {
		background-position: 300px 10px;
		opacity: 0;
	}
}

@-webkit-keyframes cloud_2 {
	0% {
		background-position: 200px 100px;
		opacity: 0;
	}
	2% {
		opacity: 1;
	}
	99%{
		opacity: 1;
	}
	100% {
		background-position: -200px 100px;
		opacity: 0;
	}
}



/* templates */
.section {
    clear: both;
    padding: 0;
    margin: 0;
    width: 101.25%;
    margin-left: -1.25%;
}

.col {
    display: block;
    float: left;
    margin: 0 0.625% 1.25% 0.625%;
    text-align: center;
}

.col img {
    display: block;
    width: 100%;
    box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.08);
}

.group:before, .group:after {
    content: "";
    display: table;
}

.group:after {
    clear: both;
}

.group {
    zoom: 1;
}

.span_3_of_3 {
    width: 100%;
}

.span_2_of_3 {
    width: 64.16%;
}

.span_1_of_3 {
    width: 32.08%;
}

/* Media Queries */
	
	/* iPad in portrait & landscape */
	@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)  { 

		#header_wrapper { width: 900px; }
		#header { height: 690px; }
		#hero { top: 25%; right: 0px; }
		.logo { width: 100%; left: 0px; background-image: url(../img/logo.png); }

		#purchase { width: 768px; margin-left: -384px; }
		#counter { width: 768px; }

		#features p { font-size: 18px; }
		#features ul { width: 900px; }
		#features li { padding: 120px 20px 0px 20px; }

		#templates { width: 900px; }
		.templates_paragraph { font-size: 18px; }

		#faq { width: 900px; }
		#faq li { padding-left: 30px; padding-right: 30px; }
		#faq h3, #faq h5, #faq p { font-size: 18px; line-height: 26px; }

		#purchase_btn2 a.purchase_btn { bottom: -40px; left: 50%; margin-left: -225px; color: #FFF; background-color: #f1553e; text-decoration: none; padding: 30px 45px; border-radius: 3px; font-size: 24px; box-shadow: inset 4px 4px 0px rgba(255,255,255,0.13), inset -4px -4px 0px rgba(0,0,0,0.05), 3px 3px 0px rgba(0,0,0,0.12); }

		#footer { width: 900px; }
		#footer .copyright_info { font-size: 14px; }

		.section {
	        width: 100%;
	        margin-left: 0%;
	    }

	    .col {
	        margin: 0 1.5% 3% 1.5%;
	    }

	    .span_2_of_3 {
	        width: 100%;
	    }

	    .span_1_of_3 {
	        width: 47%;
	    }

	}

	/* iPad in landscape */
	@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {}

	/* iPad in portrait */
	@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {}

	

	/* Tablet Portrait size to standard 1024 (devices and browsers) */ 
	@media only screen and (min-width: 768px) and (max-width: 1140px) {

		#header_wrapper { width: 900px; }
		#header { height: 690px; }
		#hero { top: 25%; right: 0px; }
		.logo { width: 100%; left: 0px; background-image: url(../img/logo.png); }

		#purchase { width: 768px; margin-left: -384px; }
		#counter { width: 768px; }

		#features p { font-size: 18px; }
		#features ul { width: 900px; }
		#features li { padding: 120px 20px 0px 20px; }

		#templates { width: 900px; }
		.templates_paragraph { font-size: 18px; }

		#faq { width: 900px; }
		#faq li { padding-left: 30px; padding-right: 30px; }
		#faq h3, #faq h5, #faq p { font-size: 18px; line-height: 26px; }

		#purchase_btn2 a.purchase_btn { margin-left: -225px; font-size: 24px; }

		#footer { width: 900px; }
		#footer .copyright_info { font-size: 14px; }

		.section {
	        width: 100%;
	        margin-left: 0%;
	    }

	    .col {
	        margin: 0 1.5% 3% 1.5%;
	    }

	    .span_2_of_3 {
	        width: 100%;
	    }

	    .span_1_of_3 {
	        width: 47%;
	    }

	}

	/* iPhone 5 & 5S in portrait & landscape */
	@media only screen and (min-device-width : 320px) and (max-device-width : 568px) { 

		#header_wrapper { width: 900px; }
		#header { height: 690px; }
		#hero { display: none; }
		.logo { width: 100%; height: 100%; left: 0px; background-image: url(../img/logo_tb-portrait.png);  background-size: 100%; }

		#purchase { width: 900px; margin-left: -450px; }
		#purchase_btn { font-size: 40px; }
		#purchase_btn p { margin-top: 14px; margin-left: 50px; }
		#counter { width: 768px; }
		#countdown li { font-size: 32px; padding-top: 15px; }
		#countdown h4 { font-size: 18px; }

		#features p { font-size: 18px; }
		#features ul { width: 900px; }
		#features li { width: 100%; padding: 150px 20px 120px 20px; }
		#features li:last-child { padding: 150px 20px 0px 20px; }
		#features li h3 { font-size: 60px; }
		#features p { font-size: 30px; line-height: 48px; }

		.feature_1 { background-image: url(../img/wallet.png); background-size: 84px; }
		.feature_2 { background-image: url(../img/diamond.png); background-size: 92px; }
		.feature_3 { background-image: url(../img/gift.png); background-size: 88px; }

		.divider_headline h2 { font-size: 24px; }

		#templates { width: 900px; }
		.templates_paragraph h3 { font-size: 60px; line-height: 72px; }
		.templates_paragraph { font-size: 30px; line-height: 48px; }
		.templates_paragraph br { display: none; }

		#faq { width: 900px; }
		#faq li { padding-left: 30px; padding-right: 30px; width: 50%; }
		#faq h3, #faq h5, #faq p { font-size: 30px; line-height: 48px; }

		#purchase_btn2 a.purchase_btn { margin-left: -335px; font-size: 40px; bottom: -55px; }

		#footer-span { padding-top: 114px; }
		#footer { width: 900px; text-align: center; }
		#footer p { height: 108px; }
		#footer li { float: none; padding-right: 20px; padding-left: 20px; }
		#footer .logo_sr img { height: 84px; margin-left: 0; vertical-align: middle; }
		#footer .copyright_info { font-size: 28px; position: relative; top: 24px; }

		.section {
	        width: 100%;
	        margin-left: 0%;
	    }

	    .col {
	        margin: 0 0% 5% 0%;
	    }

	    .span_1_of_3 {
	        width: 100%;
	    }

	}
	
	/* iPhone 5 & 5S in landscape */
	@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape) {}

	/* iPhone 5 & 5S in portrait */
	@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : portrait) {}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 940px) {

		#header_wrapper { width: 480px; }
		#header { height: 400px; }
		#hero { display: none; }
		.logo { width: 100%; left: 0px; background-image: url(../img/logo_tb-portrait.png); background-size: 100%; }

		#purchase { width: 480px; margin-left: -240px; }
		#purchase_btn { font-size: 26px; }
		#purchase_btn p { margin-top: 24px; margin-left: 20px; }
		#counter { width: 480px; }
		#countdown li { font-size: 28px; padding-top: 21px; }
		#countdown h4 { font-size: 13px; }

		#features p { font-size: 18px; }
		#features ul { width: 480px; }
		#features li { width: 100%; padding: 150px 20px 120px 20px; }
		#features li:last-child { padding: 150px 20px 0px 20px; }
		#features li h3 { font-size: 30px; }
		#features p { font-size: 21px; line-height: 36px; }

		.feature_1 { background-image: url(../img/wallet.png); background-size: 64px; }
		.feature_2 { background-image: url(../img/diamond.png); background-size: 72px; }
		.feature_3 { background-image: url(../img/gift.png); background-size: 68px; }

		.divider_headline h2 { font-size: 15px; }

		#templates { width: 480px; }
		.templates_paragraph h3 { font-size: 30px; line-height: 42px; }
		.templates_paragraph { font-size: 21px; line-height: 36px; }
		.templates_paragraph br { display: none; }

		#faq { width: 480px; }
		#faq li { padding-left: 30px; padding-right: 30px; width: 50%; }
		#faq h3, #faq h5, #faq p { font-size: 21px; line-height: 36px; }

		#purchase_btn2 a.purchase_btn { margin-left: -234px; font-size: 26px; bottom: -45px; }

		#footer-span { padding-top: 114px; }
		#footer { width: 480px; text-align: center; }
		#footer p { height: 66px; }
		#footer li { float: none; padding-right: 20px; padding-left: 20px; }
		#footer .logo_sr img { height: auto; margin-left: 0; vertical-align: middle; }
		#footer .copyright_info { font-size: 14px; position: relative; top: 0px; }

		.section {
	        width: 100%;
	        margin-left: 0%;
	    }

	    .col {
	        margin: 0 0% 5% 0%;
	    }

	    .span_1_of_3 {
	        width: 100%;
	    }

	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {}