@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700');

body { font-family: 'Roboto Condensed', arial; font-size: 62.5%; color: #474747; line-height: 1.4; min-width: 380px; }

h1, h2, h3 { text-align: center; line-height: 1em; font-weight: normal; }
h1 { font-size: 3em; font-weight: bold; }
h2 { font-size: 5em; text-align: left; font-weight: bold; line-height: 1.2; }
h3 { font-size: 2.5em; }
h4 { font-size: 2.5em; margin-bottom: 15px; font-weight: normal; }
h5 { font-size: 2em; }
p { font-size: 1.6em; margin-bottom: 15px; }

hr { margin: 10px 0; }
iframe { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; background: transparent; }

#header_container { background-color: #fff; }
#header_wrapper, .content_wrapper { margin: 0 auto; max-width: 1060px; width: 98%; }

#header_wrapper ul li, #logo img, #logo p { display: inline-block; vertical-align: middle; }
#header_wrapper p { margin-bottom: 0; }
#header_wrapper ul li { margin: 0 5px; }
#header_wrapper ul li:nth-child(2) { margin: 0 25px 0 5px; }
#logo { float: left; width: 210px; }
#logo img{ width: 52px; }
#contact { float: right; width: 380px; font-size: 1.3em; padding-top: 5px;  }
#contact a { color: inherit; text-decoration: none; }

#ifr1 { max-width: 100%; width: 100%; overflow: hidden; z-index: 999; height: 666px; }

.sub-headline { background: #194343; color: #fff; font-size: 2em; padding: 20px; }
.testi-headline { background: #194343; color: #fff; font-size: 2em; padding: 20px; }
.intro_section { background: #000 url(../lander/images/tile.webp) repeat; padding: 16px 0; }
.credentials_section { padding: 1% 0; }
.copy-section { background-color: #f1f1f1; padding: 3% 0; }
.list-section { background: #eaeaea url(../images/dvd/testimonial.webp) no-repeat center center; background-size: cover; padding: 3% 0; }
.list-section ul { font-size: 1.6em; list-style-type: square; }
.list-section li { padding: 0px; margin: 0 0 0 50px; }
.feature-section {  background: #f1f9ff; }

.cart-section { background: url(../lander/images/checkout-bg.webp); padding: 2% 0; }
.cart-section div:first-child { background: #194343; padding: 1% 1% 3% 1%; color: #fff; border: #fff solid 5px; box-shadow: 10px 10px 5px #888888; box-sizing: border-box; }

.intro-image { width: 35%; display: inline-block; margin: -80px 20px -90px 0; box-sizing: border-box; vertical-align: middle; padding: 30px 0; text-align: right; }
.intro-image img { width: 100%; max-width: 150px; }
.intro-content { display: inline-block; width: 48%; vertical-align: middle; }

.top_section { margin: 0; background-size: cover; background-image: url(../images/dvd/defldvd-bg.webp); background-position: top center; text-align: right; }
.top_video { width: 40%; color: #ffffff; padding: 1.4% 5% 3%; background-color: rgba(71, 98, 99, 0.6); display: inline-block; }
.top_video p { text-align: center; background: rgba(23, 23, 23, 0.7); padding: 10px; margin: 12px auto 0; max-width: 540px; }
.top_video-container { max-width: 600px; margin: auto; }
.top-panel-video { position: relative; padding-bottom: 55.25%; padding-top: 25px; margin: 0 20px !important; height: 0; width: initial; }
.iframe_video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.column1_wrapper, .top-form { display: inline-block; vertical-align: top; } 
.column1_wrapper { background: #f2f2f2; padding: 40px; width: 48%; padding: 20px; }
.top-form { background: #fff; margin: 95px 0 5% -60px; width: 45%; max-width: 680px; background: none; color: #fff;  z-index: 1; }

.shipping-note { text-align: center; color: #000; background: rgba(255, 255, 255, 0.6); padding: 4px; margin: 0 auto; border: #777777 solid 2px; max-width: 568px; width: 98%; box-sizing: border-box; }
.shipping-note p { margin-bottom: 0px; font-style: italic; font-size: 1.3em; }

.white { color: #fff; }
.yellow { color: #f3b704; }
.light-yellow { color: #ffe99a; }
.red { color: #d54242; }

.white_bg { background-color: #fff; }
.blue-border-top_bg { border-top: solid #e5eefb 5px; }

.dark-blue_bg { background-color: #1b87b9; }
.border-orange-bottom { border-bottom: #194343 solid 4px; }

.img { max-width: 100%; width: auto; }
.clearsides { clear:both; }

.listfeatures li { border-bottom: 1px dashed #d9d9d9; padding: 20px 60px 20px 10px !important; margin: 0 !important; background: #f5fbff !important; font-size: 1.6em; }
.listfeatures li div { padding-left: 40px !important; }
.listfeatures li div b { color: #347b7a !important; }
.listfeatures .feat-1 { background: #f5fbff url(../images/dvd/aawd-icon-feature-1.png) 0 5px no-repeat !important; }
.listfeatures .feat-2 { background: #f5fbff url(../images/dvd/aawd-icon-feature-2.png) 0 5px no-repeat !important; }
.listfeatures .feat-3 { background: #f5fbff url(../images/dvd/aawd-icon-feature-3.png) 0 5px no-repeat !important; }
.listfeatures .feat-4 { background: #f5fbff url(../images/dvd/aawd-icon-feature-4.png) 0 5px no-repeat !important; }
.listfeatures .feat-5 { background: #f5fbff url(../images/dvd/aawd-icon-feature-5.png) 0 5px no-repeat !important; }
.listfeatures .feat-6 { background: #f5fbff url(../images/dvd/aawd-icon-feature-6a.png) 0 5px no-repeat !important; }
.listfeatures .feat-7 { background: #f5fbff url(../images/dvd/aawd-icon-feature-6.png) 0 5px no-repeat !important; }

#footer_btm { margin: 0 auto; z-index: 1; background-color: #2d2d2d; width: 100%; }
#footer_content { max-width: 600px; margin: 0 auto; width: 67%; padding: 5px 0; }
#footer_content img { float: left; max-width: 50px; padding-top: 7px; }
#footer_links { float: left; font-size: 1.3em; padding: 7px 0px 7px 20px; text-align: center; color: #ffe7d5; }
#footer_links span { display: block; }
#footer_links a { color: #ffeca2; text-decoration: none; }
#footer_links a:hover { color: #fff; }

/* Additional CSS */
.steps_wrapper { display: table; border-collapse: separate; border-spacing: 7px 7px; }
.steps_row { display: table-row; }
.steps_row_last { padding: 15px 15px 1px 15px; margin: 0 8px; }
.step-content { display: table-cell; width: 88%; vertical-align: top; }
.number { font-size: 4em; font-weight: bold; display: table-cell; padding: 15px; width: 3%;  vertical-align: middle; }
.steps { display: table-cell; padding: 15px; width: 90%; vertical-align: top; background: rgba(255, 255, 255, 0.85); }
.steptitle { font-size: 1.7em; font-weight: bold; font-style: italic; color: #347b7a; text-transform: uppercase; padding: 10px 0 10px 0; box-sizing: border-box; margin: 0 0 10px; position: relative;border-bottom: #62b1ff solid 1px; }
.pagewrap { position: relative; background: #fff; }
.dvd-set { max-width: 28%; width: auto; display: inline-block; vertical-align: middle; padding: 2% 0; }
.features { display: inline-block; background: #f1f9ff; width: 65%; vertical-align: middle; margin: 0 3%; padding: 20px; box-sizing: border-box; }
.features h1 { text-align: left; font-size: 4em; color: #2b5f5f; }
.features ul li { color: #347b7a; font-size: 2.8em; font-weight: bold; margin-left: 10%; list-style: disc; }

.cta-wrapper { display: block; max-width: 418px; margin: -38px auto 15px; z-index: 1; background: #4bb930; background-image: -webkit-linear-gradient(top, #57ca3b, #4bb930); background-image: -moz-linear-gradient(top, #3498db, #2980b9); background-image: -ms-linear-gradient(top, #3498db, #2980b9); background-image: -o-linear-gradient(top, #3498db, #2980b9); background-image: linear-gradient(to bottom, #57ca3b, #4bb930); -webkit-border-radius: 28; -moz-border-radius: 28; border-radius: 9px; color: #ffffff; font-size: 2em; padding: 10px 20px 10px 20px; cursor: pointer; text-align: center; text-decoration: none; }
.cta-wrapper:hover { background: #57ca3b; background-image: -webkit-linear-gradient(top, #4bb930, #57ca3b); background-image: -moz-linear-gradient(top, #4bb930, #57ca3b); background-image: -ms-linear-gradient(top, #4bb930, #57ca3b); background-image: -o-linear-gradient(top, #4bb930, #57ca3b); background-image: linear-gradient(to bottom, #4bb930, #57ca3b); text-decoration: none; }

@media (max-width: 1055px) {
	.intro-image { margin: -25px 20px -25px 0; width: 25%; min-width: 100px; }
  	.features { margin: 0%; }
    .features h1 { font-size: 3.8em; }
    .features ul li { font-size: 2.5em; }
}

@media screen and (max-width: 980px) {
	#footer_content img { float: none; margin: 0 auto; display: block; }
	#footer_links { padding: 7px 0px 7px 0; float: none; }
	.top_video { width: 100%; padding: 1.4% 0 3%; }
	.column1_wrapper, .top-form { display: block; margin: auto; width: 100%; box-sizing: border-box; }
	.intro-image { margin: -25px 20px -25px 0; width: 25%; min-width: 100px; }
	.intro-content { width: 65%; }
}
	
@media screen and (max-width: 830px) {
	.intro-content { width: 73%; }
	.intro-image { width: 22%; }
	.sub-headline, .testi-headline { font-size: 1.5em; } 
}

@media screen and (max-width: 700px) {
	#logo { float: none; width: auto; text-align:center; margin: 0 auto 10px; }
	#contact { float: none; width: 380px; margin: 0 auto 10px; padding-top: 0;  }
	.cart-section div:first-child, .cart-section2 div:first-child { box-shadow: none; width: 90%; }
	.sub-headline, .testi-headline { font-size: 1.2em; }
    .features { display: block; width: 100%; }
    .dvd-set { display: block; margin: auto; max-width: 45%; }
}

@media screen and (max-width: 650px) {
	.intro-image, .introl-content { display: block; }
	.intro-image { width: 25%;  margin: 0 auto; }
	.intro-content { width: 98%; margin: auto; }
	.sub-headline, .testi-headline { font-size: 1em; }
}

@media (max-width: 400px) {
	.written-note { width: 98%; }
}