main *,.main * {transition:transform .5s, opacity .5s, border .5s;}
body,html,* {margin:0;padding:0;font-family:"IBM Plex Sans","Century Gothic";}
html,body {font-weight: 300;margin:0;padding:0;color:#2f3946;font-size:16px;}
img {border:0;}
h1,h2,h3,h4,h5,th {margin:0;padding:0;font-weight:normal;}
.contenedor {max-width:1245px;margin-left:auto;margin-right:auto;box-sizing:border-box;text-align:center;}
main * a,.main * a {text-decoration:none;transition:all .5s;}


.line {    border-top: 1px solid #ffffff;    margin: 2em auto 2.1em;    width: 1em;}

#header {background-image:url("../img/Cloud-Cleaner-header.jpg");  background-attachment:fixed;background-position:center -40px;background-repeat:no-repeat;background-size:cover;color:#ffffff;padding:83px 0  7.5em;text-align:center; position: relative;}
#header h1 {font-size:2.212em; line-height: 1.4em;  margin: 0 auto;font-weight: 700;}
#header h1 span{font-weight: 700;font-size:2em; letter-spacing: 0.01em;}
#header h2 {font-size:1.1em;  margin: 0 auto 2.1em; letter-spacing: 0.03em; }
#header p a {  color: #ffffff; border: 1px solid #FF9012;background-color: #FF9012; padding: 0.55em 3.3em;font-weight: 700; font-size: 1.05em; }
#header p a:hover{color: #FF9012; background-color: transparent;}


#mainfeatures{ margin:1.8em 0 2.5em; }
#mainfeatures h3{    color: #35c1cf;    font-weight: 700;    font-size: 2.25em;    width: 68%; margin: 0 auto;}
#mainfeatures .feature{ display: inline-block;  vertical-align: top; width: 280px;  margin:2em 1em 0 0; border-right: 1px solid #c6d0d0; padding: 0 1.5em 3.2em 0;}
#mainfeatures .last{ border: none; margin-right: 0; padding-right: 0;}
#mainfeatures .feature:last-of-type{margin-right: 0;}
#mainfeatures .feature h4{font-weight: 400; margin: 0.55em auto 0; width: 91%; font-size: 1.13em; }
#mainfeatures .feature p{ margin: 1.7em auto 0; color: #505050; width: 95%; font-size: 0.89em;}
#mainfeatures .feature.feature_XS p{font-size:0.825em;}
#mainfeatures span[class^="icon-ic"]{ font-size: 3.3em; color: #3ec1ce; left: -5px;}
#mainfeatures .feature div{font-weight: 700;  position: relative;  left: 0; font-size: 0.81em;font-weight: 600; color: #505050;}
#mainfeatures .feature div .icon-ic-windows{color: #4b5964; position: relative; top: 6px; left: 3px; font-size: 2em;}
#mainfeatures .but_back{ background-color: #3ec1ce; color: #ffffff; border: 1px solid #ffffff;font-weight: 700; font-weight: 600; font-size: 0.92em;}
#mainfeatures .XL{ min-width: 12.5em;}
#mainfeatures a{min-width: 10.55em; padding: 0.61em 0; display:inline-block; margin: 1.33em auto 0;}
#mainfeatures .button{color: #3ec1ce; border: 1px solid #3ec1ce;font-weight: 700;  font-weight: 600; font-size: 0.85em; letter-spacing: 0.045em;min-width: 11.3em;}
#mainfeatures .XL{ min-width: 13em;}

#help .contenedor{box-shadow: 0px 0px 5px #e3e3e3; max-width: 49.1em; padding: 1.6em 0 2.1em;}
#help p{ color: #383838;font-weight: 300; line-height: 1.5em; font-size: 1.09em; position: relative; top: -8px; letter-spacing: 0.02em;}
#help p span{ color:#4b5964;font-weight: 400; font-size: 1.22em; letter-spacing: 0;}
#help .phone{ color: #35c1cf;font-weight: 700; font-size: 1.85em; margin-top: 0.35em;}
#help .icon-ico_question{ font-size: 4.5em; color: #35c1cf; top: -8px; position: relative;}

#middle{  position: relative; z-index: 2;}
#middle h3{font-weight: 700; font-size: 2.23em; text-align: center;}
#middle p{ font-size: 1.09em; margin-bottom: 1.9em; text-align: center;}
#middle .split .sub{ position: relative; bottom: -10px;  font-size: 0.75em; color: #505050; font-weight: 600;font-weight: 700; min-height: none; margin-top: 1.51em;}
#middle .split .sub span[class^="icon-ic"]{ font-size: 2em; font-weight: normal;  position: relative; top: -6px; vertical-align: top; }
#middle .split .sub span.icon-ic-android{ font-size: 2.5em; left: -10px;}
#middle .split .sub span.icon-ico_explorer,#middle .split .sub span.icon-ico_firefox{ margin-left: -10px;}
#middle .split p span{ color: #353c48; font-weight: 700;}
#middle .middle_l .sub span[class^="icon-ic"]{ color: #4b5964;}
#middle .middle_l .sub{right: -15px;}
#middle .split{background-color: #f6f5f5;}
#middle .split p{ font-size: 1.14em; text-align: right; color: #393939; letter-spacing: 0.03em; margin-bottom: 1.4em;}
#middle .split .middle_r p{text-align: left;  width: 80%; color: #ffffff; min-height: 3.6em;}
#middle .split .middle_r p span{color: #ffffff; }
.middle_l,.middle_r{ background-color: #f6f5f5; display: inline-block;  width: 50%; height: 13.15em; vertical-align: top; padding-top: 3.5em;}
.middle_r{ background-color: #353c48; color: #ffffff;}
.middle_l .button,.middle_r .button{ border: 1px solid #ffffff; padding: 0.5em 2.35em;font-weight: 700; font-weight: 600; font-size: 0.93em;}
.middle_l .button{ background-color: #ff9012; color: #ffffff; border-color:#ff9012;}
.middle_l .button:hover{ border: 1px solid #ff9012; background-color:  transparent; color: #ff9012;}
.middle_r .button:hover{ border: 1px solid #ff9012; background-color:  #ff9012;}
.content_l, .content_r{ width:27em;}
.content_l{ float: right; margin-right: 3.4em; text-align: right;}
.content_r{ padding-left: 3.3em;}
#middle .content_r h4{ color: #ffffff;}
#middle .content_r a{color: #f6f5f5;}


#consejos { margin-top: 4.7em;}
#consejos #familia { padding-top: 4em;position: relative; }
#consejos .contenedor{ max-width: 1147px;background: url(../img/familia.jpg) left top no-repeat; padding: 0 0 11.39em 573px; text-align: left;z-index:1;position: relative; }
#consejos .back_color{ background-color: #2F3947;height: 340px; width: 46.1%; position: absolute; top: 0; z-index: 1}
#consejos #familia .back_color{ left: 0;}
#consejos #contenido{padding-top: 1.27em;position: relative;}
#consejos p{ font-size: 0.98em; width: 90%;}
#consejos h3{color: #35c1cf;font-weight: 700; font-size: 1.78em; width: 58%; padding-top: 0.8em; }
#consejos .sub{  font-size: 1.1em; margin: 1em 0 0.5em;font-weight: 700; }
#consejos a{color: #35c1cf; border: 1px solid #35c1cf;font-weight: 600; padding: 0.5em 1.2em;  display: inline-block; margin-top: 2em; font-size: 0.9em;}

#claim {background:url("../img/Cloud-Cleaner-claim.jpg") center top no-repeat fixed; background-size: cover; color: #ffffff; padding: 9.4em 0 0 2.2em;}
#claim  .tdelay_3{  width: 45%; min-height: 409px; margin-left: 3.5em; }
#claim .button{ border: 1px solid #FF9012; background-color:#ef970e; margin-top: 2.2em; display: inline-block; padding: 0.6em 2.5em;font-weight: 700; color: #ffffff; font-size: 0.96em; }
#claim .button:hover { border:1px solid #ef970e;color: #ef970e; background-color: transparent;}
#claim  p{font-size: 1em; letter-spacing: 0.03em; width: 75%; margin: 0 auto;}
#claim  p a{ font-weight: 600; color: #ef970e; text-decoration: underline; }
#claim  h3{ font-weight: 700; font-size: 2.3em;}
.line {border-top:1px solid #ffffff;margin:1em auto ;width:2em;}

#requisitos{ background-color: #f6f5f5; padding: 1.9em 0 2.6em;}
#requisitos h3{ font-size: 1.1em; text-align: center; margin-bottom: 1.5em;}
#requisitos h3 span{ font-size: 2.05em; font-weight: 700; }
#requisitos ul{ list-style: none; font-size: 0.85em;font-weight: 300; color: #4b5964;}
#requisitos ul:last-of-type{ margin-top: 0.86em;}
#requisitos li{ display: inline-block; border-right: 1px solid #d2d5d7; padding: 0 0.7em;}
#requisitos li:first-of-type{ padding-left: 0;}
#requisitos li:last-of-type{border: none;}
#requisitos li span{font-weight: 400; }
#requisitos .icon-ic-windows{ font-size: 2.6em; display: inline-block; vertical-align: top; top: -12px; position: relative; left: -45px;}
#requisitos .lista{display: inline-block; text-align: left;font-weight: 400; line-height: 1.4em; font-size: 1.1em; position: relative; left: -45px;}

#social{ margin: 1.2em auto 4.4em; color: #35c1cf; font-size: 1.7em;}
#social h3 { color: #2f3946;font-weight: 700; font-size: 1.32em; }
#social h3 span{ font-size: 1em;color: #35c1cf;}
#social ul{ margin: 0.9em auto; text-align: center; width: 307px;}
#social li{background:url("../img/social.png") no-repeat scroll center top ;display:inline-block;height:63px;padding:0 0.55em 0 0;width:63px;}
#social a{   display: block;    height: 100%;    width: 100%;}
#social li#sm_linkedin {background-position:0 0px;}
#social li#sm_googleplus {background-position:-98px 0px;}
#social li#sm_twitter {background-position:-294px 0px; padding-right: 4px;}
#social li#sm_facebook {background-position:-196px 0px;}
#sm_contact,#sm_linkedin,#sm_rss,#sm_googleplus,#sm_twitter,#sm_facebook{margin-left:0;}

#cookieInfo{z-index:1;}

#sticky_anytech {position:fixed; bottom:0; background-color:#252a37; padding:1.2em 0 1.5em; width:100%; color:#ffffff; font-weight: 400;z-index:2;display:none;}
#sticky_anytech .contenedor{max-width:none;}
#sticky_anytech .centrar{ text-align: left; display: inline-block; }
#sticky_anytech  .svgicon {    display: inline-block;    width: 1em;    height: 1em;    stroke-width: 0;    stroke: currentColor;    fill: currentColor;    font-size: 2.7em;    position: relative; color: #c8cace;}
#sticky_anytech .title{font-weight: 700;}
#sticky_anytech .title.mobile_title{display:none;margin-bottom:0.25em;}
#sticky_anytech .powered{ font-size: 0.62em;font-weight: 400; margin-top: 1em;}
#sticky_anytech .powered.mobile_powered{display:none;margin-top:0;}
#sticky_anytech .telef,#sticky_anytech .text{  display: inline-block; vertical-align: top;}
#sticky_anytech .text{ margin-right: 1.8em;}
#sticky_anytech .telef a{ font-size: 2.2em; color: #ff9012;font-weight: 700; font-weight: bold; display: inline-block; vertical-align: top; margin-left: 0.2em;}


#anytech_tel{display:none;background-color: #222222;margin:1.5em auto 0;font-family:"IBM Plex Sans","Century Gothic";padding:0.5em 1.5em; position: absolute;width: 100%;bottom:0;}
#anytech_tel .link_to_support{color:currentColor;}
#anytech_tel h4{font-weight: 700;}
#anytech_tel .tel_anytech_link{font-weight: 700;font-size:20px;color:#F5A623;vertical-align:sub;margin-left:0.3em;padding: 0 !important;border: 0 !important;background-color: transparent;}
#anytech_tel .powered{font-weight: 400;font-size:12px;margin-top:-3px;margin-bottom:7px}
#anytech_tel .powered .logo{padding: 0 19px 0 15px; display: inline-block; height: 27px; width: 103px; background: url("../img/anytech_logo.svg") no-repeat top center; position: relative; top: 10px;}
@media screen and (max-width:450px){
	#anytech_tel{ display: none;}
}


@media screen and (max-width:1200px) {	
	.content_l {   width: 88%;}
	#claim .tdelay_3 { background-size: 50%;}
	#middle .split .middle_r p {    width: 66%;}
	
	/*.content_l,.content_r {    float: none;    margin: 0 auto; width: auto; padding: 0;}
	.middle_l, .middle_r {    display: block; width: auto; font-size: 1.3em; height: auto; padding: 2em 0;}
	.content_l li { display: block; margin: 0; padding: 0;}	
	#middle h4 { font-size: 2.2em; width: 80%; margin: 0 auto;}
	#middle p {    font-size: 1.3em; width: 70%; margin: 0 auto;}
	#middle .split{ margin-top: 2em;}	
	#middle .split p,.content_l ,.content_r,#middle .split .middle_r p  { text-align: center;}
	#middle .split p, #middle .split .middle_r p{margin-bottom: 2em; }
	.middle_r {    padding: 2em 0 3em;}
	#middle {    margin-top: 5.2em;}
	
	.border {    margin-left: 1.8em;    padding-left: 1em; width: 90%;}
	div[class^="icon-ic"]{ top: -10px;}
	#android .contenedor,#windows .contenedor,#windows_tit .contenedor{ max-width: 1100px;}
	#android .chars {    width: 95%; padding-bottom: 3em;}	
	#windows { background-position: center bottom; padding-bottom: 38em;}
	#windows .chars {    margin: 0 auto 4.5em;    width: 95%; padding: 0;}	
	#windows_tit h3, #android h3 { margin-left: 0;}
	#android .border p {    width: 100%;}
	#android .background { background-position: center bottom;     margin-right: -17em;    position: absolute;   right: 50%; bottom: -40px;}
	#android .contenedor{ position: relative; padding-bottom: 28em;}
	#android{padding-left: 0.8em; margin-top: 3em;}
	 #android h3 {   margin: 2em 0 0; text-align: center;}
	#windows_tit h3{text-align: center; margin-top: 6em;}
	

	#windows{ margin-left: 0;}*/
}
@media screen and (max-width:1030px) {	
	#help .contenedor {    margin-top: 10em;}
	#consejos .contenedor { background-size: 55%; padding-left: 60%;}
		#sticky_anytech .centrar { margin-left: 0.5em;}

}
@media screen and (max-width:800px) {
	#header h1 {    font-size: 2em;}
	#header h2 { width: 80%;}
	#mainfeatures .feature { display: block; width: 80%; margin-left: auto; margin-right: auto; border: none;}
	#mainfeatures h3 { width: 90%; }
	#mainfeatures .feature:last-of-type {    margin-right: auto;}
	#help .contenedor {    margin-top: 5em;width: 88%;}
	.middle_l, .middle_r,#middle .split .middle_r p  {    display: block;    width: 100%; }
	#middle h3, #middle p{ width: 97%; margin-left: auto; margin-right: auto;}
	#middle .split p,#middle .split .middle_r p {text-align: center; width: 95%;}
	.content_l, .content_r {    width: auto; margin: 0; padding: 0; text-align: center;}
	#sticky_anytech .title{display:none;}
	#sticky_anytech .title.mobile_title{display:block;}
	#sticky_anytech .powered{display:none;}
	#sticky_anytech .powered.mobile_powered{display:block;}
	#consejos .back_color { display: none;}
	#consejos {    margin-top: 2.7em;}
		#consejos .contenedor { background-position: top center; padding: 18em 1em 2em;text-align: center;}
	#consejos h3 { width: auto;}
	#claim .tdelay_3 {    width: 90%;    margin-left:auto; margin-right: auto;}
	#claim{ padding-left: 0;}
	#requisitos .icon-ic-windows , #requisitos .lista { position: inherit;}
}
@media screen and (max-width:710px) {
	#help .contenedor {    margin-top: 9em;}
	#requisitos .icon-ic-windows {    display: block;}
	#requisitos h3 { margin-bottom: 0;}	
	#requisitos .lista { text-align: center; display: block;}	
	_::-webkit-full-page-media, _:future, :root #header { background-attachment: scroll; height: 431px;}
}
@media screen and (max-width:650px) {	
	#footerHome .footerMenu li {    display: block;    padding: 15px 0;}
	.footerMenu li::after {    content: none;}
	#downFooterHome {    padding: 1em 0 4em;}		
	#mainfeatures h3 { width: 90%;}
}

@media screen and (max-width:500px) {	
	#header h1 {    font-size: 1.9em;}	
	#header h2 {    font-size: 1.7em; margin-bottom: 1.5em;}
	#mainfeatures .feature { width: 75%;}
	#help .contenedor {    margin-top: 14em;}
	#consejos .contenedor,#claim .tdelay_3  { background-size: 85%;}
	#social{margin-bottom: 6em;}
	#header h1 {    line-height: 1.2em;}
	#header h1 span {    line-height: 1;}
}
@media screen and (max-width:400px) {		
	#header::before {    padding-top: 0;}
	#header{ padding-bottom: 3em; min-height: auto;}
	#header h1 {    font-size: 1.5em;}
	#header h2 {    width: 90%; margin: 0.3em auto 1.7em;}
	#header .compatible { margin-top: 2em;}
	#mainfeatures h3 { padding-top: 1.4em;}
	#mainfeatures .feature {margin-top: 1.5em; width: 82%; padding: 1.7em 1em 3.2em}
	#mainfeatures .feature h4{font-size: 1.3em;}
	#mainfeatures a {    padding: 0.84em 0;}
	#mainfeatures {    height: 1130px;}	
	#help .contenedor {    margin-top: 7.3em; width: 90%; padding: 1.6em 0;}
	#help p { font-size: 0.9em; }	
	#help p  span{ position: relative; top: 8px;}	
	#help .phone { margin-top: 0.7em;}
	#middle {    margin-top: 3em;}
	#middle h3 {    font-weight: 700;    font-size: 2em; margin-bottom: 0.3em;}
	#middle p {    font-size: 1.08em; margin-bottom: 1.7em;}
	.middle_l, .middle_r { padding-top: 1.7em;}
	.middle_l{height: 15em;}
	#middle .split p {    font-size: 1.3em;}
	.middle_l .button,.middle_r .button {    padding: 0.9em 2.75em;}
	#middle .split .sub { font-size: 0.85em;}	
	#consejos h3 {    font-size: 1.65em;}
	#consejos .sub {    font-size: 1.3em;    margin: 1em auto;    width: 90%;}
	#consejos p {    font-size: 1.3em;    width: 90%;    margin: 0 auto;}
	#consejos a {    padding: 1em 3em;}   
	#consejos { margin-bottom: 3em;}
	#claim {    padding: 3em 0;}
	#claim h3 {    font-size: 1.9em;}
	#claim p {    font-size: 1.3em;    width: 90%;    margin: 0 auto;}
	#claim .button {    padding: 1.2em 3em;}
	#requisitos h3 span {    font-size: 1.7em;}
	#requisitos .lista { font-size: 1.5em;}
	#requisitos .icon-ic-windows {    font-size: 5em;}
	#requisitos .lista {    font-weight: 700;}
	#requisitos ul {   margin: 0.8em auto 0;}
	#social li:last-of-type { padding-right: 0.5em;}
	#social h3{ font-size: 1.3em;}
	_::-webkit-full-page-media, _:future, :root #mainfeatures {position: relative; top: -50px;}
	_::-webkit-full-page-media, _:future, :root #header { padding-bottom:0;}
	_::-webkit-full-page-media, _:future, :root #help .contenedor {    margin-top: 7em;}
	_::-webkit-full-page-media, _:future, :root #claim .tdelay_3 {    padding: 18em 0 0;}
	_::-webkit-full-page-media, _:future, :root #claim {    padding: 2em 0;}
	
}