/* header
	------------------------------------------------------------------------------------------------------  */
	#header-sect{
		display: inline-block;
		padding: 10px 0px;
		padding-bottom: 0px;
background:url(../img/header-back-fence-sect.png),url(../img/header-back-fence-sect-tree.png),url(../img/header-back-fence-sect-sky.png);
background-position:50% 170%, 50% 170%,0 70%;
background-repeat:repeat-x,no-repeat,repeat-x;
height: 270px;
   /* margin-bottom: 100px;*/
	}
	#header-sect .menu{
		width: 83%;
		text-align: left;
		font-size: 18px;
		border-radius: 10px;
/*		background-color: white;*/
		display: inline-block;
		margin-top: 62px;
	}
	#header-sect .menu a{
		float: left;
/*		width: 150px;*/
		padding: 14px 0px;
		padding-top: 20px;
		color: #000;
		text-align: center;
		background-color: #fff;
		text-decoration: none;
		font-size: 14px;
		border-style: solid;
		border-width: 2px;
		border-radius: 10px;
		margin-right: 69.8px;
margin-top: 42px;
		margin-right: 2.9%;
		width: 13%;
		
	}
	#header-sect .no-styles{
    width: 210px !important;
		padding-top: 0px !important;
		margin-top: 0px !important;
		border: none !important;
		background: none !important;
	}
	#header-sect .menu a:hover{
/*		background-color: #95989a;
		color: #fff;*/
	}

	#header-sect .menu img{
		float: left;
		width: 150px;
		margin: 25px;
     margin-top: 10px;
		margin-left: 0px;

	}
	#header-sect .menu .login{
		position: absolute;
		width: 80px;
		padding-top: 36px;
		padding-bottom: 10px;
		margin-top: -30px;
		color: #fff;
		border: none;
		margin-left: 0px;
		background: none;
		right: 0px;
        margin-right: 30px;
	}
	#header-sect .menu .login img{
		width: 70px;
		margin-top: -18px;
		margin-left: 10px;
	}
	#header-sect .menu .login div{
    margin-top: -76px;
float: left;
color: white;
margin-left: 20px;
font-size: 12px;
	}
#header-sect .menu .login.out div{
margin-left: 22px;

	}
	
	#header-sect .menu-responsive .login img {
width: 70px;
margin-top: -5px;
    margin-left: 10px;
	float: right;
}
	#header-sect .menu-responsive .login div{
float: right;
color: #fff;
/*margin-left: 53px;*/
font-size: 12px;
    margin-right: -68px;
    margin-top: 22px;
	}
	#header-sect .logged{
		padding-top: 52px !important;
	}
	#header-sect .menu-responsive{
		display: none;
		float: left;
		width: 100%;
/*		background-color: #e5e5e5;*/
		padding: 10px 0px;
		padding-bottom: 0px;		
		text-align: center;
		    z-index: 1600;
	}
	#header-sect .menu-responsive .pull{
		float: left;
margin-top: 5px;
	}
	#header-sect .menu-responsive .pull img{
		width: 40px;
		cursor: pointer;
	}
	#header-sect .menu-responsive .pull img:hover{
		opacity: 0.8;
	}
	#header-sect .menu-responsive .content-menu{
		float: left;
		width: 100%;
		margin-bottom: 20px;
margin-top: 0px;
	}
	#header-sect .menu-responsive .content-menu a{
		float: left;
		width: 100%;
		border-top: 1px solid #ccc;
		padding: 16px 0px;
		color: #95989a;
		text-align: center;
		background-color: #fff;
		text-decoration: none;
		font-size: 14px;
	}
	#header-sect .menu-responsive img{
    width: 160px;
		margin: 25px;
		margin-top: -5px;
	}

	#header-sect .menu-responsive .login-responsive{
		float: right;
		width: 80px;
		padding-top: 36px;
		padding-bottom: 10px;
		margin-top: -20px;
		margin-right: 20px;
		font-size: 12px;
/*		background-color: #95989a;*/
		color: #fff;
		text-decoration: none;
	}

	/* top
	------------------------------------------------------------------------------------------------------  */
	#top-sect{
		display: inline-block;
		color: #fff;
/*		background:url(../img/header-back-bike.png),url(../img/header-back-fence.png),url(../img/header-back-tree-right.png),url(../img/header-back-tree-left.png);
min-height: 290px;
		background-position:right,50% 50%,right,20% 50%;
		width: 100%;
		background-repeat: no-repeat,repeat-x,no-repeat,no-repeat;
		margin-top: -380px;*/
	}
	#top-sect a{
		float: left;
text-align: left;
color: #fff;
font-size: 15px;
margin-top: -10px;
text-decoration: none;
padding-left: 25px;
	}
	#top-sect a:hover{
		text-decoration: underline;
	}
	#top-sect h2{
