/*  -----------------------

	 © 2014 - Genuitec LLC

	 -----------------------
	 */

	/*  ---------------------

	 Basic Style

	 ---------------------
	 */

	@import url('../css/product_reset.css') screen;

	/* God bless border-box! */
	*, *:before, *:after {
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	html {
		font-size: 62.5%;
		-webkit-font-smoothing: antialiased;
	}

	body {
		font-family: "Lato", sans-serif;
		font-size: 1.4rem;
		line-height: 2.5rem;
		color: #3f4a59;
		background: white;
	}

	a {
		text-decoration: none;
		color: #02588e;
		-webkit-transition: all 0.1s ease-in-out;
		-moz-transition: background-color 0.1s ease-in-out;
		transition: background-color 0.1s ease-in-out;
	}

	a.external {
		background-image: url('../images/sdc/external.gif');
		background-repeat: no-repeat;
		background-position: 0% 40%;
		padding-left: 20px;
	}

	strong, b {
		font-weight: 700;
	}

	.clear {
		clear: both;
	}

	h1, h2, h3, h4 {
		font-weight: 900;
	}

	h1 {
		font-size: 3.6rem;
	}

	h2 {
		font-size: 3.2rem;
		line-height: 4rem;
	}

	h3 {
		font-size: 2.4rem;
	}

	h4 {
		font-size: 1.5rem;
	}

	p {
		padding: 15px 0;
	}

	.tutorials h1, .content_info h1  {
		font-size: 2.4rem;
		padding-top: 20px;
		font-weight: 900 !important;
	}

	.tutorials h2, .content_info  h2{
		font-size: 2rem;
		line-height: 1.5rem;
		padding-top: 30px;

	}

	.tutorials h3, .content_info h3 {
		font-size: 1.6rem;
		padding-top: 30px;
	}

	.tutorials img, .content_info img {
		/* margin: 15px 0; */
	}

	.tutorials pre, .content_info pre {
		font-family: monospace;
		padding: 10px 20px;
		background: #E7E7E7;
		color: #2B2A29;
		border-radius: 5px;
		font-size: 1.5rem;
	}

	.SDC #contentPost pre {
		font-size: 1.4rem;
	}

	.tutorials .caption-image, .content_info .caption-image {
		color: #444;
		font-style: italic;
		padding: 0 0;
	}

	.tutorials .screenshot, .content_info .screenshot {
		padding: 0;
		margin: 0;
	}

	.tutorials .screenshot img, .content_info .screenshot img {
		margin: 15px 0 0 0;
	}

	.tutorials .caption, .content_info .caption {
		font-style: italic;
		padding-bottom: 20px;
		padding-top: 0px;
		margin: 0;
		display: block;
		color: #777;
	}

	.tutorials li img, .content_info li img {
		margin: 0;
	}


	.tutorials #contentPost ul li, #doc_content ul li {
		margin-left: 40px;
	}

	em, i {
		font-style: italic;
	}

	.content {
		max-width: 990px;
		width: 100%;
		margin: auto;
		position: relative;
	}

	.no-text {
		text-indent: -9999px;
	}

	.smallText {
		font-size: 1.2rem;
		font-weight: 300;
		font-style: italic;
		line-height: 1.8rem;
	}

	.smallText a {
		border-bottom: 1px solid #02588e;
	}

	/*  ---------------------

	 Genuitec UI Style

	 ---------------------
	 */

	/* Lists style */

	ol {
		counter-reset: number;
		list-style-type: none;
	}

	ol li {
		padding-left: 35px;
		margin: 15px 0;
	}

	ol li:before {
		counter-increment: number;
		content: counters(number, ".") " ";
		background: #017fcf;
		border-radius: 100%;
		color: #fff;
		font-size: 1.2rem;
		width: 25px;
		line-height: 0.9rem;
		position: absolute;
		padding: 8px 0;
		text-align: center;
		margin-left: -35px;
	}

	/* Buttons style */

	/* Outline Buttons */

	.buttonOutline {
		padding: 14px 20px 18px 20px;
		border: 1px solid #017fcf;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		text-transform: uppercase;
		-webkit-transition: all 0.1s ease-in-out;
		-moz-transition: background-color 0.1s ease-in-out;
		transition: background-color 0.1s ease-in-out;
	}

	.buttonOutline:hover {
		background: #017fcf;
		color: #fff;
	}

	/* Fill Buttons */

	.buttonFill, a.buttonFill {
		padding: 14px 20px 16px 20px;
		background-color: #017fcf;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		color: #fff;
		-webkit-transition: all 0.1s ease-in-out;
		-moz-transition: background-color 0.1s ease-in-out;
		transition: background-color 0.1s ease-in-out;
		text-transform: uppercase;
		width: 100%;
		display: inline-block;
		text-align: center;
	}

	.buttonFill:hover {
		background-color: #37c47f;
	}

	/* Navigation Menu */

	.menuContainer {
		text-align: center;
		margin-bottom: 50px;
	}

	.menuNav {
		border: 1px solid #017fcf;
		border-radius: 6px;
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		text-transform: uppercase;
		font-weight: bold;
		font-size: 1.2rem;
		letter-spacing: 0.6px;
		display: inline-block;
	}

	.menuNav li {
		display: inline-block;
	}

	.menuNav li a {
		padding: 5px 25px;
		display: block;
		box-shadow: inset 0 0 0 1px #fff, inset -2px 0 0 #017fcf;
		color: #333333;
	}

	.menuNav li:first-child a {
		border-radius: 6px 0 0 6px;
		-webkit-border-radius: 6px 0 0 6px;
		-moz-border-radius: 6px 0 0 6px;
	}

	.menuNav li:last-child a {
		border-radius: 0 6px 6px 0;
		-webkit-border-radius: 0 6px 6px 0;
		-moz-border-radius: 0 6px 6px 0;
		box-shadow: inset 0 0 0 1px #fff;
	}

	.menuNav li:not(:first-of-type) {
		margin-left: -4px;
	}

	.menuNav li:last-child {
		box-shadow: none;
	}

	.menuNav a.actual {
		background: #017fcf;
		color: #fff;
	}

	.menuNav a:hover {
		background: #017fcf;
		color: #fff;
	}
	.mobile_menu {
		position: absolute;
		top: 21px;
		left: 12px;
		display: none;
	}

	.control_mobile {
		left: -186px;
		position: fixed;
		top: 0;
		height: 100%;
		z-index: 999999;
		width: 185px;
		overflow-x: none;
		overflow-y: auto;
		background: #fff;
		border-right: 1px solid #eaeaea;
		font-size: 1.4rem;
		text-transform: uppercase;
		display: none;
	}

	.control_mobile a {
		display: block;
		border-bottom: 1px solid #eaeaea;
		padding: 10px 15px;
	}

	.control_mobile .product {
		background: #fbfbfb;
		border-bottom: 1px solid #eaeaea;
		padding: 10px 0;
		color: #02588e;
		text-align: center;
	}

	.is_open {
		position: absolute;
		overflow-x: hidden;
	}

	/* Animations */

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

	@-moz-keyframes flying {
	0%, 100% {
	-moz-transform: translateY(0);
	}
	50% {
	-moz-transform: translateY(-10px);
	}
	}

	@keyframes flying {
	0%, 100% {
	transform: translateY(0);
	}
	50% {
	transform: translateY(-10px);
	}
	}

	@-webkit-keyframes
	gears {from {
		-webkit-transform: rotate(360deg)
	}
	to {
		-webkit-transform: rotate(360deg);
	}
	}

	@-moz-keyframes
	gears {from {
		-webkit-transform: rotate(360deg)
		-moz-transform: rotate(360deg)
		transform: rotate(360deg)
	}

	to {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		transform: rotate(360deg);
	}
	}

	@keyframes
	gears {from {
		-webkit-transform: rotate(360deg)
		-moz-transform: rotate(360deg)
		transform: rotate(360deg)
	}

	to {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		transform: rotate(360deg);
	}
	}

	@-moz-keyframes --- {
	0% {
	-moz-transform: translateY(0);
	}
	50% {
	-moz-transform: translateY(-10px);
	}

	100% {
	-moz-transform: translateY(360);
	}
	}

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

	@-webkit-keyframes
	gearsReverse {from {
		-webkit-transform: rotate(-360deg);
		-moz-transform: rotate(-360deg);
		transform: rotate(-360deg);
	}

	to {
		-webkit-transform: rotate(-360deg);
		-moz-transform: rotate(-360deg);
		transform: rotate(-360deg);
	}
	}



	@-moz-keyframes
	gearsReverse {from {
		-webkit-transform: rotate(-360deg);
		-moz-transform: rotate(-360deg);
		transform: rotate(-360deg);
	}

	to {
		-webkit-transform: rotate(-360deg);
		-moz-transform: rotate(-360deg);
		transform: rotate(-360deg);
	}
	}
	@-webkit-keyframes pop {
	0% {
	-webkit-transform: scale(1.5);
	opacity: 0;
	}

	20% {
	-webkit-transform: scale(1);
	opacity: 1;
	}

	70% {
	-webkit-transform: translateY(0);
	}

	80% {
	-webkit-transform: translateY(62px);
	}

	100% {
	-webkit-transform: translateY(62px);
	}
	}

	@-webkit-keyframes movehands {
	0% {
	background-position: 15px 20px;
	}

	10% {
	background-position: 15px 20px;
	}

	70% {
	background-position: 15px 20px;
	}

	80% {
	background-position: 15px 80px;
	}

	80% {
	background-position: 15px 80px;
	}
	}

	/*  -----------------------

	 General SDC Structure

	 -----------------------
	 */

	/* Header
	 */

	#principal {
		width: 100%;
		position: fixed;
		z-index: 900;
		top: 0;
	}
	#principal > .wrap {
		background: #fff;
		height: 85px;
		width: 100%;
		max-width: 990px;
		margin: auto;
		z-index: 10;
		box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.05);
		position: relative;
		overflow: hidden;
	}

	.logo {
		float: left;
		padding: 20px;
	}

	.logo a {
		display: inline-block;
		background: url('../images/sdc/logo.png') no-repeat;
		height: 45px;
		width: 240px;
	}

	#principal.small {
		height: 55px;
		-webkit-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
	}

	#principal.small .logo {
		padding: 10px 20px;
	}

	#principal.small .logo a {
		height: 35px;
		background-size: 75%;
	}

	#principal .buyNow {
		float: right;
	}

	#principal .buyNow a {
		background: #26cd6b;
		color: #fff;
		font-weight: 900;
		width: 100px;
		display: block;
		padding: 0px !important;
		text-align: center;
	}

	#principal .buyNow a:hover {
		background: #36d377;
	}

	#principal ul {
		float: right;
	}

	#principal li {
		display: inline-block;
	}

	#principal li a {
		padding: 35px 20px;
		line-height: 8.6rem;
		text-transform: uppercase;
		font-size: 1.2rem;
	}

	#principal li.searchNav a {
		padding-right: 35px;
		background: url('../images/sdc/searchIcon.png') 88% 49% no-repeat;
	}
	#principal li.searchNav form {
		padding: 0 20px;
	}

	#principal li.searchNav button > span {
		display: block;
		background: url('../images/sdc/searchIcon.png') no-repeat;
		width: 16px;
		height: 14px;
		cursor: pointer;
	}

	#principal .searchbar input {
		background: white;
		border: none;
		outline: none;
		color: #02588e;
		font-family: inherit;
		text-transform: uppercase;
		width: 52%;
		position: absolute;
		right: 100px;
		z-index: 2;
		padding: 30px;
		top: -2px;
		border-left: 1px solid rgba(0,0,0,0.1);
		background: #fff;
		font-weight: bold;
		font-size: 2.1rem;
	}

	.searchButton {
		position: absolute;
		right: -2px;
		padding: 0 50px;
		line-height: 8.5rem;
		text-transform: uppercase;
		font-size: 1.2rem;
		background: #1581cb url('../images/sdc/searchIconBig.png') 32px no-repeat;
		top: -2px;
		color: #fff;
		text-indent: -9999px;
		border: none;
		cursor: pointer;
	}

	.searchButton:hover {
		background: #2b92d8 url('../images/sdc/searchIconBig.png') -49px no-repeat;
	}

	.searchbar {
		right: -100%;
		position: relative;
	}

	/* Sections */

	/* Elevator Pitch
	 */

	.SDC #elevatorPitch {
		height: 720px;
		background: url('../images/sdc/shadow.jpg') right bottom no-repeat #f9f9f9;
	}

	.boxTop {
		width: 355px;
		top: 185px;
		position: relative;
		float: right;
	}

	.titleTop {
		width: 355px;
		height: 175px;
		background: url('../images/sdc/heroTop.svg') -6px 0 no-repeat;
	}

	.textBox {
		text-align: right;
		font-size: 1.6rem;
		margin-top: 30px;
	}

	.bobCloud {
		height: 238px;
		width: 280px;
		background: url('../images/sdc/bobonCloud.png') no-repeat;
		position: absolute;
		top: 120px;
		left: 25%;
		-webkit-animation: flying 3s infinite ease-in-out;
		-moz-animation: flying 3s infinite ease-in-out;
		animation: flying 3s infinite ease-in-out;
	}
	.machine {
		background: url('../images/sdc/machine.png') no-repeat;
		width: 900px;
		height: 710px;
		position: absolute;
		top: 45px;
		left: -130px;
	}
	/*#quickNav {
	 background: url('../images/sdc/dot.png');
	 height: 40px;
	 }

	 #quickNav .content {
	 background: #fff;
	 box-shadow: 0 1px 0 rgba(0,0,0,0.1);
	 text-transform: uppercase;
	 font-size: 1.2rem;
	 }

	 #quickNav .content li {
	 padding: 7px 10px;
	 display: inline-block;
	 }

	 #quickNav .content li:nth-child(3) {
	 margin-left: 10px;
	 }

	 .logoProduct {
	 border-right: 1px solid #e7e7e7;
	 }

	 #quickNav .content li.questions {
	 padding: 7px 0;
	 float: right;
	 }

	 .questions a {
	 background: #017fcf;
	 color: #fff;
	 padding: 12px 15px;
	 }

	 .questions a:hover {
	 background: #37c47f;
	 }

	 .featureButton {
	 margin-top: 35px;
	 padding: 14px 70px 18px 70px;
	 font-size: 2.5rem;
	 text-transform: lowercase;
	 width: auto;
	 }*/

	.request-demo {
		float: right;
		font-size: 1.1rem;
		padding: 6px 10px;
	}

	.request-demo a {
		padding-left: 25px;
		background: url('../images/sdc/request.png') no-repeat left 50%;
	}

	#quickNav.stay {
		width: 100%;
		top: auto;
		position: absolute;
		background: url('../images/sdc/dot.png');
		height: 40px;
		z-index: 100;
	}

	#quickNav {
		height: 40px;
		width: 100%;
		position: fixed;
		z-index: 900;
		top: 85px;
	}

	.anchor {
		position: absolute;
		top: -125px;
	}

	.SDC #testimonials, .SDC #ture, .SDC #download, .SDC #cloudConnect, #letstalk, #contentPost {
		position: relative;
	}
	#quickNav .content {
		background: #fff;
		box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.05);
		text-transform: uppercase;
		font-size: 1.2rem;
		border-radius: 0 0px 4px 3px;
		max-width: 990px;
	}

	#quickNav .content li {
		padding: 7px 10px;
		display: inline-block;
	}

	#quickNav .content li:nth-child(3) {
		margin-left: 10px;
	}

	.SDC .logoProduct {
		border-right: 1px solid #e7e7e7;
	}

	.SDC .logoProduct a {
		/* text-indent: -9999px; */
		display: inline-block;
		background: url('../images/sdc/miniSdc.png') 3px 50% no-repeat !important;
		padding-left: 30px;
		padding-right: 4px;
	}

	#quickNav .content li.questions {
		padding: 0px 0px 7px 0px;
		float: right;
	}

	.questions a {
		display: block;
		background: #017fcf;
		color: #fff;
		padding: 7px 0px;
		width: 100px;
		text-align: center;
		border-radius: 0 0 3px 0;
	}

	.questions a:hover {
		background: #37c47f;
	}

	.featureButton {
		margin-top: 35px;
		padding: 14px 70px 18px 70px;
		font-size: 2.5rem;
		text-transform: lowercase;
		width: auto;
	}

	/* Feature
	 */

	.SDC #feature {
		min-height: 570px;
		margin-top: 100px;
	}

	.SDC #feature h4 {
		font-weight: normal;
		line-height: 3rem;
	}

	.SDC #feature .content {
		padding: 0 40px;
		margin: 50px auto;
	}

	.boxLeft {
		width: 45%;
		float: left;
		position: relative;
	}

	.boxRight {
		width: 45%;
		float: right;
		position: relative;
	}

	.boxRight .featureOne, .boxRight .featureTwo, .boxLeft .featureOne, .boxLeft .featureTwo {
		padding-left: 115px;
	}

	.boxLeft .featureOne {
		margin-bottom: 50px;
	}

	.gearsImage {
		background: #fbcc39;
		border-radius: 300px;
		-webkit-border-radius: 300px;
		-moz-border-radius: 300px;
		width: 81px;
		height: 81px;
		position: absolute;
		left: 0;
	}

	.gearOne, .gearTwo, .gearThree {
		background: url('../images/sdc/gear.svg') no-repeat;
		width: 33px;
		height: 33px;
		position: absolute;
		left: 39px;
		top: 7px;
		-webkit-animation: gearsReverse 3s linear infinite;
		-moz-animation: gears 3s infinite ease-in-out;
		animation: gears 3s infinite ease-in-out;
	}

	.gearOne {
		-webkit-animation: gears 3s linear infinite;
		-moz-animation: gears 3s infinite ease-in-out;
		animation: gears 3s infinite ease-in-out;
	}

	.gearTwo {
		left: 38px;
		top: 40px;
		-webkit-animation: gears 3s linear infinite;
		-moz-animation: gears 3s infinite ease-in-out;
		animation: gears 3s infinite ease-in-out;
	}

	.gearThree {
		left: 1px;
		top: 18px;
		width: 45px;
		height: 45px;
		background-size: cover;
	}

	.boxRight .featureTwo h4, .boxRight .featureTwo p {
		position: relative;
		z-index: 4;
	}

	.handsContent {
		background: #ed5551;
		border-radius: 300px;
		-webkit-border-radius: 300px;
		-moz-border-radius: 300px;
		width: 81px;
		height: 81px;
		position: absolute;
		left: 0;
	}

	.maskHands {
		width: 81px;
		height: 81px;
		position: absolute;
		box-shadow: 0 0 0 42px #fff;
		border-radius: 300px;
		z-index: 3;
	}

	.hands {
		background: url('../images/sdc/hands.svg') 15px 20px no-repeat;
		width: 81px;
		height: 81px;
		border-radius: 300px;
		-webkit-border-radius: 300px;
		-moz-border-radius: 300px;
		-webkit-animation: movehands 5s ease-in-out infinite;
	}

	.pluginOne {
		background: url('../images/sdc/plugin1.svg') no-repeat;
		background-size: cover;
		height: 18px;
		position: absolute;
		top: 22px;
		left: 22px;
		width: 18px;
		-webkit-animation: pop 5s ease-in-out infinite;
	}

	.pluginTwo {
		background: url('../images/sdc/plugin2.svg') no-repeat;
		background-size: cover;
		width: 22px;
		height: 22px;
		position: absolute;
		top: 17px;
		left: 38px;
		-webkit-animation: pop 5s ease-in-out infinite;
	}

	.pluginThree {
		background: url('../images/sdc/plugin3.svg') no-repeat;
		background-size: cover;
		width: 28px;
		height: 28px;
		position: absolute;
		top: 32px;
		left: 38px;
		z-index: 2;
		-webkit-animation: pop 5s ease-in-out infinite;
	}

	.pluginFour {
		background: url('../images/sdc/plugin4.svg') no-repeat;
		background-size: cover;
		width: 25px;
		height: 25px;
		position: absolute;
		top: 35px;
		left: 21px;
		z-index: 1;
		-webkit-animation: pop 5s ease-in-out infinite;
	}

	.syncIconContent {
		background: #f6921e;
		border-radius: 300px;
		-webkit-border-radius: 300px;
		-moz-border-radius: 300px;
		width: 81px;
		height: 81px;
		position: absolute;
		left: 0;
	}

	.syncIcon {
		background: url('../images/sdc/loading.svg') 57% 50% no-repeat;
		background-size: 55px;
		width: 81px;
		height: 81px;
		-webkit-animation: gearsReverse 3s linear infinite;
	}

	.arrowContent {
		background: #017fcf;
		border-radius: 300px;
		-webkit-border-radius: 300px;
		-moz-border-radius: 300px;
		width: 81px;
		height: 81px;
		position: absolute;
		left: 0;
		padding: 4px;
	}

	.arrowIcon {
		background: url('../images/sdc/arrow.svg') 22px 7px no-repeat;
		background-size: 45px;
		width: 73px;
		height: 73px;
		border-radius: 300px;
		-webkit-border-radius: 300px;
		-moz-border-radius: 300px;
		border: 3px solid #fff;
	}

	.featureOne {
		margin-bottom: 25px;
	}

	.paperPlane {
		background: url('../images/sdc/paperPlane.png') no-repeat;
	}

	.gettingDone {
		background: url('../images/sdc/gtd.png') no-repeat;
	}

	.chart {
		background: url('../images/sdc/chart.png') no-repeat;
	}

	.locked {
		background: url('../images/sdc/lock.png') no-repeat;
	}

	.viewAllFeatures a {
		background: #f7f7f7;
/*		border-top: 1px solid #e5e5e5;*/
		padding: 50px 20px;
		text-align: center;
		display: inline-block;
		font-size: 2.7rem;
		font-weight: 300;
		line-height: 3.4rem;
		color: #017fcf;
		width: 100%;
/*		margin-top: 25px;*/
		-webkit-transition: all 0.1s ease-in-out;
		-moz-transition: background-color 0.1s ease-in-out;
		transition: background-color 0.1s ease-in-out;
	}

