#homeMain {
	background: #FFF;
	background: linear-gradient(90deg,rgb(234, 237, 245) 0%, rgb(255, 255, 255) 40%);
}
#homeMain .pl {
	width: 50%;
}
#homeMain .pr .solo {
	position: absolute;
	right: 18px;
	bottom: -100px;
	width: 200px;
	height: 200px;
	background: #ffbf00;
    color: #564230;
	border-radius: 50%;
	text-align: center;
	font: 900 14px Urbanist;
	padding-top: 30px;
	animation: pulseSolo 2s ease-in-out infinite;
}

@keyframes pulseSolo {
  0% {
    box-shadow: 0 0 0 0 rgba(255, 191, 0, 0.45);
  }

  100% {
    box-shadow: 0 0 0 18px rgba(255, 191, 0, 0);
  }
}
#homeMain .pr .solo .price {
	font: 900 30px Montserrat;
}
#homeMain .pr .solo .price span {
	font: 900 15px Montserrat;
}
#homeMain .pr {
	width: 50%;
	text-align: right;
	position: relative;
	overflow: hidden;
}
#homeMain h1 {
	font: 900 40px Montserrat;
	color: #032858;
	margin: 0px 0px 15px 0px;
	letter-spacing: -2px;
}
#homeMain h1 span {
	color: #104af6;
}
#homeMain h2 {
	font: 900 22px Urbanist;
	color: #6f7891;
	margin: 15px 0px 0px 0px;
}

