:root {
	--colour_bg: #121212;
	--colour_main: #3dbbc1;
	--colour_white: #fff;
	--colour_grey_box: #2e2e2e;
	--colour_text: #000;
	--colour_text_white: #f6f6f6;
	--colour_bg_spaces: #fff;
	--colour_info: #f0f087; /* Yellow HORRIBLE */
	--colour_primary: #30bd53; /* Green */
	--colour_alert: #ea4c4c; /* Red */
	--colour_announce: #ea4c4c; /*  Red */
	--colour_message: #7cd8ed; /* Light Blue */
	--colour_secondary: #e5e5e5; /* Grey */
	--colour_success: #8484f4; /* Purple */
	--colour_warning: #fe2b54; /* Redish */
}

/* Pending Blue: #5bc0deff */

@font-face {
  font-family: "Comforta";
  src: url('fonts/comforta/Comfortaa-Regular.ttf') format('truetype'),
		 url('fonts/comforta/Comfortaa-VariableFont_wght.ttf') format('truetype'),
		 url('fonts/comforta/Comfortaa-Medium.ttf') format('truetype'),
		 url('fonts/comforta/Comfortaa-Bold.ttf') format('truetype'),
		 url('fonts/comforta/Comfortaa-Light.ttf') format('truetype'),
		 url('fonts/comforta/Comfortaa-SemiBold.ttf') format('truetype');
}

@font-face {
  font-family: "Kabala";
  src: url('fonts/kabala/Kabala_Regular.otf') format('truetype'),
		 url('fonts/kabala/Kabala_Bold.ttf') format('truetype');
}

@font-face {
  font-family: "Monda";
  src: url('fonts/monda/Monda-Bold.otf') format('truetype'),
		 url('fonts/monda/Monda-Regular.ttf') format('truetype');
}

html{
	font: 1rem;
	margin: 0px;
}

* {
	font-family: 'Comforta';
}


body{
	margin: 55px 0px 150px 0px;
	color: var(--colour_text);
	overflow-wrap: break-word;
	background: var(--colour_bg);
}

h1, h2, h3, h4, h5{
	color: var(--colour_text_white);
	margin-top: 25px;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h1 a:active,
h2 a:active,
h3 a:active,
h4 a:active,
h5 a:active,
h1 a:visited,
h2 a:visited,
h3 a:visited,
h4 a:visited,
h5 a:visited,
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover{
	color: var(--colour_text_white);
}

a,
a:active,
a:hover,
a:visited {
	color: var(--colour_text_white);
}

p{
	margin: 5px 0px 5px 0px;
}

code {
	text-wrap: auto;
}

/***************************************************** Posts */
.posts_text a,
.posts_text a:active,
.posts_text a:hover,
.posts_text a:visited {
	color: var(--colour_text);
	text-decoration: underline;
}

.posts_post_wrapper{
	max-width: 540px;
	text-align: left;
}

hr.separate{
	border-top: 1px solid #e5e5e5;
	border-bottom: 0px;
}

hr.iwi_separateDark{
	border-top: 1px solid #484545;
	border-bottom: 0px;
}

.overlay{
	background: var(--bg);
}

#footer{
	background: #3f3f3f;
	color: white;
	padding: 10px 0px 25px 15px;
	margin-top: 25px;
	font-size: 0.8rem;
}

#footer a, a:visited{
	color: white;
}

#body{
	padding: 10px 15px 0px 15px;
}

.iwi_box{
	background: var(--colour_grey_box);
	color: var(--colour_white);
	padding: 10px;
	border-radius: 10px;
}

.iwi_button{
	padding: 0.5rem;
}

.iwi_shareLink{
	border: 1px solid #fff;
	padding: 3px;
	border-radius: 5px;
	margin: 10px 0px 0px 0px;
}

.iwi_shareLinkDiv{
	margin: 35px 10px 35px 10px;
	display: none;
	color: #fff;
}

.iwi_pointer{
	cursor: pointer;
}

.iwi_text{
	color: #fff;
}

.full{
	width: 100%;
}

/** Responsive stuff. */
.responsive{
	width: 100%;
	height: auto;
}

/** Forms @todo this should be in cala.css **/
.cala_form_field_required{
	border: 10px solid blue;
}

.cala_form_section,
.cala_formSection
{
	border: 1px solid #e5e5e5;
	border-radius: 3px;
	padding: 5px;
	margin-bottom: 10px;
	background: var(--colour_bg_spaces);
	color: black;

}

