@charset "UTF-8";
/*Mise a jour*/ 
img{
	cursor: pointer;
}
  
      .bull {
        margin-bottom: 40px;
        background: #5baff24f;
    	margin-left: -30px;
    	margin-right: -30px;
    	padding: 23px;
      }

      .bull, .increase {
        text-align: center;
        color: #555;
      }

      .increase {
        max-width: 550px;
        margin: -5px auto 9px;
      }
      .bull > div{
        width: 33%;
        display: inline-block;
      }
      .bull > div .bubble + p{
        margin: 17px auto;
        font-size: 25px;
      }
      .bull > div p:last-child{
        font-size: 20px;
        line-height: 25px;
        max-width: 258px;
        text-align: center;
        margin: auto;
      }
      .bubble{
        background: linear-gradient(#64b6f7, #197dcc);
        width: 160px;
        height: 160px;
        border-radius: 50%;
        margin:auto;
        margin-top: 30px;
      }

      .bubble img{
        margin: 35px auto;
    	width: 90px;
      }

      .button_dl i{
        padding-right: 30px;
        font-size: 28px;
      }
      .button_dl {
        clear: both;
        display: inline-block;
        background-color: #2189db;
        background: -webkit-linear-gradient(#42a1ec, #0070c9);
        background: linear-gradient(#42a1ec, #0070c9);
        border-color: #07c;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
        color: #fff;
        font-size: 28px;
        text-decoration: none;
        font-weight: 400;
        padding: 17px 0px;
        margin: 13px 0;
        width: 100%;
        text-align: center;
        max-width: 395px;
      }
      .button_dl:hover{
        color: #FFF;
        background: linear-gradient(#64b6f7, #197dcc);
      }

      .icon_step{
        font-size: 70px !important;
        color: #3b9be8;
      }

/* CSS Document */

body{
background: #ebebeb;
font-family: 'Open Sans', Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 19px;
color: #666666;
margin: 0;
padding: 0;
text-align: left !important;
}

/* Grey: #666666 - Dark Green: #6bb530 - Light Green: #9cce29 */

* {
margin:0;
padding:0;
}

a{color: #0083b2;}
a:hover{color: #0083b2;}

img {border:none}

h1{
font-size: 36px;
line-height: 38px;
font-weight: 500;
margin-bottom: 10px;
color: inherit !important;
}

h2{
font-size: 25px;
line-height: 31px;
font-weight: 500;
margin-bottom: 10px;
}

h3{
font-size: 20px;
line-height: 26px;
font-weight: 500;
margin-bottom: 10px;
}

h4{
font-size: 18px;
line-height: 23px;
font-weight: 600;
margin-bottom: 9px;
}

p{
font-size: 15px;
line-height: 22px;
}

.clear {clear:both;}
.center{ text-align: center}

/* Container Styles
------------------------------------------------*/
.clean_mac {
    min-height: 524px;
    margin: 20px 45px;
}

#header{
display: block;
}

#main{
clear: both;
background: #fff;
}

#footer{
margin-top: 20px;
}

.container{
	margin: 0 auto;
	width: 1020px;
}

/* Styles 
------------------------------------------------*/

#logo{
	float: left;
	padding: 21px 0 18px 0;
}

/* Nav */
.nav{
	list-style: none;
	font-size: 16px;
	font-weight: 600;
	padding: 15px 0 15px 0;
	float: right;
}
.nav li{
	display: inline;
	padding-left: 25px;
}
.nav li a{
	text-decoration: none;
	color: #666666;
	text-shadow: 0px 1px 1px #fff;
}
.nav li a:hover{color: #000;}
.nav li.active a{color: #6bb530;}


/* Buttons */

.button{
	clear: both;
	display: inline-block;
	background: #6bb530;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	color: #fff;
	font-size: 27px;
	text-decoration: none;
	font-weight: 700;
	padding: 23px 30px;
	margin: 13px 0;
}
.button:hover{
	background: #9cce29;
	color: #fff;
}
.left-arrow{
	background: url("/static/lp/assets/img/mc/blue/btn-arrow.png") no-repeat 15px center #2db9ec;
	padding-left: 100px;
}
.left-arrow:hover{
	background: url("/static/lp/assets/img/mc/blue/btn-arrow-hover.png") no-repeat 15px center #0083b2;
}
.intro .button{
	display: block;
}

.intro{
	background: url("/static/lp/assets/img/mc/banner.jpg") no-repeat left top;
	padding: 20px 30px 0 620px;
	min-height: 360px;
}

.lang-de .intro {
	background: url("/static/lp/assets/img/mc/banner-de.jpg") no-repeat left top;
}

.lang-es .intro {
	background: url("/static/lp/assets/img/mc/banner-es.jpg") no-repeat left top;
}

.lang-fr .intro {
	background: url("/static/lp/assets/img/mc/banner-fr.jpg") no-repeat left top;
}


.disclaimer{
	font-size: 11px;
	line-height: 13px;
}
.disclaimer img{
	float: left;
	margin: 0 14px 0 0;
}
.intro .disclaimer{
	text-align: right;
}

.content-area{
	padding: 20px 30px 0 30px;
}

.feature-box{
	margin: 10px 0;
	width: 47%;
	min-height: 120px;
}
.icon-box{
	float: left;
	text-align: center;
	margin: 0 15px 65px 0;
	width: 85px;
}
.feature-box.left{float: left; clear: left;}
.feature-box.right{float: right;}
.content-area ul, .content-area ol{
	margin: 0 0 20px 35px;
}
.content-area li{
	padding: 2px 0 6px 0;
}

.callout{
	border: 3px solid #2db9ec;
	margin: 0 80px 15px 80px;
	padding: 14px;
}
.windows10{
	float: left; 
	width: 110px;
	margin-right: 8px;
}
.callout p{
	text-align: center;
	font-size: 17px;
	margin-top: 20px;
}
.builtwindows{
	float: right;
	padding-top: 7px;
	margin-left: 8px;
}

.step-box{
	float: left;
	text-align: center;
	width: 33%;
}
.step-box .icon{
	height: 90px;
}
.step-box .icon img{
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

.smallcolumn{
	margin: 0 auto;
	width: 500px;
}
.OSMC{
	width: 300px;
}
#footer p{
	font-size: 14px;
}
#footer a{
	color: #666666;
}
#footer a:hover{
	color: #000;
}

.green-line{
	border: none;
	border-top: 3px solid #6bb530;
	margin: auto;
	width: 70%;
}
#callsupport {
	display:block;
	float:right;
	margin-top:14px;
	font-size: 12px;
	font-weight:bold;
	padding:11px 11px 8px 46px;
	background: url("/static/lp/assets/img/mc/support-person-icon.png") no-repeat 9px 10px #dedede;
	border-radius:10px;
	text-align: right;
}
#callnumber {
	font-weight:bold;
	font-size:16px;
	color:#222;
	margin-top: 3px;
	display: block;
}

.blue{color: #0083b2;}

.screenshot{
	width: 285px;
}
.intro {
			padding-left: 595px;
		}
		.intro h2{
			font-size: 30px;
		}
		.intro .disclaimer{
			text-align: justify;
		}
		.icon-box{
			margin-bottom: 80px;
		}		
		.button{
			text-align: center;
		}		
		.left-arrow{
			background: url("/static/lp/assets/img/mc/blue/btn-arrow.png") no-repeat 30px center #2db9ec;
		}
		.left-arrow:hover{
			background: url("/static/lp/assets/img/mc/blue/btn-arrow-hover.png") no-repeat 30px center #0083b2;
		}		
		.center .left-arrow{		
			background: url("/static/lp/assets/img/mc/blue/btn-arrow.png") no-repeat 25px center #2db9ec;
		}
		.center .left-arrow:hover{
			background: url("/static/lp/assets/img/mc/blue/btn-arrow-hover.png") no-repeat 25px center #0083b2;
		}