#homeMain .btns a {
	display: inline-block;
	background: #FFF;
	color: #6d7899;
	font: 600 16px Urbanist;
	padding: 15px 20px;
	border-radius: 15px;
	box-shadow: 0px 0px 0px 1px #acb7cd;
}
#homeMain .btns a.main {
	background: #104af6;
	background: linear-gradient(90deg,rgb(113, 95, 238) 0%, rgba(16, 74, 246, 1) 100%);
	color: #FFF;
	margin-right: 10px;
	box-shadow: none;
}
.bxTopTramites .destaca {
	display: inline-block;
	color: #1c53d0;
  border-radius: 30px;
  background: #eff5fd;
	font: 900 16px Urbanist;
	padding: 10px 20px;
}
.slideTopTramites {
	float: left;
	position: relative;
	left: -10px;
	width: calc(100% + 20px);
}
.h3HomeMain {
	font: 900 40px Montserrat;
	color: #032858;
	letter-spacing: -2px;
	margin: 0px;
}
.h3HomeMain span {
	color: #104af6;
	float: left;
	width: 100%;
}
.topTramite {
	padding: 10px;
}
.topTramite .bx {
	box-shadow: 0px 0px 15px 5px rgba(153, 172, 197, 0.2);
	border-radius: 15px;
	padding: 20px;
	height: 300px;
	position: relative;
	background: #FFF;
}
.topTramite .icon i{
	float: left;
	width: 60px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	color: #1c53d0;
	border-radius: 50%;
	background: #eff5fd;
	font-size: 30px;
}
.topTramite h4{
	font: 900 18px Roboto;
	color: #000;
	margin: 10px 0px;
}
.topTramite p{
	font: 500 14px Roboto;
	color: #6f7891;
	margin: 10px 0px;
}
.topTramite a{
	font: 600 16px Urbanist;
	color: #FFF;
	margin: 10px 0px 0px 0px;
	border-radius: 10px;
	padding: 10px 15px;
	float: left;
	width: calc(100% - 40px);
	position: absolute;
	bottom: 20px;
	left: 20px;
	background: linear-gradient(90deg,rgb(113, 95, 238) 0%, rgba(16, 74, 246, 1) 100%);
	text-align: center;
}
.topTramite a:hover{
	color: #FFF;
	background: #1c53d0;
}
.blogLast {
	background: #FFF;
	padding-top: 10px;
	position: relative;
}
.blogLast:before {
	content: '';
	position: absolute;
	width: 20%;
	height: 400px;
	background: #f3f1f6;
	top: 0px;
	left: 0px;
	border-radius: 0px 250px 250px 200px;
}
.blogLast:after {
	background: #94cdd2;
	content: '';
	position: absolute;
	right: 0px;
	top: 50%;
	width: 50%;
	height: 50%;
	border-radius: 100px 0px 0px 200px;
}
.blog_widget {
	float: left;
	width: calc(100% + 20px);
	margin-bottom: 30px;
	position: relative;
	left: -10px;
	z-index: 2;
}
.blog_widget li {
	float: left;
	width: calc(33.33% - 20px);
	padding: 10px;
}
.blog_widget li a {
	float: left;
	width: 100%;
	height: 300px;
	background: #EFEFEF;
	border-radius: 15px;
	position: relative;
	overflow: hidden;
	box-shadow: 0px 0px 15px 5px rgba(153, 172, 197, 0.2);
}
.blog_widget li a img{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 140%;
}
.blog_widget li a .bub{
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 100%;
	background: rgba(0,0,0,0.5);
	padding: 20px;
	color: #FFF;
}
.blog_widget li a .title{
	font: 900 17px Roboto;
}
.blog_widget li a:hover .bub {
	background: rgba(0, 100, 255, 0.9);
	padding: 40px 20px;
}
.lastReviews .loQ {
	display: inline-block;
  color: #1c53d0;
  border-radius: 30px;
  background: #eff5fd;
  font: 900 16px Urbanist;
  padding: 10px 20px;
}
.lastReviews .subT {
	font: 400 14px Roboto;
	color: #6e7895;
	margin-bottom: 20px;
}
.reviews {
	float: left;
	width: calc(100% + 20px);
	margin-bottom: 30px;
	position: relative;
	left: -10px;
}
.reviews li {
	float: left;
	width: calc(33.33% - 20px);
	padding: 10px;
}
.reviews li .bx {
	float: left;
	width: 100%;
	height: 300px;
	background: #FFF;
	box-shadow: 0px 0px 15px 5px rgba(153, 172, 197, 0.2);
    border-radius: 15px;
	position: relative;
	overflow: hidden;
	padding: 20px;
}
.reviews li .stars {
	color: #fbb501;
	font-size: 18px;
}
.reviews li .content {
	color: #052358;
	font: 500 13px Roboto;
}
.reviews li .user {
	color: #052358;
	font: 900 15px Urbanist;
	position: absolute;
	left: 20px;
	bottom: 20px;
}
.reviews li .user .im i {
	display: inline-block;
	width: 45px;
	height: 45px;
	border-radius: 50%;
	background: #e6f0fe;
	text-align: center;
	line-height: 45px;
	font-size: 20px;
	color: #1c53d0
}
.reviews li .name {
	padding-left: 15px;
}
.reviews li .data {
	color: #526082;
	font: 400 12px Roboto;
	margin-top: 4px;
}
.avisResume {
	margin: 20px 0px;
	color: #949CAC;
	font: 600 16px Roboto;
	padding: 0px 10%;
}
.homeBar {
	background: #000282;
	background: linear-gradient(90deg,rgb(113, 95, 238) 0%, rgba(16, 74, 246, 1) 100%);
	padding: 0px 10px;
	position: relative;
	top: -5px;
}
.tipUl {
	text-align: left;
}
.tipUl img {
	width: 23px;
	height: 23px;
	position: relative;
	top: 7px;
	margin-right: 5px;
}
.tipUl li {
	display: inline-block;
	padding: 0px 20px;
	font: 900 13px Roboto;
	color: #FFF;
}
@media (max-width: 700px) {
	#homeMain h1 {
		font-size: 20px;
		letter-spacing: 0px;
		margin-bottom: 0px;
	}
	#homeMain h1 span{
		float: left;
		width: 100%;
		font-size:20px;
		letter-spacing: -1px;
	}
	#homeMain h2 {
		font: 600 12px Urbanist;
	}
	#homeMain .pl {
		padding: 30px 10px;
		position: relative;
	}
	#homeMain .pl .btns {
		display: none;
	}
	#homeMain .pr {
		width: 40%;
	}
	#homeMain .pr img {
		max-width: 100%;
	}
	.h3HomeMain {
	    font: 900 20px Montserrat;
	    letter-spacing: 0px;
	}
	.bxTopTramites {
		padding: 20px 0px;
	}
	.slideTopTramites  {
		margin-top: 20px;
	}
	.slideTopTramites, .blog_widget, .reviews {
		left: 0px;
		width: 100%;
	}
	.topTramite {
		width: 70vw;
	}
	.blogLast {
		padding-top: 20px;
	}
	.blog_widget {
		margin-top: 10px;
	}
	.blog_widget li, .reviews li {
		width: auto;
	}
	.blog_widget li a {
		width: 75vw;
		overflow: hidden;
	}
	.blog_widget li a img {
		width: 160%;
	}
	.reviews li .bx {
		width: 70vw;
	}
	.overf_slider {
		overflow: hidden;
	}
	.lastReviews .subT {
		font-size: 12px;
		padding-left: 10px;
		padding-right: 10px;
	}
	.tipUl li {
		padding: 0px 5px;
		font: 900 11px Roboto;
	}
	#homeMain .pr .solo {
		bottom: -40px;
		width: 100px;
		height: 100px;
		font: 900 11px Urbanist;
		padding-top: 13px;
	}
	#homeMain .pr .solo .price {
		font: 900 18px Montserrat;
	}
	#homeMain .pr .solo .price span {
		font: 900 10px Montserrat;
	}
}