/*		float: left;*/
		width: 92%;
		padding: 0px 4%;
		text-align: left;
/*		text-transform: uppercase;*/
		font-size: 40px;
		font-family: "sofia-pro-soft",sans-serif;
		font-style: normal;
		font-weight: 700;
		color:#002d7a;
	}
	#top-sect h3{
/*		float: left;*/
		width: 92%;
		padding: 0px 4%;
		text-align: left;
/*		text-transform: uppercase;*/
		font-size: 20px;
		font-family: "sofia-pro-soft",sans-serif;
		font-style: normal;
		font-weight: 700;
		color:#002d7a;
	}
#top-sect.row.titleband
{
max-width: 1380px!important;
display: inline-block;
margin-top: -30px;
}

#contenido-sect .section-title
{
	width: 83%;
	text-align: left;
	font-size: 18px;
	line-height: 26px;
	border-radius: 10px;
	padding-bottom: 10px;
	padding-top: 10px;
	margin-top: -160px;
/*	background-color: white;*/
	display: inline-block;
	color: white;
}
#contenido-sect .section-title h1
{
border-style: solid;
border-width: 2px;
border-radius: 10px;
border-color:black;
text-align:left;
padding:22px;
color: white;
margin-top: 5px;
line-height: 38px;
box-shadow: 10px 10px 5px #4442424d;
padding-right: 130px;
}
#contenido-sect .section-title h1.backblue.home
{
	font-size:30px!important;
}
#contenido-sect .section-title h1 span
{
   font-family: "HelveticaNeueLTStd-Lt";
}



#contenido-sect .section-title a
{
    margin-left: 0px!important;
text-decoration: none;
color:white;
}
/* contenido
	------------------------------------------------------------------------------------------------------  */
	#contenido-sect{
		display: inline-block;
	   /* padding: 33px 0px;*/
		max-width: 1380px;
/*		    padding-bottom: 0px;
    padding-top: 0px;*/
	}
#contenido-sect.row.header{
	    padding: 33px 0px;
}
	#contenido-sect .content{
width: 83%;
		text-align: left;
		font-size: 18px;
		line-height: 26px;
		display: inline-block;
		box-shadow: 10px 10px 5px #4442424d;
	}
	#contenido-sect .content-gen
	{
		width: 79%;
		padding: 0px 12%;
		text-align: left;
		font-size: 18px;
		line-height: 26px;
		padding-left: 30px;
		border-radius: 10px;
		padding-right: 30px;
		padding-bottom: 10px;
		padding-top: 10px;
		margin-left: 8%;
		background-color: white;
	}
	#contenido-sect .content-home{
		width: 80%;
		padding: 0px 12%;
		text-align: left;
		font-size: 18px;
		line-height: 26px;
		padding-left: 30px;
		border-radius: 10px;
		padding-right: 30px;
		padding-bottom: 10px;
		padding-top: 10px;

margin-top: -160px;
		background-color: white;
		display: inline-block;
	}
	
	#contenido-sect .content-home h2
	{
/*		float: left;*/
/*		width: 92%;
		padding: 0px 4%;*/
		text-align: left;
/*		text-transform: uppercase;*/
		font-size: 30px;
		font-family: "sofia-pro-soft",sans-serif;
		font-style: normal;
		font-weight: 700;
		color:#002d7a;		
	}
	#contenido-sect .content-home h3
	{
/*		float: left;*/
/*		width: 92%;
		padding: 0px 4%;*/
		text-align: left;
/*		text-transform: uppercase;*/
		font-size: 20px;
		font-family: "sofia-pro-soft",sans-serif;
		font-style: normal;
		font-weight: 700;
		color:#002d7a;	}
	#contenido-sect .content-box{
		width: 83%;
		text-align: left;
		font-size: 18px;
		line-height: 26px;
		border-radius: 10px;
		padding-bottom: 10px;
/*		background-color: white;*/
		display: inline-block;
	}
	#contenido-sect .content-box p,#contenido-sect .content-box ul {
	    text-align: left;
		font-size: 18px;
		line-height: 26px;
		font-family: "HelveticaNeueLTStd-Lt";
		clear: both;

	}
	
	#contenido-sect .content-box ul {
    margin-left: -20px;
	}		
	
	#contenido-sect .content-box .box{
		float: left;
		height: 200px;
width: 31%;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		text-decoration: none;
		border-style: solid;
		border-width: 2px;
		border-radius: 10px;
		border-color: black;
