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

	 © 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 {
		 
		 bottom: 0;
		 width: 100%;
	 }
	 .MyEclipse {
		 
		 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: 10px 0 10px 0;
	 }
 
	 .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;
		 color: #ffffff!important;
	 }
 
	 .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;
 }