.cala_formFieldHelp{
	font-size: 0.9em;
	color: #59599b;
}

.cala_formFieldHelp a{
	text-decoration: underline;
	color: blue;
}

.fieldHelp{ /* @deprecated use cala_formFieldHelp */
	font-size: 0.9em;
	color: blue;
}

textarea{
	width: 80%;
}

.cala_form_err{
	border: 1px solid red;
	background: red;
	color: #fff;
}

/* Pure */
.pure-g > div {
	box-sizing: border-box;
}

.l_box {
	padding: 1px 1em 0em 1em;
}

/* Tema */
#navbar, #cala_navbar{
	height: 50px;
	padding: 0px;
	background: var(--colour_grey_box);
	color: var(--colour_white);
	position: fixed;
	z-index: 99;
	margin-bottom: 3px;
	border-bottom: 1px solid #2e3753;
}

.cala_formTitle{
	color: #000;
	font-weight: bold;
	font-size: 1.2rem;
}

/* Blogs **/
.b_titleOut{
	color: #fff;
}

.posts_post{
	background: #fff;
	color: #000;
	padding: 10px;
	margin-bottom: 10px;
	border-radius: 5px;
}

.posts_blogName{
	color: #000;
	font-size: 1.1rem;
	font-weight: bold;
}

.posts_text{
	color: var(--colour_text);
	word-wrap: anywhere;
}

.posts_text h1,
.posts_text h2,
.posts_text h3,
.posts_text h4 {
	color: var(--colour_text);
}

.posts_text em,
.posts_text p{
	color: var(--colour_text);
}

.posts_text > p,
.posts_text > img,
.posts_text > div{
	margin: 15px 0px 15px 0px;
}

/* Blogs */
.blogs_blogHeaderMain{
	background: #fff;
	margin: 0px 0px 15px 0px;
	border-radius: 5px;
}

.blogs_headerContents{
	padding: 10px;
}

.blogs_blogHeaderMainMini{
	margin: 5px 0px 15px 0px;
}

.blogs_titleMain{
	color: #000;
	font-size: 1rem;
	font-weight: bold;
}

.blogs_descriptionMain,
.blogs_descriptionMain p{
	color: var(--colour_text);

}

.blogs_descriptionMain > h2{
	color: #000;
}

.blogs_descriptionMainShort {
	height: 50px;
	overflow: hidden;
}

.blogs_descriptionMain a{
	color: black;
	text-decoration: underline;
}

.blogs_thumb{
	border-radius: 10px;
	width: 60px;
}

#blogs_submitRules{
	margin-bottom: 50px;
	border: 1px solid white;
	border-radius: 5px;
	padding: 10px;
}

#blogs_submitRulesRules{

}

#blogs_headerRules{
	background: white;
	border-radius: 5px;
	color: black;
	padding: 15px;
}

#blogs_headerRules a{
	color: black;
	text-decoration: underline;
}

.blogs_announce{
	border: 1px solid #fff;
	background: var(--colour_message);
	color: #000;
	padding: 7px;
	border-radius: 5px;
}

.blogs_announce a{
	color: #000;
	text-decoration: underline;
}

.iwi_blogsPersonalList{
	margin-bottom: 5px;
}

.iwi_announce{
	border: 1px solid #fff;
	background: var(--colour_message);
	color: #000;
	padding: 7px;
	border-radius: 5px;
}

.iwi_announce a{
	color: #000;
	text-decoration: underline;
}

.iwi_postImg{
}

/*
.iwi_postImg::before {
  display: block;
  margin-bottom: 8px;
}
*/

.iwi_postImg::after {
  content: url("https://iwivox.com/web/img/default_posts_image.jpg");
  width: 100%;
  height: auto;
  display: block;
  font-size: 12px;
}

/* Posts */
.posts_userAvatar{
	border-radius: 15px;
	width: 28px;
}

.posts_userFullName{
	color: #000;
	font-size: 0.9rem;
}

.posts_reacts{
	font-size: 0.9rem;
}

.posts_announce{
	background: var(--colour_primary);
	border: 1px solid #fff;
}

/* Cards */
.iwi_card{
	border-radius: 5px;
	background: #fff;
	color: #000;
	padding: 10px;
	margin-bottom: 25px;
}