.viewAllFeatures {
	width: 70%;
 	margin:auto;
}

	#features_link, license_levels_link {
		display: table-cell;
		width:50%;
	}		

.viewAllFeaturesContainer{
		background: #f7f7f7;
		border-top: 1px solid #e5e5e5;
	}

	.viewAllFeatures a:hover {
		background: #f1f1f1;
	}

	/* Testimonials
	 */

	.SDC #testimonialsQuotes {
		background: url('../images/sdc/dotPattern.png') #ed5551;
		width: 100%;
		height: auto;
		padding-bottom: 70px;
	}

	.SDC #testimonials .content {
		padding: 75px 0;
	}

	.theQuote {
		font-size: 3.2rem;
		line-height: 4.2rem;
		font-weight: 300;
		font-style: italic;
		color: #fff;
		width: 75%;
		margin: 20px auto;
		position: relative;
	}

	.theQuote:before {
		content: '';
		position: absolute;
		background: url('../images/sdc/quotes.png') top no-repeat;
		height: 35px;
		width: 56px;
		left: -65px;
	}

	.theQuote:after {
		content: '';
		position: absolute;
		background: url('../images/sdc/quotes.png') bottom no-repeat;
		height: 35px;
		width: 56px;
		right: -65px;
	}

	.quoteBox {
		background: url('../images/sdc/quoteBox.gif') right;
		width: 75%;
		margin: 10px auto;
		height: 24px;
		position: relative;
	}

	.quoteBox:after {
		content: '';
		height: 11px;
		width: 1px;
		border-right: 1px solid #fff;
		position: absolute;
		right: -1px;
		top: -10px;
	}

	.quoteBox:before {
		content: '';
		height: 11px;
		width: 1px;
		border-right: 1px solid #fff;
		position: absolute;
		left: -1px;
		top: -10px;
	}

	.reference {
		width: 65%;
		margin: auto;
	}

	.authorQuote {
		color: #fff;
		font-weight: 900;
		font-size: 1.2rem;
		text-align: right;
		line-height: 72px;
		float: right;
		margin-right: 10px;
	}

	.authorQuote img {
		vertical-align: middle;
		margin-left: 5px;
	}

	.authorQuoteAvatar {
		float: right;
		width: 72px;
		height: 72px;
		box-shadow: 0 0 0 3px rgba(0,0,0,0.2);
	}

	.authorQuoteAvatar, .authorQuoteAvatar img {
		border-radius: 100px;
		-webkit-border-radius: 100px;
		-moz-border-radius: 100px;
	}

	.caseStoryWrap {
		width: 95%;
		text-align: center;
		margin: -15px auto 20px auto;
	}

	.caseStoryLink {
		background: url('../images/sdc/chartIcon.png') 15px 15px no-repeat #fff;
		color: #ee5d59;
		text-transform: uppercase;
		padding: 15px 20px 15px 53px;
		border: 1px solid #ee5d59;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		box-shadow: 1px 1px 1px rgba(0,0,0,0.1);
		-webkit-transition: all 0.1s ease-in-out;
		-moz-transition: all 0.1s ease-in-out;
		transition: all 0.1s ease-in-out;
		position: relative;
	}

	.caseStoryLink:hover {
		background-color: #fceeee;
	}

	.caseStoryLink:active {
		top: 2px;
		box-shadow: -1px -1px 1px rgba(0,0,0,0.1);
	}

	.SDC #featureClients .content {
		text-align: center;
		line-height: 52px;
	}

	.SDC #featureClients li {
		display: inline-block;
		margin: 0 20px;
	}

	.SDC #featureClients .part1 span {
		height: 93px;
		width: 115px;
		background: url('../images/sdc/part1.png') center -103px no-repeat;
		display: inline-block;
	}

	/*#featureClients .part1 span:hover {
	 background: url('../images/sdc/part1.png') center -2px no-repeat;
	 }

	 #featureClients .part2 span:hover {
	 background: url('../images/sdc/part2.png') center -71px no-repeat;
	 }

	 #featureClients .part3 span:hover {
	 background: url('../images/sdc/part3.png') 0px -61px no-repeat;
	 }

	 */

	.SDC #featureClients .part2 {
		vertical-align: text-top;
	}
	.SDC #featureClients .part2 span {
		height: 53px;
		width: 240px;
		background: url('../images/sdc/part2.png') center 0 no-repeat;
		display: inline-block;
		line-height: 50px;
	}

	.SDC #featureClients .part3 {
		line-height: 36px;
	}
	.SDC #featureClients .part3 span {
		height: 57px;
		width: 80px;
		background: url('../images/sdc/part3.png') 0px 0px no-repeat;
		display: inline-block;
	}

	.moreClients {
		font-weight: bold;
		font-size: 1.8rem;
		line-height: 34px;
		vertical-align: text-top;
	}

	/* Try it Section
	 */

	.SDC #tryit {
		background: #fff3d6;
		padding: 55px 0;
		border-top: 1px solid #dbdbdb;
		position: relative;
	}

	.SDC #tryit .steps {
		width: 240px;
		margin: auto;
	}

	.SDC #tryit .steps strong {
		background: #ffe391;
		padding: 3px;
	}

	.SDC #tryit .steps sub {
		background: #ffe391;
		padding: 3px 8px;
		font-size: 1rem;
		margin-left: 5px;
		border-radius: 30px;
		color: #111;
		vertical-align: super;
	}

	.SDC #tryit ol {
		margin-top: 25px;
	}

	.bobTrialCloud {
		width: 390px;
		height: 450px;
		background: url('../images/sdc/bobCloud.png') no-repeat;
		position: absolute;
		top: -85px;
		z-index: 1;
	}

	.SDC #tryit .alert {
		margin-top: 35px;
		padding: 5px 10px 5px 45px;
		font-size: 1.1rem;
		font-style: italic;
		background: #ffe391;
		box-shadow: 1px 1px 0 rgba(0,0,0,0.1);
		position: relative;
	}

	.SDC #tryit .alert:before {
		content: '';
		border-right: 1px solid #fff3d6;
		position: absolute;
		padding: 0 9px;
		margin-left: -35px;
		font-style: normal;
		margin-top: -5px;
		background: url('../images/sdc/triangleAlert.png') 0px 6px no-repeat;
		width: 27px;
		height: 36px;
	}

	.tryNow {
		position: absolute;
		right: 0;
		width: 300px;
		top: 0;
	}

	.tryNow .buttonFill {
		box-shadow: 0px 2px 0 rgba(0,0,0,0.2);
	}

	p.smallText {
		font-size: 1.2rem;
		font-style: italic;
		color: rgba(0,0,0,0.5);
		margin: 10px 0;
		font-weight: 400;
		text-align: center;
	}

	/* Download section
	 */

	.SDC section#download {
		border-top: 3px solid #e5e5e5;
		position: relative;
		margin-bottom: 50px;
	}

	.BobInTheBox {
		height: 605px;
		width: 445px;
		background: url('../images/sdc/bobBox.png') no-repeat;
		top: -15px;
		position: absolute;
		right: 0;
	}

	.downloadText {
		width: 40%;
		padding: 70px 0;
	}

	.downloadText .buttonFill {
		margin-top: 20px;
		padding-left: 40px;
		background-color: #02588e;
		background-image: url('../images/sdc/download_icon.png');
		background-position: 10% 45%;
		background-repeat: no-repeat;
		border-radius: 3px 3px 0 3px;
		-webkit-border-radius: 3px 3px 0 3px;
		-moz-border-radius: 3px 3px 0 3px;
	}

	.downloadText .buttonFill:hover {
		background-color: #37c47f;
	}

	.freeDays {
		background: rgb(216, 58, 58);
		color: #fff;
		font-style: italic;
		padding: 4px 15px 6px 15px;
		float: right;
		font-size: 1.2rem;
		box-shadow: inset 1px 1px rgba(255,255,255,0.3);
	}

	.marginTop {
		margin-top: 70px;
	}

	.downloadText .buttonFill.downloadCenter {
		background: #68c8d0;
		padding: 14px 20px 16px 20px;
	}

	/* Cloud Connect Section
	 */

	.SDC #cloudConnect {
		background: #3b92f0;
		padding: 20px 0 25px 0;
		color: white;
		/*text-shadow: 1px 1px 0 rgba(255,255,255,0.4);*/
	}

	#featureSingle em {
		font-style: italic;
	}

	.cloudText {
		width: 50%;
		margin-left: 50%;
		position: relative;
	}

	.cloudText:before {
		background: url('../images/sdc/hosting.png') bottom no-repeat;
		position: absolute;
		width: 491px;
		height: 266px;
		content: '';
		left: -540px;
		bottom: -16%;
	}

	.cloudText .buttonOutline.readMore {
		border: 1px solid #fff;
		font-size: 1.2rem;
		padding: 12px 25px 12px 25px;
		color: rgba(0,0,0,0.7);
		background: #CDE5F4;
		border-radius: 3px 0px 0px 3px;
	}

	.cloudText .buttonOutline.signInButton {
		border: 1px solid #fff;
		font-size: 1.2rem;
		padding: 12px 33px 12px 43px;
		background: #CDE5F4 url('../images/sdc/signinIcon.png') 20px 13px no-repeat;
		border-radius: 0px 3px 3px 0px;
		margin-left: -1px;
	}

	.cloudText .buttonOutline.signInButton:hover, .cloudText .buttonOutline.readMore:hover {
		background-color: #fff;
		color: #017fcf;
	}

	.buttonsConnect {
		margin-top: 25px;
		margin-bottom: 10px;
	}

	/* Buy it section
	 */

	.SDC #buyIt .content {
		background: url('../images/sdc/bobMoney.jpg') 20px center no-repeat;
		margin: 20px auto;
	}

	.SDC #buyIt .bigText {
		padding: 125px 0 125px 125px;
		font-size: 2.7rem;
		font-weight: 300;
		line-height: 3.4rem;
	}

	.SDC #buyIt .bigText a {
		color: #017fcf;
		border-bottom: 1px solid #cce5f5;
	}

	.SDC #buyIt .bigText a:hover {
		color: #02588e;
	}
	.SDC #buyIt .bigText a:after {
		content: '';
		background: url('../images/sdc/quoteIcon.jpg') 0px center no-repeat;
		width: 26px;
		height: 40px;
		position: absolute;
		margin-left: 20px;
	}

	.SDC #buyIt .estimate {
		background: url('../images/sdc/estimate.jpg') bottom right no-repeat;
		height: 12px;
		width: 121px;
		position: absolute;
		right: 0;
		bottom: -20px;
	}

	/* Footer
	 */

	#footer-products {
		background: #017fcf;
	}

	#footer-products a {
		color: #80bfe7;
	}

	#footer-products a:hover {
		color: #a0d4f5;
	}

	#footer-products .content {
		border-left: 1px solid #2691d6;
		border-right: 1px solid #2691d6;
		color: #fff;
	}

	.footerNav {
		border-bottom: 1px solid #2691d6;
	}

	.footerNav li {
		text-transform: uppercase;
		font-size: 1.3rem;
		display: inline-block;
		font-weight: 700;
		padding: 20px 15px;
	}

	#footer-products .footerNav a {
		color: #fff;
	}

	.footerNav .phoneNumber {
		color: #bcdbf0;
		padding-left: 35px;
		background: url('../images/sdc/phone.png') 15px no-repeat;
	}

	.footerNav .requestDemo {
		float: right;
	}

	#footer-products .footerNav .requestDemo a {
		color: #bcdbf0;
		background: url('../images/sdc/downloadIcon.png') right 0px no-repeat;
		padding-right: 30px;
	}

	.footerLeft {
		float: left;
		width: 50%;
	}

	.footerTwitter {
		background: url('../images/sdc/twitter.png') 15px 30px no-repeat;
		padding: 10px 15px 25px 65px;
		min-height: 165px;
		max-height: 165px;
	}

	.socialLinks {
		float: right;
	}

	.socialLinks .twitter {
		display: inline-block;
		text-indent: -9999px;
		height: 35px;
		width: 35px;
		background: url('../images/social2.png') 2px 4px no-repeat;
	}

	.socialLinks .facebook {
		display: inline-block;
		text-indent: -9999px;
		height: 35px;
		width: 35px;
		background: url('../images/social2.png') -33px 3px no-repeat;
	}

	.socialLinks .youtube {
		display: inline-block;
		text-indent: -9999px;
		height: 35px;
		width: 65px;
		background: url('../images/social2.png') -74px 3px no-repeat;
	}
	.socialLinks .linkedin {
		display: inline-block;
		text-indent: -9999px;
		height: 35px;
		width: 45px;
		background: url('../images/social2.png') -138px 3px no-repeat;
	}

	.tweetMeta {
		text-align: right;
		font-size: 1.2rem;
		color: #bcdbf0;
		font-style: italic;
		font-weight: 300;
	}

	.followUsF {
		padding: 20px 15px;
		text-transform: uppercase;
		font-weight: 700;
		font-size: 1.3rem;
		border-top: 1px solid #2691d6;
		line-height: 3.3rem;
	}

	.footerRight {
		float: right;
		width: 50%;
		border-left: 1px solid #2691d6;
	}

	.blogFooter {
		padding: 25px 15px;
		min-height: 239px;
	}

	.blogMeta {
		width: 20%;
		text-align: center;
		margin-right: 2%;
		float: left;
		margin-top: 5px;
	}

	.blogMeta .dayF {
		font-size: 4.4rem;
		font-weight: 900;
		color: #2691d6;
	}

	.blogMeta .monthF {
		color: #2691d6;
		font-size: 2.3rem;
		text-transform: uppercase;
		letter-spacing: 3px;
		line-height: 3.7rem;
		font-weight: 900;
	}

	.blogFcontent {
		/*padding-left: 22%;*/
		max-height: 144px;
	}

	.blogReadmoreF {
		border-color: #2691d6;
		color: #70b7e4;
		font-size: 1.2rem;
		padding: 12px 15px;
		position: absolute;
		bottom: 20px;
		right: 20px;
	}

	.readmoreF {
		text-align: right;
		padding: 10px 0;
	}

	#copyright {
		border-top: 1px solid #2691d6;
		width: 100%;
		padding: 35px 0;
		text-align: center;
		color: #bcdbf0;
		font-size: 1.2rem;
		line-height: 1.4rem;
		clear: both;
	}

	#copyright p {
		margin: 0;
		padding: 0;
	}

	#copyright .smallerText {
		font-size: 1rem;
		color: #74bae7;
	}
	.footerTwitter li {
		padding-top: 15px;
	}

	/*
	 Feature Single
	 */

	#featureSingle {
		padding: 105px 0;
		min-height: 700px;
		border-bottom: 1px solid #e7e7e7;
		padding-top: 180px;
		overflow-x: hidden;
		/*margin-top: 130px;*/
	}
	#featureSingle .buttonOutline {
		border: 1px solid white;
		color: white;
	}

	#featureSingle .buttonOutline:hover {
		background: white;
		color: #017FCF;
	}
	#featureSingle a.readMore {
		color: white;
		font-weight: bold;
		letter-spacing: 0.5px;
		font-size: 1.6rem;
		border-bottom: 1px solid rgba(255,255,255,0.2);
		padding-bottom: 5px;
	}
	#featureSingle h1 {
		color: white;
		font-size: 2.6rem;
		line-height: 3rem;
		font-weight: 900;

	}
	.MyEclipse #featureSingle .leftBox {
		margin-top: 6% !important;
	}
	#contentPost h2 {
		font-size: 1.8rem;
		font-family: Lato, sans-serif;
		font-weight: 900;
		line-height: 25px;
	}
	#featureSingle ul {
		color: #fff;
	}

	#featureSingle ul li {
		margin-left: 15px;
	}

	.MyEclipse .myAccount a {
		/* text-indent: -9999px; */
		display: inline-block;
		background: url('../images/myeclipse32-hollow.png') 3px 50% no-repeat;
		padding-left: 30px;
		padding-right: 4px;
		text-transform: uppercase;
		background-size: 20px;
		border-bottom: none;
		padding-bottom: 0;
	}

	#featureSingle p {
		color: white;
	}
	#contentPost p {
		color: #3f4a59;
	}

	.backAll {
		background: #f5f5f5 url('../images/pattern1.png');
		text-align: center;
		padding: 40px 0;
		border-bottom: 1px solid #e7e7e7;
	}

	.backAll a {
		padding: 5px 0;
		border-bottom: 1px solid rgba(1,127,201,0.1);
		font-size: 2.6rem;
		font-weight: 300;
		color: #017fcf;
	}

	#contentPost {
		background: #FAFAFA;
	}

	#contentPost .content {
		padding: 120px 0;
	}

	#contentPost .thePost:first-child {
		margin-top: 0;
	}

	#contentPost .thePost:last-child {
		margin-bottom: 0;
	}

	.manage-centrally #contentPost {
		overflow: hidden;
	}

	.manage-centrally #contentPost .thePost:first-child img.postImageLeft, .sync-page #contentPost .thePost:first-child img.postImageLeft {
		margin-left: -70px;
	}

	.manage-centrally #contentPost .thePost:last-child img.postImageRight, .sync-page #contentPost .thePost:first-child img.postImageLeft {
		margin-right: -100px;
	}

	.windowHero {
		width: 52%;
		background: url('../images/windowTop.png') left top no-repeat;
		height: 450px;
		float: right;
	}

	.leftBox {
		max-width: 400px;
	}

	.featureTopContent {
		margin: 45px 0;
	}

	.featureTop {
		padding: 20px 50px;
		font-size: 1.7rem;
	}

	.thePost {
		margin: 120px 0;
		clear: both;
		display: table;
	}

	.thePost .textLeft, .thePost .textRight {
		width: 400px;
		display: table-cell;
		vertical-align: middle;
	}

	.postImageRight {
		display: table-cell;
		vertical-align: middle;
		margin-left: 60px;
		max-width: 609px;
	}

	.postImageLeft {
		display: table-cell;
		vertical-align: middle;
		margin-right: 60px;
		max-width: 609px;
	}

	.textLeft.NoImage {
		display: block;
		float: left;
		width: 45%;
	}

	.textRight.NoImage {
		display: block;
		float: right;
		width: 45%;
	}

	/*
	 Features page
	 */

	#featureTop {
		background: url('../images/clouds.png') bottom center no-repeat #2499ff;
		background: url('../images/clouds.png') bottom center no-repeat, -moz-linear-gradient(top, #015a92 0%, #017fcf 20% );
		background: url('../images/clouds.png') bottom center no-repeat, -webkit-linear-gradient(top, #015a92 0%,#017fcf 20%);
		background: url('../images/clouds.png') bottom center no-repeat, -o-linear-gradient(top, #015a92 0%,#017fcf 20%);
		background: url('../images/clouds.png') bottom center no-repeat, -ms-linear-gradient(top, #015a92 0%,#017fcf 20%);
		background: url('../images/clouds.png') bottom center no-repeat, linear-gradient(to bottom, #015a92 0%, #017fcf 20%);
		height: 545px;
		text-align: center;
		padding-top: 175px;
		overflow: hidden;
	}
	#featureTop.learning_center {
		padding-top: 185px;
		height: 430px;
	}

	#featureTop h2, #featureTop h1 {
		font-weight: 300;
		font-size: 3.7rem;
		color: #fff;
		line-height: 4rem;
	}

	#featureTop p {
		margin: 5px 0;
		padding: 0;
		color: #fff;
	}

	.stars {
		width: 100%;
		height: 140px;
		position: absolute;
		top: 0;
		background: url('../images/stars.png');
		-webkit-animation: flashing 10s infinite ease-in-out;
		-moz-animation: flashing 10s infinite ease-in-out;
		animation: flashing 10s infinite ease-in-out;
	}

	.stars2 {
		width: 100%;
		height: 140px;
		position: absolute;
		top: 0;
		background: url('../images/stars2.png') 50% -148%;
		-webkit-animation: flashing 5s infinite ease-in-out;
		-moz-animation: flashing 5s infinite ease-in-out;
		animation: flashing 5s infinite ease-in-out;
	}

	.windowVideo {
		width: 95%;
		max-width: 990px;
		margin: auto;
		background: #f0f0f0;
		border-radius: 4px 4px 0 0;
		-webkit-border-radius: 4px 4px 0 0;
		-moz-border-radius: 4px 4px 0 0;
		padding: 8px 5px 0px 6px;
		height: 250px;
		margin-top: 50px;
		cursor: pointer;
	}

	#featureTop > div.windowVideo.showWindow:hover {
		opacity: 0.9;
	}
	.showWindow {
		-webkit-animation: showWindow .6s ease-in-out;
		-moz-animation: showWindow .6s ease-in-out;
		animation: flashing .6s ease-in-out;
		-webkit-transition: all 0.1s ease-in-out;
		transition: all 0.1s ease-in-out;
	}

	.windowVideo .toptitle {
		text-align: center;
		font-size: 1.2rem;
		text-shadow: 0px 1px 0 rgba(255,255,255,1);
	}

	.MyEclipse .windowVideo {
		height: 118px;
		position: relative;
		overflow: hidden;
	}

	.wCMM {
		float: left;
		width: 12px;
		height: 12px;
		background: #ed5551;
		border-radius: 40px;
		-moz-border-radius: 40px;
		-webkit-border-radius: 40px;
		position: relative;
	}

	.wCMM:after {
		content: '';
		position: absolute;
		width: 12px;
		height: 12px;
		background: #fbcc39;
		border-radius: 40px;
		-moz-border-radius: 40px;
		-webkit-border-radius: 40px;
		margin-left: 8px;
	}

	.wCMM:before {
		content: '';
		position: absolute;
		width: 12px;
		height: 12px;
		background: #b7d233;
		border-radius: 40px;
		-moz-border-radius: 40px;
		-webkit-border-radius: 40px;
		margin-left: 23px;
	}

	.titlewindow {
		line-height: 1.5rem;
	}

	.principalTitle {
		text-align: center;
		margin: 80px 0;
		color: #017fcf;
	}
	.principalTitle p {
		padding: 0;
	}
	.principalTitle h2 {
		font-weight: 300;
		font-size: 3.6rem
	}

	.aFeature {
		max-width: 990px;
		margin: 30px auto;
		display: table;
	}

	.aFeature p {
		margin: 15px 0;
		padding: 0;
	}

	.aFeature .textRight {
		display: table-cell;
		vertical-align: middle;
		width: 50%;
	}

	#mapFeature {
		max-width: 990px;
		margin: auto;
		display: table;
		padding: 25px 0 90px 0;
	}

	#mapFeature .map {
		width: 660px;
		height: 385px;
		background: url('../images/featuresMap.png');
		float: left;
		margin-left: -160px;
		margin-right: 30px;
	}

	#dashboardFeature {
		overflow: hidden;
		background: #298dd4;
		padding: 40px 0;
		color: #d7e2e6;
	}

	#dashboardFeature h4 {
		color: #fff;
	}

	#dashboardFeature .dashboardF {
		width: 660px;
		height: 442px;
		background: url('../images/dashboardSDC.png');
		background-repeat: no-repeat;
		float: right;
		margin-right: -210px;
		margin-left: 10px;
	}

	#dashboardFeature a {
		color: #fff;
		font-weight: bold;
		letter-spacing: 0.5px;
		font-size: 1.3rem;
		border-bottom: 1px solid rgba(255,255,255,0.2);
		padding-bottom: 5px;
	}

	#dashboardFeature a.readmore:hover {
		border-bottom: none;
	}

	#onramp {
		background-color: #f5f5f5;
		overflow: hidden;
		background-image: url('../images/pattern1.png');
		background-position: 0 7px;
	}

	#onramp .installer {
		background: url('../images/installer.png') no-repeat;
		width: 691px;
		height: 330px;
		float: right;
		margin-right: -242px;
		margin-left: 10px;
		padding: 120px 40px 31px 170px;
	}

	#onramp .aFeature {
		margin-bottom: 0;
	}

	.loadingSample {
		width: 100%;
		background: #e8e8e8;
		padding: 2px;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
	}

	.progressSample {
		background: #308fd1;
		height: 20px;
		border-radius: 2px;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
	}

	#onramp .installer p {
		margin: 5px 0;
		font-size: 1.2rem;
	}

	#onramp .installer h3 {
		margin-bottom: 20px;
	}

	.windowBlank {
		width: 660px;
		height: 455px;
		background: url('../images/windowBlank.png') no-repeat;
		float: left;
		margin-left: -160px;
		margin-right: 30px;
	}

	#sync {
		margin: 60px auto;
	}

	#plugins .plugins {
		width: 490px;
		height: 455px;
		background: url('../images/searchPlugins.png') right center no-repeat;
		float: left;
		margin-left: 10px;
		margin-right: 30px;
	}

	.breakpointTitle {
		background-color: #f5f5f5;
		background-image: url('../images/pattern1.png');
		background-position: 0 7px;
		padding: 50px 0;
		color: #017fcf;
		text-align: center;
	}

	.breakpointTitle h2 {
		font-size: 3.7rem;
		font-weight: 300;
	}

	.youwontreadthissowhateversueme {
		color: #b0b0b0;
		font-size: 1.1rem;
	}

	.youwontreadthissowhateversueme p {
		margin: 0;
		line-height: 1.7rem;
	}

	.boxLeft .security {
		background: url('../images/secureBadge.png') no-repeat;
	}

	.boxLeft .metric {
		background: url('../images/metricBadge.png') no-repeat;
	}

	.boxRight .market {
		background: url('../images/marketBadge.png') no-repeat;
	}

	.boxRight .tool {
		background: url('../images/toolBadge.png') no-repeat;
		margin-top: 110px;
	}

	#extraFeatures {
		max-width: 990px;
		margin: 40px auto;
	}

	#iwantit {
		padding: 50px 0;
		background-image: url('../images/pattern1.png'), url('../images/downloadBack.png'), url('../images/pattern2.png');
		background-color: #f5f5f5;
		background-repeat: repeat, no-repeat, repeat-x;
		background-position: 0 0, 110% 50%, 0 0;
	}

	.rightDownload {
		float: right;
		width: 45%;
		text-align: center;
		line-height: 9rem;
	}

	/* clase nueva */
	.buttonOutline:hover {
		background: #017fcf;
		color: #fff;
	}
	.leftDownload {
		width: 50%;
	}

	.leftDownload h3 {
		color: #017fcf;
		font-weight: 300;
	}
	.individual_features .postImageRight {

		margin-left: 30px;
	}
	.individual_features .postImageLeft {
		margin-right: 30px;
	}
	.aFeature .featureTwo {
		margin-top: 0px;
	}

	.aFeature .featureOne {
		min-height: 290px;
		margin-bottom: 25px;
	}
	.individual_features .main_doc a {
		border-bottom: 1px solid #88bddf;
		padding-bottom: 3px;
	}

	/*
	 Download
	 */

	#product-download {
		padding: 180px 0;
	}

	#product-download .system_content, #product-download .installation_content, #product-download .related_content {
		display: none;
		padding: 25px 10px 0 10px;
	}

	#product-download .details_content {
		padding: 25px 10px 0 10px;
	}

	#product-download .details, #product-download .system_requeriments, #product-download .installation, #product-download .related_information {
		padding: 25px 0;
		border-bottom: 1px solid #eaeaea;
	}

	#product-download h2 {
		color: #0782d0;
		font-size: 3.2rem;
		font-weight: 600;
	}

	#product-download article {
		padding-left: 15px;
		max-width: 815px;
	}

	span.code {
		font-family: "Lucida Console", Monaco, monospace;
		font-size: 1.3rem;
		background: #f1f1f1;
	}

	#product-download .description {
		font-size: 2.2rem;
		line-height: 3.5rem;
		margin: 25px 0;
	}

	#product-download .downloadSection {
		border-top: 1px solid #eaeaea;
		border-bottom: 1px solid #eaeaea;
		padding: 35px 20px;
		font-size: 1.2rem;
	}

	#product-download .details_content h4 {
		font-size: 1.4rem;
		margin: 10px 0;
		color: #017fcf;
		font-weight: 600;
	}

	.versionSDC, .osSDC, #product-download .downloadButton {
		float: left;
		margin: 0 10px;
	}

	#product-download .downloadButton {
		float: right;
	}

	#product-download .downloadButton .buttonOutline {
		padding: 15px 50px;
		line-height: 3rem;
		font-size: 1.4rem;
	}

	#product-download .shareit {
		float: left;
		margin-left: -80px;
		background: #eaeaea;
		font-size: 1.1rem;
		text-align: center;
	}

	.shareit p {
		padding: 0;
		margin: 0;
	}

	#product-download h3 {
		font-size: 1.6rem;
		padding-left: 35px;
		font-weight: 600;
		cursor: pointer;
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}

	#product-download h3:before {
		content: '+';
		width: 22px;
		height: 22px;
		color: #017fcf;
		padding: 0px 6px;
		border: 1px solid #017fcf;
		border-radius: 40px;
		position: absolute;
		margin-left: -28px;
		font-weight: 400;
		margin-top: 3px;
		font-size: 1.3rem;
		line-height: 20px;
		-webkit-font-smoothing: none;
		font-family: Arial;
	}

	#product-download .open h3:before {
		content: '-';
		padding: 0px 8px;
		font-size: 1.7rem;
		line-height: 19px;
	}

	table.table_details {
		font-size: 1.3rem;
		min-width: 80%;
	}

	table.table_details td {
		padding: 2px 10px;
	}

	.filename_label, .size_label, .download_label, .version_label, .release_label {
		font-weight: 600;
	}

	#product-download .screenShot, #product-download .caption {
		text-align: center;
	}

	#product-download .system_content li:before {
		content: "·";
		font-size: 1.3rem;
		vertical-align: middle;
		line-height: 20px;
		margin: 0 10px;
	}

	#product-download select {
		border: 1px solid #bac5ca;
		background: #fff url('../images/arrowDrop.png') 94% 50% no-repeat;
		border-radius: 2px;
		padding: 6px 40px 7px 10px;
		-moz-appareance: none;
		-webkit-appearance: none;
		appearance: none;
		color: #333333;
		box-shadow: 1px 1px 0 rgba(0,0,0,0.05);
		min-width: 165px;
		outline: none;
		text-indent: 1px;
		text-overflow: '';
	}

	#provide_email {
		max-width: 550px;
		margin: -30px auto 50px auto;
		font-size: 1.3rem;
	}

	#provide_email input#subscription_email {
		width: 75%;
		border: 1px solid #eaeaea;
		padding: 10px;
		color: #555;
		border-radius: 2px;
		font-size: 1.6rem;
		outline: none;
	}

	#provide_email input#subscription_email:focus {
		border: 1px solid #017fcf;
		color: #017fcf;
	}

	#provide_email input#subscribe {
		border: 1px solid #017fcf;
		background: transparent;
		color: #017fcf;
		padding: 10px;
		font-size: 1.6rem;
		border-radius: 3px;
		width: 20%;
		cursor: pointer;
		margin-left: 5%;
	}

	#provide_email input#subscribe:hover {
		background: #f9f9f9;
	}

	.twitterShare {
		display: inline-block;
		width: 18px;
		height: 19px;
		text-indent: -9999px;
		background: url('../images/socialSmall.png') no-repeat;
		margin-left: 5px;
	}

	.facebookShare {
		display: inline-block;
		width: 18px;
		height: 18px;
		text-indent: -9999px;
		background: url('../images/socialSmall.png') -19px 0 no-repeat;
	}

	.twitterShare:hover {
		background: url('../images/socialSmall.png') 0 -22px no-repeat;
	}

	.facebookShare:hover {
		background: url('../images/socialSmall.png') -19px -22px no-repeat;
	}

	.screenSample {
		background-size: 100%;
		background-repeat: no-repeat;
	}

	/* Downloading page */

	#thankyou {
		background: #017fcf;
		height: 400px;
		padding-top: 150px;
		text-align: center;
		color: #fff;
	}

	.title_thanks h3 {
		font-weight: 300;
		font-size: 3.5rem;
	}

	.title_thanks h2 {
		font-size: 4.6rem;
		margin-top: 15px;
	}

	.title_thanks p {
		font-size: 1.6rem;
		color: #b8d2ed;
		font-weight: 600;
	}

	.title_thanks a {
		color: #9abedd;
		font-weight: 400;
		border-bottom: 1px solid #2c93d4;
		padding-bottom: 5px;
		margin-left: 5px;
	}

	#steps, #thankyou, #provide_email {
		display: none;
	}
	#provide_email input:disabled {
		opacity: 0.5;
		background: white;
		cursor: wait;
	}
	#steps {
		width: 720px;
		margin: -30px auto 50px auto;
		height: 350px;
	}

	#steps .stepOne, #steps .stepTwo, #steps .stepThree {
		float: left;
		width: 200px;
		margin-right: 60px;
	}

	#steps .stepThree {
		margin-right: 0;
	}

	#steps .window {
		width: 200px;
		height: 170px;
		background: url('../images/sdc/steps_download.png') no-repeat;
		margin-bottom: 25px;
	}

	#steps .stepTwo .window {
		background: url('../images/sdc/steps_download.png') -214px 0 no-repeat;
	}

	#steps .stepThree .window {
		background: url('../images/sdc/steps_download.png') -430px 0 no-repeat;
	}

	#steps p {
		line-height: 1.7rem;
		font-size: 1.2rem;
	}

	/* Learning Center
	 */

	#featureTop .content p {
		margin-top: 50px;
	}

	#featureTop.learning_center, #featureSingle {
		background: #2499ff;
		background: -moz-linear-gradient(top, #015a92 0%, #017fcf 20% );
		background: -webkit-linear-gradient(top, #015a92 0%,#017fcf 20%);
		background: -o-linear-gradient(top, #015a92 0%,#017fcf 20%);
		background: -ms-linear-gradient(top, #015a92 0%,#017fcf 20%);
		background: linear-gradient(to bottom, #015a92 0%, #017fcf 20%);
	}

	.manual_content a {
		display: block;
		border-bottom: 1px solid #eaeaea;
		padding: 15px 30%;
		font-size: 1.6rem;
		-webkit-transition: 100ms ease-in-out;
		-moz-transition: 100ms ease-in-out;
		transition: 100ms ease-in-out;
	}
	.manual_content h3 {
		border-bottom: 1px solid #eaeaea;
	}
	.manual_content {
		border-top: 1px solid #eaeaea;
	}
	.manual_content ul {
		overflow: hidden;
		border-bottom: 1px solid #eaeaea;
	}
	.manual_content li {
		width: 50%;
		float: left;
	}
	.manual_content li:last-child a {
		border: none;
	}

	.manual_content a:hover {
		padding: 15px 30.5%;
		background: #f9f9f9;
	}

	#documentation h2, #letstalk h2 {
		text-align: center;
		margin: 50px 0;
		font-size: 4rem;
		font-weight: 300;
		color: #017fcf;
	}

	#documentation h3 {
		text-align: center;
		padding: 35px 0;
		background: #fbfbfb;
	}

	#videos {
		background: #c8d1d9;
		padding: 50px 0;
		margin: 50px 0;
	}

	#videos h2 {
		text-align: center;
		font-weight: 400;
		font-size: 3.3rem;
	}

	#videos .the_video {
		float: left;
		width: 25%;
		background: #fff;
		cursor: pointer;
		margin-right: 12.5%;
		margin-top: 45px;
		border: 1px solid #b7bbc1;
	}

	#videos .title_video {
		border-bottom: 1px solid #c8d1d9;
		padding: 10px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	#videos .thumbnail_video {
		height: 155px;
		position: relative;
		-webkit-transition: all 100ms ease-in-out;
		-moz-transition: all 100ms ease-in-out;
		transition: all 100ms ease-in-out;
	}

	.thumbnail_video.video1 {
		background-image: url('../images/sdc/video1.png');
		background-repeat: no-repeat;
		background-position: center;
	}

	.thumbnail_video.video2 {
		background-image: url('../images/sdc/video2.png');
		background-repeat: no-repeat;
		background-position: bottom;
	}

	.thumbnail_video.video3 {
		background-image: url('../images/sdc/video3.png');
		background-repeat: no-repeat;
		background-position: center;
	}

	#videos .the_video:hover > .thumbnail_video {
		background-size: 90%;
		background-position: center;
	}

	#videos .the_video:hover > .thumbnail_video.video2 {
		background-size: 90%;
		background-position: bottom;
	}

	#videos .play:hover{
		opacity: 0;
	}
	#videos .play {
		background: url(../images/library/VL-26.png) no-repeat center 37%;
	width: 100%;
	height: 100%;
	display: block;
	opacity: 0.7;
	z-index: 3;
	position: relative;
	-webkit-transition: 300ms ease-in-out;
	-moz-transition: 300ms ease-in-out;
	transition: 300ms ease-in-out;
	}

	#videos .browser {
		margin: 50px auto 5px auto;
		text-align: center;
	}

	#videos .browser a {
		background: #02588e;
		padding: 10px 20px;
		border-radius: 3px;
		color: #fff;
	}

	#videos .browser a:hover {
		background: #237ec4;
	}

	#letstalk .content {
		max-width: 900px;
		overflow: auto;
	}

	.support_box {
		background: url('../images/sdc/support.png') top center no-repeat;
		padding-top: 150px;
		width: 250px;
		text-align: center;
		float: left;
		margin: 40px 25px;
	}

	.email_box {
		background: url('../images/sdc/email.png') top center no-repeat;
		padding-top: 150px;
		width: 250px;
		text-align: center;
		float: left;
		margin: 40px 25px;
	}

	.call_box {
		background: url('../images/sdc/call.png') top center no-repeat;
		padding-top: 150px;
		width: 250px;
		text-align: center;
		float: left;
		margin: 40px 25px;
	}

	.twitter_box {
		background: url('../images/me/twitter.png') top center no-repeat;
		padding-top: 150px;
		width: 250px;
		text-align: center;
		float: left;
		margin: 40px 25px;
	}

	.learning_box {
		float: left;
		width: 22%;
		margin: 25px 5.5%;
		padding-top: 30px;
	}

	.learning_box.box1 {
		background: url('../images/sdc/icon1.png') 50% top no-repeat;
	}

	.learning_box.box2 {
		background: url('../images/sdc/icon2.png') 50% top no-repeat;
	}

	.learning_box.box3 {
		background: url('../images/sdc/icon3.png') 50% top no-repeat;
	}

	#featureTop.billing {
		height: 328px;
		background: #2499ff;
		background: -moz-linear-gradient(top, #015a92 0%, #017fcf 20% );
		background: -webkit-linear-gradient(top, #015a92 0%,#017fcf 20%);
		background: -o-linear-gradient(top, #015a92 0%,#017fcf 20%);
		background: -ms-linear-gradient(top, #015a92 0%,#017fcf 20%);
		background: linear-gradient(to bottom, #015a92 0%, #017fcf 20%);
	}
	#table {
		position: relative;
		text-align: center;
	}
	#table table {
		margin: auto;
		position: relative;
		background: white;
		text-align: left;
		width: 950px;
		text-align: center
	}
	#table .user {
		display: inline-block;
		width: 14px;
		height: 14px;
		background: url('../images/sdc/user.png') no-repeat;
		vertical-align: middle;
		margin-right: 16px;
	}
	#table th {
		font-weight: bold;
		line-height: 1.1em;
	}
	#table td, #table th {
		vertical-align: middle;
		padding: 8px 13px;
		/* border: 1px solid #DFE4E6; */
	}
	#table td.highlight {
		background: #ECF5FA;
	}
	div.combo-os{
		border-bottom: 1px solid #EAEAEA;
	}
	#table .background-blue {
		background: #FBFCFD;
	}
	#table td a {
		color: #288DD3;
		font-size: 1.2em
	}

	#table td.cost {
		font-size: 1.5em;
		color: #017FCF;
		/*text-align: left;*/
		background: #FBFCFD;
		font-weight: bold;
	}

	#table td.promo {
		font-size: 1.5em;
		color: red;
		background: #FBFCFD;
		font-weight: bold;
	}
	#table td.asa {
		font-size: 1.5em;
		font-weight: bold;
		color: #C2C2C2;
	}

	#table .agreement {
		color: #CDCDCD;
		font-size: 1.2rem;
	}
	#table  .right {
		font-weight: normal;
		float: right;
		font-size: 1.2rem;
		color: #CDCDCD;
		display: block;
	}

	/*
	 *
	 *  LIBRARY
	 *
	 */

	#featureTop.library {
		background: #2499ff;
		background: -moz-linear-gradient(top, #4A8BAF 0%, #60A8CF 20% );
		background: -webkit-linear-gradient(top, #4A8BAF 0%,#60A8CF 20%);
		background: -o-linear-gradient(top, #4A8BAF 0%,#60A8CF 20%);
		background: -ms-linear-gradient(top, #4A8BAF 0%,#60A8CF 20%);
		background: linear-gradient(to bottom, #4A8BAF 0%, #60A8CF 20%);
		padding-top: 160px;
		height: auto;
		overflow: visible;
	}

	.library .video, #library-content .video {
		width: 350px;
		height: 230px;
		background: white;
		box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.33);
		display: inline-block;
		margin: 0 20px;
		position: relative;
		cursor: pointer;
	}
	.video .wrapper {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		z-index: 1;
	}
	.library .content {
		margin-top: 50px;
		text-align: center;
	}
	.video .label {
		width: 100%;
		height: 50px;
		background: rgb(172, 172, 172);
		color: white;
		text-align: left;
		font-size: 1.5rem;
		padding: 0.5em;
		position: absolute;
		font-weight: bold;
		bottom: 0;
		line-height: normal;
		z-index: 4;
	}
	.video .label:hover {
		cursor: initial;
	}
	a.play {
		background: url(../images/library/VL-26.png) no-repeat center 37%;
		width: 100%;
		height: 100%;
		display: block;
		opacity: 0.7;
		-webkit-transition: 100ms ease-in-out;
		-moz-transition: 100ms ease-in-out;
		transition: 100ms ease-in-out;
	}

	.video:hover a.play {
		opacity: 0.5;
	}

	.library .categories {
		margin: 50px auto 0 auto;
	}
	.library .categories a {
		margin: auto 20px;
		font-weight: bold;
		color: white;
		font-size: 1.7rem;
		-webkit-transition: 100ms ease-in-out;
		-moz-transition: 100ms ease-in-out;
		transition: 100ms ease-in-out;
		padding-bottom: 10px;
		display: inline-block;
	}
	.library .categories a:hover {
		color: rgba(255, 255, 255, 0.8);
	}

	#library-content {
		max-width: 990px;
		min-height: 247px;
		width: 100%;
		position: relative;
		margin: 30px auto;
		text-align: center;
	}
	#library-content .video {
		margin: 20px;
		width: 280px;
		height: 200px;
	}

	.arrow_box {
		position: relative;
		background: #60A8CF;
	}
	.arrow_box:after {
		top: 100%;
		left: 50%;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
		border-color: rgba(96, 168, 207, 0);
		border-top-color: #60A8CF;
		border-width: 8px;
		margin-left: -8px;
	}

	.video .brief {
		max-height: 0;
		background: gray;
		-webkit-transition: 100ms ease-in-out;
		-moz-transition: 100ms ease-in-out;
		transition: 100ms ease-in-out;
		width: 100%;
		background: rgb(172, 172, 172);
		box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.33);
		color: rgba(255,255,255,0);
		visibility: hidden;
		text-align: left;
		padding: 0 0.5em 1em 0.5em;
		line-height: normal;
		z-index: 2;
		position: relative;
	}

	.video:hover .brief {
		color: rgba(255,255,255,1);
		visibility: visible;
		max-height: 200px;
		z-index: 2;
		cursor: initial;
	}

	.video:hover .wrapper {
		z-index: 2;
	}
	#library-content .video {
		display: none;
	}

	/* BLOG */

	#featureTop.blog {
		background: #2499ff;
		background: -moz-linear-gradient(top, #058CE2 0%, #2499ff 20% );
		background: -webkit-linear-gradient(top, #058CE2 0%, #2499ff 20%);
		background: -o-linear-gradient(top, #058CE2 0%, #2499ff 20%);
		background: -ms-linear-gradient(top, #058CE2 0%, #2499ff 20%);
		background: linear-gradient(to bottom, #058CE2 0%, #2499ff 20%);
		padding-top: 145px;
		height: auto;
		overflow: visible;
		position: relative;
	}

	.blog .cloud {
		background: url('../images/clouds.png') center no-repeat;
		width: 100%;
		height: 129px;
		position: absolute;
		bottom: 0;
		opacity: 0.2;
		z-index: 1;
	}
	.blog .arrow_box:after {
		border-top-color: rgba(0,0,0,0);
		border-bottom-color: #f9f9f9;
		top: initial;
		bottom: 0;
		z-index: 5;
	}
	.blog .arrow_box {
		background: none;
	}
	.blog .categories {
		margin: 50px auto 0 auto;
	}
	.blog .categories li {
		margin: auto 20px;
		font-weight: normal;
		color: white;
		font-size: 1.6rem;
		-webkit-transition: 100ms ease-in-out;
		-moz-transition: 100ms ease-in-out;
		transition: 100ms ease-in-out;
		padding-bottom: 10px;
		z-index: 5;
		position: relative;
		display: inline-block;
	}
	.blog .categories a {
		color: white;
	}
	.blog .categories a:hover {
		color: rgba(255, 255, 255, 0.8);
	}

	#posts .content {
		max-width: 990px;
		width: 100%;
		margin: auto;
		position: relative;
	}

	#posts {
		padding: 50px 0;
		background-color: #f9f9f9;
	}

	.post {
		background: white;
		margin: 50px 0;
		box-shadow: 0px 1px 2px #A6A6A6;
	}

	.post .post-title {
		padding: 10px 0 10px 20px;
		background: rgb(117, 117, 117);
		color: white;
		position: relative;
		line-height: 1.6em;
	}

	.post .post-title .circle {
		border-radius: 50%;
		background: white;
		content: ' ';
		height: 80px;
		width: 80px;
		display: block;
		position: absolute;
		left: auto;
		right: 5px;
		top: 1px;
		border: 5px solid rgb(117, 117, 117);
		font-size: 43px;
		text-align: center;
		padding-top: 13px;
		box-shadow: inset #FFFFFF 0px 0px 0px 5px;
	}

	.post .post-title h4 a {
		color: white;
	}

	.post .post-content {
		padding: 25px 20px 45px 20px;
		position: relative;
		overflow: auto;
	}

	.post-content img {
		max-width: 100%;
		display: block;
	}
	.post-content  p {
		padding: 0 0 20px;
	}

	.post-content p img {
		padding: 10px;
	}
	img.alignleft {
		float: left;
		margin: 0 20px 15px 0
	}
	img.alignright {
		float: right;
		margin: 0 0 15px 20px
	}
	img.aligncenter {
		display: block;
		margin-left: auto;
		margin-right: auto
	}

	a.readmore:hover {
		background-color: #017fcf;
		color: white;
	}
	a.readmore {
		position: absolute;
		bottom: 20px;
		right: 20px;
		padding: 3px 10px;
		background-color: white;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		color: #fff;
		-webkit-transition: all 0.1s ease-in-out;
		-moz-transition: all 0.1s ease-in-out;
		transition: all 0.1s ease-in-out;
		border: #017fcf 1px solid;
		color: #017fcf;
		display: inline-block;
		text-align: center;
		box-shadow: 0px 2px 0 rgba(0,0,0,0.1);
	}

	.left-section {
		width: 780px;
		float: left;
	}
	.right-section {
		width: 155px;
		text-align: right;
		float: right;
	}
	.archives {
		width: 100%;
		text-align: right;
		float: right;
		clear: both;
		margin-top: 48px;
		box-shadow: 0px 1px 2px #A6A6A6;
		padding: 20px;
		background: white;
	}

	.blog-listing {
		max-height: 175px;
		overflow: hidden;
		transition: all 0.6s ease-in-out;
	}

	.expandButton {
		padding: 0px 10px;
		background-color: white;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		color: #fff;
		-webkit-transition: all 0.1s ease-in-out;
		-moz-transition: all 0.1s ease-in-out;
		transition: all 0.1s ease-in-out;
		border: #017fcf 1px solid;
		color: #017fcf;
		display: inline-block;
		text-align: center;
		box-shadow: 0px 2px 0 rgba(0,0,0,0.1);
		margin: auto;
		display: block;
		margin-top: 10px;
	}

	/* -----------------------

		Gapdebug Feature Page

	-------------------------*/

	.Gapdebug #Top_Features h2 {
    margin-top: 20px; margin-bottom: 60px; font-weight: normal; font-size: 3.2rem; text-align: center;
}

.Gapdebug .enterprise {
text-align: center;
clear: none;
font-size: 1.6rem;
}

.Gapdebug #Top_Features .enterprise h2 {
    font-size: 3rem;
font-weight: bold;
color: #3e62aa;
margin: 20px 0;
}

