/*

===================================================================
MAIN DESIGN - FONTS.CSS
===================================================================

Table of contents

 - ICONS


-------------------------------------------------------------------

# GLOBAL
===================================================================

*/
@font-face {
	font-family: "Icons";
	src: url('../fonts/icons/icons.eot');
	src: url('../fonts/icons/icons.eot?#iefix-rdmvgc') format('embedded-opentype'), url('../fonts/icons/icons.woff') format('woff'), url('../fonts/icons/icons.ttf') format('truetype'), url('../fonts/icons/icons.svg?-rdmvgc#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

# ICONS
===================================================================

*/

[class^="icon-"]:before,
[class*=" icon-"]:before {
	font-family: "Icons";
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	speak: none;
	text-transform: none;
}

.icon-user:before {
	content: "\6a";
}

.icon-bookmark:before {
	content: "\6c";
}

.icon-share:before {
	content: "\6d";
}

.icon-quote:before {
	content: "\65";
}

.icon-calendar:before {
	content: "\6e";
}

.icon-facebook:before {
	content: "\6b";
}

.icon-twitter:before {
	content: "\6f";
}

.icon-instagram:before {
	content: "\70";
}

.icon-pinterest:before {
	content: "\71";
}

.icon-linkedin:before {
	content: "\72";
}

.icon-youtube:before {
	content: "\73";
}



.social-feed a {
	text-decoration: none;
}

.feeds-loading {
	position: relative;
}

.feeds-loading:before {
	content: url(../media/loader.svg);
	position: absolute;
	width: 15px;
	height: 15px;
	top: 50%;
	left: 50%;
	margin-left: -15px;
	margin-top: -15px;
}

.slider .social-feed li {
	margin-bottom: 0;
}

.social-feed-fb img, .social-feed-tw img {
	max-width: 100% !important;
	width: auto !important;
}

-------------------------------------------------------------------
ICON LIST - COMPONENT
			-------------------------------------------------------------------
			*/

.icon-list-horizontal {
	display: flex;
}

.icon-list-horizontal.icon-list li {
	margin-right: 25px;
	margin-bottom: 0;
	padding-left: 25px;
	position: relative;
	white-space: nowrap;
	overflow: hidden;
}

.icon-list p {
	margin: 0;
	display: inline;
}

.icon-list li > i {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}

.icon-list-horizontal.icon-list a {
	text-decoration: none;
}

ul.icon-list {
	list-style: none;
	padding: 0;
	margin: 0;
}

ul.icon-list li {
	position: relative;
	list-style: none;
	padding-left: 30px;
	margin-bottom: 10px;
}

ul.icon-list li:last-child {
	margin-bottom: 0;
}

.icon-list.icon-md li, .icon-list.icon-md span {
	padding-left: 40px;
	line-height: 35px;
}

.icon-list.icon-md li > i, .icon-list.icon-md span > i {
	font-size: 23px;
}

.icon-list.icon-lg li, .icon-list.icon-lg span {
	padding-left: 50px;
	line-height: 40px;
}

.icon-list.icon-lg li > i, .icon-list.icon-lg span > i {
	font-size: 30px;
}

.icon-list.icon-md.text-xs li {
	line-height: 20px;
}

.icon-list.icon-md.text-xs li > i {
	font-size: 15px;
}

.icon-circle li > i, .icon-line li > i, .icon-decimal li > i {
	display: none;
}

.icon-circle li:before, .icon-circle span:before, .icon-line li:before, .icon-line span:before {
	content: "";
	position: absolute;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	transition: all .5s;
}

.icon-circle li:hover:before, .icon-circle span:hover:before {
	transform: translateY(-50%) scale(.8);
}

.icon-circle.icon-md li:before, .icon-circle.icon-md span:before {
	width: 11px;
	height: 11px;
}

.icon-circle.icon-md li, .icon-circle.icon-md span {
	padding-left: 35px;
}

.icon-circle.icon-lg li:before, .icon-circle.icon-lg span:before {
	width: 16px;
	height: 16px;
}

.icon-circle.icon-lg li, .icon-circle.icon-lg span {
	padding-left: 40px;
}

.icon-line li:before, .icon-line span:before {
	border-radius: 3px;
	height: 2px;
}

.icon-line li:hover:before, .icon-line span:hover:before {
	transform: translateY(-50%) translateX(5px);
}

.icon-line.icon-md li:before, .icon-line.icon-md span:before {
	width: 15px;
	height: 3px;
}

.icon-line.icon-md li, .icon-line.icon-md span {
	padding-left: 35px;
}

.icon-line.icon-lg li:before, .icon-line.icon-lg span:before {
	width: 20px;
	height: 4px;
}

.icon-line.icon-lg li, .icon-line.icon-lg span {
	padding-left: 40px;
}

ul.icon-decimal {
	padding-left: 15px;
}

ul.icon-decimal, ul.icon-decimal li {
	list-style: decimal;
}

.icon-list-horizontal.icon-list:not(.icon-md):not(.icon-lg) span {
	padding-left: 33px;
}

ul.icon-list.list-right li, .icon-list-horizontal.icon-list.list-right span {
	padding-left: 0;
	padding-right: 30px;
	text-align: right;
}

ul.icon-list.list-right li i, .icon-list-horizontal.icon-list.list-right i {
	left: auto;
	right: 0;
}

ul.icon-list.list-right.icon-md li, .icon-list-horizontal.icon-list.list-right.icon-md span {
	padding-right: 40px;
}

ul.icon-list.list-right.icon-lg li, .icon-list-horizontal.icon-list.list-right.icon-lg span {
	padding-right: 50px;
}

.icon-list-horizontal.icon-list.list-right:not(.icon-md):not(.icon-lg) span {
	padding-left: 0;
	padding-right: 33px;
}

.icon-circle.list-right li:before, .icon-circle.list-right span:before, .icon-line.list-right li:before, .icon-line.list-right span:before {
	left: auto;
	right: 0;
}

ul.icon-list.align-right li {
	padding-left: 0;
	padding-right: 30px;
}

ul.icon-list.align-right li:before, ul.icon-list.align-right span:before {
	left: auto;
	right: 0;
}

/*


/*

# FACEBOOK
===================================================================

*/

.social-feed-fb li {
	list-style: none;
	padding-left: 70px;
	position: relative;
	margin-bottom: 30px;
}

.social-feed-fb li .meta-header .avatar {
	position: absolute;
	left: 0;
}

.social-feed-fb li .meta-header img {
	border-radius: 3px;
}

.social-feed-fb .meta-header a {
	text-decoration: none;
	font-weight: 600;
	margin-top: 5px;
	display: block;
}

.social-feed-fb .meta-header .date {
	font-size: 12px;
}

.social-feed-fb li > .media img {
	border-radius: 3px;
	margin: 15px 0;
}

.media-meta {
	display: none;
}

.meta-footer {
	font-size: 12px;
}

.meta-footer > *, .meta-footer .actionlinks > span {
	display: inline-block;
	margin-right: 10px;
}

.comment-list {
	font-size: 14px;
	padding: 20px 0 0 0;
	margin: 0;
}

.comment-list li {
	padding: 15px;
	border-radius: 3px;
	margin-bottom: 10px;
}

.comment-list time {
	font-size: 12px;
}

.hide-comments .comment-list {
	display: none;
}

/*

# TWITTER
===================================================================

*/

.social-feed-tw ul {
	list-style: none;
	padding: 0;
}

.social-feed-tw li {
	list-style: none;
	padding-left: 70px;
	position: relative;
	margin-bottom: 30px;
}

.social-feed-tw .tweet-cnt > a:first-child {
	position: absolute;
	left: 0;
	top: 0;
}

.social-feed-tw .tweet-cnt > a img {
	border-radius: 3px;
}

.tweets_txt {
	white-space: pre-wrap;
	margin-top: -8px;
}

.tweets_txt > span {
	display: block;
	font-size: 12px;
}


/*
-------------------------------------------------------------------
ICON LINK - COMPONENT
-------------------------------------------------------------------
*/
.icon-links {
	display: flex;
}

.icon-links.align-center {
	justify-content: center;
}

.icon-links.align-right {
	justify-content: flex-end;
}

.icon-links a {
	display: block;
	width: 30px;
	height: 30px;
	margin-right: 15px;
	position: relative;
	cursor: pointer;
}

.icon-links a i {
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	margin: 0;
	padding: 0;
	display: block;
	position: absolute;
	font-size: 18px;
	transition: all .5s;
}

.icon-links {
	display: flex;
}

.icon-links-grid a {
	border-style: solid;
	border-width: 1px;
	border-right: none;
	width: 50px;
	height: 40px;
	margin: 0;
}

.icon-links-grid a i {
	transition: all .1s;
}

.icon-links-grid a:hover i {
	color: #FFF;
}

.icon-links-grid a:first-child {
	border-bottom-left-radius: 3px;
	border-top-left-radius: 3px;
}

.icon-links-grid a:last-of-type {
	border-right-style: solid;
	border-right-width: 1px;
	border-bottom-right-radius: 3px;
	border-top-right-radius: 3px;
}

.icon-links-button a {
	width: 50px;
	height: 40px;
	border-radius: 3px;
	transition: all .5s;
}

.icon-links-button.full-width a {
	width: 100%;
}

.icon-links-popup {
	position: relative;
	padding-left: 35px;
}

.icon-links-popup > i {
	display: block;
	position: absolute;
	width: 20px;
	height: 20px;
	left: 0;
	font-size: 16px;
	cursor: pointer;
}

.icon-links-popup > i:before {
	font-family: "Icons";
	content: "\6d";
	font-size: 20px;
	font-style: normal;
	font-weight: normal;
	text-transform: none;
}

.icon-links-popup > div {
	display: flex;
	position: relative;
	visibility: hidden;
}

.icon-links-popup > div > a {
	opacity: 0;
	transition: all .5s;
}

.icon-links-popup.active > div {
	visibility: visible;
}

.icon-links-popup.active > div > a {
	opacity: 1;
}

.icon-links.icon-lg i {
	font-size: 25px;
}

.icon-links.icon-lg a {
	margin-right: 25px;
}

.icon-links-grid.icon-lg a {
	margin-right: 0;
	width: 60px;
	height: 45px;
}

.icon-links-button.icon-lg a {
	width: 60px;
	height: 45px;
}

.icon-links-popup.icon-lg {
	padding-left: 45px;
}

.icon-links-popup.icon-lg > i {
	height: 25px;
	width: 25px;
}

.icon-links-popup.icon-lg > i:before {
	font-size: 25px;
}

.icon-links > a:last-child {
	margin-right: 0;
}

.icon-social a i {
	transform: translateX(-50%) translateY(calc(-50% + 2px));
}

/*
-------------------------------------------------------------------
SOCIAL LINK - COMPONENT
-------------------------------------------------------------------
*/
.social-colors.icon-links-button i, .social-colors.icon-links-grid i, .social-colors-hover.icon-links-button i, .social-colors-hover.icon-links-grid i {
	transition: none;
}

.social-colors.icon-links-button .facebook:not(:hover), .social-colors-hover.icon-links-button .facebook:hover,
.social-colors.icon-links-grid .facebook:not(:hover), .social-colors-hover.icon-links-grid .facebook:hover {
	background-color: #3B5998;
	border-color: #3B5998;
	color: #FFF;
}

.social-colors.icon-links-button .twitter:not(:hover), .social-colors-hover.icon-links-button .twitter:hover,
.social-colors.icon-links-grid .twitter:not(:hover), .social-colors-hover.icon-links-grid .twitter:hover {
	background-color: #3B8ACA;
	border-color: #3B8ACA;
	color: #FFF;
}

.social-colors.icon-links-button .pinterest:not(:hover), .social-colors-hover.icon-links-button .pinterest:hover,
.social-colors.icon-links-grid .pinterest:not(:hover), .social-colors-hover.icon-links-grid .pinterest:hover {
	background-color: #B90B20;
	border-color: #B90B20;
	color: #FFF;
}

.social-colors.icon-links-button .linkedin:not(:hover), .social-colors-hover.icon-links-button .linkedin:hover,
.social-colors.icon-links-grid .linkedin:not(:hover), .social-colors-hover.icon-links-grid .linkedin:hover {
	background-color: #0077B5;
	border-color: #0077B5;
	color: #FFF;
}

.social-colors.icon-links-button .youtube:not(:hover), .social-colors-hover.icon-links-button .youtube:hover,
.social-colors.icon-links-grid .youtube:not(:hover), .social-colors-hover.icon-links-grid .youtube:hover {
	background-color: #cc181e;
	border-color: #cc181e;
	color: #FFF;
}

.social-colors.icon-links-button .instagram:not(:hover), .social-colors-hover.icon-links-button .instagram:hover,
.social-colors.icon-links-grid .instagram:not(:hover), .social-colors-hover.icon-links-grid .instagram:hover {
	background-color: #464646;
	border-color: #464646;
	color: #FFF;
}

.social-colors:not(.icon-links-button):not(.icon-links-grid) .facebook:not(:hover) i, .social-colors-hover:not(.icon-links-button):not(.icon-links-grid) .facebook:hover i {
	color: #3B5998;
}

.social-colors:not(.icon-links-button):not(.icon-links-grid) .twitter:not(:hover) i, .social-colors-hover:not(.icon-links-button):not(.icon-links-grid) .twitter:hover i {
	color: #3B8ACA;
}

.social-colors:not(.icon-links-button):not(.icon-links-grid) .pinterest:not(:hover) i, .social-colors-hover:not(.icon-links-button):not(.icon-links-grid) .pinterest:hover i {
	color: #B90B20;
}

.social-colors:not(.icon-links-button):not(.icon-links-grid) .linkedin:not(:hover) i, .social-colors-hover:not(.icon-links-button):not(.icon-links-grid) .linkedin:hover i {
	color: #0077B5;
}

.social-colors:not(.icon-links-button):not(.icon-links-grid) .youtube:not(:hover) i, .social-colors-hover:not(.icon-links-button):not(.icon-links-grid) .youtube:hover i {
	color: #cc181e;
}

.social-colors:not(.icon-links-button):not(.icon-links-grid) .instagram:not(:hover) i, .social-colors-hover:not(.icon-links-button):not(.icon-links-grid) .instagram:hover i {
	color: #464646;
}

/*
-------------------------------------------------------------------
ICON BOX - COMPONENT
-------------------------------------------------------------------
*/

.icon-box {
	position: relative;
	display: flex;
}

.icon-box i {
	font-size: 35px;
	display: block;
	text-align: left;
}

.icon-box h3 {
	font-size: 20px;
}

.icon-box p {
	margin: 0;
}

.icon-box-top {
	flex-direction: column;
}

.icon-box-top h3 {
	margin: 20px 0 10px 0;
}

.icon-box-left {
	flex-direction: row;
	align-items: center;
}

.icon-box-left i {
	padding-right: 30px;
}

.icon-box-left h3 {
	margin: 0 0 5px 0;
}

.icon-box-right {
	flex-direction: row-reverse;
	align-items: center;
	text-align: right;
}

.icon-box-right i {
	padding-left: 30px;
}

.icon-box-right h3 {
	margin: 0 0 5px 0;
}

.icon-box-top.align-center i {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.icon-box-top.align-right i {
	margin-left: auto;
	margin-right: 0;
	text-align: right;
}



/* Style all font awesome icons */
.social-icon {
	text-align: left;
}

.social-icon a:link, a:checked, a:visited {
	color: #888888;
	text-decoration: none;
}

.fa {
	padding: 6px;
	font-size: 30px;
	width: 30px;
	text-align: left;
	text-decoration: none;
	border-radius: 50%;
	color: #888888;
}

/* Add a hover effect if you want */
.fa:hover {
	opacity: 0.5;
}

/* Set a specific color for each brand */

/* Facebook */
.fa-facebook {
	color:#888888;

}

/* Whatsapp */
.fa-whatsapp {
	color:#888888;

}

/* weixin */
.fa-weixin {
	color:#888888;
	padding-right: 1.2em;
}