margin-right: 2.6%;
	}
	#contenido-sect .content-box .box.left{
		background-color:#e52320;
    margin-left: 33px;
			}
	#contenido-sect .content-box .box.mid{
		background-color:#004288;
			}
	#contenido-sect .content-box .box.right{
		background-color:#e52320;
		    margin-right: 10px;
			}
	#contenido-sect .content-box .box-texto{
		float: left;
		height: 300px;
	}
	#contenido-sect .content-box .box-5{
		width: 16%;
		margin: 1.5%; /*modification*/
                margin-bottom: 35px !important;
				box-shadow: 10px 10px 5px #4442424d;
	}
	#contenido-sect .content-box .box-4{
width: 21%;
margin-right: 4.6%;
box-shadow: 10px 10px 5px #4442424d;
	}
	#contenido-sect .content-box .box-3{
width: 27%;
margin-right: 7.2%;
box-shadow: 10px 10px 5px #4442424d;
	}
	#contenido-sect .content-box .box-4-2{
height: 140px;
		margin-top: 30px !important;
	}
	
	.box.faded
	{
/*		cursor: default!important;*/
		opacity: 0.5;
/*		pointer-events: none!important;*/
	}
	.box.faded:hover
	{
/*		cursor: default!important;*/
		opacity: 0.5!important;
/*		pointer-events: none!important;*/
	}
	
	
	#contenido-sect .content-box .box-4-2:hover{
		opacity: 1;
	}

	#contenido-sect .content-box .box-texto .tit{
/*		float: left;*/
		color: #fff;
/*		height: 100%;*/
		text-align: left;
		font-size: 24px;
		margin-top: 30px;
		padding-left: 22px;
		padding-right: 22px;
		/*text-transform: lowercase;*/
		display:block;

	}
		#contenido-sect .content-box .box-texto .tit:first-letter
		{
			text-transform: uppercase;
		}
	
		#contenido-sect .content-box .box-texto .tit.act{
					min-height: 30%;
		}
		#contenido .content-box .box-texto .tit.doyouknow {
				    min-height: 45%;
    margin-top: -30px;
		}

		
		#contenido-sect .content-box .box-texto .act_text{
			color: white;
font-size: 15px;
		padding-left: 22px;
		padding-right: 22px;
				font-family: "HelveticaNeueLTStd-Lt";
		}
	#contenido-sect .content-box .txt{
		padding: 16px 10px;
		padding-top: 25px;
		color: #fff;
font-size: 26px;
	text-align: center;
	margin-top: -10px;
	}
		#contenido-sect .content-box img{
			width: 40%;
margin-top: 20px;
		}
	#contenido-sect .content-box .box_imgbk{
		width: 100%;
		text-align: center;
	}
	#contenido-sect .content-box .box_imgbk img{
width: 50%;
margin-left: 0px;
padding-left: 0px;
margin-top: 0px;
	}
		#contenido-sect .content-box .box_imgbk.act img{
width: 60%;
margin-left: 0px;
padding-left: 0px;
margin-top: 20px;
	}
#contenido-sect .content-box .box_imgbk.sect1 img
{
	width: 65%!important;
}
#contenido-sect .content-box .box_imgbk.sect2 img
{
	width: 47%!important;
}
#contenido-sect .content-box .box_imgbk.sect3 img
{
	width: 60%!important;
}
#contenido .content-box .box_imgbk.sect4 img,#contenido .content-box .box_imgbk.sect5 img,#contenido .content-box .box_imgbk.sect6 img,#contenido .content-box .box_imgbk.sect7 img
{
	width: 60%!important;
	margin-top: 0px;
}
#contenido .content-box .box_imgbk.sect8 img
{
		width: 70%!important;
	margin-top: 0px;
}

	
	#contenido-sect .content-box .hub{
		float: left;
		width: 96%;
		margin-bottom: 15px;
		text-align: left;
		color: #fff;
		padding: 10px 2%;
		text-decoration: none;
		background-color: #004789;
	}
	#contenido-sect .content-box .hub:hover{
		opacity: 0.8;
	}
	#contenido-sect .content .box-section{
		border: 1px solid #ccc;
 /*   width: 97%;*/
text-align: center;
		font-size: 22px;
		line-height: 26px;
		padding: 80px 0px;
		padding-left: 22px;
		padding-right:22px;
		margin-top: 60px;
