.bt{
	border-top:1px solid #ebebeb;
}
.bb{
	border-bottom:1px solid #ebebeb;
}
.db{
	border-bottom:1px dashed #ebebeb;
}
.bg-gray{
    background:#f3f3f3;
}
.bg-red{
    background:#f3f3f3;
}
.bg-green{
    background:#a6ce39;
}
.bg-blue{
    background:#28b1fe;
}
.bg-orange{
    background:#fdb813;
}
.bg-pink{
    background:#f9ad81;
}
.fl{
	float:left;
}
.fr{
	float:right;
}
/* line */
.line{
	width:50px;
	height:2px;
	display:inline-block;
}
.v-line{
	position: relative;
	padding-left: 20px;
}
.v-line::before{
	width:5px;
	height:22px;
	background: #28b1fe;
	display:inline-block;
	content:'';
	position: absolute;
	left:0;
	top:10px;
}
@media(max-width:992px){
	.v-line {
		padding-left: 15px;
	}
	.v-line::before {
		width: 3px;
		height: 20px;
		top: 5px;
	}
}

/* bullets */
.gray-bullet{
	position:relative;
	padding-left:15px;
}
.gray-bullet:before {
    position: absolute;
    top: 10px;
    left: 0;
    width: 5px;
    height: 5px;
    background: #333;
    border-radius: 50%;
    content: '';
}
.white-bullet{
	position:relative;
	padding-left:15px;
}
.white-bullet:before {
    position: absolute;
    top: 10px;
    left: 0;
    width: 5px;
    height: 5px;
    background: #fff;
    border-radius: 50%;
    content: '';
}
.red-bullet{
	position:relative;
	padding-left:15px;
}
.red-bullet:before {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 6px;
    height: 6px;
    background: #e60013;
    border-radius: 50%;
    content: '';
}
/* cta */
.cta {
	position: relative;
}
.cta > a{
	display:inline-block;
	color:white;
	padding: 15px 62px;
	border-radius:50px;
	border-top-right-radius:0;

	border: none;
	background: none;
	color: inherit;
	vertical-align: middle;
	position: relative;
	z-index: 1;
	-webkit-backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
}
.cta > a:focus {
	outline: none;
}
.cta > a > span {
	vertical-align: middle;
}
.cta > a i{
	margin-left:6px;
}
.cta-green{
    border:1px solid #a6ce39 !important;
	color:#a6ce39 !important;
}
.cta-green::before {
	background: #e0f6a5;
}
.cta-green::after {
	background: #b8d861;
}
.cta-blue{
    border:1px solid #28b1fe !important;
	color:#28b1fe !important;
}
.cta-blue::before {
	background: #53c1fe;
}
.cta-blue::after {
	background: #28b1fe;
}

@media(max-width:1400px){
	.cta > a{
		padding: 12px 59px;
	}
}
@media(max-width:1200px){
	.cta > a{
		padding: 12px 50px;
	}
}
@media(max-width:992px){
	.cta > a{
		padding: 10px 40px;
		font-size:16px;
	}
}
@media(max-width:767px){
	.cta > a{
		font-size:14px !important;
	}
}
@media(max-width:485px){
	.cta > a{
		text-align:center;
		padding:10px;
		width:100%;
		margin:5px 0;
	}
}

/* Aylen */
.button.button--aylen {
	overflow: hidden;
	-webkit-transition: color 0.3s;
	transition: color 0.3s;
}
.button--aylen.button--inverted {
	background: none;
	color: #fff;
}
.button--aylen::before,
.button--aylen::after {
	content: '';
	position: absolute;
	height: 100%;
	width: 100%;
	bottom: 100%;
	left: 0;
	z-index: -1;
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
	transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}
.button--aylen:hover {
	color: #fff !important;
}
.button--aylen:hover::before,
.button--aylen:hover::after {
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0);
}
.button--aylen:hover::after {
	-webkit-transition-delay: 0.175s;
	transition-delay: 0.175s;
}

/* etc */
.round{
	width:360px;
	height:66px;
	line-height:66px !important;
	border-radius:30px;
	border:1px solid #28b1fe;
	text-align: center;
	display:inline-block;
}
@media(max-width:992px){
	.round{
		width:280px;
		height:50px;
		line-height:50px !important;
	}
}
@media(max-width:767px){
	.round{
		width:100%;
		height:42px;
		line-height:42px !important;
	}
}