@media all and (max-width: 1000px) {






body{
	margin: 0px;
	padding: 0px;
	font-size: 0.9rem;
	font-family: 'Roboto', arial;
	color: #000;

}

a:link,
a:visited
{
	color: #01aef0; 
	text-decoration: none;
}

a:hover
{
	color: #ec1165; 
	text-decoration: none;
}


.blue{

color: #01aef0;

}

.pink{

color: #ec1165;

}


.b{
	font-weight: 700;
}

.header{
	display: block;
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	background-color: #fff;
	z-index: 100;
	box-shadow: 0px 1px 2px rgba(0,0,0,0.2);

}

.header-space{
	display: block;
	height: 60px;

}



.logo{
	display: inline-block;
	vertical-align: top;
	padding: 20px;
	padding-right: 10px;


}


.logo img{
	height: 25px;
	width:  25px;
}

.site-name{
	display: inline-block;
	vertical-align: top;
	padding-top: 25px;
	font-weight: 900;
	font-size: 0.8rem;
	text-transform: uppercase;

}

.site-name a{
	color: #000;
}



.menu{
	display: none;

}


.menu a{
	display: block;
	color: #000;
	text-transform: uppercase;
	font-size: 0.8rem;
	font-weight: 500;
	padding: 10px 20px;
	border-top: 1px solid rgba(0,0,0,0.1);

}

.menu a:hover{

color: #ec1165;

}



.mobile-menu{
	display: inline-block;
	vertical-align: top;
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 300;
	width: 65px;
	height: 65px;
	cursor: pointer;
	text-align: center;
}

.mobile-menu i{
	font-size: 1.2rem;
	display: inline-block;
	vertical-align: top;
	margin-top: 22px;

}



.intro{
	display: block;
	padding: 20px;
	background: rgb(1,174,240);
	background: linear-gradient(125deg, rgba(1,174,240,1) 0%, rgba(236,17,101,1) 100%);

}


.intro-txt{
	display: block;
	text-align: left;
	padding-bottom: 40px;
	box-sizing: border-box;

}

.intro-txt-txt{
	line-height: 150%;
	font-size: 0.9rem;
	text-align: justify;
	color: #fff;
}

.intro-button{
	display: block;
	text-align: center;
	padding-top: 20px;
}


.txt{
	line-height: 150%;
	font-size: 0.9rem;
}

.txt p{

}

.indent{
	text-indent: 3rem;
}


.justify{
	text-align: justify;
}

.intro-img{
	display: block;
	text-align: center;
}

.intro-img img{
	max-width: 100%;
	display: inline-block;
	vertical-align: top;
	box-shadow: 4px 4px 10px rgba(0,0,0,0.4);
}



.button{
	display: inline-block;
	padding: 13px 30px;
	color: #fff !important;
	font-weight: 500;
	font-size: 0.9rem;
	text-transform: uppercase;
	text-decoration: none;
	background-color: #ec1165;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	box-shadow: 4px 4px 10px rgba(0,0,0,0.2);
}

.button-blue{
	background-color: #01aef0 !important;
}

.button-pink{
	background-color: #ec1165 !important;
}



.col1{
	display: block;


}

.col1-in{
	display: -block;

text-align: left;
	padding: 50px 0px;
	text-align: justify;
}




.col2{
	display: block;
    background-color: #f0f2f5;
}

.col2-in{
	display: block;
	text-align: left;
	padding: 20px ;
}


.col2-1{
	display: block;
	padding-bottom: 20px;
	box-sizing: border-box;
	text-align: justify;
}

.col2-2{
	display: block;
	box-sizing: border-box;
	text-align: justify;
}



.title{
	display: block;
	text-align: center;
	font-size: 1.1rem;
	font-weight: 900;
	text-transform: uppercase;
	padding-bottom: 30px;
}




.title-header{
	display: block;
	padding-top: 30px;
	padding-bottom: 30px;
	text-align: center;
	font-size: 1.1rem;
	font-weight: 900;
	text-transform: uppercase;

}




.comment-item{
	display: block;
	padding-bottom: 40px;

}


.comment-avatar{
	display: block;
	text-align: center;
	padding-bottom: 10px;
}

.comment-avatar span{
	display: inline-block;
	vertical-align: top;
	width: 80px;
	height: 80px;
	background-size: cover;
	background-position: center center;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
}

.comment-ner{
	display: block;
	text-align: center;
	font-weight: 700;
	font-size: 0.9rem;
	padding-bottom: 10px;
}



.comment-text{
	display: block;
	text-align: center;
	font-style: italic;
	font-size: 0.9rem;
	line-height: 150%;
	color: #666;

}










.footer{
	display: block;
	text-align: center;
	background-color:  #333;
	color: #fff;
	font-size: 0.7rem;
	padding: 30px;
}












.bg-blue{
	background-color: #01aef0;
}

.bg-pink{
	background-color: #ec1165;
}



.lay-bg{
	display: flex;
	align-items: flex-end;
	flex-direction: row;

}



.lay-l-img{
	display: inline-block;
	vertical-align: top;
	width: calc(20vw);
	text-align: right;
	height: 100%;

}

.lay-l-img-in {
	display: inline-block;
	box-sizing: border-box;
	padding: 10px;
}

.lay-l-img img{
	max-width: 100%;
	max-height: 200px;
}


.lay-l-text{
	display: inline-block;
	width: calc(80vw);
	background-color: #fff;
	height: 100%;
}

.lay-l-text-in{
	display: inline-block;
	vertical-align: top;
	padding: 20px;
	box-sizing: border-box;

}





.lay-r-img{
	display: inline-block;
	vertical-align: top;
	width: 20vw;
	text-align: left;
	height: 100%;

}

.lay-r-img-in {
	display: inline-block;
	padding: 10px;
	box-sizing: border-box;
}

.lay-r-img img{
	max-width: 100%;
	max-height: 200px;
}


.lay-r-text{
	display: inline-block;
	width: 80vw;
	background-color: #fff;
	text-align: right;
	height: 100%;
}

.lay-r-text-in{
	display: inline-block;
	vertical-align: top;
	padding: 20px;
	box-sizing: border-box;
	text-align: left;

}












.lay2-bg{
	display: block;

}



.lay2-l-img{
	display: block;

}

.lay2-l-img-in {
	display: block;
	padding: 10px;

}

.lay2-l-img img{
	max-width: 100%;

}


.lay2-l-text{
	display: block;
	background-color: #fff;

}

.lay2-l-text-in{
	display: inline-block;
	vertical-align: top;
	padding: 20px;
	box-sizing: border-box;

}


.lay2-r-img{
	display: none;


}

.lay2-r-img-hidden{
	display: block;
}



.lay2-r-img-in {
	display: block;
	padding: 10px;

}

.lay2-r-img-hidden img{
	max-width: 100%;

}


.lay2-r-text{
	display: block;
	background-color: #fff;
}

.lay2-r-text-in{
	display: inline-block;
	vertical-align: top;
	padding: 20px;
	box-sizing: border-box;
	text-align: left;

}










.ti{
	display: block;
	font-size: 1rem;
	padding-bottom: 20px;
}

.ti span{
	display: block;
	padding-top: 10px;
	font-weight: 700;

}


.input{
    -webkit-appearance:none;
    appearance:none;
	display: inline-block;
	padding: 13px 20px;
	color: #000 !important;
	font-size: 1rem !important;
	text-decoration: none;
	background-color: #fff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	box-sizing: border-box;
	border: #666 1px solid;
	outline: none;
}


.i100{
	width: 100%;
}
















}