.Gapdebug #elevatorPitch {
    height: 460px;
    background: #252b3d; background-size: 100% auto; background-attachment: fixed; position: relative; overflow: hidden;
}

.Gapdebug #elevatorPitch .content {
    margin-top: 180px;
    color: #fff;
}

.Gapdebug .top_text {
    text-align: center;
	padding-top: 20px;
	margin-bottom: 20px;
}

.Gapdebug .top_text p {
	font-size: 1.7rem;
}

.Gapdebug #content {
    float: none; margin: 0px auto; clear: both; width: 100%; min-width: 0px;
}

.Gapdebug #Top_Features {
    overflow: auto; margin-top: 50px;
}

.Gapdebug #features_display {
    margin-left: auto; margin-top: 70px; max-width: 990px; margin-right: auto;
}

.Gapdebug .the_video_show {
	cursor: pointer;
	margin: auto;
	max-width: 990px;
}

.Gapdebug h2.feature_title {
    font-weight: bold; font-size: 40px; text-align: center; color: #3e62aa;
}

.Gapdebug .feature_post {
    border-bottom: 1px solid #d7d7d7; padding: 35px;
}

.Gapdebug .text_box {
    float: left;padding-top: 120px; height: 468px; margin: 20px 0px 0px 0%; clear: none; width: 365px; -webkit-transform: translateX(-80px); -moz-transform: translateX(-80px); transform: translateX(-80px); opacity: 0; -webkit-transition: -webkit-transform 0.5s, opacity 0.5s; transition: transform 0.5s, opacity 0.5s;
}