/***************************************************** Chatz */
.chatz_msg_text{
	border: 1px solid white;
	border-radius: 5px;
	padding: 10px;
	background: #fff;
	color: black;
}

.chatz_msg_text a{
	color: blue;
	text-decoration: underline;
}

.chatz_msg_sender{
	font-size: 0.9rem;
}

.chatz_msg_details{
	font-size: 0.8rem;
}
.chatz_msg_time{}
.chatz_msg_id{}
/***************************************************** Jobs */
.jobs_thumbPreview{
	border-radius: 10px;
	max-width: 150px;
	max-height: 150px;
}

.jobs_thumb{
	border-radius: 10px;
	max-width: 600px;
	height: auto;
}
.jobs_userAvatar{
	border-radius: 3px;
	width: 75px;
}

.jobs_userAvatarFull{
	border-radius: 3px;
	width: 150px;
}

.jobs_description{
	padding: 10px;
}

#jobs_headerList{
	background-image: url('../../files_public/top_banner_job.jpg');
	background-repeat: no-repeat;
	height: 300px;
}

#jobs_headerList > h1{
	color: #000;
}

/***************************************************** Market */
.market_thumbPreview{
	border-radius: 10px;
	max-width: 150px;
	max-height: 150px;
}

.market_thumb{
	border-radius: 10px;
	max-width: 600px;
	height: auto;
}

.market_description{
	padding: 10px;
}

#market_headerList{
	background-image: url('../../files_public/top_banner_market.jpg');
	background-repeat: no-repeat;
	height: 300px;
}

#market_headerList > h1{
	color: #fff;
}

/***************************************************** Events */
.events_thumbPreview{
	max-width: 250px;
	max-height: 250px;
}

.events_thumb{
	max-width: 600px;
	height: auto;
}

.events_thumbList{
	max-width: 250px;
}

#events_headerList{
	background-image: url('../../files_public/top_banner_services.jpg');
	background-repeat: no-repeat;
	height: 400px;
}

#services_headerList > h1{
	color: black;
}

/***************************************************** Freelance */
.services_thumbPreview{
	max-width: 250px;
	max-height: 250px;
}

.services_thumb{
	max-width: 600px;
	height: auto;
}

.services_thumbList{
	max-width: 250px;
}

#services_headerList{
	background-image: url('../../files_public/top_banner_services.jpg');
	background-repeat: no-repeat;
	height: 400px;
}

#services_headerList > h1{
	color: black;
}

/******************* Badges */
#badges_container_post{
	height: 40px;
	margin-bottom: 15px;
	border-top: 1px solid black;
}

.badges_container_comments{
	height: 40px;
	margin-bottom: 15px;
	border-top: 1px solid black;
	font-size: 0.9rem;
}

/* Nude Dating */
.dating_nudeChallenge{
	border-radius: 5px;
}

/* Extras */
#intros_text{
	padding-top: 25px;
}

.alert_msg{
	background: #fff;
	color: #000;
	padding: 10px;
	margin-bottom: 10px;
	border-radius: 10px;
}

.alert_msg a{
	text-decoration: underline;
	color: black;
}

.iwi_smallFonts{
	font-size: 0.8rem;
}

/* NavBar */
/* Place the navbar at the bottom of the page, and make it stick */
#footer_navbar {
	background-color: #333;
	overflow: hidden;
	position: fixed;
	bottom: 0;
	width: 100%;
}

/* Style the links inside the navigation bar */
#footer_navbar a {
	display: block;
	text-align: center;
	text-decoration: none;
	font-size: 17px;
}

/* Change the color of links on hover */
#footer_navbar a:hover {
	background-color: #ddd;
	color: black;
}

/* Add a color to the active/current link */
#footer_navbar a.active {
	background-color: #04AA6D;
	color: white;
}

.footer_navbarSpace:hover {
	background-color: #ddd;
	color: black;
}

.iwi_userAvatarNav{
	border-radius: 15px;
	width: 35px;
}

/* Control Panel */
.panel_button{
	border: 1px solid white;
	border-radius: 5px;
	background: white;
	color: black;
	width: 90px;
	height: 80px;
	margin: 5px;
	text-align: center;
	padding-top: 20px;
}

/* Underlined links */
.p_link{
	text-decoration: underline;
}

/* Reacts */
.react_button{
	font-size: 25px;
	margin: 5px;
	cursor: pointer;
}

