/* Home Page - CSS */

/* Gradient Ball */
#mouse_gradient {
	position: fixed;
	width: 300px;
	height: 300px;
	left: 50px;
	top: 150px;
	border-radius: 50%;
	background-image: url("/wp-content/themes/reconomy/images/gradient_bg.png");
	background-attachment: scroll;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: 0;
}

/* News */
.news_title {
	position: absolute;
	left: 895px;
	top: -335px;
	z-index: 9;
}
#news .slide-item {
	max-width: 675px;
	width: 100%;
	float: left;
}
.news_carousel {
	position: relative;
	top: -45vh;
	left: 0;
	z-index: 999;
	height: 100%;
}
.slide-wrapper {
	height: 100%;
}
.slide-wrapper .post-item:last-child {
	display: flex;
	justify-items: center;
	align-items: center;
}
.round_text_link_news {
	width: 200px;
	left: calc(50% - 100px);
	bottom: 150px;
}
.round_text_news {
	right: 0;
	bottom: 0;
}
/*swiper addition*/
.home-swiper-buttons {
	position: absolute;
	bottom: -100px;
	width: 100%;
	right: 0px;
	text-align: left;
}
.swiper-button-next,
.swiper-button-prev {
	position: relative;
	display: inline-block;
	margin: 0 20px;
}

/* About Us */
.about_us_title {
	margin-right: -40px;
}
.circled_img {
	max-height: 450px;
	clip-path: url(#svg_circle);
	-webkit-clip-path: url(#svg_circle);
}
.curved_img {
	max-width: 850px;
	width: auto;
	min-height: 400px;
	margin-left: 65px;
	clip-path: url(#svg_rounded);
	-webkit-clip-path: url(#svg_rounded);
}
.about_img_right {
	position: relative;
	top: 0;
	right: -65px;
	z-index: 1001;
}

/* Our Location */
#mapsvg_content .medium-title {
	line-height: 80%;
}

.top_map svg,
.bottom_map svg {
	visibility: hidden;
}

.top_map {
	width: 55%;
	margin-bottom: -5px;
}
.bottom_map {
	margin-left: 100px;
	margin-top: -50px;
}
.round_text_link {
	z-index: 0;
}
.round_text_link svg,
.round_text_news svg {
	-webkit-animation: rotate 15s linear infinite;
	-moz-animation: rotate 15s linear infinite;
	-ms-animation: rotate 15s linear infinite;
	-o-animation: rotate 15s linear infinite;
	animation: rotate 15s linear infinite;
}
.round_text_link a {
	position: absolute;
	width: 200px;
	text-align: center;
	top: calc(50% - 13px);
}

@keyframes rotate {
	0% {
		-webkit-transform: rotate3d(0, 0, 1, 0deg);
		transform: rotate3d(0, 0, 1, 0deg);
	}
	25% {
		-webkit-transform: rotate3d(0, 0, 1, 90deg);
		transform: rotate3d(0, 0, 1, 90deg);
	}
	50% {
		-webkit-transform: rotate3d(0, 0, 1, 180deg);
		transform: rotate3d(0, 0, 1, 180deg);
	}
	75% {
		-webkit-transform: rotate3d(0, 0, 1, 270deg);
		transform: rotate3d(0, 0, 1, 270deg);
	}
	100% {
		-webkit-transform: rotate3d(0, 0, 1, 360deg);
		transform: rotate3d(0, 0, 1, 360deg);
	}
}

/* Trending Topics */
.trending_topics_section {
	height: 600px;
}
.t_topics_right_title {
	margin-right: -20px;
}
.topic_link {
	max-width: 400px;
	width: 100%;
	height: 100px;
	width: 100%;
	text-align: center;
}
.topic_link:hover {
	color: #a22249;
}
.topic_link_1 {
	left: 0;
	top: 15%;
	animation: animate 4s linear infinite;
}
.topic_link_2 {
	left: calc(400px + 5%);
	top: 0;
	animation: r-animate 4s linear infinite;
}
.topic_link_3 {
	right: 5%;
	top: 22.5%;
	animation: animate 4s linear infinite;
}
.topic_link_4 {
	left: 5%;
	top: 55%;
	animation: r-animate 4s linear infinite;
}
.topic_link_5 {
	left: calc(50% - 200px);
	bottom: 0;
	animation: animate 4s linear infinite;
}
.topic_link_6 {
	right: 0;
	top: 60%;
	animation: r-animate 4s linear infinite;
}
.topic_link_7 {
	left: calc(42.5% - 100px);
	top: 40%;
	animation: animate 4s linear infinite;
}
.topic_link .topic_link_img {
	max-width: 375px;
	opacity: 0;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
}
.topic_link:hover .topic_link_img {
	opacity: 0.85;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
}
.topic_link .topic_circle_graph,
.topic_link .topic_rounded_graph {
	width: 300px;
	height: 200px;
	left: 50%;
	top: 50%;
	background-color: #ecd2da;
	transform: translate(-20%, -35%);
	z-index: -1;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
}
.topic_link:hover .topic_circle_graph {
	transform: translate(-30%, -70%);
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
}
.topic_link:hover .topic_rounded_graph {
	transform: translate(-50%, -45%);
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
}
.topic_link .svg_topic_path {
	transform: scale(1);
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
}
.topic_link:hover .svg_topic_path {
	transform: scale(2.5);
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
}
@keyframes animate {
	0% {
		transform: scale(0.9);
		-webkit-transform: scale(0.9);
	}
	50% {
		transform: scale(1);
		-webkit-transform: scale(1);
	}
	100% {
		transform: scale(0.9);
		-webkit-transform: scale(0.9);
	}
}
@keyframes r-animate {
	0% {
		transform: scale(1.1);
		-webkit-transform: scale(1.1);
	}
	50% {
		transform: scale(0.9);
		-webkit-transform: scale(0.9);
	}
	100% {
		transform: scale(1.1);
		-webkit-transform: scale(1.1);
	}
}