.Gapdebug .text_box_right {
    float: right; -webkit-transform: translateX(80px); -moz-transform: translateX(80px); transform: translateX(80px);
}

.Gapdebug .appear .text_box, .Gapdebug .appear .text_box_right {
    -webkit-transform: translateX(0px); -moz-transform: translateX(0px); transform: translateX(0px); opacity: 1;
}

.Gapdebug .appear .text_box, .Gapdebug .appear .text_box_right {
    -webkit-transform: translateX(0px); -moz-transform: translateX(0px); transform: translateX(0px); opacity: 1;
}

.Gapdebug h2.title_feature {
    color: #3e62aa; font-weight: bold; font-size: 22px; line-height: 28px; text-align: center;
}

.Gapdebug .text_small {
    color: #58595b; font-size: 14px; line-height: 25px; margin-top: 20px;
}

.Gapdebug .feature_post .picture {
    float: right; height: 468px; /* margin-left: 0px; */ /* clear: none; */ width: 490.015625px; /* margin-right: 0%; */ background-attachment: scroll; background-size: contain; background-position: 50% 50%; background-repeat: no-repeat; -webkit-transform: translateX(80px); -moz-transform: translateX(80px); transform: translateX(80px); opacity: 0; -webkit-transition: -webkit-transform 0.5s, opacity 0.5s; transition: transform 0.5s, opacity 0.5s;
}

.Gapdebug .picture.picture-left {
    -webkit-transform: translateX(-80px); -moz-transform: translateX(-80px); transform: translateX(-80px); float: left;
}

.Gapdebug .appear .picture, .Gapdebug .appear .picture.picture-left {
    -webkit-transform: translateX(0px); -moz-transform: translateX(0px); transform: translateX(0px); opacity: 1;
}


	/*  -----------------------

	 General MyEclipse Structure

	 -----------------------
	 */

	.MyEclipse #elevatorPitch {
		height: 475px;
		background: #082647;
		background-size: 100% auto;
		background-attachment: fixed;
		position: relative;
		overflow: auto;
	}
	.MyEclipse #elevatorPitch .content {
		margin-top: 180px;
		max-width: 700px;
	}

	.MyEclipse #elevatorPitch .me {
		color: white;
		margin: auto;
		display: block;
		clear: both;
		height: 65px;
		background: url(../images/me/myeclipse-logo-white.png) no-repeat center;
	}

	.MyEclipse #elevatorPitch h1 {
	color: white;
	margin: auto;
	display: block;
	clear: both;
	font-size: 3.5rem;
	text-align: center;
	margin-top: 15px;
	font-family: "proxima-nova-soft", "Lato", sans-serif;
	line-height: 1.3em;
	}


	.MyEclipse #openVideo  a{
		width: 100%; height:87px;background-image: url('../images/me/me_screenshot.png');margin-top:7px;
		position: relative;
		padding-left: 350px;
		font-family: "proxima-nova-soft", "Lato", sans-serif;
		padding-top: 28px;
		font-size: 2.5rem;
		font-weight: bold;
	}
	.MyEclipse #openVideo  a:hover .play{
		opacity: 1;
	}
	.MyEclipse #openVideo  a .play{
		background: url(../images/me/play_button.png) no-repeat center;

		background-size: 100%;
		position: absolute;
	    display: block;
	    z-index: 9;

		top: 15px;

		opacity: 0.8;
	    cursor: pointer;

		height: 60px;

		width: 60px;

		left: 266px;

		transition: all .3s ease;
	}
	.MyEclipse #elevatorPitch p {
		color: white;
		margin: auto;
		display: block;
		clear: both;
		font-size: 2rem;
		text-align: center;
		margin-top: 0px;
		font-weight: normal;
		font-family: "proxima-nova-soft", "Lato", sans-serif;
		line-height: 1.3em;
	}

	.MyEclipse .featureOne {
		margin-bottom: 0;
		min-height: 250px;
	}

	.MyEclipse .logoProduct {
		border-right: 1px solid #e7e7e7;
	}

	.MyEclipse .logoProduct a {
		/* text-indent: -9999px; */
		display: inline-block;
		background: url('../images/me/myeclipse32.png') 3px 50% no-repeat;
		padding-left: 30px;
		padding-right: 4px;
		text-transform: none;
		background-size: 20px;
		border-bottom: none;
		padding-bottom: 0;
	}
	.MyEclipse .questions a {
		background: #0D2A49;
		border-bottom: none;
		padding: 7px 0px;
	}

	.SDC .questions a {
		background: #017fcf;
	}

	.MyEclipse #pillars {
		padding-bottom: 60px;
		margin-top: 100px;
		background: white;
		text-align: center;
		border-bottom: 1px solid #E5E5E5;
	}
	.MyEclipse #capabilities h2{
		text-align: center;
	}
	.MyEclipse #pillars h2,  .MyEclipse #capabilities h2{
		margin-bottom: 60px;
		font-weight: normal;
	}
	.MyEclipse #pillars .content  div:hover {
		background: #FDFDFD;
		border: 1px solid #E5E5E5;
		border-radius: 5px;
	}
	.MyEclipse #pillars .content div {
		background: white;
		border: 1px solid white;
		width: 230px;
		text-align: center;
		display: inline-block;
		height: 220px;
		vertical-align: top;
		transition: all .4s ease;
		cursor: pointer;
		margin: auto 5px;
		position: relative;
	}


	.MyEclipse #pillars a {
		text-indent: -9999px;
	text-align: initial;
	display: block;
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	left: -5px;
	}
	.MyEclipse #pillars p {
	    padding: 10px 10px;

	}

	.MyEclipse #pillars  h3 {
		padding-top: 74px;
	}
	.MyEclipse .mobile_pillar h3 {
		color: #E7485C;
		background: url(../images/me/mobile_pillar.png) no-repeat center top;
	}

	.MyEclipse .web_pillar h3 {

		color: #EEAB3B;
		background: url(../images/me/web_pillar.png) no-repeat center top;
	}

	.MyEclipse .enterprise_pillar h3 {
		color: #00A69C;
		background: url(../images/me/enterprise_pillar.png) no-repeat center top;
	}

	.MyEclipse .cloud_pillar h3 {
		color: #936EAF;
		background: url(../images/me/cloud_pillar.png) no-repeat center top;
	}


	/* Feature
	 */

	.MyEclipse #feature {
		min-height: 570px;
		padding-top: 50px;
		background: white;
		overflow: auto;
	}

	.MyEclipse #feature h4 {
		font-weight: bold;
		line-height: 3rem;
	}

	.MyEclipse #feature .content {
		padding: 0 40px 50px;
		margin: auto;
		overflow: auto;
	}

	.MyEclipse #feature .icon {

		border-radius: 300px;
		-webkit-border-radius: 300px;
		-moz-border-radius: 300px;
/*		width: 81px;*/
		height: 81px;