/* Comments */
.comments_comment{
	background: #fff;
	color: #000;
	padding: 10px;
	margin-bottom: 10px;
	border-radius: 5px;
}

.comments_text{
	margin-bottom: 25px;
}

.comments_text a,
.comments_text a:active,
.comments_text a:hover,
.comments_text a:visited {
	color: #000;
	text-decoration: underline;
}

/* iWi stuff*/
.iwi_zone{
	background: white;
	color: black;
	padding: 5px;
	border-radius: 5px;
	margin: 10px 0px 10px 0px;
}

.iwi_zone h1, .iwi_zone h2, .iwi_zone h3, .iwi_zone h4{
	color: black;
}

.iwi_zone a{
	color: black;
	text-decoration: underline;
}

.iwi_l {
	text-decoration: underline;
}

.iwi_promoFrame{
	height: 500px;
}

/* Menu */

.iwi_menuSide{
	margin: 5px 0px 5px 0px;
}

.iwi_menuItem{
	padding: 10px;
	border-bottom: 1px solid white;
	display: block;
}


/* Profile */

.iwi_profileAboutShort {
	height: 50px;
	overflow: hidden;
}

/* Cards */
.card_full{
	background: white;
	border-radius: 5px;
	width: 250px;
}

.card_header{
	color: black;
	font-weight: bold;
	font-size: 1.1rem;
	text-align: center;
	border-bottom: 1px solid black;
	margin-bottom: 5px;
}

.card_desc{
	color: black;
}

.card_footer{
	text-align: center;
}

.card_footer a{
	color: black;
}

#report_pages{
	margin: 50px 0px 50px 0px;
}

#reports_blogs_pagers{
	margin-top: 55px;
}

.reports_date_submitted{
	font-size: 0.8rem;
}

.reports_comments{
	background: white;
	color: black;
	margin-bottom: 30px;
	border-radius: 5px;
}

.reports_comments a
.reports_comments a:active,
.reports_comments a:hover,
.reports_comments a:visited {
	color: black;
}

.a_black
.a_black,
.a_black,
.a_black {
	color: black;
	text-decoration: underline;
}

.iwi_buttons{
	cursor: pointer;
	color: black;
}

/** Messages PMs
.pms_message{
}

.pms_msg_userName{
	font-weight: bold;
	color: var(--success);
}

.pms_convs_recipient{
	font-weight: bold;
	background: var(--success);
}

.pms_conv{
	background: white;
	margin-bottom: 5px;
	color: black;
}

.pms_conv_new_indicator{
	background: red;
	width: 10px;
	height: 10px;
	border-radius: 5px;
}

#container_pms_msgs_form{
}

#container_pms_msgs_form_div{
}

#container_pms_msgs_all{
	word-break: break-all;
}

.pms_msg_time{
	font-size: 0.7rem;
	color: #fff;
	text-align: right;
}

.pms_msg_sender_info{
	padding-left: 5px;
	font-weight: bold;
	border-radius: 5px;
}

.pms_msg_sender_info a{
	color: #fff;
}

.pms_msg_userNameMe{
	border-left: var(--text-colour) solid 1px;
	border-bottom: var(--text-colour) solid 1px;
}

.pms_msg_userNameNotMe{
	border-left: var(--success) solid 1px;
	border-bottom: var(--success) solid 1px;

}

.pms_msg{
	margin-top: 25px;
}

.pms_convs_text{
}

#container_pms_convs_list_uu, #container_pms_convs_list_ub{
	word-break: break-all;
}

#container_pms_msgs{
	overflow: scroll;
}

.pms_menu_active{
	border-bottom: 1px solid white;
}

.pms_avatar{
	width: 25px;
}

.pms_convs_time{
	font-size: 0.8rem;
	text-decoration: underline;
}
*/

/* Promote */
#promote_blogs{
	overflow: scroll;
	display: flex;
	flex-direction: row;
	width: 100%;
}

.promote_blogs_blog{
	background: #fff;
	color: black;
	margin-right: 3px;
	border-radius: 5px;
}
.promote_blogs_blog a{
	color: black;
}

/* Members in a blog, quick view */
.iwi_pageMembers{
	border-radius: 25px;
	width: 45px;
	padding-right: 5px;
}

/* Colours and backgrounds THIS SHOULD BE AT THE END*/
.info{
	background: var(--info);
	color: #575252;
}