color: #000;
border-style: solid;
border-width: 2px;
border-radius: 10px;
border-color: black;
background-color: white;

	}

	#contenido-sect .content-box .box-login{
		float: left;
		width: 38%;
		margin: 2%;
		min-height: 410px;
		text-align: left;
		padding: 4%;
		padding-top: 3%;
		color: #fff;
	}
	#contenido-sect .content-box .box-login a{
		float: left;
		width: 100%;
		height: 20px;
		color: #fff;
		text-decoration: none;
	}
	#contenido-sect .content-box .box-login .tit{
		float: left;
		width: 100%;
		font-size: 40px;
	}
	#contenido-sect .content-box .box-login form{
		float: left;
		width: 100%;
		margin-top: 40px;
	}
	#contenido-sect .content-box .box-login form label{
		float: left;
		width: 25%;
		margin-top: 12px;
		margin-bottom: 5px;
		font-size: 13px;
	}
	#contenido-sect .content-box .box-login form input{
		float: left;
		width: 69%;
		font-size: 16px;
		padding: 6px 2%;
		margin-top: 5px;
		margin-bottom: 5px;
		border: 1px solid #888;
	}
	#contenido-sect .content-box .box-login form .short{
		width: 20% !important; 
	}
	#contenido-sect .content-box .box-login form .moveleft{
		margin-left: 2%;
		width: 23%;
	}
	#contenido-sect .content-box .box-login form button{
		float: right;
		margin-right: 2%;
		margin-top: 15px;
		border: 1px solid #888;
		padding: 6px 30px;
		font-size: 16px;
		color: #fff;
	}





	#contenido-sect .content .bar{
		display: inline-block;
		width: 90%;
		background-position: 98% center;
		background-repeat: no-repeat;
		background-size: 45px;
		padding: 25px 5%;
		text-decoration: none;
		margin-bottom: 15px;
        cursor: pointer;
		border-style: solid;
		border-width: 2px;
		border-radius: 10px;
		border-color: black;
		padding-left: 20px;
	}
		#contenido-sect .content.intro .bar{
    display: inline-block;
    width: 93%;
    background-position: 98% center;
    background-repeat: no-repeat;
    background-size: 45px;
    text-decoration: none;
    cursor: pointer;
    border-style: solid;
    border-width: 2px;
    border-radius: 10px;
    border-color: black;
    margin-bottom: 0px;
    margin-left: 0px;
	}
	#contenido-sect .content.intro .bar:hover{
		opacity: 1;
	}
	.content.intro
	{
		border:none;
		background:transparent;
	}
	#content_intro
	{
		background:white;
		padding-top: 40px;
		margin-top: -30px;
	}
	#contenido-sect .content .bar:hover{
		opacity: 0.8;
	}
	#contenido-sect .content .bar .tit{
		text-align: left;
		color: #fff;
font-size: 24px;
padding-right: 40px;
	}
	#contenido-sect .content .contents{
padding-bottom: 15px;
    padding-left: 20px;
    padding-right: 20px;
	}
	#contenido-sect .content .contents img{
		width: 100%;
/*		border: 1px solid #888;*/
		margin: 20px 0px;
	}
	#contenido-sect .content .contents .texts{
		width: 100%;
		line-height: 30px;
/*		padding-top: 30px;*/
		font-family: "HelveticaNeueLTStd-Lt";
	}
	#contenido-sect .content .contents .texts h3{
		color: #25346d;
		margin-bottom: 0px;
	}
#contenido-sect .content .contents .texts a
{
	text-decoration:none;
}
	#contenido-sect .content .bar-on{
		background-image: url('../img/arrow-bottom.png');
		background-color: #004789;
	}
	#contenido-sect .content .bar-off{
		background-image: url('../img/arrow-top.png');
		background-color: #a1bc32;
	}
	#contenido-sect .content .bar-on.beforegroup{
	background-image:none!important;
	cursor: unset;
	}
		#contenido-sect .content .bar-on.beforegroup:hover{
			    opacity: 1;
		}
.content
{
border-style: solid;
border-width: 2px;
border-radius: 10px;
border-color: black;
background-color:white;
margin-bottom:40px;
}
.content.buttons
{
	background-color:transparent;
	border:none;
box-shadow: none!important;
height:100px;
    margin-top: -38px;
    margin-bottom: 33px;
}
.content .cont
{
	padding:22px;
}
.content .cont strong
{
	font-family:HelveticaNeueLTStd-Md;
}
.content.video
{
    background-color: black;
    overflow: hidden;
    padding-bottom: 46.50%;
    position: relative;
}

.acts-btns
{
position: relative;
/*padding-bottom: 25%;*/
}

.acts-btns a,.acts-btns a:hover,.acts-btns a:active,.acts-btns a:visited,.acts-btns a:focus {
    text-decoration:none;
}
.acts-btns.right
{
	margin-left: 83%;
	margin-top: -30%;
	z-index: 300;
	float: right;
	margin-right: 50px;
}
.acts-btns.right.first
{
	padding-bottom: 18%;
}
.acts-btns.left
{
margin-left: 5%;
margin-top: -30%;
z-index: 200;
float: left;
}
.acts-btns.left.responsive
{
	margin-left: 0px;
    margin-top: 0px;
    padding-bottom: 0px;
}
.acts-btns.right.responsive
{
margin-left: 0px;
float: right;
margin-top: 0px;
}
.acts-btns.left.last
{
	margin-top: -25%;
}
	