/*		position: absolute;*/
/*		left: 0;*/
		background-position: center;
		background-repeat: no-repeat;
	}

	.MyEclipse #feature .icon.find {
		background: url(../images/me/icon-me-09.png) no-repeat center;
	}
	.MyEclipse #feature .icon.sync {
		background: url(../images/me/icon-me-11.png) no-repeat center;
	}
	.MyEclipse #feature .icon.mobile {
		background: url(../images/me/icon-me-10.png) no-repeat center;
	}
	.MyEclipse #feature .icon.test {
		background: url(../images/me/icon-me-12.png) no-repeat center;
	}
	.MyEclipse #feature h2 {
	    text-align: center;
	    font-weight: normal;
	    margin-bottom: 50px;
	}

	.MyEclipse #capabilities {
		background: #FFFFFF;
		padding-top: 55px;
		border-top: #e5e5e5 1px solid;
		border-bottom: #e5e5e5 1px solid;
		overflow: hidden;
	}
	.MyEclipse #capabilities h2, .MyEclipse #capabilities h2 {
		text-align: center;
		/* color: #09225E; */
		font-weight: normal;
		margin-bottom: 55px;
	}

	.MyEclipse #capabilities .menuLeft {
		width: 48%;
		float: left;
		margin-bottom: 40px;
		min-height: 420px;
		border-top: 1px solid #e5e5e5;
		position: relative;
	}
	.MyEclipse #capabilities .blurb {
		display: none;
		padding-left: 10px;
	}
	.MyEclipse #capabilities .current .blurb {
		display: block;
		padding-left: 50px;
		padding-right: 15px;
		min-height: 75px;
	}
	.MyEclipse #capabilities li {
		cursor: pointer;
		border: 1px solid #e5e5e5;
		padding: 15px 0;
		border-top: 0;
		position: relative;
	}

	.MyEclipse #capabilities li.current:after {
	    top: 45%;
	    top: calc( 50% - 8px );
	right: -16px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(96, 168, 207, 0);
	border-left-color: #e5e5e5;
	border-width: 8px;
	margin-left: -8px;

	}

	.MyEclipse #capabilities li.current {
		cursor: inherit;
	}
	.MyEclipse #capabilities h4 {
		padding-left: 50px;
		background-repeat: no-repeat;
		background-position: 11px center;
		background-size: 26px;
	}

	.MyEclipse #capabilities li:hover {
		background: rgba(255,255,255,0.2);
	}
	.MyEclipse #capabilities .picture {
		width: 460px;
		position: absolute;
		right: -700px;
		top: -20px;
		height: 421px;
		background-position: center;
		overflow: visible;
		background-size: contain;
		text-align: center;
		background-repeat: no-repeat;
		opacity: 0;

	}
	.MyEclipse #capabilities .picture.active {
		transition: .3s all ease;
		opacity: 1;
		right: -490px;
	}

	.MyEclipse #capabilities .content {
		margin-bottom: 55px;
		overflow: visible;
	}

	.MyEclipse #feature {
		min-height: 480px;
		background: url('../images/me/subtle_dots.png');
	}

	.MyEclipse #footer-products {
		position: fixed;
		bottom: 0;
		width: 100%;
		z-index: -1;
	}
	.MyEclipse {
		margin-bottom: 404px;
		background: white;
	}

	.MyEclipse #choose {
		height: auto;
		background: white;
		padding-top: 70px;
		overflow: auto;
		padding-bottom: 100px;
	}

	.MyEclipse #choose h2 {
		text-align: center;
		margin-bottom: 130px;
		font-weight: normal;
	}

	.MyEclipse #choose .block {
		min-height: 360px;
		float: left;
		width: 480px;
		padding: 101px 40px 0 40px;
		background: #f2f2f2;
		position: relative;
	}

	.MyEclipse #choose .block:before {
		width: 150px;
		height: 150px;
		content: ' ';
		background: #3B62AB url(../images/me/team.png) center no-repeat;
		display: block;
		position: absolute;
		top: -75px;
		left: 165px;
		border-radius: 50%;
		border: 10px solid white;
	}
	.MyEclipse #choose .individuals.block:before {
		background: #3B62AB url(../images/me/individual.png) center no-repeat;
	}
	.MyEclipse #choose .individuals {
		float: right;
	}

	.MyEclipse #choose h3 {
		text-align: center;
		margin-bottom: 10px;
		font-size: 2rem;
	}
	.MyEclipse #choose .learnMore {
		position: absolute;
		bottom: 40px;
		right: 40px;
		font-weight: bold;
		font-size: 1.5rem;
	}

	.MyEclipse h2, .MyEclipse h3 {
		font-family: "proxima-nova-soft", "Lato", sans-serif;
	}
	.MyEclipse #testimonialsQuotes {
		background: #444 url('../images/sdc/dotPattern.png');
		width: 100%;
		height: auto;
		padding-bottom: 35px;
		background-color: rgb(187, 48, 48);
	}

	.MyEclipse #testimonials .content {
		padding: 75px 0;
	}

	.MyEclipse #news {
		background: #FFFFFA;
	padding-top: 20px;
	overflow: auto;
	padding-bottom: 40px;
	position: relative;

		border: 1px solid rgba(236, 236, 236, 1);
	border-left: 0;
	border-right: 0;
		background: url('../images/me/subtle_dots.png');
	}
	.MyEclipse #news .post .post-content {
		min-height: 200px;
	}
	.MyEclipse #news .post {
		width: 312px;
		position: relative;
		float: left;
		box-shadow: 0px 1px 2px #A6A6A6;
		height: 400px;
	}

	.MyEclipse .post-content .readmore {
		display: none;
	}

	.MyEclipse #news h2 {
		text-align: center;
		margin-top: 35px;
		font-weight: normal;
	}

	.MyEclipse #news .post-title {
		padding: 10px 80px 10px 10px;
		background: #0F75BC;
		height: 50px;
		vertical-align: middle;
	}
	.MyEclipse #news .circle {
		border-radius: 50%;
		background: white;
		content: ' ';
		height: 64px;
		width: 64px;
		display: block;
		position: absolute;
		left: auto;
		right: 5px;
		top: 0px;
		border: 5px solid #0F75BC;
		color: #0F75BC;
		font-size: 43px;
		text-align: center;
		padding-top: 13px;
	}

	.MyEclipse #news .post:last-child {
		float: right;
	}

	.MyEclipse #news .post:nth-child(2) {
		margin-left: 27px;
	}

	.MyEclipse #download {
		background: white;
		overflow: visible;
		position: relative;
	}

	.MyEclipse #download .download-guy {
		height: 539px;
		width: 494px;
		top: -22px;
		position: absolute;
		right: 0;
		background: url('../images/me/bob-download.png') no-repeat;
		z-index: 19;
	}

	.MyEclipse #download  .downloadText .buttonFill {
		background: #02588e url('../images/me/download-icon.png') no-repeat;
		background-repeat: no-repeat;
		background-size: 35px;
		background-position: 40px 10px;
	}

	.MyEclipse #download .buttonFill:hover {
		background-color: #2EB9AA;
	}
	.MyEclipse #download .downloadText {
		float: left;
	}

	.MyEclipse .moreNews {
		margin: auto;
		width: 100%;
		position: absolute;
		bottom: 0;
		text-align: center;
		padding: 0;
	}
	.MyEclipse .moreNews a {
		border: 1px solid #0D2A49;
		margin: auto;
		display: inline-block;
		padding: 5px 15px;
		border-bottom: 0;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
		color: white;
		background: #0D2A49;
	}


	/*
	 NUEVO HEADER DE ME
	 * */

	.header_me {
		/*background: url('../images/me/code.png') 50% 0 no-repeat #0b2a49;*/
		background: #0b2a49;
		height: 770px;
		position: relative;
		font-family: "Proxima Nova Soft", 'proxima-nova', sans-serif;
	}

	#me_header .content {
		padding: 150px 0 0 0;
		margin: auto;
		text-align: center;
		color: #fff;
		position: relative;
		z-index: 2;
	}
	#me_header .message {
	    float: right;
	    margin-top: 20px;
	    width: 425px;
	    text-align: right;
	    position: relative;
	}

	#me_header .blurbs {
	    min-height: 200px;
	    position: absolute;
	    right: 0px;
	    width: 425px;
	}
	#me_header .blurbs div.active{
		opacity: 1;
		top: 0px;

		 transition: all .4s ease;
	}
	#me_header .screens div.active{
		opacity: 1;
		left: 0px;
		 transition: all .4s ease;
	}

	#me_header .screens > div {
		opacity: 0;
		left: -120px;
	}

	#me_header .blurbs > div {
	    min-height: 200px;
	    position: absolute;
	    top: 120px;
	    right: 0px;
	    opacity: 0;
	   	width: 400px;

	}

	#me_header .screens{
		left: -60px;
		position: absolute;
	}

	#me_header .play {
	    background: url(../images/me/play_button.png) no-repeat center;
	    position: absolute;
	    display: block;
	    z-index: 9;
	    top: 0;
	    opacity: 0.9;
	    cursor: pointer;
	    height: 421px;
	    width: 597px;
	    left: -60px;
	    transition: all .3s ease;
	}
	#me_header .play:hover{
		opacity: 1;
	}
	#me_header .left {
	    float: left;
	    position: relative;
	    margin-top: 0px;
	}
	#me_header .me_coding,#me_header .mobile_coding,#me_header .web_coding,#me_header .enterprise_coding,#me_header .cloud_coding  {
	    background: url('../images/me/window.png') no-repeat;
	    width: 573px;
	    height: 421px;
	    position: absolute;
	    left: -60px;
	}

	#me_header .enterprise_coding{
		 background: url('../images/me/window_split.png') no-repeat;
	}
	#me_header .cloud_coding{
		 background: url('../images/me/cloud.png') no-repeat;
	}
	#me_header .graph{
		background: url('../images/me/graph.png') no-repeat;

		width: 430px;

		height: 161px;
		top: 68px;
		left: 133px;
		position: absolute;
	}
	#me_header .gear1, #me_header .gear2, #me_header .gear3, #me_header .gear4{
		background: url('../images/me/gear.png') no-repeat;

		width: 102px;

		height: 102px;
		top: 200px;
		left: 240px;
		position: absolute;
		z-index: 6;
		background-size: auto 100%;
		-webkit-animation: gears 3s linear infinite;
		-moz-animation: gears 3s infinite linear;
		animation: gears 3s infinite linear;
	}

	#me_header .gear2{
	    left: 325px;

	    top: 180px;
	    height: 58px;
	    width: 58px;
	    opacity: 0.7;
	    -webkit-animation: gearsReverse 3s linear infinite;
		-moz-animation: gearsReverse 3s infinite linear;
		animation: gearsReverse 3s infinite linear;
	}
	#me_header .gear3{
	    left: 354px;
	    top: 224px; height: 58px; width: 58px;

	}
	#me_header .gear4{
	    left: 406px;
	    top: 235px; height: 58px; width: 58px;
	    -webkit-animation: gearsReverse 3s linear infinite;
		-moz-animation: gearsReverse 3s infinite linear;
		animation: gearsReverse 3s infinite linear;

	}



	#me_header .mobile_coding, #me_header .web_coding {
	    height: 370px;

	    background-size: auto 100%;
	    left: -50px;
	}
	#me_header .phone{
		background: url('../images/me/smartphone.png') no-repeat;

		width: 180px;

		height: 369px;
	    position: absolute;

		left: 400px;
		top: 50px;
		z-index: 6;
	}

	 #me_header .browser {
		background: url('../images/me/browser.png') no-repeat;

		width: 381px;

		height: 265px;
	    position: absolute;

		left: 202px;
		top: 50px;
		z-index: 6;
	}
	#me_header .browser .html {
		background: url('../images/me/html.png') no-repeat center;
		width: 381px;
		height: 265px;
		top: 15px;
	    position: absolute;
	}


	#me_header  .enterprise_coding .mask_code {
	    height: 175px;
	    top: 234px;
	}

	#me_header  .mobile_coding .mask_code, #me_header  .web_coding .mask_code {
		width: 365px;
		height: 301px;
		left: 130px;
		top: 58px;
	}



	#me_header  .mask_code {
		width: 431px;
		height: 330px;
		position: absolute;
		left: 132px;
		top: 78px;
		overflow: hidden;
	}
	#me_header .code {
		background: url('../images/me/animated-code.png') left no-repeat;
		width: 414px;
		height: 830px;
		background-position: left 0px;
		position: absolute;
		 -webkit-animation: movecode 30s steps(25, end) infinite;
		 -moz-animation: movecode 30s steps(25, end) infinite;
		 animation: movecode 30s steps(25, end) infinite;
		 -webkit-transition: transform .4s ease;
		 transition: transform .4s ease;
	}

	@-webkit-keyframes movecode {
	  to {
	     -webkit-transform: translateY(-380px);
	     transform: translateY(-380px);
	  }
	}
	@-moz-keyframes movecode {
	  to {
	     -webkit-transform: translateY(-380px);
	     transform: translateY(-380px);
	  }
	}



	#me_header  .mask_frame {
	    height: 287px;
	    top: 39px;
	    left: 10px;
	    overflow: hidden;
	    position: absolute;
	    width: 159px;
	}

	#me_header .frame {
		background: url('../images/me/wireframe.png') left no-repeat;
		width: 159px;
		height: 324px;
		background-position: left 0px;
		position: absolute;
		opacity: 0.7;
	}


	#me_header .cover {
		position: absolute;
		right: 20px;
		bottom: 20px;
	}

	#me_header h1 {
		width: 260px;
		height: 53px;
		position: relative;
		margin: auto;
		background: url('../images/me/me_logo.png') center no-repeat;
		text-indent: -9999px;
		text-align: initial;
		display: inline-block;
	}

	#me_header h2 {
		font-size: 25px;
		font-weight: normal;
		margin-top: 25px;
	}

	#me_header h2 strong {
		font-weight: bold;
	}

	#me_header p {
		color: #adb3ba;
		font-size: 14px;
		margin-top: 10px;
		margin-bottom: 0px;
		position: relative;
	}

	#me_header .button_cta .download_header {
		font-weight: bold;
		font-size: 24px;
		padding: 20px 100px 18px 25px;
		border-radius: 10px;
		background: url('../images/me/download_icon.png') 84% 50% no-repeat #e7485c;
		text-decoration: none;
		position: relative;
		color: #fff;
		-webkit-transition: all 100ms ease-in-out;
		-moz-transition: all 100ms ease-in-out;
		transition: all 100ms ease-in-out;
		display: inline-block;
		margin-top: 283px;
		font-family: "proxima-nova-soft", "Lato", sans-serif;
	}

	#me_header .button_cta .download_header:hover {
		background: url('../images/me/download_icon.png') 84% 50% no-repeat #ef596c;
	}

	#me_header .button_cta p {
		font-size: 14px;
		color: #fff;
		margin-top: 40px;
	}

	.header_pillars div{
		display: inline-block;
		width: 91px;
		height: 80px;
		background: url(../images/me/top_icons.png) no-repeat left 130%;
		position: relative;
		opacity: 0.8;
		margin: 0 25px;
		vertical-align: top;
		transition: all .4s ease;
		cursor: pointer;
	}
	.header_pillars div.active{
		opacity: 1;
	}
	.header_pillars .active span{
		display: block;
	}
	.header_pillars span{
		display: none;
		text-align: center;
		font-weight: bold;
		color: white;

	}


	.header_pillars{
		width: 760px;
		position: absolute;
		height: 80px;
		text-align: center;
		bottom: 0;
		left: 50%;
		margin-left: -380px;
		margin-bottom: 70px;
	}


	.header_pillars .mobile_b {
		background-position: -95px 130%;
	}
	.header_pillars .web_b {
		background-position: -191px 130%;
	}
	.header_pillars .enterprise_b {
		background-position: -287px 130%;
	}
	.header_pillars .cloud_b {
		background-position: -378px 130%;
	}


	.header_pillars .me_b.active {
		background-position: 0px bottom;
	}
	.header_pillars .mobile_b.active {
		background-position: -95px bottom;
	}
	.header_pillars .web_b.active {
		background-position: -191px bottom;
	}
	.header_pillars .enterprise_b.active {
		background-position: -287px bottom;
	}
	.header_pillars .cloud_b.active {
		background-position: -378px bottom;
	}



	.hot_bar a:hover{
		text-decoration: underline;
	}
	.hot_bar a{
		color: white;
		text-decoration: none;
		background: url('../images/me/newspaper.png') no-repeat left center;
		padding-left: 43px;
		margin-top: 22px;
		display: inline-block;

		font-size: 2rem;
	}
	.hot_bar {
		height: 70px;
		position: absolute;
		background: #3568b1;
		width: 100%;
		bottom: 0;
		text-align: center;
	}

	.gradient {
		position: absolute;
		background: -moz-linear-gradient(top,  rgba(11,42,73,1) 30%, rgba(11,42,73,0) 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,rgba(11,42,73,1)), color-stop(100%,rgba(11,42,73,0)));
		background: -webkit-linear-gradient(top,  rgba(11,42,73,1) 30%,rgba(11,42,73,0) 100%);
		background: -o-linear-gradient(top,  rgba(11,42,73,1) 30%,rgba(11,42,73,0) 100%);
		background: -ms-linear-gradient(top,  rgba(11,42,73,1) 30%,rgba(11,42,73,0) 100%);
		background: linear-gradient(to bottom,  rgba(11,42,73,1) 30%,rgba(11,42,73,0) 100%);
		height: 395px;
		width: 100%;
		top: 60px;
		z-index: 1;
	}

	.MyEclipse #footer-products {
		background: #0D2A49;
	}

	.SDC #footer-products {
		background: #017fcf;
	}
	.MyEclipse #footer-products .content {
		border-left: 1px solid rgba(255,255,255,0.1);
		border-right: 1px solid rgba(255,255,255,0.1);
		color: #fff;
	}

	.MyEclipse .footerNav {
		border-bottom: 1px solid rgba(255,255,255,0.1);
	}

	.MyEclipse .followUsF {
		border-top: 1px solid rgba(255,255,255,0.1);
	}

	.MyEclipse .footerRight {
		border-left: 1px solid rgba(255,255,255,0.1);
	}

	.MyEclipse .blogMeta .dayF {
		color: #93B4D8;
	}

	.MyEclipse .blogMeta .monthF {
		color: #93B4D8;
	}

	.MyEclipse .buttonOutline:hover {
		background: #00b0f9;
		color: white;
	}

	.MyEclipse #footer-products a:hover {
		color: white;
	}

	.post-title h4 {
		width: 220px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		padding-top: 4px;
	}

	.MyEclipse #footer-products a {
		color: #93B4D8;
		border-color: rgba(255,255,255,0.2);
	}

	.MyEclipse #footer-products .blogFcontent a {
		white-space: nowrap;
		overflow: hidden;
		display: block;
		text-overflow: ellipsis;
	}
	.MyEclipse #error {
		padding: 0;
	}
	.MyEclipse #subscribe:disabled {
		opacity: 0.5;
		cursor: wait;
	}

	.MyEclipse .thanks {
		width: 100%;
	}

	.MyEclipse #copyright {
		border-top: 1px solid rgba(255,255,255,0.1);
	}

	.MyEclipse #buyIt .content {
		background: url('../images/me/bob-quote.png') 20px center no-repeat;
		margin: 20px auto;
	}

	.MyEclipse #buyIt .bigText {
		padding: 110px 0 110px 270px;
		font-size: 2.7rem;
		font-weight: 300;
		line-height: 3.4rem;
	}

	.MyEclipse #buyIt .bigText a {
		color: #017fcf;
		border-bottom: 1px solid #cce5f5;
	}

	.MyEclipse #buyIt .bigText a:hover {
		color: #02588e;
	}
	.MyEclipse #buyIt .bigText a:after {
		content: '';
		background: url('../images/sdc/quoteIcon.jpg') 0px center no-repeat;
		width: 26px;
		height: 40px;
		position: absolute;
		margin-left: 20px;
	}

	.MyEclipse #buyIt .estimate {
		background: url('../images/sdc/estimate.jpg') bottom right no-repeat;
		height: 12px;
		width: 121px;
		position: absolute;
		right: 0;
		bottom: -20px;
	}

	/* MYECLIPSE FEATURES */

	.MyEclipse h2.feature_title {
		font-weight: bold;
		font-size: 40px;
		text-align: center;
		color: #3e62aa;
	}


	.MyEclipse .enterprise {
		float: left;
		height: 206px;
		margin-left: 5%;
		margin-top: 0px;
		clear: none;
		width: 45%;
	}
	.MyEclipse #Top_Features div h2{
		font-size: 22px;
		font-weight: bold;
		text-align: left;
		color: #3e62aa;
		margin: 0;
	}
	.MyEclipse #Top_Features h2{
		margin-top: 20px;
		margin-bottom: 60px;
		font-weight: normal;
		font-size: 3.2rem;
		text-align: center;
	}

	.MyEclipse #Top_Features{
		overflow: auto;
		margin-top: 50px;
	}

	.MyEclipse #content {
		float: none;
		margin: 0px auto;
		clear: both;
		width: 100%;
		min-width: 0px;
	}

	.MyEclipse #bckgd_menu {
		height: 68px;
		clear: none;
		width: 100%;
		background-color: rgb(239, 237, 237);
	}


	.MyEclipse #menu {
		float: none;
		height: 70px;
		margin-left: auto;
		margin-top: 0px;
		clear: none;
		width: 285px;
		margin-right: auto;
		text-align: center;
	}


	.MyEclipse #menu a {
		display: inline-block;
		float: none;
		height: 70px;
		margin-left: 0%;
		margin-top: 0px;
		clear: none;
		width: 70px;
		background-image: url("img/icons-F-25.png");
		background-attachment: scroll;
		-webkit-background-size: auto;
		background-size: auto;
		margin-right: 0%;
		background-position: 0% 0%;
		background-repeat: no-repeat no-repeat;
	}


	.MyEclipse #text1 {
		font-size: 28px;
		color: #3e62aa;
		font-weight: bold;
		line-height: 32px;
		margin-bottom: 20px;
		text-align: center;
	}

	.MyEclipse #individual:active {
		background-color: rgb(36, 111, 189);
	}

	.MyEclipse #tech_specs:active {
		background-color: rgb(36, 111, 189);
	}

	.MyEclipse #teams:active {
		background-color: rgb(36, 111, 189);
	}

	.MyEclipse #special:active {
		background-color: rgb(36, 111, 189);
	}

	.MyEclipse #features_display {
		margin-left: auto;
		margin-top: 70px;
		max-width: 990px;
		margin-right: auto;
	}

	.MyEclipse .feature_post {
		border-bottom: 1px solid #d7d7d7;
		padding: 35px;
	}

	.MyEclipse .title_feature {
		color: #3e62aa;
		font-weight: bold;
		font-size: 22px;
		line-height: 28px;
		text-align: center;
	}

	.MyEclipse .feature_post .picture {
		float: right;
		height: 468px;
		/* margin-left: 0px; */
		/* clear: none; */
		width: 490.015625px;
		/* margin-right: 0%; */
		background-attachment: scroll;
		background-size: contain;
		background-position: 50% 50%;
		background-repeat: no-repeat;
		-webkit-transform: translateX(80px);
		-moz-transform: translateX(80px);
		transform: translateX(80px);
		opacity: 0;
		-webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
		transition: transform 0.5s, opacity 0.5s;
	}

	.MyEclipse .picture.picture-left{
		-webkit-transform: translateX(-80px);
		-moz-transform: translateX(-80px);
		transform: translateX(-80px);
		float: left;
	}
	.MyEclipse .appear .picture, .MyEclipse .appear .picture.picture-left{
		-webkit-transform: translateX(0px);
		-moz-transform: translateX(0px);
		transform: translateX(0px);
		opacity: 1;
	}

	div.technologies_logos {
	    clear: both;
	    overflow: auto;
	    text-align: center;
	}
	div.technologies_logos div {
	    max-height: 50px;
	    width: 130px;
	    display: inline-block;
	    background-repeat: no-repeat;
	    background-size: auto 100%;
	    background-position: center;
	    height: 400px;
	    -webkit-filter: grayscale(100%);
	    opacity: 0.5;
	    transition: all .4s ease; -webkit-backface-visibility: hidden;
	    margin: 0 10px;

	}
	div.technologies_logos div:hover {
	    -webkit-filter: grayscale(0%);
	    opacity: 1;
	}


	.MyEclipse #line {
		float: left;
		height: 50px;
		margin-left: 0%;
		margin-top: 0px;
		clear: none;
		width: 100%;
		background-image: url("img/line2.png");
		background-attachment: scroll;
		-webkit-background-size: 100%;
		background-size: 100%;
		background-position: 0% 50%;
		background-repeat: no-repeat no-repeat;
	}

	.MyEclipse #line1 {
		float: left;
		height: 50px;
		margin: 0px 0%;
		clear: none;
		width: 100%;
		display: block;
		background-image: url("img/line2%201.png");
		background-attachment: scroll;
		-webkit-background-size: 100%;
		background-size: 100%;
		background-position: 0% 50%;
		background-repeat: no-repeat no-repeat;
	}

	.MyEclipse #icon_star1 {
		float: none;
		height: 100px;
		margin: 50px auto 0px;
		clear: none;
		width: 100px;
		background-image: url("img/icon-F-41.png");
		background-attachment: scroll;
		-webkit-background-size: 100%;
		background-size: 100%;
		background-position: 0% 0%;
		background-repeat: no-repeat no-repeat;
	}

	.MyEclipse #text5 {
		float: none;
		font-size: 16px;
		width: 80%;
		height: auto;
		text-align: left;
		font-weight: normal;
		line-height: 1em;
		margin: 30px auto 0px;
		clear: none;
		min-height: 226px;
		min-width: 0px;
	}

	.MyEclipse .text_box {
		float: left;
		height: 468px;
		margin: 20px 0px 0px 0%;
		clear: none;
		width: 410px;
	-webkit-transform: translateX(-80px);
		-moz-transform: translateX(-80px);
		transform: translateX(-80px);
		opacity: 0;
		-webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
		transition: transform 0.5s, opacity 0.5s;
	}
	.MyEclipse .appear .text_box, .MyEclipse .appear .text_box_right{
		-webkit-transform: translateX(0px);
		-moz-transform: translateX(0px);
		transform: translateX(0px);
		opacity: 1;
	}

	.MyEclipse .text_box_right {
		float: right;
		-webkit-transform: translateX(80px);
		-moz-transform: translateX(80px);
		transform: translateX(80px);
	}

	.MyEclipse .text_small {
		color: #58595b;
		font-size: 14px;
		line-height: 25px;
		margin-top: 20px;
	}

	.MyEclipse #icon_star {
		float: none;
		height: 100px;
		margin: 50px auto 10px;
		clear: none;
		width: 100px;
		background-image: url("img/star.png");
		background-attachment: scroll;
		-webkit-background-size: auto;
		background-size: auto;
		background-position: 0% 0%;
		background-repeat: no-repeat no-repeat;
	}

	.MyEclipse #text3 {
		float: none;
		font-size: 16px;
		width: 80%;
		height: auto;
		text-align: left;
		font-weight: normal;
		line-height: 1em;
		margin: 30px auto 0px;
		clear: none;
		min-height: 226px;
		min-width: 0px;
	}

	.MyEclipse #textspan3 {
		float: none;
		font-size: 1em;
		line-height: 1em;
		color: rgb(17, 52, 89);
	}

	.MyEclipse #textspan4 {
		float: none;
		font-size: 1em;
		line-height: 1em;
		color: rgb(157, 158, 158);
		font-weight: 300;
	}

	.MyEclipse #text4 {
		float: left;
		height: 468px;
		margin: -468px 0px 0px 50.118371%;
		clear: left;
		width: 49.998422%;
	}

	.MyEclipse #text6 {
		float: left;
		height: 468px;
		margin: 0px 0px 0px 0.5px;
		clear: left;
		width: 50.503472%;
		display: block;
	}

	.MyEclipse #icon_star2 {
		float: none;
		height: 100px;
		margin: 50px auto 0px;
		clear: none;
		width: 100px;
		background-image: url("img/icon-F-42.png");
		background-attachment: scroll;
		-webkit-background-size: 100%;
		background-size: 100%;
		background-position: 0% 0%;
		background-repeat: no-repeat no-repeat;
	}

	.MyEclipse #text7 {
		float: none;
		font-size: 16px;
		width: 80%;
		height: auto;
		text-align: left;
		font-weight: normal;
		line-height: 1em;
		margin: 30px auto 0px;
		clear: none;
		min-height: 226px;
		min-width: 0px;
	}

	.MyEclipse #picture2 {
		float: right;
		height: 468px;
		margin: -468px -0.5px 0px 0px;
		clear: left;
		width: 490.015625px;
		display: block;
		background-image: url("img/lap%204.png");
		background-attachment: scroll;
		-webkit-background-size: 100%;
		background-size: 100%;
		background-position: 0% 50%;
		background-repeat: no-repeat no-repeat;
	}

	.MyEclipse #line2 {
		float: left;
		height: 50px;
		margin: 0px;
		clear: none;
		width: 100%;
		display: block;
		background-image: url("img/line2.png");
		background-attachment: scroll;
		-webkit-background-size: auto;
		background-size: auto;
		background-position: 0% 50%;
		background-repeat: no-repeat no-repeat;
	}

	.MyEclipse #picture3 {
		float: left;
		height: 468px;
		margin: 0px 0% 0px 0px;
		clear: left;
		width: 500px;
		display: block;
		background-image: url("img/lap%201.png");
		background-attachment: scroll;
		-webkit-background-size: auto;
		background-size: auto;
		background-position: 0% 50%;
		background-repeat: no-repeat no-repeat;
	}

	.MyEclipse #text8 {
		float: left;
		height: 468px;
		margin: 0px;
		clear: none;
		width: 489.9999951px;
		display: block;
	}

	.MyEclipse #icon_star3 {
		float: none;
		height: 100px;
		margin: 50px auto 0px;
		clear: none;
		width: 100px;
		background-image: url("img/icon-F-43.png");
		background-attachment: scroll;
		-webkit-background-size: 100%;
		background-size: 100%;
		background-position: 0% 0%;
		background-repeat: no-repeat no-repeat;
	}

	.MyEclipse #text9 {
		float: none;
		font-size: 16px;
		width: 80%;
		height: auto;
		text-align: left;
		font-weight: normal;
		line-height: 1em;
		margin: 30px auto 0px;
		clear: none;
		min-height: 226px;
		min-width: 0px;
	}

	.MyEclipse #textspan9 {
		float: none;
		font-size: 1em;
		line-height: 1em;
		color: rgb(17, 52, 89);
	}

	.MyEclipse #line3 {
		float: left;
		height: 50px;
		margin: 0px 0%;
		clear: none;
		width: 100.12%;
		display: block;
		background-image: url("img/line2%201.png");
		background-attachment: scroll;
		-webkit-background-size: auto;
		background-size: auto;
		background-position: 0% 50%;
		background-repeat: no-repeat no-repeat;
	}

	.MyEclipse #textspan2 {
		float: none;
		font-size: 1em;
		line-height: 1em;
		color: rgb(17, 52, 89);
		font-weight: 600;
	}

	.MyEclipse #textspan6 {
		float: none;
		font-size: 1em;
		line-height: 1em;
		color: rgb(17, 52, 89);
	}

	.MyEclipse #textspan7 {
		float: none;
		font-size: 1em;
		line-height: 1em;
		color: rgb(17, 52, 89);
		font-weight: 600;
	}

	.MyEclipse #textspan8 {
		float: none;
		font-size: 1em;
		line-height: 1em;
		color: rgb(17, 52, 89);
		font-weight: 600;
	}

	.MyEclipse #textspan5 {
		float: none;
		font-size: 1em;
		line-height: 1em;
		color: rgb(17, 52, 89);
		font-weight: 600;
	}

	.MyEclipse #text10 {
		float: left;
		height: 468px;
		margin: 0px 0px 0px 0.5px;
		clear: left;
		width: 500.546875px;
		display: block;
	}

	.MyEclipse #icon_star4 {
		float: none;
		height: 100px;
		margin: 50px auto 0px;
		clear: none;
		width: 100px;
		background-image: url("img/icon-F-44.png");
		background-attachment: scroll;
		-webkit-background-size: 100%;
		background-size: 100%;
		background-position: 0% 0%;
		background-repeat: no-repeat no-repeat;
	}

	.MyEclipse #text11 {
		float: none;
		font-size: 16px;
		width: 80%;
		height: auto;
		text-align: left;
		font-weight: normal;
		line-height: 1em;
		margin: 30px auto 0px;
		clear: none;
		min-height: 226px;
		min-width: 0px;
	}

	.MyEclipse #textspan10 {
		float: none;
		font-size: 1em;
		line-height: 1em;
		color: rgb(17, 52, 89);
		font-weight: 600;
	}

	.MyEclipse #picture4 {
		float: right;
		height: 468px;
		margin: -468px -1.0625px 0px 0px;
		clear: left;
		width: 490.015625px;
		display: block;
		background-image: url("img/lap%204.png");
		background-attachment: scroll;
		-webkit-background-size: auto, auto;
		background-size: auto, auto;
		background-position: 0% 50%;
		background-repeat: no-repeat no-repeat;
	}

	.MyEclipse #line4 {
		float: none;
		height: 50px;
		margin: 0px auto;
		clear: both;
		width: 100%;
		display: block;
		background-image: url("img/line2.png");
		background-attachment: scroll;
		-webkit-background-size: 100%;
		background-size: 100%;
		min-width: 0px;
		background-position: 0% 50%;
		background-repeat: no-repeat no-repeat;
	}

	.MyEclipse #picture5 {
		float: left;
		height: 468px;
		margin: 0px 0% 0px 1.046875px;
		clear: none;
		width: 500px;
		display: block;
		background-image: url("img/lap%201.png");
		background-attachment: scroll;
		-webkit-background-size: auto;
		background-size: auto;
		background-position: 0% 50%;
		background-repeat: no-repeat no-repeat;
	}

	.MyEclipse #text12 {
		float: left;
		height: 468px;
		margin: -468px 0px 0px 501.046875px;
		clear: left;
		width: 490px;
		display: block;
	}

	.MyEclipse #icon_star5 {
		float: none;
		height: 100px;
		margin: 50px auto 0px;
		clear: none;
		width: 100px;
		background-image: url("img/icon-F-45.png");
		background-attachment: scroll;
		-webkit-background-size: auto;
		background-size: auto;
		background-position: 0% 0%;
		background-repeat: no-repeat no-repeat;
	}

	.MyEclipse #text13 {
		float: none;
		font-size: 16px;
		width: 80%;
		height: auto;
		text-align: left;
		font-weight: normal;
		line-height: 1em;
		margin: 30px auto 0px;
		clear: none;
		min-height: 226px;
		min-width: 0px;
	}

	.MyEclipse #textspan11 {
		float: none;
		font-size: 1em;
		line-height: 1em;
		color: rgb(17, 52, 89);
		font-weight: 600;
	}

	.MyEclipse #textspan12 {
		float: none;
		font-size: 1em;
		line-height: 1em;
		color: rgb(17, 52, 89);
	}

	.MyEclipse #line5 {
		float: none;
		height: 50px;
		margin: 0px auto;
		clear: left;
		width: 100%;
		display: block;
		background-image: url("img/line2%201.png");
		background-attachment: scroll;
		-webkit-background-size: auto;
		background-size: auto;
		min-width: 0px;
		background-position: 0% 50%;
		background-repeat: no-repeat no-repeat;
	}

	.MyEclipse #line6 {
		float: none;
		height: 50px;
		margin: 0px 0px 0px -0.19886364%;
		clear: both;
		width: 100%;
		display: block;
		min-width: 0px;
		background-image: url("img/line2.png");
		background-attachment: scroll;
		-webkit-background-size: auto;
		background-size: auto;
		background-position: 0% 50%;
		background-repeat: no-repeat no-repeat;
	}

	.MyEclipse #picture7 {
		float: left;
		height: 468px;
		margin: 0px 0% 0px 0.09375px;
		clear: none;
		width: 500px;
		display: block;
		background-image: url("img/lap%201.png");
		background-attachment: scroll;
		-webkit-background-size: auto;
		background-size: auto;
		background-position: 0% 50%;
		background-repeat: no-repeat no-repeat;
	}

	.MyEclipse #text16 {
		float: left;
		height: 468px;
		margin: -468px 0px 0px 500.5px;
		clear: left;
		width: 490px;
		display: block;
	}

	.MyEclipse #icon_star7 {
		float: none;
		height: 100px;
		margin: 50px auto 0px;
		clear: none;
		width: 100px;
		background-image: url("img/icon-F-47.png");
		background-attachment: scroll;
		-webkit-background-size: 100%;
		background-size: 100%;
		background-position: 0% 0%;
		background-repeat: no-repeat no-repeat;
	}

	.MyEclipse #text17 {
		float: none;
		font-size: 16px;
		width: 80%;
		height: auto;
		text-align: left;
		font-weight: normal;
		line-height: 1em;
		margin: 30px auto 0px;
		clear: none;
		min-height: 226px;
		min-width: 0px;
	}

	.MyEclipse #textspan14 {
		float: none;
		font-size: 1em;
		line-height: 1em;
		color: rgb(17, 52, 89);
		font-weight: 600;
	}

	.MyEclipse #textspan15 {
		float: none;
		font-size: 1em;
		line-height: 1em;
		color: rgb(17, 52, 89);
	}

	.MyEclipse #picture6 {
		float: right;
		height: 468px;
		margin: 0px 0.05% 0px 0px;
		clear: none;
		width: 488.953125px;
		display: block;
		background-image: url("img/lap.png");
		background-attachment: scroll;
		-webkit-background-size: 100%;
		background-size: 100%;
		background-position: 0% 50%;
		background-repeat: no-repeat no-repeat;
	}

	.MyEclipse #text14 {
		float: left;
		height: 468px;
		margin: 0px;
		clear: none;
		width: 500.546875px;
		display: block;
	}

	.MyEclipse #icon_star6 {
		float: none;
		height: 100px;
		margin: 50px auto 0px;
		clear: none;
		width: 100px;
		background-image: url("img/icon-F-46%201.png");
		background-attachment: scroll;
		-webkit-background-size: 100%;
		background-size: 100%;
		background-position: 0% 0%;
		background-repeat: no-repeat no-repeat;
	}

	.MyEclipse #text15 {
		float: none;
		font-size: 16px;
		width: 80%;
		height: auto;
		text-align: left;
		font-weight: normal;
		line-height: 1em;
		margin: 30px auto 0px;
		clear: none;
		min-height: 226px;
		min-width: 0px;
	}

	.MyEclipse #textspan13 {
		float: none;
		font-size: 1em;
		line-height: 1em;
		color: rgb(17, 52, 89);
		font-weight: 600;
	}




	/*  MyEclipse DOWNLOAD */



	.MyEclipse.me_download .inactive .im_team, .MyEclipse.me_download .inactive .im_solo {
	  opacity: 0.5 !important;
	}

	.MyEclipse.me_download .selected {
	  opacity: 1 !important;
	}

	.MyEclipse #download_me.download_myeclipse {
	  background: #082647;
	  height: 380px;
	}

	.MyEclipse .download_myeclipse .content {
	  padding-top: 160px;
	  max-width: 570px;
	  margin: auto;
	  text-align: center;
	}

	.MyEclipse .download_myeclipse .content h2 {
	  font-size: 32px;
	  color: #ffffff;
	  line-height: 42px;
	  font-weight: normal;
	  margin-bottom: 10px;
	}

	.MyEclipse .download_myeclipse .content h2 strong {
	  font-weight: bold;
	}

	.MyEclipse .download_myeclipse .content p {
	  color: #99b8f7;
	  font-size: 14px;
	}

	.MyEclipse #choose_what,
	#choose_os {
	  padding: 85px 0;
	}
	.MyEclipse #choose_what{
		background: #082647;
		padding: 0;
	}
	.MyEclipse #choose_what .content {
	  max-width: 470px;
	  margin: auto;
	  position: relative;
	}

	#choose_os h2,
	#tos h2,
	.select_flavor h2 {
	  font-size: 35px;
	  color: #082647;
	  text-align: center;
	  margin: auto;
	}

	.MyEclipse #choose_what h2{
	font-size: 2rem;
	font-weight: normal;
	color: white;
	font-family: "lato";
	text-align: center;
	  margin: auto;
	}

	.MyEclipse #choose_what .blurb{
		position: absolute;
	padding: 10px;
	color: #FFFFFF;
	border: 1px solid #FFFFFF;
	top: 0px;
	border-radius: 5px;
	transition: all 0.1s ease-in-out;
	left: -230px;
	width: 200px;
	opacity: 1;
		font-family: lato, arial;
	}
	.MyEclipse #choose_what .team .blurb {
		left: auto;
		right: -230px;
	}
	.MyEclipse #choose_what .individual {
		float: left;
		margin-top: 60px;
		transition: all 0.1s ease-in-out;
		position: relative;
		color: #0b264a;
		background: #fff;
		padding: 10px 40px;
		border-radius: 5px 5px 0 0;
	}

	.MyEclipse #choose_what .individual.inactive {
		opacity: 0.5;
	}

	.MyEclipse #choose_what  .inactive .blurb {
		top: 20px ;
		opacity: 0;

	}
	.MyEclipse  #choose_what  .inactive:hover .blurb {
		top: 0px !important;
		opacity: 0.9 !important;

	}
	.MyEclipse #choose_what .im_solo {
	  margin-top: 0;
	font-size: 16px;
	color: #0b264a;
	text-align: center;
	width: 150px;
	font-weight: bold;
	cursor: pointer;
	}

	.MyEclipse #choose_what .lines {
	  width: 83px;

	  height: auto;

	position: absolute;
	left: 50%;
	margin-left: -41px;

	  top: 126px;
	  text-align: center;
	  color: white;
	  font-family: "proxima-nova-soft", "Lato", sans-serif;
	  font-size: 2.5rem;
	}

	.MyEclipse #choose_what .team {
		float: right;
		color: #0b264a;
		background: #fff;
		padding: 10px 40px;
		border-radius: 5px 5px 0 0;
		margin-top: 60px;
		transition: all 0.1s ease-in-out;
		position: relative;

	}

	.MyEclipse #choose_what .team.inactive {
		opacity: 0.5;
	}

	.MyEclipse #choose_what .im_team {
	  font-size: 16px;
		color: #0b264a;
		text-align: center;
		width: 150px;
		font-weight: bold;
		cursor: pointer;
	}



	.MyEclipse #choose_what .im_team:before, .MyEclipse #choose_what .im_solo:before{
		font-size: 16px;
		color: #FFFFFF;
		text-align: center;
		width: 145px;
		font-weight: bold;
		cursor: pointer;
		background: #D9E2EF url('../images/me/team.png') no-repeat right bottom;
		height: 145px;
		border-radius: 50%;
		display: block;
		margin: 0 auto 20px auto;
	}



	.MyEclipse #choose_what .im_solo:before {
		background: #D9E2EF url('../images/me/individual.png') no-repeat right bottom;
	}



	.MyEclipse .select_flavor {
		padding-top: 40px;
	}
	.MyEclipse .select_flavor .content {
	  max-width: 850px;
	  margin: auto;
	}

	.MyEclipse .select_os {
	  text-align: right;
	  color: #082647;
	  margin: 30px 0;
	}

	.MyEclipse .table_flavors .option {
	  border-top: 1px solid #e5e5e5;
	  padding: 25px 10px;
	}

	.MyEclipse .table_flavors .image_icon {
	  display: inline-block;
	}

	.MyEclipse .table_flavors .info_option {
	  display: inline-block;
	  line-height: 20px;
	  width: 480px;
	  font-size: 16px;
	  vertical-align: middle;
	  margin-right: 30px;
	}

	.MyEclipse .table_flavors .button {
	  display: inline-block;

	}

	.MyEclipse .table_flavors .image_icon img {
	  vertical-align: middle;
	  margin-right: 20px;
	}

	.MyEclipse .table_flavors .download_it {
	  background: #3568b1;
	  border: none;
	  color: #fff;
	  padding: 10px 45px;
	  border-radius: 10px;
	  font-size: 14px;
	  font-family: "Proxima Nova Soft", "proxima-soft", sans-serif;
	  -webkit-font-smoothing: antialiased;
	  font-weight: bold;
	  cursor: pointer;
	  transition: all 0.1s ease-in-out;
	}

	.MyEclipse.me_download label {
	    cursor: pointer;
	    text-transform: capitalize;
	}



	.MyEclipse #download_versions {
		text-align: center;
		padding: 50px;
		clear: both;
	}
	.MyEclipse #download_versions a{
		display: inline-block;
		margin:20px;
		border: 1px solid #3568b1;
		padding: 10px 45px;
	border-radius: 10px;
	}







	#choose_os h2{
		margin-bottom: 20px;
	}


	#choose_os {
		padding-top: 0px;
		padding-top: 40px;
	}
	#choose_os .content {
	  max-width: 700px;
	  margin: auto;
	}

	#choose_os .os {
	margin-top: 100px;
	}

	#choose_os .os div {
		transition: all 0.1s ease-in-out;
	  padding-top: 190px;
	  font-size: 25px;
	  color: #3568b1;
	  text-align: center;
	  width: 150px;
	  font-weight: bold;
	  display: inline-block;
	  cursor: pointer;
	  opacity: 0.8;
	}
	#choose_os .os .inactive{
		opacity: 0.2;
	}
	#choose_os .os div:hover {
	  opacity: 1;
	}

	.os .macOS {
	  background: url('../images/me/os.png') no-repeat;
	}

	.os .win {
	  background: url('../images/me/os.png') -179px 0 no-repeat;
	  margin: auto;
	  position: absolute;
	  left: 50%;
	  margin-left: -75px;
	}

	.os .linux {
	  background: url('../images/me/os.png') -345px 0 no-repeat;
	  float: right;
	}
	#choose_os p {
	text-align: center;
	color: #3568b1;
	margin-top: 20px;
	font-weight: bold;
	}







	.MyEclipse .thanks_head {
	  background: #082647;
	  position: relative;
	  height: 430px;
	  margin-bottom: 140px;
	}

	.MyEclipse .thanks_head .content {
	  max-width: 560px;
	  padding: 180px 20px 60px 20px;
	  margin: auto;
	  text-align: center;
	}

	.MyEclipse .thanks_head h2 {
	  font-size: 32px;
	  color: #fff;
	  line-height: 42px;
	  margin-bottom: 10px;
	}

	.MyEclipse .thanks_head p {
	  font-size: 14px;
	  color: #99b8f7;
	}

	.MyEclipse .thanks_head p a {
	  color: #fff;
	  text-decoration: none;
	  margin-bottom: 60px;
	}

	.MyEclipse .thanks_head .steps_boxes {
	    width: 100%;
	    margin: 60px auto;
	    text-align: center;
	    position: absolute;
	    bottom: -147px;
	    left: 0;
	}

	.MyEclipse .thanks_head .steps_boxes div {
	  width: 100px;
	  padding-top: 120px;
	  font-size: 14px;
	  color: #082647;
	  background: url('../images/me/download_steps.png') no-repeat;
	  margin: 0 20px;
	  display: inline-block;
	}

	.MyEclipse .thanks_head .steps_boxes .steps_boxes {
	  margin: 0 60px;
	}

	.MyEclipse .thanks_head .steps_boxes .step_2 {
	  background-position: -101px 0;
	}

	.MyEclipse .thanks_head .steps_boxes .step_3 {
	  background-position: -202px 0;
	}

	.MyEclipse .explore {
	  margin: 80px auto;
	  max-width: 500px;
	  text-align: center;
	  padding-bottom: 100px;
	  margin-top: 40px;
	}

	.MyEclipse .explore .explore_link {
	  padding: 20px 20px 20px 65px;
	  border: 2px solid #082647;
	  border-radius: 10px;
	  font-size: 16px;
	  text-decoration: none;
	  color: #082647;
	  font-weight: bold;
	  background: url('../images/me/eye.png') 14px 19px no-repeat;
	}

	.MyEclipse .ctas {
	  width: 760px;
	  margin: auto auto 60px auto;
	}

	.MyEclipse .ctas .cta1,
	.MyEclipse .ctas .cta2,
	.MyEclipse .ctas .cta3 {
	  float: left;
	  width: 200px;
	  height: 200px;
	  margin-left: 40px;
	  background: #f2f2f2;
	}

	.MyEclipse #newsletter, .MyEclipse #simplified {
	  text-align: center;
	  padding-bottom: 20px;
	  float: right;
	  width: 47%;
	}

	.MyEclipse #newsletter .content {
	  max-width: 480px;
	  margin: auto;
	}

	.MyEclipse #simplified {
	  float: left;
	  text-align: left;
	}

	.MyEclipse #simplified div{
	}

	.MyEclipse #simplified  li {
	    position: relative;
	    padding-left: 23px;
	}
	.MyEclipse #simplified  li:before{
	    display: block;
	    position: absolute;
	    background: #7FC268;
	    content: '✓';
	    left: 0px;
	    width: 16px;
	    color: white;
	    border-radius: 100%;

	    height: 16px;
	    top:5px;
	    font-size: 13px;

	    text-align: center;
	    line-height: 16px;

	}

	.MyEclipse #simplified h2 {
		text-align: left;
	}
	.MyEclipse #newsletter h2, .MyEclipse #simplified h2  {
	  font-size: 22px;

	  margin: 10px 0;
	font-weight: bold;
	  /* margin-bottom: 20px; */
	}


	.MyEclipse #newsletter input {
	  padding: 20px;
	  border-radius: 10px;
	  border: 1px solid #ccc;
	  width: 60%;
	  margin: 20px 0;
	  outline: none;
	}

	.MyEclipse #newsletter button {
	  width: 25%;
	  background: #082647;
	  border: none;
	  padding: 20px;
	  border-radius: 10px;
	  color: #fff;
	  font-size: 13px;
	  margin-left: 10px;
	  cursor: pointer;
	  outline: none;
	}

	.MyEclipse #newsletter button:hover {
	  background: #0a2b4f;
	}





	/* MyEclipse Learning Center */



	#lc_me {
		position: relative;
		height: 430px;
		background: #052745;
		text-align: center;
	}

	#lc_me h1 {
	    color: white; margin: auto; display: block; clear: both; font-size: 3.5rem; text-align: center;  font-family: "proxima-nova-soft", "Lato", sans-serif; line-height: 1.3em;
	}

	#lc_me .content {
		max-width: 570px;
		margin: auto;
		padding-top: 170px;
		color: #fff;
	}

	#lc_me .tutorials_link {
		display: block;
		float: left;
		width: 110px;
		height: 110px;
		padding-top: 130px;
		background: url('../images/me/icons_top.png') no-repeat;
		color: #fff;
		text-decoration: none;
		margin-top: 30px;
	}

	#lc_me .videos_link {
		display: block;
		float: left;
		width: 110px;
		height: 110px;
		padding-top: 130px;
		background: url('../images/me/icons_top.png') -121px 0 no-repeat;
		color: #fff;
		text-decoration: none;
		margin-top: 30px;
		margin-left: 120px;
	}

	#lc_me .getting_link {
		display: block;
		float: right;
		width: 110px;
		height: 110px;
		padding-top: 130px;
		background: url('../images/me/icons_top.png') -241px 0 no-repeat;
		color: #fff;
		text-decoration: none;
		margin-top: 30px;
	}

	#lc_me .content h2 {
		font-size: 35px;
		font-weight: normal;
	}

	#wdywtd {
		background: #f2f4f6;
		padding: 35px 0 100px 0;
	}

	#wdywtd .search_wdywtd {
		padding: 13px 45px 13px 15px;
		width: 335px;
		border: 1px solid #b7bbc1;
		background: transparent;
		border-radius: 40px;
		-webkit-border-radius: 40px;
		-moz-border-radius: 40px;
		margin-top: 20px;
		color: #184b78;
		outline: none;
		background: url('../images/me/icons_lc.png') 96% -679px no-repeat;
	}

	#wdywtd .search_wdywtd:focus {
		border-color: #5197ff;
		background: url('../images/me/icons_lc.png') 96% -723px no-repeat;
	}

	#wdywtd .top_text {
		max-width: 510px;
		text-align: center;
		color: #8396a6;
		font-size: 14px;
		line-height: 19px;
		margin: 50px auto 25px;
	}

	#wdywtd .top_text h2 {
		font-size: 35px;
		color: #052745;
		line-height: 40px;
	}

	#wdywtd .content {
		max-width: 955px;
		margin: auto;
	}



	#wdywtd .box_parent{
			position: relative;
			width: 310px;
			float: left;
			height: 105px;
			overflow: visible;
			margin: 7px 4px;
			-webkit-transition: 100ms ease-in-out;
		-moz-transition: 100ms ease-in-out;
		transition: 100ms ease-in-out;
			z-index: 300;
	}

	#wdywtd .box_parent .pagenav a {
	    display: block;
	    border-bottom: 1px solid #f9f9f9;
	    padding: 6px 20px 6px 30px;
	    font-size: 12px;
	    margin: 0;
	}

	#wdywtd .box_parent p {
		padding: 0;
	}
		#wdywtd .box_parent:hover .pagenav{
			max-height: 230px;
			opacity: 1;
			border-color: #5197ff;
			position: relative;
	}

	/*#wdywtd .box_parent .pagenav ul {
	    text-indent: initial;
	    position: relative;
	}*/

		#wdywtd .box_parent:hover .box{
			border-color: #5197ff !important;
		}
		#wdywtd .box_parent .pagenav{
			width: 310px;
			max-height: 0px;
			overflow: auto;
			opacity: 0;
			position: relative;
			z-index: 6;
			background: white;
			/*bottom: -105px;*/
			top: -1px;
			border: 1px solid #b7bbc1;
			border-top: none;
			-webkit-transition: 100ms ease-in-out;
			-moz-transition: 100ms ease-in-out;
			transition: 100ms ease-in-out;
			list-style: none;
			font-weight: bold;

	}
		#wdywtd .box_parent .pagenav a {
			margin-top: 0;
			font-weight: normal;	}
		#wdywtd .box_parent .pagenav a:hover {
			background: #f9f9f9;	}

			#wdywtd .box_parent .pagenav a::before {
				content: '';
				width: 10px;
				height: 10px;
				background: #ccc;
				border-radius: 10px;
				margin-top: 5px;
			}



			.SDC #lc_me {
			    background: #017fcf;
			}

			.SDC #wdywtd {
			    background: #fff;
			}

			.SDC #wdywtd .box h3 {
			    color: #3f4a59;
			}

			.SDC #wdywtd .box_parent .pagenav a {
			    color: #017fcf;
			}
			.SDC #lc_me .tutorials_link {
				background: url('../images/me/icons_top_sdc.png') no-repeat;
			}
			.SDC #lc_me .videos_link {
				background: url('../images/me/icons_top_sdc.png') -121px 0 no-repeat;
			}
			.SDC #lc_me .getting_link {
				background: url('../images/me/icons_top_sdc.png') -241px 0 no-repeat;
			}

	#wdywtd .box {
		width: 310px;
		padding: 5px 15px 15px 15px;
		color: #8396a6;
		border: 1px solid #b7bbc1;
		position: relative;
		background: #fff;
		font-size: 14px;
		line-height: 17px;
		display: block;
		text-decoration: none;
		min-height: 105px;
		max-height: 105px;
		margin: 0;
		-webkit-transition: 100ms ease-in-out;
		-moz-transition: 100ms ease-in-out;
		transition: 100ms ease-in-out;
		z-index: 2;
	}


	#wdywtd .box h3 {
		color: #184b78;
		font-size: 16px;
		font-weight: bold;
		line-height: 36px;
		padding-left: 35px;
		background: url('../images/me/icons_lc.png') no-repeat;
	}

	#wdywtd .box.mobile h3 {
		background-position: 0px -42px;
	}

	#wdywtd .box.web h3 {
		background-position: 0px 8px;
	}

	#wdywtd .box.java h3 {
		background-position: 0 -166px;
	}

	#wdywtd .box.services h3 {
		background-position: 0 -105px;
	}

	#wdywtd .box.deploy h3 {
		background-position: 0 -220px;
	}

	#wdywtd .box.connect h3 {
		background-position: 0 -341px;
	}

	#wdywtd .box.persi h3 {
		background-position: 0 -284px;
	}

	#wdywtd .box.spring h3 {
		background-position: 0 -627px;
	}

	#wdywtd .box.uml h3 {
		background-position: 0 -407px;
	}

	#wdywtd .box.xml h3 {
		background-position: 0 -463px;
	}

	#wdywtd .box.mavel h3 {
		background-position: 0 -797px;
	}

	#wdywtd .box.gui h3 {
		background-position: 0 -529px;
	}

	#wdywtd .box.enterprise h3 {
		background-position: 0 -586px;
	}

	.MyEclipse.learning section {
		position: relative;
	}
	.MyEclipse.learning #videos .anchor{
		top: -200px;
	}
	.MyEclipse.learning #videos {
		max-width: 990px;
		min-height: 247px;
		width: 100%;
		position: relative;
		margin: 30px auto;
		text-align: center;
		background: white;
	}

	.MyEclipse.learning #videos .video {
		width: 350px;
		height: 230px;
		background: white;
		box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.33);
		display: inline-block;
		margin: 0 20px;
		position: relative;
		cursor: pointer;
	}

	.MyEclipse.learning #videos .video {
		margin: 20px;
		width: 280px;
		height: 200px;
	}

	.MyEclipse.learning #videos .video .label {
		width: 100%;
		height: 50px;
		background: rgb(172, 172, 172);
		color: white;
		text-align: left;
		font-size: 15px;
		padding: 0.5em;
		position: absolute;
		font-weight: bold;
		bottom: 0;
		line-height: normal;
		z-index: 4;
	}

	.MyEclipse.learning #videos .video .brief {
		max-height: 0;
		background: gray;
		-webkit-transition: 100ms ease-in-out;
		-moz-transition: 100ms ease-in-out;
		transition: 100ms ease-in-out;
		width: 100%;
		background: rgb(172, 172, 172);
		box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.33);
		color: rgba(255,255,255,0);
		visibility: hidden;
		text-align: left;
		padding: 0 0.5em 1em 0.5em;
		line-height: normal;
		top: 0;
		position: absolute;
		padding: 10px;
	}

	.MyEclipse.learning #videos .video:hover .brief {
		color: rgba(255,255,255,1);
		visibility: visible;
		max-height: 200px;
		z-index: 2;
		cursor: initial;
	}

	.MyEclipse.learning #videos .video:hover .wrapper {
		z-index: 2;
	}

	.MyEclipse.learning #videos .video .wrapper {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		z-index: 1;
	}

	.MyEclipse.learning #videos .search_wdywtd {
		padding: 13px 45px 13px 15px;
		width: 335px;
		border: 1px solid #b7bbc1;
		background: transparent;
		border-radius: 40px;
		-webkit-border-radius: 40px;
		-moz-border-radius: 40px;
		margin-top: 20px;
		color: #184b78;
		outline: none;
		background: url('../images/me/icons_lc.png') 96% -679px no-repeat;
	}

	.MyEclipse.learning #videos .search_wdywtd:focus {
		border-color: #5197ff;
		background: url('../images/me/icons_lc.png') 96% -723px no-repeat;
	}

	.MyEclipse.learning #videos .top_text {
		max-width: 510px;
		text-align: center;
		color: #8396a6;
		font-size: 14px;
		line-height: 19px;
		margin: 0px auto 25px;
	}

	.MyEclipse.learning #videos .top_text h2 {
		font-size: 35px;
		color: #052745;
		line-height: 40px;
	}


	.MyEclipse.learning #letstalk h2{
		color: #052745;
	}


	/* */
	.MyEclipse .title h1{
		font-size: 24px;
		font-weight: bold;
	}
	.MyEclipse .title{
		background: #082647;
		padding-top: 170px;
		padding-bottom:40px;
		text-align: center;
		color: white;
		font-size: 24px;
	}

	.MyEclipse .metitle h1{
		font-family: "proxima-nova-soft", "Lato", sans-serif;
	}

	.SDC .title {
	background: #017fcf;
	}

	.SDC .download_linkto {
	color: #fff;
	border-color: rgba(255,255,255,0.3);
	}





	.MyEclipse .content_info {
		font-family: "Lato", sans-serif;
		max-width: 900px;
	    color: #343434;
	    font-size: 14px;
	    line-height: 24px;
	    margin: 100px auto;
	}

	.MyEclipse .content_info h1 {
		font-size: 24px;
	}

	.MyEclipse .content_info h2, .MyEclipse .content_info h3 {
		font-size: 18px;
		line-height: 2rem;
	}

	.MyEclipse .content_info p {
		margin: 15px 0;
		padding: 0;
	}

	.MyEclipse .content_info em {
		font-style: italic;
	}

	.MyEclipse .content_info td {
		border: 1px solid #edf2f6;
		padding: 20px;
	}

	.MyEclipse .content_info td ul li {
		margin-left: 20px;
	}


	.MyEclipse .nav_docs {
		width: 100%;
		max-width: 990px;
		margin: auto;
		box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.05);
		background: #fff;
		height: 45px;

		border-radius: 0 0px 4px 3px;
	}

	.MyEclipse .burger_nav {
		float: left;
		color: #b2b2b2;
		text-transform: uppercase;
		font-size: 12px;
		line-height: 45px;
		padding: 0px 10px 0px 50px;
		border-right: 1px solid rgba(0,0,0,0.1);
		cursor: pointer;
		background: url('../images/gapdebug/burger.png') 12px 13px no-repeat;
	}
	.MyEclipse .nav_pages li:first-child {
	background: url(../images/me/myeclipse32.png) no-repeat 10px center;
	background-size: 16px;
	padding-left: 35px;
	}

	.MyEclipse .nav_pages li {
		display: inline-block;
		line-height: 45px;
		padding: 0 10px;
		font-size: 12px;
		position: relative;
	}

	.MyEclipse .nav_pages li a {
		color: #b2b2b2;
		text-decoration: none;
	}

	.MyEclipse .nav_pages li a.actual {
		color: #000;
	}


	.MyEclipse .nav_pages li a:before {
		content: "/";
		color: #b2b2b2;
		left: -3px;
		position: absolute;
	}

	.MyEclipse .nav_pages li:first-child a:before {
		display:none;
	}

	.MyEclipse .header_sample {
		width: 100%;
		position: fixed;
		z-index: 900;
		top: 85px;
	}

	.MyEclipse .wrap_sample {
		width: 100%;
		max-width: 990px;
		margin: auto;
		z-index: 10;
		position: relative;
	}

	.MyEclipse .index_content {
		background: #fff;
		position: absolute;
		top: 43px;
	box-shadow: 0 0 0 1px rgba(0,0,0,0.05);
	line-height: 26px;
	font-size: 13px;
	display: none;
	z-index: -1;
	}

	.MyEclipse .index_content ul {
		padding: 15px;
	}

	.MyEclipse .index_content a {
		color: #2c75a4;
		text-decoration: none;
	}

	.MyEclipse .index_content .top_level {
		text-align: center;
		padding: 10px;
		border-bottom: 1px solid rgba(0,0,0,0.05);
		font-weight: bold;
		padding-top: 13px;
	}



	.MyEclipse #downloadPitch {
	height: auto;
	background: #082647;
	background-size: 100% auto;
	background-attachment: fixed;
	position: relative;
	overflow: auto;
	}
	.MyEclipse #downloadPitch .content {
	margin-top: 180px;
	max-width: 700px;
	}
	.MyEclipse #downloadPitch h1 {
		color: white;
		margin: auto;
		display: block;
		clear: both;
		font-size: 3.5rem;
		text-align: center;
		margin-top: 15px;
		font-family: "proxima-nova-soft", "Lato", sans-serif;
		line-height: 1.3em;
	}
	.MyEclipse #downloadPitch p {
		color: white;
		margin: auto;
		display: block;
		clear: both;
		font-size: 2rem;
		text-align: center;
		margin-top: 0px;
		font-weight: normal;
		font-family: "proxima-nova-soft", "Lato", sans-serif;
		line-height: 1.3em;
	}


	#myeclipse-download, #download-teams  {
	    padding: 50px;
	}
	.me_download h2{
	    text-align: center;
	    color: #082647;
	}
	.me_download .downloadSection {
	    border-top: 0;
	    margin-top: 25px;
	}
	.me_download  .downloadButton {
	    margin-top: 2px;
	    float: right;
	}

	.MyEclipse h1 {
		font-weight: bold;
	}



	.me_download h3 {
	    vertical-align: inherit;
	    margin: 15px auto;
	    text-align: left;
	}
	.me_download   #downloadIt, .me_download   #tailored_button  {
	    display: block;
	    padding-bottom: 14px;
	}
	.me_download .downloadSection p {
		padding: 5px 0;
	}
	#myeclipse-download .column input{
		vertical-align: text-top;
	}
	#myeclipse-download .column {
	    float: left;
	}
	#myeclipse-download .columnDownload {
	    float: right;
	    padding-top: 35px;
	}

	#myeclipse-download .column.version {
	    width: 25%;
	}
	#myeclipse-download .column.os {
	    width: 16%;
	}


	#myeclipse-download .tailorDownload li {
		cursor: pointer;
	}
	#myeclipse-download .tailorDownload h3 {
	    margin: 25px auto;
	    float: none;
	}
	.me_download #tailored_button  small{
		line-height: 1rem;
	}
	.me_download #tailored_button  {
		width: 320px;
		text-align: center;
		padding: 10px 20px 14px;
		background: #27b1f9;
		color: #ffffff;
		margin-top: -13px;
		border: 1px solid #197fce;
	}


	#myeclipse-download .column input[type=radio] {
	    display:none;
	    margin:10px;
	}

	#myeclipse-download .column input[type=radio] + label {
	    display:inline-block;
	    margin: 1px 0;
	    padding: 5px 5px 5px 45px;
	    background-color: #f9f9f9;
	    border-color: #f9f9f9;
	    width: 96%;
	    font-size: 12px;
	}

	#myeclipse-download .column input[type=radio]:checked + label {
		background-image: url('../images/checked_me.png');
		background-repeat: no-repeat;
		background-position: 0 0;
		background-color: #4ebffa;
		color: #fff;
	}

	#myeclipse-download .tailorDownload h4 {
	    margin-bottom: 5px;
	}
	.me_download small {
		text-align: center;
		display: block;
		color: #7B838F;
		font-size: 12px;
		margin-top: 4px;
	}
	#tailored_button small {
		text-align: center;
		display: block;
		color: #ffffff !important;
		font-size: 12px;
		margin-top: 4px;
	}
	.me_download .rollout{
		text-align: center;
	}

	.me_download .tailorDownload {
	    min-height: 200px;
	}

	.description_download {
		float: left;
		max-width: 570px;
	}

	#myeclipse-download .tailorDownload li.disabled {
	    opacity: 0.2;
	}
	#myeclipse-download .column.installs span {
	    font-size: 10px;
	    opacity: 0.7;
	    text-transform: lowercase;
	}
	#myeclipse-download .column.installs {
	    width: 22%;
	}

	.me_download #downloadIt .dIcon  { 
		background-image: url('../images/sdc/download_icon.png');
		width: auto;
	height: 26px;
	display: inline-block;
	padding-left: 35px;
	background-repeat: no-repeat;
	}
	.me_download #downloadIt {
		width: 320px;
		text-align: center;
		padding: 18px 0px;
		background: #04ae3e;
		color: #fff;
		margin-top: 0;
		border: 1px solid #0d632a;
	background-repeat: no-repeat;
	}

	.me_download #downloadIt:hover {
		background-color: rgba(0, 180, 60, 0.87);
	}

	.me_download #tailored_button:hover {
		background: #4ebffa;
	}




	.teamInstructions .left {
	    float: left;
	    max-width: 570px;
	}
	.teamInstructions .right {
	    float: right; width: 320px;
	}
	.teamInstructions .play_video {
	    display: block;
	    width: 320px;
	    height: 240px;
	    background: url('../images/me/window_download.png') no-repeat;
	    background-size: 320px;
	    position: relative;
	}
	.teamInstructions .play_video:hover .play,  .windowHero .play_video:hover .play  {
		opacity: 1;
	}
	.teamInstructions .play_video .play , .windowHero .play {
	background: url(../images/me/play_button.png) no-repeat center;
	background-size: 100%;
	position: absolute;
	display: block;
	z-index: 9;
	top: 90px;
	opacity: 0.8;
	cursor: pointer;
	height: 60px;
	width: 60px;
	left: 130px;
	transition: all .3s ease;
	}
	.teamInstructions li {
	    position: relative;
	    padding-left: 23px;
	}
	.teamInstructions li li:before{
	    display: none;
	}
	.teamInstructions li:before{
	    display: block;
	    position: absolute;
	    background: #7FC268;
	    content: '✓';
	    left: 0px;
	    width: 16px;
	    color: white;
	    border-radius: 100%;

	    height: 16px;
	    top:5px;
	    font-size: 13px;

	    text-align: center;
	    line-height: 16px;

	}
	.teamInstructions ul {
	    margin-bottom: 10px;
	}
	.teamInstructions span.note1 {
	    font-size: 0.9em;
	    display: block;
	}
	.teamInstructions span.note2 {
	    font-size: 0.9em;
	display: block;
	    color: gray;
	}




	.steps_installation h2 {
	    font-size: 22px; margin: 10px 0; font-weight: bold;
	}
	.steps_installation .step_box {
	    float: left;
	    max-height: 468px;
	    margin: 20px 0px 0px 0%; clear: none; width: 410px;
	}
	.steps_installation .step_box_right {
	    float: right;
	}
	.steps_installation .step-picture {
	    float: right;
	    height: 377px; /* margin-left: 0px; */ /* clear: none; */ width: 490.015625px; /* margin-right: 0%; */ background-attachment: scroll; background-size: contain; background-position: 50% 50%; background-repeat: no-repeat;
	}
	.steps_installation .step-picture.left {
	    float: left;
	}
	section.steps_installation {
	margin-top: 25px;
	padding-bottom: 50px;
	overflow: auto;
	}



	/* break down features */
	.MyEclipse .stars, .MyEclipse .stars2 {
	display: none;
	}

	.MyEclipse .screenSample{
		display: block;
	}
	.MyEclipse #featureSingle {
	    background: #082647;
	}


	.SDC #featureSingle {
		padding-bottom: 0px !important;
		margin-bottom: 0;
		min-height: 500px;
	}

	.SDC #featureSingle ul li {
		list-style: disc;
	}

	.conte_p {
		display: table-cell;
		vertical-align: middle;
	}

	.download_linkto {
		float: right;
		font-size: 14px;
		color: #c1c1c1;
		border-bottom: 1px solid #3f474f;
	}

	.desc_li {
		float: left;
		width: 45%;
		height: 260px;
		display: table;
		text-align: left;
	}

	.desc_li p {
		font-size: 16px;
		padding: 5px 0;
		font-weight: normal;
		line-height: 22px;
	}

	.image_li {
		float: right;
		overflow: hidden;
		max-width: 47%;
		height: 230px;
		margin-top: 30px;
	}

	.image_li img {
		max-width: 100%;
	}

	.top_tut {
		float: left;
		width: 50%;
	}

	.top_tut h3,
	.more_tut h3 {
		border: 1px solid #e5e5e5;
		padding: 15px;
		text-align: center;
	}

	.more_tut h3 {
		border-left: 0;
	}

	.top_tut li,
	.more_tut li {
		padding: 5px 20px;
	}

	.more_tut {
		float: right;
		width: 50%;
	}

	.content_info li {
  	  margin-left: 30px;
	}

	.leftBox a {
   	  color: #fff;
  	  border-bottom: 1px solid #fff;
	}



	/*
	 MYECLIPSE BUY
	 * */


	.MyEclipse.buy .this_is_bob {
		width: 400px;
		height: 500px;
		background: url('../images/me/bob_is.png') no-repeat;
		position: absolute;
		top: 80px;
	}

	.MyEclipse.buy .content_titles {
		width: 700px;
		margin: auto;
		float: right;
	}

	.MyEclipse.buy .content_titles p {
		font-size: 16px;
		color: #8f95a1;
		padding-top: 0;
	}

	.MyEclipse.buy #information_buy .content {
		width: 700px;
		margin: 60px auto;
		float: right;
		font-size: 16px;
	}

	.MyEclipse.buy #information_buy {
		max-width: 990px;
		margin: auto;
	}

	.MyEclipse.buy #information_buy .box_left {
		max-width: 320px;
		float: left;
		text-align: center;
	}


	.MyEclipse.buy #information_buy .box_left a,
	.MyEclipse.buy #information_buy .box_right a {
		display: block;
		background: #33b7ec;
		color: #fff;
		padding: 17px 0;
		border-radius: 10px;
		border: 1px solid #1f7cce;
		background: #27b1f9;
	color: #fff;
	margin-top: 0;
	padding: 14px 20px 18px 20px;
	border: 1px solid #017fcf;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	text-transform: uppercase;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: background-color 0.1s ease-in-out;
	transition: background-color 0.1s ease-in-out;
	}
	.MyEclipse.buy #information_buy .box_left a:hover {
		background-color: #4ebffa;
	}
	.MyEclipse.buy #information_buy .box_right a:hover {
		background: white;
	}
	.MyEclipse.buy #information_buy .box_right a {
		color: #00598a;
		background: #f9f9f9;
		border-color: #cccccc;
		padding: 14px 20px 18px 20px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	text-transform: uppercase;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: background-color 0.1s ease-in-out;
	transition: background-color 0.1s ease-in-out;
	text-align: center;
	background: #f9f9f9;
	color: #082647;
	border: 1px solid #ccc;
	}

	.MyEclipse.buy #information_buy .box_left .small,
	.MyEclipse.buy #information_buy .box_right .small {
		font-size: 12px;
		padding: 5px;
		color: #a2b5ca;
	}
	.MyEclipse.buy #information_buy .box_right .small{
		color: #7C8B9C;
	}
	.MyEclipse.buy #information_buy .box_right {
		max-width: 320px;
		float: right;
		text-align: center;
	}

	.MyEclipse.buy #help {
		background: #efefef;
		text-align: center;
	}

	.MyEclipse.buy #help .content {
		padding: 40px 0;
		display: table;
	}

	.MyEclipse.buy #help .content h3 {
		display: table-cell;
		vertical-align: middle;
		width: 360px;
		text-align: left;
	}

	.MyEclipse.buy #help .call_link {
		width: 110px;
		padding-top: 120px;
		display: inline-block;
		line-height: 19px;
		background: url('../images/me/call_us.png') top center no-repeat;
	}

	.MyEclipse.buy #help .tw_link {
		width: 190px;
		padding-top: 120px;
		display: inline-block;
		line-height: 19px;
		background: url('../images/me/tw_us.png') top center no-repeat;
		margin-left: 40px;
	}

	.MyEclipse.buy #help .extra {
		width: 280px;
		display: inline-block;
		text-align: right;
		vertical-align: super;
	}

	.MyEclipse.buy #help .extra a {
		-webkit-transition: all 120ms ease-in-out;
		transition: all 120ms ease-in-out;
	}

	.MyEclipse.buy #help .extra a:hover {
		padding-right: 10px;
	}

	.MyEclipse.buy #help .extra h3 {
		display: inherit;
		vertical-align: inherit;
		width: auto;
		text-align: right;
	}




	.MyEclipse #quickNav .sections li {
		display: inline-block;
		padding: 0 10px;
		font-size: 12px;
		position: relative;
	}

	.MyEclipse #quickNav .sections li a {
		color: #b2b2b2;
		text-decoration: none;
	}

	.MyEclipse #quickNav .sections li a.actual {
		color: #000;
	}


	.MyEclipse #quickNav .sections li a:before {
		content: "/";
		color: #b2b2b2;
		left: -3px;
		position: absolute;
	}

	.MyEclipse #quickNav .sections li:first-child a:before {
		display:none;
	}
	.MyEclipse #quickNav ul.sections {
		display:inline-block;
	}



