@import url('https://fonts.googleapis.com/css?family=Roboto|Roboto+Condensed|Roboto+Mono|Roboto+Slab|Arimo|ArimoBold:wght@700&display=swap');
* {margin:0;padding:0;}
body {font-family:"Roboto",sans-serif, arial;background:url('../images/brand-repeat.png') repeat;}
h1{margin:22px 0;}

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body {height: 100%;font-family:"Railway","Sans-Serif","Arial";}
body{background:url('../images/repeat.png') repeat;}
#wrap {min-height: 100%;}

#content {
	overflow:auto;
		padding-bottom: 250px;
}  /* must be same height as the footer */

#footer {
	position: relative;
	margin-top: -250px; /* negative value of footer height */
	height: 250px;
	clear:both;
} 

/* Opera Fix */
body:before {/* thanks to Maleika (Kohoutec)*/
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}

/* Font */
@font-face {
    font-family: 'Railway';
    font-style: normal;
    font-family: 'Railway';
    src: url('../fonts/railway/railway_thin-webfont.eot'); /* IE9 Compat Modes */
    src:url('../fonts/railway/railway_thin-webfont.otf'),
        url('../fonts/railway/railway/railway_thin-webfont.eot?#iefix'), /* IE6-IE8 */
        url('../fonts/railway/railway_thin-webfont.woff2'), /* Super Modern Browsers */
        url('../fonts/railway/railway_thin-webfont.woff'), /* Pretty Modern Browsers */
        url('../fonts/railway/railway_thin-webfont.ttf'), /* Safari, Android, iOS */
        url('../fonts/railway/railway_thin-webfont.svg#svgFontName')/* Legacy iOS */
}
/* Angle */
div#angle {position:relative;height:95px;}
div#angleContent {position:relative;top:38px;text-align:right;padding-right:15px;clear:both;}
div#angle div#angleSvg {position:relative;clear:both;}
div#angle div#angleSvg:before {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  left: 0;
  bottom: -100px;
  height: 100px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 65 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,65 0,0 100,0' style='fill:%23241010;' /%3E%3C/svg%3E");
}
a,a:active,a:visited,a:hover{color:#333;padding-bottom:18px;text-decoration:none;font-size:14px;}
.center{text-align:center;}
pre {position:relative;display:block;background:white;z-index:10000;}
.xxl {font-size:500%;}
.orange {color:#f6915a}
a#newSite {display:block;position:absolute;right:0px;bottom:0px;}
	
div#wrap {background:url('../images/repeat.png') repeat;}
div#wrap h1, div#wrap h2, div#wrap h3, div#wrap h4, div#wrap h5 {margin:20px 20px 5px;line-height:40px;}
div#wrap p{margin:10px 20px 12px;line-height:30px;}
div#wrap ul, div#wrap li {margin-left:60px;}
div#wrap div#content {padding-left:25px;padding-right:25px;}
div#wrap div#header {background:#241010;height:120px;position:relative;font-size:18px;font-family:"Arimo", sans-serif;}
div#wrap div#header span.textLinkContainer {position:absolute;top:40px;right:225px;width:200px;}
div#wrap div#header span.textLink {color:white;padding-right:30px;}
div#wrap div#header span.buttonLink {display:block;position:absolute;right:35px;top:30px;background:white;color:black;padding:9px 20px 11px;border-radius:5px;font-weight:bold;}
div#wrap div#header a {font-size:18px;color:white;}
div#wrap div#header span.buttonLink a{color:#241010;}
div#wrap div#content {margin:auto;max-width:1920px;}
div#wrap div#header {position:relative;}
div#wrap div#header img.logo {width:430px;position:absolute;left:45px;top:25px;}
div#footer {text-align:center;line-height:40px;font-size:14px;line-height:26px;background:#241010;color:white;padding:20px 30px;font-family:"Arimo", sans-serif;} 
div#footer div#footerInner{width:1000px;margin:auto;}
div#footer ul {margin:10px 25px;text-align:justify;display:block;float:left;width:220px;}
div#footer ul#about {width:400px;}
div#footer ul li {list-style: none;line-height:27px;}
div#footer p,div#footer a {color:white;clear:both;}
div#footer ul.about li {line-height:27px;}
div#footer p{padding-top:7px;}
div#footer ul#social img{width:64px;}
div#footer p.center{padding-top:23px;font-size:12px;}
div#footer p.center a{font-size:12px}
div#wrap div#welcome {background:url('../images/computer.png') left top no-repeat;position:relative;overflow:visible;margin:20px 35px;height:750px;font-family:"ArimoBold", sans-serif;}
div#wrap div#content.large div#welcome {height:900px;}
div#wrap div#content.x-large div#welcome {height:1000px;}
div#wrap div#welcomeInner {font-size:40px;font-weight:bold;padding:30px 40px;padding-left:400px;padding-right:50px;position:absolute;top:115px;margin-top:-140px;height:280px;line-height:60px;}
div#wrap div#welcomeInner strong {font-family:"ArimoBold", sans-serif;}
div#wrap div#welcomeInner h1{font-size:45px;line-height:60px;}
div#wrap div#welcomeInner p{font-size:22px;line-height:34px;}
div#wrap div#welcome img#welcomeCharacterTop {position:absolute;top:200px;right:5px;height:200px;}
div#wrap div#welcome img#welcomeCharacterBottom {position:absolute;bottom:0px;left:5px;height:200px;}
div#wrap div#welcome div#welcomeMovie {width:64%;margin:auto;position:relative;top:330px;clear:both;}
div#wrap div#cta {font-family:"Arimo", sans-serif;background:#eec431;position:relative;border-radius:3px;text-align:justify;width:900px;padding:45px 60px;font-size:30px;height:100px;margin:70px auto 62px;font-weight:bold;line-height:50px;}
div#wrap div#cta div#ctaLeft,div#wrap div#cta div#ctaRight {width:36%;float:left;padding-left:8%;padding-right:4%;text-align:right;}
div#wrap div#cta div#ctaLeft {line-height:7px;text-align:justify;width:32%;padding-left:12%;}
div#wrap div#cta div#ctaLeft h3{margin:9px auto 10px;font-size:17px;text-align:center;line-height:12px;}
div#wrap div#cta div#ctaLeft p {font-size:14px;line-height:21px;font-weight:normal;margin-top:2px;}
div#wrap div#cta div#ctaRight{padding-left:62px;padding-right:10px;text-align:left;border-left:1px solid black;}
div#wrap div#cta div#ctaOverlay, div#wrap div#cta div#ctaOverlayButton {position:absolute;top:0px;left:0px;width:100%;height:190px;cursor:pointer;}
div#wrap div#cta div#ctaOverlay {background:#f6cc81;opacity:0.78;display:none;}
div#wrap div#cta div#ctaOverlayButton {display:none;}
div#wrap div#cta div#ctaOverlay.display,div#wrap div#cta div#ctaOverlayButton.display {display:block;}
div#wrap div#cta div#ctaOverlayButton input {position:absolute;left:50%;margin-left:-94px;width:241px;height:83px;cursor:pointer;top:69px;font-size:19px;background:url('../images/button.png') center no-repeat;background-color:none;border:0px solid black;}
div#wrap div#templates {text-align:center;margin-top:65px;}
div#wrap div#templates img{width:200px;margin:20px 30px 30px;box-shadow:0px 0px 30px #8a8a8a;}
div#wrap div#services {max-width:900px;height:475px;clear:both;margin:auto;}
div#wrap div#content.x-large div#services{max-width:1250px;height:350px;}
div#wrap div#services div.service {width:412px;height:150px;float:left;line-height:28px;background:whitesmoke;box-shadow:0px 0px 25px whitesmoke}
div#wrap div#services div.service img {display:block;float:left;margin:10px 30px;}
div#wrap div#services div.service div{padding:15px 20px 5px;}
div#wrap div#highlights {clear:both;}
div#wrap div#highlights h1 {padding-top:40px;padding-bottom:15px;}
div#wrap div#highlights div.getStarted {background:#ff7243;height:auto;padding-bottom:24px;line-height:90px;text-align:center;color:white;}
div#wrap div#features div.features {width:100%;clear:both;padding-top:10px;}
div#wrap div#features h2,div#wrap div#features h1{margin-top:5px}
div#wrap div#features div.feature{width:140px;text-align:center;float:left;margin:25px 10px 20px;}
div#wrap div#features div.featureImage{height:46px;line-height:40px;}
div#wrap div.featureContainer {margin:10px 20px 12px;}]
div#features {float:none!important;}
div#features h2 {margin-bottom:10px;clear:both;}
div#features div.feature {position:relative;float:left;width:121px;height:100px;text-align:center;}
div#features div.feature div.featureSynopsis {border-radius:5px;border:1px solid #f1f1f1;position:absolute;left:-22px;margin-top:10px;background:#fafafa;width:160px;line-height:27px;display:none;z-index:999;padding:12px 15px;}
div#features h3{clear:both;font-weight:bold;}
div#wrap div.optionContainer {width:310px;text-align:center;margin-left:10px;float:left;padding-bottom:50px;}
div#wrap div.option {width:310px;border-radius:3px;overflow:hidden;}
div#wrap div.option div.header{height:27px;background:black;color:white;padding:10px;text-align:center;font-size:25px;line-height:30px;font-weight:bold;}
div#wrap div.option div.line {background:#eee;padding:8px 9px;line-height:35px;text-align:center;}
div#wrap div.option div.line.blank {background:none;}
div#wrap div.option div.footer{padding:11px 22px;text-align:center;background:#565656;color:white;font-weight:bold;font-size:20px;}
div#wrap div.optionContainer div.button {margin-top:25px;text-align:center;clear:both;width:250px;height:100px;}
div#wrap div.optionContainer div.button img {width:225px;margin:auto;}
div#wrap div#plans {clear:both;width:95%;margin:auto;}
div#wrap div#plans ul li.alternate{background:#e9e9e9;}
div#plans ul li.alternate{background:#e9e9e9;}
div#pricingTable {padding: 10px 0;color:#000;}
div#pricingTable li {list-style-type:none;line-height:32px;text-align:center;padding-left:12px;}
div#pricingTable li.header{background:#ccc;}
div#pricingTable ul {float:left;width:194px;}
div#pricingTable ul.text-left li{text-align:left!important;}
div#pricingTable .pricing-table-item {padding: 0;}
div#pricingTable .pricing-table-item.mt-md {margin-top: 65px;}
div#pricingTable .pt-features {padding: 0;}
div#pricingTable .pricing-table-item:first-child {font-weight: 700;}
div#wrap div#pricingTable ul,div#pricingTable ul li{margin:0;}