.acts-btns a img
{
	width:100px;
}
.acts-btns a div
{
	margin-top: -83px;
	color: white;
	font-size: 15px;
}
.acts-btns.responsive a div
{
margin-left: 5px;
    line-height: 18px;
    text-align: center;
    padding-top: 8px;
}
.content.video iframe
{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;	
}
#contenido-sect.row.split
{
width: 65.5%;
margin-left: 2px;
}

	/* responsive
	------------------------------------------------------------------------------------------------------
	------------------------------------------------------------------------------------------------------  */


	@media only screen and (max-width: 1397px) {

		#header-sect .menu a{
	/*		width: 12%;*/

			margin-right: 2%;
		}

		#header-sect .menu .login{
		/*	margin-left: 30px;*/
		}
	}
	@media only screen and (max-width: 1195px) {

		#header-sect .menu a{
	/*		width: 12%;*/

			/*margin-right: 4%;*/
		}
		#header-sect .no-styles{
		/*width: 30%!important;*/
		}
	}


	@media only screen and (max-width: 1195px) {

		#contenido-sect .content-box .box-4-2{
			width: 46%;
			margin: 2%;
			height: 160px;
		}
		#contenido-sect .content-box .box-4-2.second
		{
			margin-right:0px;
		}
		#contenido-sect .content-box .box-4-2.third
		{
			margin-right:2%!important;
		}
	}

	@media only screen and (max-width: 1188px) 
	{
		.col_75 {
			width: 100%;
		}
		.col_25 {
			width: 100%;
		}
		#contenido-sect .content-box .sticker div {
			margin-top: 0px!important;
			color: #191818!important;
			text-align: center!important;
			    margin-bottom: 80px!important;
			float:none!important;
				text-align: center!important;
			width: 100%!important;
				margin-right: 0px!important;
			padding-right: 0px!important;
			margin-left: 0px!important;
margin-top: -245px!important;
					color:white;
		}
		#contenido-sect .content-box .sticker img {
			width: 250px!important;
			margin-top: 0px!important;
			margin-bottom: 40px;
			display: inline-block;
				float:none!important;  
				margin-left: 0px!important;
		}
		#contenido-sect .content-box .sticker {
			width: 100%;
			text-align: center;
			display: inline-block;
			float:none!important;
			padding-left:0px!important;
		}
		#contenido-sect .content-box .sticker.small img {
			width: 170px!important;
		}
		#contenido-sect .content-box .sticker.small div {
			margin-top: -155px!important;
		}

		#contenido-sect .content-box .sticker .st-txt-sm {
   		 width: 180px;
		 display: inline-block;
		}
		#contenido-sect .content-box .sticker .pdf {
  			  margin-left: 0px !important;
		}
		.act_trigg_st
		{
			display:none;
		}
	}
	@media only screen and (max-width: 1140px) {
	
		#contenido-sect .content-box .box-5{
			width: 29.3%;
			margin: 2%;
		}
		.marginbot0{
			margin-bottom: 20px !important;
		}
#contenido .content-box .box-texto .tit.doyouknow {
    min-height: 25%;
}
	}



	@media only screen and (max-width: 1065px) {
		
		#contenido-sect .content-box .box-4{
    width: 45.6%;
			margin: 2%;
			margin-left: 0px;
			margin-right: 7%;
		}
		#contenido-sect .content-box .box-4.second
		{
			margin-right:0px;
		}
		.marginbot0{
			margin-bottom: 20px !important;
		}
	#contenido-sect .content-box .box-texto .tit.act{
    min-height: 10%;
	}
	}


	@media only screen and (max-width: 1045px) {

		#contenido-sect .content-box .box-login{
			width: 88%;
			min-height: auto;
		}

	}

	@media only screen and (max-width: 1125px) {

		#header-sect .menu{
			display: none;
		}
		#header-sect .menu-responsive{
			display: inline-block;
		}
		#header-sect {
            background-position: 85% 83%, 50% 110%, 80% 25%;
			height: 180px;
		}
		#contenido-sect .section-title {
		    margin-top: -40px;
		}
		#header-sect .menu-responsive .login img {
    		margin-top: -18px;

		}	
		#header-sect .menu-responsive .login div {
			margin-top: 0px;
			margin-right: -72px;
		}
		#header-sect .menu-responsive .pull 
		{
			margin-top: 43px;
		}
		#headbike 
		{
   		 top: 95px;
		}
		
	}

	@media only screen and (max-width: 1600px) {		
	#jumper,#pedalbike,#leaves,#bottle
		{
			z-index:-10!important;
		}
	}
	@media only screen and (max-width: 940px) {
	.acts-btns.left {
		margin-left: 5%;
		margin-top: -32%;
		z-index: 200;
		float: left;
	}
	#contenido-sect .content.intro .bar
	{ 
		width: 90%;
	}
	}
	@media only screen and (max-width: 940px) {
	
		#contenido-sect .content .bar .tit{
			font-size: 22px;
		}
		#contenido-sect .content .bar{
			background-position: 95% center;
			background-size: 35px;
			padding: 20px 5%;
		}

	}


	@media only screen and (max-width: 900px) {

		#contenido-sect .content-box .box{
    float: left;
/*height: 320px;*/
    width: 100%;
    margin-bottom: 20px;
    display: inline-block;
    margin: 0px;
    margin-bottom: 25px;;
		}
		#contenido-sect .content-box .txt{