/* MyEclipse TUtorials
 */

.MyEclipse.tutorials #featureSingle li {
	list-style: initial;
	margin-left: 20px;
	color: white;
}
.windowHero a {
	display: block;
	width: 620px;
	height: 450px;
	position: relative;
}

.windowHero .play {
	top: 190px;
	left: 300px;
}


.MyEclipse.tutorials #related {
    background: #FAFAFA;
    padding: 25px 0 75px;
}

.MyEclipse.tutorials #contentPost .content {
    padding-bottom: 25px;
}
.MyEclipse.tutorials .windowHero {
margin-top: 30px;
}

.MyEclipse.tutorials #related h3 {
    border: 1px solid #e5e5e5; padding: 15px; text-align: center;
    font-size: 18px; line-height: 2rem;
    color: rgb(52, 52, 52);
}
.MyEclipse.tutorials #related .left {
    float: left; width: 50%;
}
.MyEclipse.tutorials #related .right {
    float: right; width: 50%;
}
.MyEclipse.tutorials #related li {
    padding: 5px 20px;
    list-style: none;
}

.textRight input#first-name, .textRight input#last-name, .textRight input#email, .textRight input#company-name {
    width: 100%;
    padding: 10px;
    border-radius: 4px;
    border: 1px solid #ccc;
}