.primary{
	background: var(--primary);
	color: #fff;
}

.success{
	background: var(--success);
	color: #fff;
}

.message{
	background: var(--message);
	color: #000;
}

.secondary{
	background: var(--secondary);
	color: #fff;
}

.warning{
	background: var(--warning);
	color: #fff;
}

.white{
	background: #fff;
	color: #000;
}

.announce{
	background: var(--announce);
	color: #fff;
}

.alert{
	background: var(--alert);
	color: #fff;
}

.white
.white:active,
.white:hover,
.white:visited {
	background: #fff;
	color: #000;
}

.iwi_white{
	background: #fff;
	color: #000;
	border: 1px solid #000;
	border-radius: 5px;
}

.iwi_white
.iwi_white:active,
.iwi_white:hover,
.iwi_white:visited {
	background: #000;
	color: #fff;
	cursor: pointer;
}

.iwi_secondary{
	background: var(--secondary);
	color: #fff;
}

.iwi_info{
	background: var(--info);
	color: #575252;
}

.iwi_primary{
	background: var(--primary);
	color: #fff;
}

.iwi_success{
	background: var(--success);
	color: #fff;
}

.iwi_warning{
	background: var(--colour_warning);
	color: #fff;
}

/* Slider */
.cala_sliderContainer{
  position: relative;
}

.cala_sliderNext, .cala_sliderPrev{
	cursor: pointer;
  position: absolute;
  bottom: 5%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: white;
  background: black;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

/* Position the "next button" to the right */
.cala_sliderNext {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/***************************************************** Chat */
div.pms_msgText a,
div.pms_msgText a:active,
div.pms_msgText a:visited,
div.pms_msgText a:hover{
	color: var(--pms_chatTextColour);
}

#pms_navbar {
	background-color: #333;
	margin-top: 25px;
	overflow: hidden;
	width: 100%;
}

#__pms_navbar {
	background-color: #333;
	overflow: hidden;
	position: fixed;
	bottom: 50px;
	width: 100%;
}

.pms_pages{
	background: #fff;
	color: #000;
	max-width: 900px;
	padding: 10px;
}

.pms_convs_text{
	color: #fff;
}

.pms_msgText{
	background: #fff;
	border-radius: 5px;
	width: 90%;
	padding: 5px;
	word-wrap: anywhere;
}

#pms_msgsHolder{
	height: calc(100vh - 100px);
	background: white;
	overflow: scroll;
}

.pms_msgMsg{
	color: #000;
	margin-bottom: 5px;
	border-bottom: 1px dotted #6a6060;
	max-width: 350px;
	border-radius: 15px;
	padding: 5px;
}

.pms_msgTime{
	font-size: 0.7rem;
	text-align: right;
}

.pms_msgSenderHolderMe{
	color: pink;
}

.pms_msgSenderHolderOther{
	color: blue;
}

.pms_msgSenderMe{
	margin-right: 25px;
	background: #bbbbfb;
}

.pms_msgSenderOther{
	background: #ead7d7;
	margin-left: 25px;
}

.pms_menuHidden{
	display: none;
}

.pms_menuOpen{
	width: 100px;
}

#pms_send{
	background: white;
	border: 0px;
	border-radius: 5px;
	width: 55px;
	text-align: center;
}

.pms_avatar{
	border-radius: 15px;
	width: 45px;
}

#pms_msgSendButton{
	background: #3f3f3f;
	border: 0px;
	cursor: pointer;
}
.pms_msgSendButton:hover{
	background: #3f3f3f;
	border: 0px;
}

/* b stuff*/
#iwi_menuMain {
	position: fixed;
	width: 100%;
	top: 55px;
	background: var(--colour_bg);
	z-index: 99;
}

/* Folders */
.iwi_folderImg{
	max-width: 150px;
	max-height: 85px;
	border-radius: 15px;
}

.iwi_folderImgFull{
	border-radius: 15px;
}

.iwi_foldresContainer{
    display: grid;
    /* grid-auto-columns: calc(100% - 4rem); */
    grid-auto-flow: column;
    grid-gap: 16px;
    overflow-x: auto;
}

/* Only in the big screen */
@media screen and (min-width: 768px) {

	#iwi_menuMain {
		position: fixed;
		max-width: 150px;
		top: 55px;
	}
}