/*			margin-top: 196px;*/
		}
#contenido-sect .content-box img {
    width: 180px;
    margin-top: 5%;
}
#contenido-sect .content-box .box.left {
    background-color: #e52320;
     margin-left: 0px; 
}
#contenido-sect .content .box-section
{
	padding-left: 0px;
	width: 100%;
}

#contenido-sect .content-box .box_imgbk img{
	width: 180px;
}
#contenido-sect .content-box .box_imgbk.sect1 img{
	width: 240px!important;
}
#contenido-sect .content-box .box_imgbk.sect2 img{
    width: 170px!important;
}
#contenido-sect .content-box .box_imgbk.sect3 img{
	width: 225px!important;
}
#contenido .content-box .box_imgbk.sect4 img,#contenido .content-box .box_imgbk.sect5 img,#contenido .content-box .box_imgbk.sect6 img,#contenido .content-box .box_imgbk.sect7 img,#contenido .content-box .box_imgbk.sect8 img
{
	width: 145px!important;
}
#contenido .content-box .box-texto .tit {
    margin-top: -20px;
}
		#contenido-sect .content-box .box_imgbk.act img{
width: 200px;
margin-top: 20px;
	}
	.coming-soon
{
	width:80%;
}
}
@media only screen and (max-width: 889px) 
{
.standard-btn.btn-can {
	   /* margin-top: -290px!important;*/
}
}
@media only screen and (max-width: 771px) 
{
.standard-btn.btn-can {
	    margin-top: -126px!important;
}
}
@media only screen and (max-width: 800px) 
{
	#contenido-sect.row.buttons
	{
		display:block!important;
	}
	#video_buttons
	{
		display:none;
	}
}
@media only screen and (max-width: 3000px) 
{
	.standard-btn.btn-can {
		margin-top: 0px!important;
	}
	.nowican_Btn
	{
		width:100%;
		text-align:center;
	}
	.nowican_Btn a
	{
		display:inline-block;
		float:none!important;
	}
	.tickInstr
{
	padding-right:0px!important;
}
.nowican_Btn.desktop
{
	display:none;
}
.nowican_Btn.mobile
{
	display:block!important;
}
}
	@media only screen and (max-width: 640px) {


		#contenido-sect .content-box .box-login form label{
			width: 100%;
		}
		#contenido-sect .content-box .box-login form input{
			width: 96%;
		}
		#contenido-sect .content-box .box-login form .short{
			width: 96% !important; 
		}
		#contenido-sect .content-box .box-login form .moveleft{
			margin-left: 0%;
			width: 96%;
		}
		#contenido-sect .content-box .box-login form button{
			margin-right: 0%;
			margin-top: 20px;
			padding: 12px 30px;
			font-size: 18px;
		}

	}
	@media only screen and (max-width: 380px) {
		#header-sect .menu-responsive .login div {
    margin-right: -56px;
}
		#header-sect .menu-responsive img {
			/*margin: 0px;*/
/*			margin-left: 5px;*/
		
		}
		#header-sect .menu-responsive .pull img {
			/*padding-left: 3px;*/
		}
		#header-sect .menu-responsive .login img {
			/*margin-top: 0px;*/
		}
		#header-sect .menu-responsive .login div {

 			   margin-right: -60px;
		}

		#contenido-sect .content-box .sticker img {
    width: 230px!important;
	margin-left: -10px!important;
		}
		#contenido-sect .content-box .sticker div
		{
			margin-top: -210px!important;
			}
		#header-sect .menu-responsive .login img {
		 /*margin-left: -10px;*/
		}
		#header-sect .menu-responsive .pull img {
margin-right:0px;
margin-left:5px;
}