.textRight textarea#in_how-can-we-help {
    width: 100%; padding: 10px; border-radius: 4px; border: 1px solid #ccc;
    resize: none;
}

.textRight textarea#in_how-can-we-help:focus {
    border-color: #017fcf;
    outline: none;
}

.textRight input#first-name:focus, .textRight input#last-name:focus, .textRight input#email:focus, .textRight input#company-name:focus {
    border-color: #017fcf;
    outline: none;
}

.textRight textarea#in_how-can-we-help:hover {
    border-color: rgba(1, 127, 207, 0.5);
}

.textRight input#first-name:hover, .textRight input#last-name:hover, .textRight input#email:hover, .textRight input#company-name:hover, .textRight textarea#in_how-can-we-help:hover {
    border-color: rgba(1, 127, 207, 0.5);
}

.textRight button#inbound_form_submit {
    cursor: pointer;
}

.textRight #inbound-form-wrapper label {
    font-size: 1.3rem !important;
    margin-bottom: 10px
}

/*Matrix Tables*/
.matrix-header{
	text-align: center;

}

table.dataTable th,.MyEclipse table.dataTable td {
	vertical-align: middle;
	padding: 8px 10px;
	border: none;
	border-bottom: 1px solid #eee;
}
.MyEclipse table.dataTable th {
	border-bottom: 1px solid #eee;
	font-weight: normal;
}
.MyEclipse table.dataTable td:last-child {
	border-right: none;

}

 .dataTable tbody tr.odd{
	background-color: white !important;
}

 .dataTable tbody tr.subheader{
 	background-color: #f9f9f9 !important;
 	font-weight: normal;
 	/*text-align: center;*/
 }

 .dataTables_scrollHead th{
    border: none !important;
 }
 .dataTables_scrollHead{
	background-color: #f9f9f9 ;
    font-weight: normal;

}