@media screen and (max-width: 768px) {

	#body{
		padding: 1px;
	}

	.l_box {
		padding: 0;
	}

	.eml_topMenuUser{
		text-align: center;
		margin-right: initial;
	}

	.eml_topLocation{
		margin-left: initial;
		text-align: center;
	}

	.iwi_promoFrame{
		height: 500px;
	}

}

@media screen and (max-width: 400px) {
	.iwi_promoFrame{
		height: 250px;
	}

}


/* TMP */
.modelsSlider {
	display: flex;
	overflow-x: auto;
	margin-bottom: 25px;
}
.modelsSlide {
	flex-shrink: 0;
	height: 100%;
	margin-right: 5px;
}
.modelsSlideImg{
	height: 220px;
	width: auto;
}

/* Loaders */
.iwi_loaderBG{
	background: #000;
}

.iwi_loaderCloud1 {
	width: 175px;
	height: 80px;
	display: block;
	margin: auto;
	background-image: radial-gradient(circle 25px at 25px 25px, #FFF 100%, transparent 0), radial-gradient(circle 50px at 50px 50px, #FFF 100%, transparent 0), radial-gradient(circle 25px at 25px 25px, #FFF 100%, transparent 0), linear-gradient(#FFF 50px, transparent 0);
	background-size: 50px 50px, 100px 76px, 50px 50px, 120px 40px;
	background-position: 0px 30px, 37px 0px, 122px 30px, 25px 40px;
	background-repeat: no-repeat;
	position: relative;
	box-sizing: border-box;
}

.iwi_loaderCloud1::after {
	content: '';
	left: 50%;
	bottom: 0;
	transform: translate(-50%, 0);
	position: absolute;
	border: 15px solid transparent;
	border-top-color: #FF3D00;
	box-sizing: border-box;
	animation: fadePush 1s linear infinite;
}

.iwi_loaderCloud1::before {
	content: '';
	left: 50%;
	bottom: 30px;
	transform: translate(-50%, 0);
	position: absolute;
	width: 15px;
	height: 15px;
	background: #FF3D00;
	box-sizing: border-box;
	animation: fadePush 1s linear infinite;
}

@keyframes fadePush {
	0% {
		transform: translate(-50%, -15px);
		opacity: 0;
	}
	50% {
		transform: translate(-50%, 0px);
		opacity: 1;
	}
	100% {
		transform: translate(-50%, 15px);
		opacity: 0;
	}
}

.iwi_loaderD1 {
  width: 48px;
  height: 12px;
  background: #FFF;
  margin-top: 40px;
  display: inline-block;
  position: relative;
}
.iwi_loaderD1::after {
  content: '';
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 0);
  position: absolute;
  border: 15px solid transparent;
  border-top-color: #FFF;
  box-sizing: border-box;
  animation: bump 0.4s ease-in-out infinite alternate;
}
.iwi_loaderD1::before {
  content: '';
  left: 50%;
  bottom: 25px;
  transform: translate(-50%, 0);
  position: absolute;
  width: 15px;
  height: 20px;
  background: #FFF;
  box-sizing: border-box;
  animation: bump 0.4s ease-in-out infinite alternate;
}

@keyframes bump {
  0% {
    transform: translate(-50%, 5px);
  }
  100% {
    transform: translate(-50%, -5px);
  }
}

.iwi_loaderSpin1 {
	width: 48px;
	height: 48px;
	border-radius: 50%;
	position: relative;
	display: inline-block;
	animation: rotateSpin1 1s linear infinite
}
.iwi_loaderSpin1::before , .iwi_loaderSpin1::after {
	content: "";
	box-sizing: border-box;
	position: absolute;
	inset: 0px;
	border-radius: 50%;
	border: 5px solid #FFF;
	animation: prixClipFixSpin1 2s linear infinite ;
}
.iwi_loaderSpin1::after{
	inset: 8px;
	transform: rotate3d(90, 90, 0, 180deg );
	border-color: #FF3D00;
}

@keyframes rotateSpin1 {
	0%   {transform: rotate(0deg)}
	100%   {transform: rotate(360deg)}
}

@keyframes prixClipFixSpin1 {
	0%   {clip-path:polygon(50% 50%,0 0,0 0,0 0,0 0,0 0)}
	50%  {clip-path:polygon(50% 50%,0 0,100% 0,100% 0,100% 0,100% 0)}
	75%, 100%  {clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,100% 100%,100% 100%)}
}