#header-sect .menu-responsive .login img {
    margin-left: 0px;
    margin-right: 5px;
}
#contenido-sect .content-box .sticker .st-txt-bg {
	    font-size: 17px!important;
		margin-left: 8px;
}
#contenido-sect .content-box .sticker .st-txt-sm {
	    font-size: 13px!important;
		line-height: 19px;

}
#contenido-sect .content-box .sticker div.physicalFact
{
	margin-top:-230px!important;
}
.cyclingFact
{
	
}
	}
	@media only screen and (max-width: 300px) {
#header-sect .menu-responsive img {
    width: 120px;
}
	}	
	@media only screen and (max-width: 340px) {
				#header-sect .menu-responsive .login div {
    margin-top: -158px;
    margin-right: 14px;
		}
	}
		@media only screen and (max-width: 300px) {
				#header-sect .menu-responsive .login div {
    margin-top: 0px;
    margin-right: -60px;
		}
	}
	@media only screen and (max-width: 420px) {
	#header-sect .menu-responsive img{
		    /*width: 120px;*/
	}
	#jumper,#headbike,#bottle,#leaves,#pedalbike
	{
		display:none;
	}

	}
	@media only screen and (max-width: 582px) {
		#contenido-sect .section-title {
			/*margin-top:-60px;*/
		}
		.coming-soon {
    width: 100%!important;
}
	}	
.contents .texts strong
{
	/*color:#25346d;*/
}
label[for=myCheckbox1]{
font-size: 22px;
margin-top: 5px;
line-height: 36px;
}
label[for=myCheckbox1] input[type="checkbox"] {
background: url('../img/checkbox_unchecked.png') 0 0px no-repeat;
z-index: 10;
display: block;
float: left;
font-size: 12px;
height: 40px;
width: 40px;
line-height: 16px;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
appearance: none;
outline: 0;
border: none;
}
label[for=myCheckbox1] input[type="checkbox"]:checked{
  background: url('../img/checkbox-checked.png') 0 0px no-repeat;
/*  background-color: #37924A;*/
}
.sticker
{
/*	    padding-left: 40px;*/
		    float: left;
}
.sticker.top
{
-ms-transform: rotate(-5deg);
-webkit-transform: rotate(-5deg);
transform: rotate(-5deg);
}
.sticker.mid
{
-ms-transform: rotate(2deg);
-webkit-transform: rotate(2deg);
transform: rotate(2deg);
}
.sticker.bot
{
-ms-transform: rotate(-2deg);
-webkit-transform: rotate(-2deg);
transform: rotate(-2deg);
}
#contenido-sect .content-box .sticker img
{
    width: 250px;
	float: left;
	    margin-top: 0px;
margin-left: 45px;
    margin-bottom: 40px;
	    
}
#contenido-sect .content-box .sticker .st-txt-bg
{
    font-size: 20px;
	color:white;
font-family: "sofia-pro-soft",sans-serif;
}
#contenido-sect .content-box .sticker .st-txt-sm
{
    font-size: 15px;
	color:white;
/*font-family: "sofia-pro-soft",sans-serif;*/
padding-top: 5px;
}
#contenido-sect .content-box .sticker div
{
	float:left;
    width: 40%;
    margin-left: -180px;
    margin-top: 65px;
	color:white;
	text-align: center;
}

#contenido-sect .content-box .sticker.facts div
{
    width: 60%;
    margin-left: -208px;
    margin-top: 50px;
}

#contenido-sect .content-box .sticker .pdf
{
/*margin-left: -153px;
margin-top: 49px !important;
width: 55%;*/
}
#contenido-sect .content-box .sticker div p
{
line-height: 22px;
    margin-bottom: 0px;
	    margin-top: 0px;
		text-align:center;
}
#contenido-sect .content-box .sticker.small img
{
    width: 170px;
    margin-left: 85px;
	margin-bottom: 30px;
}
#contenido-sect .content-box .sticker.small div
{
margin-left: -145px;
    margin-top: 45px;
    width: 130px;
}
#contenido-sect .content-box .sticker.small
{
	padding-bottom:30px;
	    margin-right: 40px;
		cursor:pointer;
}

#contenido-sect .content-box .sticker.small .rounded
{
border-style: none;
border-width: 2px;
border-radius: 10px;
background-color:#e42612!important;
margin-left:15px;
width:100%;
padding:22px;
margin-top: 0px;
}
#contenido-sect .content-box .sticker.small .rounded ul
{
font-size:13px!important;
list-style-type: decimal;
}
#contenido-sect .content-box .sticker.small .rounded p 
{
	font-size:13px!important;
text-align: left;
}
#jumper-sect
{
/*    position: absolute;
    top: 400px;
    z-index: -10;
    left: 92%;*/
}
#pedalbike-sect
{
/*    position: absolute;
    top: 1200px;
    z-index: -10;
    left: 90%;*/
}
#leaves-sect
{
/*    position: absolute;
    top: 300px;
    z-index: -10;
    right: 90%;*/
}

#bottle-sect
{
/*    position: absolute;
    top: 1200px;
    z-index: -10;
    right: 90%;*/
}
#contenido-sect .content .cont .step {
                display: none;
}

