@charset "UTF-8";
/* CSS Document */

h4 { font-family: 'Montserrat', sans-serif; font-size:36px; line-height:40px; text-align:center; color:#000; text-shadow: 2px 2px #fff; margin-top:25px; margin-bottom:25px;}
h5 { font-family: 'Montserrat', sans-serif; font-size:30px; line-height:40px; text-align:center; color:#000; text-shadow: 2px 2px #fff; margin-top:40px; margin-bottom:30px; font-weight:400;}
h2 { font-family: 'Montserrat', sans-serif; font-size:40px; text-align:center; color:#000; margin-top:30px; margin-bottom:40px;}
p { font-family: 'Montserrat', sans-serif; font-size:15px; line-height:23px; color:#000; margin-top:25px;}
a { color:#365597; text-decoration:none; }
a:hover { color:#476cbe; text-decoration:none; }

body {margin:0;background:url(images/bg.png); font-family: sans-serif;}
#header-strip {background-image:url(images/header-bg-x.png); background-repeat:repeat-x; width:100%; height:auto; overflow:hidden;}
#header-strip #header {width:960px; height:75px; margin:0 auto; overflow:hidden;}
#header-strip #header.small { width: 860px; }
#header-strip #header #header-logo {width:268px; height:53px; float:left; margin-top:10px;}
#header-strip #header a.get-started-button { background-image:url(images/header-button.png); width:136px; height:40px; margin-top:17px; float:right;}
#header-strip #header a.get-started-button:hover { background-position: 0 -40px; }
#header-strip #header ul {padding:27px 30px 0 0; margin:0; float:right; }
#header-strip #header ul li {display:inline; list-style:none; padding:30px 20px; color:#fff; font-family: 'Montserrat', sans-serif; font-size:18px;}
#header-strip #header a {color:#fff; text-decoration:none;}
#header-strip #header a:hover {color:#a7beee; text-decoration:none;}

#hero-strip {background-image:url(images/hero-bg.png); width:100%; height:auto; overflow:hidden;}
#hero-strip h1 { font-family: 'Montserrat', sans-serif; font-size:58px; line-height:0; margin-top:60px; text-align:center; color:#fff; text-shadow: 2px 2px #000;}
#hero-strip h3 { font-family: 'Montserrat', sans-serif; font-size:18px; font-weight:400; line-height:0; margin-top:60px; text-align:center; color:#fff; text-shadow: 2px 1px #000;}
#hero-strip #hero { background-image:url(images/hero-vid-frame-arrows.png); width:960px; height:423px; margin:50px auto;}
#hero-strip #hero #vid { float: left; width: 585px; height: 330px; margin: 67px 0 0 20px; background: #000; }
#hero-strip #hero #right-text-column {width:320px; height:auto; float:right; margin-top: 115px; }
#hero-strip #hero #right-text-column h6 { font-family: 'Montserrat', sans-serif; font-size:22px; font-weight:400; line-height:0; margin-top:0px; padding-bottom:0; margin-bottom:0; color:#d3dcf0; text-shadow: 2px 1px #000;}
#hero-strip #hero #right-text-column h5 { font-family: 'Montserrat', sans-serif; font-size:24px; font-weight:400;  margin-top:18px; padding-top:0; color:#fff; text-shadow: 2px 1px #000;}
#hero-strip #hero #right-text-column ul { color: #fff; list-style: none; margin: 0; padding: 0; }
#hero-strip #hero #right-text-column ul li { margin: 0 0 40px 0; background: url(images/bullet.png) no-repeat left top; padding: 0 0 0 65px; }
#hero-strip #hero #right-text-column ul li:last-child { margin-bottom: 0; }
#hero-strip #hero #right-text-column ul h6 { margin: 0 0 10px 0; line-height: normal; font-size: 18px; color: #fff; }
#hero-strip #hero #right-text-column ul p { margin: 0 0 10px 0; color: #D3DCF0; font-size: 16px; text-shadow: 2px 1px #000; font-weight: 400; }

#hero-strip #hero a.hero-button { background-image:url(images/hero-button.png); width:264px; height:100px; margin-top:10px; float:right; }
#hero-strip #hero a.hero-button:hover { background-position: 0 -100px;}
#content-area { background-image:url(images/content-area-bg-x.png); background-repeat:repeat-x; width:100%; height:auto; overflow:hidden; }
#content-area-nobg {  width:100%; height:auto; overflow:hidden; }
#content-area #dtw-box {width:960px; height:auto; margin:0 auto; overflow:hidden;}
#content-area #dtw-box .dtw-divider {background-image:url(images/dtw-divider.png); background-repeat:repeat-y; width:2px; height:140px; float:left;}
#content-area #dtw-box #all-devices {width:341px; height:170px; float:left; background-image:url(images/all-devices.png); background-repeat:no-repeat; background-position: 0 10px; font-family: 'Montserrat', sans-serif; font-size:22px;}
#content-area #dtw-box #wp-compatible {width:276px; height:170px; float:left; background-image:url(images/wp-logo.png); background-repeat:no-repeat; background-position: 84px 0; font-family: 'Montserrat', sans-serif; font-size:21px;}
#content-area #dtw-box #all-services {width:338px; height:170px; float:left; background-image:url(images/3rd-party-logos.png); background-repeat:no-repeat; background-position: 25px 0; font-family: 'Montserrat', sans-serif; font-size:22px;}

#content-area #mte-box {width:870px; height:auto; margin:0 auto; overflow:hidden;}
#content-area #mte-box p { font-family: 'Montserrat', sans-serif; font-size:13px; text-align:center; margin-top:2px; }
#content-area #mte-box .mte-box-left {width:106px; height:160px; float:left; margin-right:20px; }
#content-area #mte-box .mte-box-right {width:110px; height:160px; float:left; }

.feature-box-container {width:870px; height:auto; margin:35px auto;}
.feature-box-container .feature-box-top {width:870px; height:9px; overflow:hidden; background-image:url(images/feature-box-top.png);}
.feature-box-container .feature-box-mid {width:790px; height:auto; overflow:hidden; background-image:url(images/feature-box-mid.png); background-repeat:repeat-y; padding:0 40px;}
.feature-box-container .feature-box-btm {width:870px; height:9px; overflow:hidden; background-image:url(images/feature-box-btm.png);}
.feature-box-container .icon {width:100px; height:100px; float:left;text-align:center; margin-top:5px;}
.feature-box-container .vid-column1 {width:401px; height:auto; min-height:348px; margin:auto;}
.feature-box-container .vid-column2 {width:401px; height:auto; min-height:348px; margin: auto;}
.feature-box-container [data-role="evp-video"] { min-height: 226px; }
.feature-box-container .text-column1 {width:369px; height:auto; float:left;}
.feature-box-container .text-column2 {width:369px; height:auto; float:left; margin-right:20px;}
.feature-box-container .vid-column1 a.video-left {width:401px; height:270px; float:left; background-image:url(images/video1.png); display:block; clear:both; margin-bottom:30px; }
.feature-box-container .vid-column1 a.video-left:hover {width:401px; height:270px; float:left; background-image:url(images/video1.png); background-position:0 -270px; }
.feature-box-container .vid-column2 a.video-left {width:401px; height:270px; float:left; background-image:url(images/video1.png); display:block; clear:both; margin-bottom:30px; }
.feature-box-container .vid-column2 a.video-left:hover {width:401px; height:270px; float:left; background-image:url(images/video1.png); background-position:0 -270px; }
.watch-this-vid-text {width:252px; height:92px; margin:30px auto; background-image:url(images/watch-this-vid1.png); display:block; clear:both; }
.feature-box-container a.get-started-button { background-image:url(images/hero-button.png); width:264px; height:100px; margin: 30px auto; display:block;}
.feature-box-container a.get-started-button:hover { background-position: 0 -100px;}

.video-analytics-box {width:790px; height:485px; margin:35px auto; background-image:url(images/vid-analytics-bg.png); padding:1px 40px; color:#fff; }
.video-analytics-box .icon {width:128px; height:128px; float:left;text-align:center; margin-top:10px;}

.action-box {width:790px; margin:35px auto; padding:1px 40px; color:#24282d; }

#atc-box {width:790px; height:236px; margin:35px auto; background-image:url(images/atc-box.png); padding:0 40px;}
#atc-box h4 { font-family: 'Montserrat', sans-serif; font-size:28px; line-height:0px; text-align:center; color:#fff; text-shadow: 2px 2px #000; margin-top:50px; font-weight:400;}
#atc-box h3 { font-family: 'Montserrat', sans-serif; font-size:27px; line-height:39px; text-align:center; color:#fff; text-shadow: 2px 2px #000; margin-top:30px;}
#atc-box #left-column {width:350px; height:auto; float:left; margin-right:60px; }
#atc-box #right-column {width:380px; height:auto; float:left; }
a.atc-button1 {width:330px; height:135px; margin: 0 auto; background-image:url(images/atc1.png); display:block;}
a.atc-button1:hover {background-position:0 -135px;}

.bottom-box-container { width:870px; height:auto; margin:35px auto 0 auto;}
.bottom-box-container .bottom-box-top {width:870px; height:9px; overflow:hidden; background-image:url(images/feature-box-top.png);}
.bottom-box-container .bottom-box-mid {width:790px; height:auto; overflow:hidden; background-image:url(images/feature-box-mid.png); background-repeat:repeat-y; padding:0 40px;}
.bottom-box-container .bottom-box-mid h5 { margin-top: 20px; margin-bottom: 20px; }
.bottom-box-container .bottom-box-btm {width:870px; height:9px; overflow:hidden; background-image:url(images/feature-box-btm.png);}
.bottom-box-container .testimonial-container {width:790px; height:auto; margin:0 auto 40px auto;}
.bottom-box-container .testimonial-container .testimonial-pic { width:90px; height:100px; float:left; margin-right:30px; margin-top:5px;}
.bottom-box-container .testimonial-container .testimonial-text {width:670px; height:auto; float:left; padding-bottom:35px;}
.bottom-box-container .testimonial-container .testimonial-text p {font-family: 'Domine', serif; font-size:16px; line-height:23px; color:#000; margin-top:0px;}

#guarantee-box {background-image:url(images/guarantee-box-bg.png?v=1); width:455px; height:288px; margin: 0 auto; overflow:hidden; padding-left:40px; padding-right:375px; }
#vidmarketing-screenshot {background-image:url(images/vidmarketing-screenshot.png); width:281px; height:255px; float:left; margin-right:40px; margin-top:20px;}

#atc-box2 {width:790px; height:258px; margin:0 auto; background-image:url(images/atc-box2.png); padding:0 40px;overflow:hidden;}
#atc-box2 h4 { font-family: 'Montserrat', sans-serif; font-size:28px; text-align:center; color:#fff; text-shadow: 2px 2px #000; font-weight:400;}
#atc-box2 h3 { font-family: 'Montserrat', sans-serif; font-size:29px; line-height:40px; text-align:center; color:#fff; text-shadow: 2px 2px #000; margin-top:30px;}
#atc-box2 #left-column2 {width:400px; height:auto; float:left; margin-right:40px; }
#atc-box2 #right-column2 {width:350px; height:auto; float:left; }
a.atc-button2 {width:350px; height:143px; float:left; background-image:url(images/atc1.png); display:block;}
a.atc-button2:hover {width:350px; height:143px; float:left; background-image:url(images/atc1.png); background-position:0 -143px;}

#evs-footer-logo {width:268px; height:53px; margin:35px auto;}

#footerul {text-align:center;padding:0; margin-bottom:40px;}
#footerul li {display:inline; list-style:none; padding:30px 20px; font-family: 'Montserrat', sans-serif; font-size:13px;}

#s3-integration { text-align: center; }
#s3-integration p { font-size: 11px; }
#s3-integration h5 { font-size: 18px; }
#s3-integration h6 { font-size: 16px; }

div#confirm { width: 500px; border: 3px solid #009; margin: 20px auto; padding: 20px; }
div#confirm h2 { margin: 0 0 10px 0; text-align: left; font-size: 24px; }
div#confirm h2 span { color: #4b9dd5; font-weight: bold; }
div#confirm h2 span input { margin: 0 5px 0 0; }
div#confirm .submit { width: 380px; margin: 0 auto; display: block; }

table { border-spacing: 3px; border-collapse: separate; font-size: 16px; }
table tr th { font-weight: bold; padding: 10px; }
table tr {  }
table tr td { padding: 10px; background: #e1e1e1; text-align: left; }
table tr.alt {  }
table tr.alt td { background: #eee; }
table tr.total {  }
table tr.total td { background: #fff; }
table tr .table_price { text-align: right; font-weight: bold; }
table tr .table_price strike { margin: 0 15px 0 0; font-weight: normal; font-size: 13px; }

#form { width: 360px; margin: 0 auto; }

#confirm { text-align: center; }
#confirm a { border: none; }

.full-image { width: 800px; height: 400px; margin: 0 auto; }

.button { border-radius: 8px; background: #ffe400; border-bottom: 3px solid #ffc600; font-size: 26px; color: #6e380d; padding: 8px 18px; text-decoration: none; font-weight: 600; }
.button:hover, a.button:hover { background-color: #fff000; border-color: #ffb400; color: #6e380d; }
.button:active { background-color: #f1d700; }

.bar { background: #e46119; padding: 30px 0; position: relative; }
.bar.bar-countdown {  }
.bar.bar-countdown .countdown { float: left; margin-top: 26px; }
.bar-content { width: 900px; margin: 0 auto; overflow: auto; }
.countdown {  }
.countdown-marker { display: inline-block; position: relative; margin: 0 3px 0 0; }
.countdown-marker:last-child { margin-right: 0; }
.countdown-marker span { font-size: 36px; color: #f8fafc; text-shadow: 0 0 1px #000; background: #1f2a35; padding: 18px 0; border-radius: 6px; border-bottom: 3px solid #000; display: block; margin: 0 auto; width: 66px; text-align: center; position: relative; cursor: default; }
.countdown-marker span::after { content: ''; display: block; background: #323c46; height: 1px; width: 100%; position: absolute; top: 50%; left: 0; }
.countdown-marker i { display: block; color: #fff; font-size: 12px; text-align: center; margin: 15px 0 0 0; text-transform: uppercase; }
.bar.bar-countdown h5 { color: #fff; font-size: 34px; margin: 0 0 15px 310px; text-align: center; text-shadow: none; }
.bar.bar-countdown strike { color: #ffc184; font-size: 26px; }
.bar.bar-countdown .button-wrap { margin: 0 0 0 310px; text-align: center; }
.bar.bar-countdown .button { padding: 13px 14px; }
span.cards { display: block; margin: 20px auto 0; width: 215px; height: 25px; background: url(images/cards.png) no-repeat; }