.dataTables_scrollBody {
	border: none !important;
}
/*table.dataTable thead {
	background-color: #CAD0D6;

}
table.dataTable thead th {
	vertical-align: middle;
    color: white;
    font-weight: bold;
    border-color: #CAD0D6;
}*/
/*table.matrix {
    width: 100%;
    margin: 10px 0;
}

table.matrix th, td{
    padding: 15px !important;
    border: none !important;
    border-right: 1px solid #CAD0D6 !important;
    border-left: 1px solid #CAD0D6 !important;
    text-align: left;
}

table.matrix td:first-child, table.matrix td:last-child{
    border: none !important;
}
table.matrix th {
    background: #CAD0D6;
    color: white;
    font-weight: bold;
    border-color: #CAD0D6 !important;
}

table.matrix td {
    color: #082545;
}

*/
	.MyEclipse .floater {
		position: absolute;
		top:0;
		width:100%;
	}
	.MyEclipse .flags {
		width: 71px; height: 22px; display: block; position: absolute; right: 100px;
		background: url(../images/me/flags-blue.png) no-repeat; background-size: auto 100%;
		z-index: 3;
		top: 15px;
		right: 0px;
	}

	.MyEclipse .flags a {
		display: block;
		float: right;
		height: 22px;
		width: 32px;
		cursor: pointer;
	}


	.lightbox_lan {
		width: 500px;
		padding: 0px;
		position: fixed;
		left: 50%;
		margin-left: -250px;
		background: #fff;
		text-align: center;
		top: 153px;
		font-family: "proxima-nova-soft", sans-serif;
		z-index: 4;
		display: none;
	}

	.lightbox_lan h2 {
		margin: 0;
		font-size: 2rem;
		padding: 40px 20px;
	}

	.sep_buttons {
		background: #f7f7f7;
		border-top: 1px solid #dedede;
		padding: 20px 30px;
		height: 100px;
	}

	.sep_buttons a {
		background: #000;
		padding: 15px;
		font-size: 14px;
		line-height: 2.3;
		color: #fff;
		width: 210px;
		display: inline-block;
		text-decoration: none;
		border-radius: 7px;
		height: 60px;
		float: left;
	}

	.sep_buttons a.blue_button {
		background: #5776be;
		box-shadow: 0px 3px 0 #3f5b9d;
	}

	.sep_buttons a.red_button {
		background: #ea5667;
		margin-left: 15px;
		line-height: 1.3;
		box-shadow: 0 3px 0 #c04251;
		float: right;
	}

	.sep_buttons a.chinese span {
		display: block;
		color: #f3a7ae;
		font-size: 12px;
	}

	.mask_pop {
		position: fixed;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		background: rgba(255,255,255,0.13);
		display:none;
		z-index: 4;
	}


#contentPost.tutorials h2 {
  	font-size: 2.2rem;
	  font-weight: bold;

}


#mirror_link {
	padding-top:0;
	display:none;

}

div.inline { float:left; }
.clearBoth { clear:both; }
.inline.featureOne {
    width: 33%;
    padding-left: 40px;
    padding-right: 40px;
	text-align: center;
}

.font-bold-download {
    font-weight: bold;
    color: #000 !important;
}

.font-link-download {
    color: #FF0000 !important;
    font-size: 14px;
    font-weight: bold;
}
.small-download {
    margin-top: -12px !important;
}