/*-- Common Elements --*/
a, a:visited { color: #4b4b4b; text-decoration: none; }
a:hover { color: #4abedf; text-decoration: none; }
.center { margin: 0px auto; text-align: center !important; }
.left {float: left;}
.left-align{text-align: left !important;}
.right {float: right;}
.uppercase {text-transform: uppercase !important;}
.text {margin: 200px 0 0 0;}
select.text {margin-top: 0px;}
img.responsive {height: auto; width: 100%;}
form {margin-bottom: 0px !important;}

/*-- Landing General --*/
.landing {padding: 30px 0 20px 0;R}
/*.logo a img {height: 16px;} background-attachment: fixed; background-size: cover;*/
.bg_header {background: url('/_landing/images/landing_banner.png') 50% 0 no-repeat #020508; color: #fff; font-family: 'Open Sans', sans-serif; font-size: 22px; font-weight: 400; height: 570px; line-height: 25px; padding: 40px 0 0px 0; text-align: left; }
.bg_header_xamarin {background: url('/images/xamarin-lp.jpg') 50% 0 no-repeat #020508;}
.bg_header_dynamics {background: url('/Portals/0/images/dynamics-ecommerce-bg.png') 50% 0 no-repeat #020508;}
.bg_header_dynamics_crm {background: url('/Portals/0/images/dynamics-ecommerce-bg.png') 50% 0 no-repeat #020508;}
/*.bg_header_epicor {background: url('/_landing/images/rc-banner-13.jpg') 50% 0 no-repeat #020508;}*/
.bg_header_medical {background: url('/images/medical-banner.jpg') 50% 0 no-repeat #020508;}
.bg_header_integration {background: url('/Portals/0/images/integration-ecommerce-bg.png') 50% 50% no-repeat #020508;}
.bg_header_international {background: url('/Portals/0/images/international-ecommerce-bg.jpg') 50% 50% no-repeat #020508;}
.bg_header_net {background: url('/Portals/0/images/net-ecommerce-bg3.png') 50% 0 no-repeat #020508;}
.home { background: url('/Portals/0/images/home-banner-bg.png') 0 0 repeat #081219; color: #fff; font-family: 'Open Sans', sans-serif; font-size: 22px; font-weight: 400; line-height: 25px; padding: 75px 0 100px 0; text-align: center; }
.home_content { float: left; margin: 0; text-align: center; }
p.home_content { margin: 0; text-align: justify; width: 100%; }
p.white { color: #fff; line-height: 21px; text-align: center; }
p.landing { padding: 0 5px 0 5px; text-align: justify; }
h1.white { color: #fff; font-size: 40px; text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.9); }
h1.gray-font { color: #4b4b4b; font-size: 40px; margin: 0; text-align: center; }
h2.home_subhead { margin: 0 0 10px 0 !important; padding: 0 !important; }
.gray-font {color: #4b4b4b;}
h2 { font-size: 25px; font-weight: 400; margin: 0px 0px 10px 0px; }
h3.landing { margin: 0px; padding: 10px 0 10px 0; }
h5.home_subhead { margin: 0 !important; padding: 0 !important; }
h6.home_feature { margin: 0 !important; padding: 0 !important; }
.feature_cta {padding: 35px 0 0 0;}
.overview_heading { color: #fff; font-family: 'Open Sans', sans-serif; font-size: 45px; font-weight: 300; line-height: 100px; text-align: center; }
.icon-text {background: none !important; height: 100%; margin: 0px auto; width: 100%; }
a.blueform-button { background: none repeat scroll 0 0 #4ac0e1; border-radius: 2px; border: 1px solid #4ac0e1; box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.06) inset; color: #FFFFFF; display: block; font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: 700; letter-spacing: 1px; margin: 0 auto; padding: 13px 0px 12px 0px; text-align: center; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); text-transform: uppercase; transition-duration: 0.2s; transition-property: background; width: 100%; word-spacing: 2px; }
	a.blueform-button:hover { background: none repeat scroll 0 0 #42adc6; border: 1px solid #42adc6; color: #FFFFFF; text-decoration: none; }
	a.blueform-button:active { box-shadow: 0 2px 0 rgba(0, 0, 0, 0.06) inset; text-decoration: none; }
a.blue-button { background: none repeat scroll 0 0 #4ac0e1; border-radius: 2px; border: 1px solid #4ac0e1; box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.06) inset; color: #FFFFFF; display: block; font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: 700; letter-spacing: 1px; margin: 0 auto; padding: 13px 0px 12px 0px; text-align: center; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); text-transform: uppercase; transition-duration: 0.2s; transition-property: background; width: 300px; word-spacing: 2px; }
	a.blue-button:hover { background: none repeat scroll 0 0 #42adc6; border: 1px solid #42adc6; color: #FFFFFF; text-decoration: none; }
	a.blue-button:active { box-shadow: 0 2px 0 rgba(0, 0, 0, 0.06) inset; text-decoration: none; }
a.red-button { background: none repeat scroll 0 0 #ec6348; border-radius: 2px; border: 1px solid #ec6348; box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.06) inset; color: #FFFFFF; display: block; font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: 700; letter-spacing: 1px; margin: 0 auto; padding: 13px 0px 12px 0px; text-align: center; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); text-transform: uppercase; transition-duration: 0.2s; transition-property: background; width: 300px; word-spacing: 2px; }
	a.red-button:hover { background: none repeat scroll 0 0 #cf3111; border: 1px solid #cf3111; color: #FFFFFF; text-decoration: none; }
	a.red-button:active { box-shadow: 0 2px 0 rgba(0, 0, 0, 0.06) inset; text-decoration: none; }
.form { background: #f5f5f5; color: #4b4b4b; margin: 0 auto; overflow: hidden; padding: 30px 30px 0px 30px; position: relative; text-align: center; width: 58%; }
	.form:before { background: transparent !important; border-color: #d3d3d3 #d3d3d3 #8d9295 #8d9295; border-style: solid; border-width: 0 20px 20px 0; content: ""; display: block; /* Firefox 3.0 damage limitation */ position: absolute; right: 0; top: 0; width: 0; }
	.form.rounded { -moz-border-radius: 5px 0 5px 5px; border-radius: 5px 0 5px 5px; }
	    .form.rounded:before { -moz-border-radius: 0 0 0 1px; border-color: #fff #fff transparent transparent; border-radius: 0 0 0 1px; border-width: 8px; }
input.clarity, textarea.clarity { -moz-border-radius: 1px; -ms-border-radius: 1px; -o-border-radius: 1px; -webkit-border-radius: 1px; background: #fff; border-radius: 1px; border: 1px solid #ddd; color: #081219; font-family: 'Open Sans', sans-serif; font-size: 20px; font-weight: 300; padding: 5px 7px; text-align: left; width: 95%; }
input.clarity{max-height: 27px !important;}
textarea.clarity {max-height: 60px !important;}
input.small { float: left; padding-right: 5%; width: 90%; }
textarea {margin-bottom: 0px;}
.form p {font-size: 11px;}
.smallwrapper { float: left; width: 45%; }
label.clarity { color: #9c9c9c; font-family: 'Open Sans', sans-serif; font-size: 13px; font-weight: 600; text-align: left; text-transform: uppercase; }
span.req {color: #4abedf;}
.features a { color: #4B4B4B; text-align: center; text-decoration: none; }
.features a:hover {color: #49BEDF;}
span.sprite { clear: both; display: block; float: none; height: 124px; margin: 0px auto; width: 194px; }
span.design { background-position: 0px 0px; background: transparent url(/Portals/0/images/createicon.png) no-repeat; }
/*.features a:hover span.design{ background-position:-2543px -29px; }*/
span.development { background-position: 0px 0px; background: transparent url(/Portals/0/images/developicon.png) no-repeat; }
/*.features a:hover span.development { background-position:-3066px -29px; }*/
span.integrations-connect { background-position: 0px 0px; background: transparent url(/Portals/0/images/connecticon.png) no-repeat; }
/*.features a:hover span.integrations-connect { background-position:-2559px -335px; }*/
span.eCommerce { background-position: 0px 0px; background: transparent url(/Portals/0/images/ecommerceicon.png) no-repeat; }
/*.features a:hover span.eCommerce { background-position:-3583px -29px; }*/
form.form-wrapper {margin-bottom: 5px !important;}

/*-- Header Call to Action Bullets --*/
.header-bullets {margin-left: 10%;}
.header-bullets ul { float: left; list-style: none outside; margin: 1em; width: 100%; }
.header-bullets ul li { background: url(/Portals/0/images/checkmark-blue.png) no-repeat left 18px; font-size: 16px; line-height: 38px; margin-bottom: 0px; padding: 15px 0 0 3.0em; }

/*-- Header Call To Action Buttons --*/
.header-calls-to-action {margin: 0 auto;}
.header-call-to-action { margin: 0px auto !important;}
.header-call-to-action a { background: -moz-linear-gradient(45deg, rgba(0,0,0,0.22) 0%, rgba(0,0,0,0.20) 100%); /* FF3.6+ */ background: -ms-linear-gradient(45deg, rgba(0,0,0,0.22) 0%,rgba(0,0,0,0.20) 100%); /* IE10+ */ background: -o-linear-gradient(45deg, rgba(0,0,0,0.22) 0%,rgba(0,0,0,0.20) 100%); /* Opera 11.10+ */ background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(0,0,0,0.22)), color-stop(100%,rgba(0,0,0,0.20))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(45deg, rgba(0,0,0,0.22) 0%,rgba(0,0,0,0.20) 100%); /* Chrome10+,Safari5.1+ */ background: linear-gradient(45deg, rgba(0,0,0,0.22) 0%,rgba(0,0,0,0.20) 100%); /* W3C */ color: #fff; display: block; filter: alpha(opacity=40); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#9c000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ font-size: 12px; height: 57px; padding-top: 8px; text-align: center; width: 99%; }
.header-call-to-action a:hover { background: -moz-linear-gradient(top, rgba(0,0,0,0.45) 0%, rgba(0,0,0,0.55) 100%); /* FF3.6+ */ background: -ms-linear-gradient(top, rgba(0,0,0,0.45) 0%,rgba(0,0,0,0.55) 100%); /* IE10+ */ background: -o-linear-gradient(top, rgba(0,0,0,0.45) 0%,rgba(0,0,0,0.55) 100%); /* Opera 11.10+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.45)), color-stop(100%,rgba(0,0,0,0.55))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(0,0,0,0.45) 0%,rgba(0,0,0,0.55) 100%); /* Chrome10+,Safari5.1+ */ background: linear-gradient(to bottom, rgba(0,0,0,0.45) 0%,rgba(0,0,0,0.55) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#d9000000',GradientType=0 ); /* IE6-9 */ }
.header-call-to-action a .heading { color: #fff; font-size: 14px; font-weight: 900; letter-spacing: 2px; text-align: center; }
.icon { background-position: 0px 0px; background-repeat: no-repeat; display: inline-block; height: 20px; line-height: 20px; margin-left: 12px; margin-top: -3px; vertical-align: text-top; width: 27px; }
.icon-greetings { background-image: url("/Portals/0/images/icon-greetings.png"); width: 36px; }
.icon-tour { background-image: url("/Portals/0/images/icon-tour.png"); width: 31px; }
.icon-resources {background-image: url("/Portals/0/images/icon-resources.png");}
hr.divider { background: #bdc3c7; background: -moz-radial-gradient(#7f8c8e,rgba(126,142,142,0) 50%) !important; background: -webkit-radial-gradient(#7f8c8e,rgba(126,142,142,0) 50%) !important; background: radial-gradient(#7f8c8e,rgba(126,142,142,0) 50%) !important; border: 0; height: 1px; margin: 20px 0; padding: 0; }

/*-- Overview --*/
.overview h4 { color: #555; display: block; font-size: 16px; font-weight: 900; letter-spacing: 2px; margin: 7px 0; text-transform: uppercase; }
.icon-callout { background: none !important; display: block; height: 100%; margin: 0 auto; width: 100%;}
.icon-callout img {max-width: 40%;}
.overview p {font-size: 13px; margin-bottom: 25px;}
.callout p {font-size: 13px;}
/*-- ARCHIVE:img.desaturate { -webkit-filter: grayscale(80%); filter: gray; filter: grayscale(80%); filter: url("data:image/svg+xml; utf8,<svg version='1.1' xmlns='http: //www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 0.8 0' /></filter></svg>#greyscale"); }*/

/*-- Video Overview --*/
.video-section { background-attachment: fixed; background-image: url(/Portals/0/images/dashboard-video-bg.png); background-size: cover; min-height: 697px; }
.video-container { max-height: 540px; margin: 0 auto; padding: 0 20px 60px 0; max-width: 960px; }
.youtube-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } 
.youtube-container iframe, .youtube-container object, .youtube-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.landing-heading-white, .landing-heading-gray { font-family: 'Open Sans', sans-serif; font-size: 31px; font-weight: 300; line-height: 36px; padding: 50px 0px 25px 0px; }
.video-section .landing-heading-gray {padding-bottom: 10px;}
.landing-p-white, .landing-p-gray { font-size: 14px; text-align: justify; }
.landing-heading-white {color: #ffffff !important;}
.landing-heading-gray {color: #000 !important;}
.landing-p-white {color: #ffffff !important;}
.landing-p-gray {color: #4b4b4b !important;}

/*-- Partnership Callout --*/
.partnership-callout { background-attachment: fixed; background-image: url("/images/partners-bg3.png"); background-size: cover; min-height: 250px; }
    .partnership-callout .call-to-action {margin-top: 100px;}
.partner-logos { display: block; padding: 45px 0; }
.partner-logos img { max-width: 12%; margin: 8px; background: -moz-linear-gradient(45deg, rgba(0,0,0,0.22) 0%, rgba(0,0,0,0.20) 100%); background: -ms-linear-gradient(45deg, rgba(0,0,0,0.22) 0%,rgba(0,0,0,0.20) 100%); background: -o-linear-gradient(45deg, rgba(0,0,0,0.22) 0%,rgba(0,0,0,0.20) 100%); background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(0,0,0,0.22)), color-stop(100%,rgba(0,0,0,0.20))); background: -webkit-linear-gradient(45deg, rgba(0,0,0,0.22) 0%,rgba(0,0,0,0.20) 100%); background: linear-gradient(45deg, rgba(0,0,0,0.22) 0%,rgba(0,0,0,0.20) 100%); border: solid 1px #333; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#9c000000',GradientType=1 ); margin: 8px;} 
.partner-logos-2 img { max-width: 20%; height: 67px; margin: 8px; width: auto;} 
/*-- ARCHIVE:*/

/*-- Testimonials --*/
.testimonials-callout { background: #fff; padding: 5% 0; min-height: 120px; }
.testimonial {background: url("/Portals/0/images/quotationmark.png") no-repeat; padding-left: 5%}
.testimonial-quote {color: #333;}
.testimonial-name {font-size: 17px; font-weight: 800; text-transform: uppercase;}
.testimonial-company {font-size: 13px; font-style: italic;}

/*-- Responsive --*/
@media screen and (max-width: 1169px) { 
.form {width: 88%;}
.form h2 {font-size: 20px;}
.form p{font-size: 10px;}
}