.standard-btn.btn-step
{
float: right;
cursor: pointer;
margin-top: -90px;
padding-bottom: 20px;
}
.standard-btn.btn-step img
{
width: 90px !important;
float: left;
}
.standard-btn.btn-step div
{
float: left;
margin-left: -74px;
margin-top: 30px;
color: white;
font-size: 16px !important;
}
.standard-btn.btn-can
{
float: right;
cursor: pointer;
/*margin-top: -90px;*/
/*padding-bottom: 20px;*/
margin-top: -110px;
}
.standard-btn.btn-can img
{
width: 90px !important;
float: left;
}
.standard-btn.btn-can div
{
    float: left;
    margin-left: -64px;
    margin-top: 45px;
    color: white;
    font-size: 16px !important;
    line-height: 20px;
    text-align: center;
	font-family: "sofia-pro-soft",sans-serif;
}
.standard-btn.btn-act
{
float: right;
cursor: pointer;
clear: both;
padding-bottom: 20px;
margin-top: -35px;
}
.standard-btn.btn-act img
{
width: 90px !important;
float: left;
}
.standard-btn.btn-act div
{
float: left;
margin-left: -74px;
margin-top: 32px;
color: white;
font-size: 14px !important;
line-height: 20px;
text-align: center;
font-family: "sofia-pro-soft",sans-serif;
}
.dashboard-progressbar
{
	clear: both;
width: 100%;
display: inline-block;
text-align: center;
margin-top: 60px;
float: right;
}
.contents .texts ul
{
	margin-left:-24px;
}
.now-can-check
{
/*	margin-bottom: 140px;*/
}
.trans-imgs
{
	text-align: center;
display: inline-block;
width: 100%;
}
.logo-resp img
{
	margin-left: 0px!important;
    margin-right: 0px!important;
}
#backtop {
position: fixed;
left:auto;right: 20px;top:auto;bottom: 20px;
outline: none;
overflow:hidden;
color:#fff;
text-align:center;
background-color:#e42612;
height:40px;
width:40px;
line-height:40px;
font-size:14px;
border-radius:10px;
cursor:pointer;
transition:all 0.3s linear;
z-index:999999;

opacity:1;
display:none;
}
#backtop:hover {
background-color:#e42612;
}
#backtop.mcOut {
opacity:0;
}
.contentTick
{
	list-style:none;
	 margin-left: -40px!important;
	
}
.contentBull
{
	list-style:none;
	margin-left: -12px!important;
}
.contentBull.purple li::before {
  content:"\2022"; 
  color:#994b97;
  display: inline-block; 
  width: 1.5em;
  margin-left: -1.5em
  }
.contentBull.cyan li::before {
  content:"\2022"; 
  color:#20b9dc;
  display: inline-block; 
  width: 1.5em;
  margin-left: -1.5em
  }  
.contentTick li
{
    background-size: 4%!important;
    padding-left: 50px;
    background-position-y: 4%!important;
    padding-bottom: 20px;
    padding-top: 5px;
}
.contentTick.purple li
{
	background: url(../img/tick_purple.png) no-repeat 0% 100%;
}
.contentTick.blue li
{
	background: url(../img/tick_blue.png) no-repeat 0% 100%;
}
.contentTick.green li
{
	background: url(../img/tick_green.png) no-repeat 0% 100%;
}
.contentTick.cyan li
{
	background: url(../img/tick_cyan.png) no-repeat 0% 100%;
}
.sofia_list, .sofia_list li
{
	    font-family: "sofia-pro-soft"!important;
    font-weight: 900;
}
.img-frame
{
	border-radius: 10px;
margin-bottom: -7px;
	width:100%;
}
.img-content
{
	width:100%;
	text-align:center;
}

.img-content img
{
    width: 200px!important;
}
.img-content.border img
{
	    border-style: solid;
    border-width: 2px;
    border-radius: 10px;
    border-color: black;
	width:100%!important;
}
.coming-soon
{
	width:60%;
}
.star
{
	width: 60px!important;
    float: left;
    padding-right: 15px;
    margin-top: -15px!important;
    margin-bottom: 0px;
    position: relative;
    margin-left: -10px;
}
#contenido-sect .content .bar.barstar {
	padding-bottom: 9px;
}
.starSty
{
	width: 20px!important;
    margin: 0px!important;
    padding-right: 3px!important;
margin-top: 5px!important;
    float: left!important;
}
.startP
{
	float: left;
    margin: 0px;
	margin-top: 3px;
    margin-right: 5px;
}
.tickInstr
{
	padding-right:100px;
}
.blue_btn
{
text-align: center;
padding-top: 20px;
padding-bottom: 20px;
}

.blue_btn a
{
border-style: solid;
border-width: 1px;
border-radius: 10px;
border-color: #212020;
text-align: left;
padding: 22px;
background-color: #004288;
color: white;
}