.wp-font-awesome-icon{
	display:inline-block;
	/*max-width:20px;
	height:auto;*/
}

/*============================================================================*/
/* 			MAIN HTML STYLES
/*============================================================================*/ 

html{scroll-behavior: smooth; padding:0px; margin:0px; width:100%; height:100%; }
	
body{ padding:0px; margin:0px; width:100%; height:100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

/*============================================================================*/
/* 			OVER WRITE WP DEFAULTS
/*============================================================================*/

:root :where(.is-layout-flow) > * {
  margin-block-start: 0;
  margin-block-end: 0;
}

/*============================================================================*/
/* 			MEDIA LIBRARY STYLES - Modal Window
/*============================================================================*/
.custom-modal{ position:fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); display: flex; justify-content: center; align-items: center; z-index: 1000;}
.modal-content{ position:relative; background:#fff; padding:10px 10px 10px 10px; max-width:90%; max-height:90%;}
#image-stats{ font-size:18px; }
.modal-content img{ max-width:100%; height:auto; }

.close-img-button{ z-index: 1100; position:absolute; opacity:1; padding:0px; width:40px; height:40px; border-radius:50%; margin:0px; background:var(--tm-button-background-link); top:-12px; right:-12px; }
.close-img-button:before{ position:absolute; content:'\f00d'; font-family:"Font Awesome 6 Free"; font-size:20pt; font-weight:900; padding:0px; margin:0px; box-sizing:border-box; cursor:pointer; border:5px solid #db960a; text-align:center; width:42px; height:42px; color:#fff; padding-top:3px; text-shadow:1px 1px 1px #999999; line-height:22pt; border-radius:50%; transition:all .15s ease-in-out; }
.close-img-button:hover{ background-color:#FC0; transition:all .15s ease-in-out; }

#image-stats{ position:relative; display:flex; flex-flow:row wrap; justify-content:space-between; gap:10px; align-items:center; }

#image-stats span{
	box-sizing:border-box;
	white-space:nowrap;
}

#image-stats em{
	font-size:14px;
}

a.media-library{
	position:absolute;
	top:0;
	right:0;
	font-size:16px !important;
	font-weight:400; 
	color:#ffffff;
	padding:1px 10px;
	background-color:var(--tm-button-background-link);
	border:1px solid var(--tm-base-border-color);
	text-shadow:1px 1px 0px rgba(128,128,128,1);
	box-shadow:1px 1px 2px rgba(0,0,0,.5);
	max-width:100px;
	box-sizing:border-box;
	cursor:pointer;
	transition:all .15s ease-in-out;
}
.media_gallery{ height:100%; display:flex; flex-flow:row wrap; justify-content:space-between; align-items:center; padding:10px; border:1px #CCC solid; }
.media_gallery .media-thumbnail{ position:relative; display:inline-block; margin: 10px; cursor:pointer; padding:2px; height:156px; width:156px; border:1px #CCC solid; box-shadow:0px 2px 5px rgba(204,204,204,1); }

.media_gallery .tm-doc:before{
	position:absolute; right:2px; top:2px; color:#ffffff; content:'\f1c1'; font-size:1.5em; line-height:normal; border:2px solid transparent; font-weight:600; font-family:"Font Awesome 6 Free"; mix-blend-mode: difference;
}
.media_gallery .tm-img:before{
	position:absolute; right:2px; top:2px; color:#ffffff; content:'\f1c5'; font-size:1.5em; line-height:normal; border:2px solid transparent; font-weight:600; font-family:"Font Awesome 6 Free"; mix-blend-mode: difference; 
}

.postbox .handle-order-lower,
.postbox .handle-order-higher { display:none; }	 
/*============================================================================*/
/* 			MASTER STYLES
/*============================================================================*/

.hidden{ width:20px; padding:0 !important; margin:0 !important; height:0 !important; overflow:hidden !important; }

.hidden-answer input{ opacity:0; width:20px; height:20px; position:absolute; left:20%; border:none; background:none; padding:0 !important; margin:0 !important; }
/*============================================================================*/
/* 			AJAX LOADER /* HTML:<span class="ajax-loader"></span>
/*============================================================================*/
.ajax-true{ height:40px; width:65%; padding-right:45px; right:0; top:10px; color:#33CC00; font-size:14px; position:absolute; display:flex; flex-flow:column; justify-content:flex-end; align-items:flex-end; }
.ajax-true:before{ position:absolute; content:'\f058'; font-weight:600; font-family:"Font Awesome 6 Free"; color:#33CC00; font-size:1.6em; transform:translate(-50%,-50%); top:50%; right:0; }

.ajax-false{ height:40px; width:65%; padding-right:45px; right:0; top:10px; color:#CC3300; font-size:14px; position:absolute; display:flex; flex-flow:column; justify-content:center; align-items:flex-end; }
.ajax-false:before{ position:absolute; content:'\f057'; font-weight:600; font-family:"Font Awesome 6 Free"; color:#CC3300; font-size:1.6em; text-align:center; transform:translate(-50%,-50%); top:50%; right:0; }

.ajax-loader { position:absolute; width:30px;height:30px;transform:rotate(45deg); background:transparent;box-sizing:border-box;top:8px;margin-left:25px;border-radius:50%;border-top:5px solid #069;border-right:5px solid transparent; animation:rotation 0.8s linear infinite;z-index:1000;}
/*.ajax-loader:before { position:absolute;content:'';width:30px;height:30px;background:#FFF;box-sizing:border-box;top:-5px;left:0px;border-radius:50%;border:4px solid transparent;background-image: radial-gradient(circle, transparent 50%, rgba(0, 0, 0, 1) 90%, transparent 90%, transparent 100%);z-index:-2;animation:rotation 0.8s linear infinite;box-shadow:2px 2px 5px rgba(0,0,0,1); } */
.ajax-loader:after { position:absolute;content:'';width:30px;height:30px;background:transparent;box-sizing:border-box;top:-5px;left:0px;border-radius:50%;border-left:5px solid #f7f7f7;border-bottom:5px solid transparent;animation:rotation 0.4s linear infinite reverse; }

.ajax-loader-blue { transform:rotate(45deg); position:absolute; box-sizing:border-box; width:30px; height:30px; top:8px; left:20%; border-radius:50%; border-top:5px solid #069; border-right:5px solid transparent; animation:rotation 0.8s linear infinite; }
.ajax-loader-blue::after { content:''; position:absolute; box-sizing:border-box; width:30px; height:30px; top:-5px; left:0px; border-radius:50%; border-left:5px solid rgba(59,161,218,1); border-bottom:5px solid transparent; animation:rotation 0.4s linear infinite reverse; }

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

/************************************************************************/
/******  BASIC MODULE STYLES
/************************************************************************/

#module_body { color:#666666; min-height:450px; }

#member_holder{
	opacity:0;
}

#member_holder a{ text-decoration:none; }

#member_holder i{  }

h2.wp-block-post-title { font-size:2em !important; font-weight:400; letter-spacing:1px; margin-bottom:14px; text-shadow:1px 1px 1px rgba(100,100,100.5); }

#member_holder h2{ font-size:1.8em; font-weight:400; letter-spacing:1px; margin-bottom:14px; }

#member_holder h3{ font-size:1.4em; font-weight:400; letter-spacing:1px; margin-bottom:14px; text-transform:none; }

#member_holder h4{ font-size: 1em; font-weight:400; letter-spacing:1px; margin-bottom:12px; text-transform:none; }

#member_holder h5{ font-size:1em; font-weight:900; margin-bottom:10px; text-transform:uppercase; letter-spacing:1px; }

#member_holder em{ font-weight:400; }

#member_holder li strong{ font-weight:600; }

#member_holder li > em{ font-weight:500; font-size:.8em; line-height:none; }

#member_holder li > em::before{ content:"\a"; }

#member_holder li{ margin-bottom:10px; line-height:1.6; }

#member_holder p{ margin-bottom:1.5em;  }

#member_holder hr:not(hr.wp-block-separator){ margin:20px auto; width:60%; border-bottom:4px dotted rgba(200,200,200,.8); } 

/************************************************************************/
/****** HOLDER CONTAINER ELEMENTS - DIV
/************************************************************************/
.tm_member_body{ width:calc( 100% - 20px ); box-sizing:border-box; padding:5px; border:#000000 solid 0px; margin:0px auto; }

.tm-page-body{ /* dev */ width:calc( 100% - 20px ); box-sizing:border-box; padding:5px; margin:5px 10px; border:1px solid rgba(218, 218, 218, 1); /* end dev */ border-radius:20px; background-image:url(https://trainingmodules.travel/services/wordpress/wp-content/uploads/globe-bg.png); background-position:center 140px; background-repeat:no-repeat; position:relative; min-height:470px; width:100%; -webkit-box-shadow:0px 2px 8px rgba(218, 218, 218, .75); -moz-box-shadow:0px 2px 8px rgba(218, 218, 218, .75); box-shadow:0px 2px 8px rgba(218, 218, 218, .75); }
/************************************************************************/
/******  MEMBER AREA STYLES 
/************************************************************************/
/*************************************************************/
/* LAYOUT FORMATTING STYLES  */
/*************************************************************/

/*************************************************************/
/* TAB TEXT STYLES  */ 
/*************************************************************/
#tabs{ width:100%; max-width:1200px; margin:0 auto; }

#tabs .tabs-tab{ list-style:none; position:relative; bottom:0px; margin:0px;}

#tabs .tabs-pane{ width:100%; border:1px #CCC solid; }

#tabs .ui-tabs-nav{ padding:0; margin:0 0 0 25px; display:flex; flex-flow:row nowrap; justify-content:flex-start; align-items:flex-end; border-bottom:1px solid rgba(250,250,250,.5); }

#tabs .ui-tabs-nav .ui-tabs-active a{ padding:8px 40px; }

#tabs .tabs-tab a{ color:#ffffff; padding:5px 40px; border:none; background:#3ba1da; list-style:none; border-radius:5px; border-bottom-left-radius:0px; border-bottom-right-radius:0px; margin-right:5px; display:block; font-weight:400; cursor:pointer; transition:all .15s ease-in-out; }

#tabs .tabs-tab a:hover{ background:#66c2f5; transition:all .15s ease-in-out; }

/*************************************************************/
/* BOOKING DISPLAY TEXT STYLES 
/*************************************************************/

/*#accordion{ padding-bottom:5px; padding-top:5px; }

.main-nav-account a{ position:relative; }

.main-nav-account a:before{ width:70px; overflow:hidden; text-align:center; position:absolute; bottom:0px; content:'\f007'; font-family:"Font Awesome 6 Free"; font-size:2.5em; color:#3ba1da; font-weight:900; }

.main-nav-modules a{ position:relative; }

.main-nav-modules a:before{ width:70px; overflow:hidden; text-align:center; position:absolute; bottom:0px; content:'\e163'; font-family:"Font Awesome 6 Free"; font-size:2.5em; color:#3ba1da; font-weight:900; }
*//*****************************************************/
/* MAIN HEADER HOLDER TEXT COLOR #3ba1da; 
/***************************************************
#tm_member_header *{ border:1px solid rgba(0,0,0,.5); }**/

#tm_member_header{ width:100%; display:flex; flex-flow:row wrap; justify-content:center; align-items:center; background:#3ba1da; }

/*#tm_member_profile{ border:10px solid rgba(255,0,0,.5); width:100%; max-width:250px; box-sizing:border-box; position:relative; float:left; display:block; }

#tm_member_profile_name{ font-size:14px; color:#ffffff; }*/

/*#tm_member_profile_name:hover{ opacity:0; transition:all .15s ease-in-out; }*/

/*#tm_member_profile_uname{ font-size:14px; color:#ffffff; font-style:italic; display:none; }*/

/*****************************************************/
/* 			MAIN MENU HOLDER 
/*****************************************************/
#member_menu_holder{ display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:flex-start; box-sizing:border-box; gap:10px; margin:0 20px 0 0; }

.member-menu-item{ }

.member-menu-item i {  font-size:18px; } /* :not(#tm_logout i, #tm_home i ) {} */

.member-menu-item i:before { margin:3px 0px 5px 0px; display:block; }

.member_menu_title { margin-left:10px; } 

.member-menu-item a{ display:inline-block; border-radius:5px; padding:5px 10px 5px 10px; border-top:1px solid rgba(255,255,255,.4); border-left:1px solid rgba(255,255,255,.4); border-bottom:1px solid rgba(255,255,255,.4); border-right:1px solid rgba(255,255,255,.4); transition:all .15s ease-in-out; }

.member-menu-item a:hover{ border-bottom:1px solid rgba(40,115,155,.6); border-right:1px solid rgba(40,115,155,.6); border-top:1px solid rgba(255,255,255,.6); border-left:1px solid rgba(255,255,255,.6); box-shadow:1px 1px 5px rgba(0, 0, 0, .5); transition:all .15s ease-in-out; }

/***********************************************************/
/*			PAGE HEADINGS
/***********************************************************/

.tm-page-heading{ margin:5px auto; text-align:center; font-size:30px; max-width:1000px; width:100%; color:rgba(59,161,218,1); text-shadow:1px 1px 1px rgba(0,0,0,.5); padding:30px 0px 10px 0px; }

.tm-page-heading-sub{ color:#535353; text-align:center; font-size:18px; padding:5px; line-height:30px; width:100%; margin:0px auto; text-shadow:1px 1px 1px rgba(201,201,201,.5); }

.tm-form-heading{ color:#535353; padding:5px; text-align:center; width:100%; font-size:20px; line-height:30px; margin:0px auto 10px auto; text-shadow:1px 1px 1px rgba(201,201,201,.5); }

.tm-form-heading-sub{ color:#535353; padding:5px; text-align:center; width:100%; margin:0px auto; text-shadow:1px 1px 1px rgba(201,201,201,.5); }   

/***********************************************************/
/*			FOOTER STYLES
/***********************************************************/
#tm_member_footer{ position:relative; bottom:0; height:90px; width:100%; box-sizing:border-box; font-size:14px; color:#777; display:flex; flex-flow:row wrap; justify-content:center; align-items:flex-end; letter-spacing:.5px; z-index:300; }

#tm_member_footer_logo{ opacity:1; position:absolute; left:50px; bottom:20px; z-index:40; }

.tm-page-footer-sub{ text-align:center; border:0px solid #f60; font-size:12px !important; width:50%; padding:5px 10px; }

.right{ text-align:left; }

.left{ text-align:right; }
/***********************************************************/
/* 
/***********************************************************/
#module-logo{ max-height:200px; max-width:300px; }

.custom-logo{ cursor:pointer; }

#tm_module_splash{ display:flex; flex-flow:column wrap; justify-content:center; align-items:center; min-height:400px; }
/***********************************************************/
/* ALL QUESTION LAYOUTS 
/* 		COMPONTENTS:
/*			- BUTTON
/*			- NAV
/*			- QUIZ
/*			- SUMMARY
/***********************************************************/
/***********************************************************/
/* QUESTION BUTTON
/***************************************************top:-150px; right:-150px;*******/

.question_button_align{ -ms-transform-origin:bottom right; transform-origin:bottom right; rotate:-90deg; }

#question_button_holder{ border:0px solid #f00; position:absolute; top:0px; opacity:0; right:0px; height:120px; width:120px; }

#question_button{ cursor:help; background:rgba(219, 150, 10, 1); max-width:120px; width:100%; height:100%; text-align:center; rotate:10deg; padding:20px 20px; border-radius:50%; opacity:1; transform:scale(1); box-shadow:0px 0px 4px rgba(102,102,102,1); transition:all 0.3s ease-in-out; }

/*#question_button:after{ position:absolute; content:'x'; top:0; left:0; background-image:url(https://trainingmodules.travel/services/wordpress/wp-content/uploads/globe-client-over.png); background-size:140px 140px; width:140px; height:140px; z-index:-1; }*/
#question_button:before{ content:'\3f'; position:absolute; font-family:"Font Awesome 6 Free"; color:rgba(219, 150, 10,1); border:1px solid rgba(145,96,0,.75); line-height: 1.35em;

text-shadow:-1px -1px 1px rgba(0,0,0,.5); font-size:4.5em; font-weight:900; top:6px; right:7px; width:88%; height:88%; border-radius:50%; 

background-image:url(https://trainingmodules.travel/services/wordpress/wp-content/uploads/globe-client-over.png); background-position:center bottom; background-size:180px 180px; z-index:-1; }

#question_button > span{ display:block; margin-top:8px; font-size:16px; text-align:center; font-weight:600; color: #ffffff; text-shadow: 1px 1px 2px rgba(0,0,0,1); }

#question_button:hover{ color:#FFF; box-shadow:2px 2px 8px rgba(0,0,0,.7); transform:scale(1.1); background:#f5af24; transition:all 0.3s ease-in-out; }
/***************************************************************************/
/*	QUESTION SLIDE HOLDER 
/*		question-container-display 
/*		question-container-background (Stock Image BG) 
/*		module_questions_holder (SLIDES Container) 
/*		question-holder-display > slide (SLIDES) > current_slide
/***************************************************************************/
/*	QUESTION PAGE LAYOUT COMPONENTS  
/***************************************************************************/
#module_questions{ }

#module_questions{ position:relative; top:0; left:-100%; width:100%; height:100%; opacity:0; box-sizing:border-box; display:none; background:rgba(0,0,0,1); z-index:100; }
/***************************************************************************/
/* 	NAV MENU
/***************************************************************************/
#module_question_nav{ position:relative; opacity:0; display:block; box-sizing:border-box; transform:translateX(-50%); left:50%; top:0; width:100%; z-index:650; }

#progress{ width:100%; list-style:none; box-sizing:border-box; display:flex; margin:0px auto; padding:0px; flex-flow:row wrap; justify-content:center; align-items:flex-start; position:relative; gap:10px; }
/***************************************************************************/
/* li > /progress-indicator/ > current_button
/***************************************************************************/
#progress li{ box-sizing:border-box; margin:0; cursor:pointer; border:5px solid #db960a; bottom:-100px; left:-50%; padding:0 0 0 1px; position:relative; background:#f5af24; text-align:center; width:0; height:0; opacity:0; color:#fff; text-shadow:1px 1px 1px #999999; line-height:20pt; border-radius:50%; }

.quiz_marker_hldr{ position:absolute; height:20px; width:20px; bottom:-10px; right:-10px; }

.quiz_markers{ position:absolute; height:20px; width:20px; top:0; left:0; }
/***************************************************************************/
/* PROGRESS INDICATOR BUTTON COMPONTENTS
/***************************************************************************/
.fa-circle-exclamation{ color:#FC0; }

.fa-thumbs-up{ color:#0C0; }

.fa-thumbs-down{ color:#C30; }

.tick{ position:relative; width:20px; height:20px; }

.tick:after{ position:absolute; content:'\f00c'; font-family:"Font Awesome 6 Free"; font-size:30px; font-weight:900; left:0; color:#00CC33; width:25px; height:25px; }

.current_button{ background-color:#F60 !important; pointer-events:none; }
/***************************************************************************/
/* PROGRESS INDICATOR STAR
/***************************************************************************/
#button_x.progress-indicator-star{ width:50px; height:50px; border:none ; background:url(https://trainingmodules.travel/services/wordpress/wp-content/uploads/star.png); background-repeat:no-repeat; background-size:contain; background-position:center; animation:y-axis-animation 3s ease-in-out 4s infinite alternate; }

@keyframes y-axis-animation { from { transform:rotateY(0deg) } to { transform:rotateY(180deg) }}
/***************************************************************************/
/* STOCK BACKGROUND IMAGE FROM CORE FUNCTION 
/***************************************************************************/
#question_container_background { position:relative; width:100%; height:auto; opacity:0; left:0; top:0; padding:0px 10px; box-sizing:border-box; background-repeat:no-repeat; background-position:center center; background-size:cover; z-index:-1; }
/***************************************************************************/
/* SLIDES BACKGROUND / HOLDER 
/***************************************************************************/
.module-questions-holder{ box-sizing:border-box; position:relative; opacity:0; width:100%; transform:translateX(-50%); left:50%; display:block; overflow:hidden; padding:20px; background:linear-gradient(268deg, rgba(68, 96, 189, .1) 0%, rgba(200, 241, 250, .5) 60%, rgba(68, 96, 189, .1) ); backdrop-filter:blur(2px); -webkit-backdrop-filter:blur(2px); box-shadow:1px 1px 5px rgba(255,255,255,.3); }
/***************************************************************************/
/* SLIDES & QUESTION BUTTON / TEXT
/***************************************************************************/
.question-holder-display{ position:absolute; opacity:0; width:100%; height:auto; display:block; box-sizing:border-box; left:calc( 100% + 40px ); width:calc( 100% - 40px ); overflow:hidden; display:flex; flex-flow:column wrap; justify-content:center; align-items:flex-start; color:#333333; background:linear-gradient(50deg, rgba(255, 255, 255, 0.4) 12%, rgba(255, 255, 255, .2) 77% ); }

.question-holder-display:after{ content:attr(title); position:absolute; font-size:25em; line-height:none; height:75%; border:0px solid #f60; color:rgba(130,130,130,0.5); right:-40px; bottom:-10px; opacity:.3; }

.current_slide{ } /* DON"T REMOVE THIS */

.question-holder-display-inner{ display:block; box-sizing:border-box; opacity:0; width:100%; height:100%; }
/***************************************************************************/
/*	QUESTION HOLDER
/*		question-holder-display-inner (Question Holder)
/*		question-row-title 
/*		question-options-display 
/*		question-row-display radio-questions
/***************************************************************************/
.question-letter{ width:25px; text-align:center; display:inline-block; line-height:20px; font-size:26px; }

.question-row-title{ box-sizing:border-box; display:flex; flex-flow:row wrap; justify-content:center; align-items:center; text-align:center; width:100%; padding:0px; max-height:200px; height:30%; min-height:150px; margin:0 auto; text-shadow:1px 1px 2px rgba(125,125,125,0.5); font-size:calc(28px + 8 * ((100vw - 320px) / 680)); border-bottom:3px dotted rgba(125,125,125,0.5); }

.question-options-display{ box-sizing:border-box; display:flex; flex-flow:column wrap; justify-content:space-around; align-items:stretch; padding-bottom:20px; min-height:356px; }

.question-row-display{ box-sizing:border-box; display:flex; flex-flow:row wrap; justify-content:center; align-items:center; text-align:center; width:90%; padding:10px; cursor:pointer; margin:8px auto 0 auto; font-size:calc(22px + 8 * ((100vw - 320px) / 680)); border-radius:10px; text-shadow:1px 1px 2px rgba(0,0,0,0.5); box-shadow:0px 1px 5px rgba(0,0,0,0.1); transition:all 0.3s ease-in-out; }

.question-row-display:hover{ background-color:rgba(255, 255, 255,.5); box-shadow:0 2px 5px rgba(102,102,102,0.5); transition:all 0.3s ease-in-out; }

.radio-questions{ display:none; padding:0px; margin:10px 5px 0 15px; width:30px; height:40px; opacity:.5; }
/***************************************************************************/
/*	SUMMARY HOLDER
/*		summary-title 
/*		question-row-summary 
/*		#check" > check-button
/***************************************************************************/
.summary-title{ position:relative; width:75%; border:0px solid #f00; font-size:calc(18px + 4 * ((100vw - 320px) / 680)); text-shadow:1px 1px 2px rgba(125,125,125,0.5); }

.summary-title:after{ /* yes */ position:absolute; content:attr(data-before); width:100%; height:100%; top:10px; left:0px; opacity:0; color:#0C0 !important; font-size:calc(18px + 4 * ((100vw - 320px) / 680)); text-shadow:1px 1px 2px rgba(125,125,125,0.5); z-index:105 !important; }

.summary-title:before{ /* no */ position:absolute; content:attr(data-before); width:100%; height:100%; top:-10px; left:0px; opacity:0; color:#C30 !important; z-index:110 !important; font-size:calc(18px + 4 * ((100vw - 320px) / 680)); }

.question-row-summary{ box-sizing:border-box; display:flex; flex-flow:row wrap; justify-content:center; align-items:center; text-align:center; width:100%; margin:0 auto; padding:5px 0; border-bottom:3px dotted rgba(125,125,125,0.5); transition:all 0.3s ease-in-out;} 

.question-row-summary:hover{ background: rgba(255,255,255,.5); border-bottom:3px dotted rgba(255,255,255,1); transition:all 0.3s ease-in-out;} 

.summary-guess{ width:25%; font-size:calc(18px + 4 * ((100vw - 320px) / 680)); white-space:nowrap; overflow:hidden; }

#completed{ position:absolute; width:100%; height:100%; display:flex; flex-flow:column nowrap; justify-content:flex-end; align-items:center; display:none; opacity:0; }

#star { width:40%; height:40%; margin:5% auto 0 auto; background:url(https://trainingmodules.travel/services/wordpress/wp-content/uploads/star.png); background-repeat:no-repeat; background-size:contain; background-position:center; animation:y-axis-animation 3s ease-in-out 4s infinite alternate; }

@keyframes y-axis-animation { from { transform:rotateY(0deg) } to { transform:rotateY(180deg) } }

.summary-button-holder{ width:100%; opacity:1; }

.congrats-message{ position:relative; display:inline-block; text-align:center; background:linear-gradient(12deg, rgba(99, 79, 44, 1) 15%, rgba(207, 192, 159, 1) 30%, rgba(255, 236, 179, 1) 40%, rgba(242, 239, 233, 1) 50%, rgba(255, 236, 179, 1) 60%, rgba(207, 192, 159, 1) 70%, rgba(99, 79, 44, 1) 95%);  -webkit-background-clip:text; -webkit-text-fill-color:transparent; text-transform:uppercase; font-size:6vw; font-weight:600; width:100%; }

.congrats-message:before{ background:none; content:attr(data-heading); width:100%; left:0; top:0; z-index:-1; position:absolute; text-shadow: -1px 0 1px #c6bb9f, 0 1px 1px #c6bb9f, 5px 5px 10px rgba(0, 0, 0, 0.6), -5px -5px 10px rgba(0, 0, 0, 0.6); }

#reload{ text-align:center; width:calc( 100% - 20px ); opacity:0; display:none ; }

#return{ text-align:center; width:calc( 100% - 20px ); opacity:0; }

#check{ text-align:center; width:calc( 100% - 20px ); display:block; }

.check-button{ max-width:300px; padding:10px 20px; margin:10px auto 10px auto; position:relative; cursor:pointer; border-radius:10px; text-align:center; color:#FFF !important; background:#db960a; transform:scale(1); box-shadow:0px 0px 4px rgba(0,0,0,.7); transition:all 0.3s ease-in-out; }

.check-button:hover{ box-shadow:2px 2px 8px rgba(0,0,0,.5); transform:scale(1.05); background:#f5af24; transition:all 0.3s ease-in-out; }

.answer-row-display{ position:absolute; color:red; background:white; width:50px; text-align:center; border:none; }

.tm_message{ padding:5px 10px 5px 40px; color:#fff; border-radius:10px; position:absolute; left:50%; transform:translate( -50%, 0); white-space:nowrap; background:#00CCFF; top:-50px; border:1px solid #09F; }

.tm_message:before{ content:'\f071'; font-family:"Font Awesome 6 Free"; color:rgba(255,255,0,1); font-size:20pt; text-align:right; font-weight:900; top:10px; left:3px; width:30px; height:20px; line-height:18px; position:absolute; }

/* 		Start the shake animation and make the animation last for 0.5 seconds 	*/
/* 		When the animation is finished, start again 							*/
.obj_shake{  animation:shake 0.5s; animation-iteration-count:3; }
@keyframes shake { 
	0% { transform:translate(1px, 1px) rotate(0deg); } 
	10% { transform:translate(-1px, -2px) rotate(-1deg); } 
	20% { transform:translate(-3px, 0px) rotate(1deg); } 
	30% { transform:translate(3px, 2px) rotate(0deg); } 
	40% { transform:translate(1px, -1px) rotate(1deg); } 
	50% { transform:translate(-1px, 2px) rotate(-1deg); } 
	60% { transform:translate(-3px, 1px) rotate(0deg); } 
	70% { transform:translate(3px, 1px) rotate(-1deg); } 
	80% { transform:translate(-1px, -1px) rotate(1deg); } 
	90% { transform:translate(1px, 2px) rotate(0deg); } 
	100% { transform:translate(1px, -2px) rotate(-1deg); }} 

/***************************************************************************/
/*BUTTONS & MISC 
/*	#close - close-button
/*	#left - slider-buttons > sl-left
/*	#right - slider-buttons > sl-right
/*	#fireworks
/**************************************************************************/
.close-button{ position:absolute; opacity:0; padding:5px; margin:5px; width:40px; height:40px; border-radius:50%; 
			transform:translate(-50%,-50%); top:50%; right:0; z-index:557; background:#f5af24; box-sizing:border-box; overflow:hidden; }
/*				
.close-button:after{ position:absolute; content:""; padding:0px; margin:0px; width:calc( 100% - 5px ); height:calc( 100% - 5px ); transform:translate(-50%,-50%); top:50%; left:50%; border:5px solid #db960a; border-radius:50%; }
*/
.close-button:before{ position:absolute; content:'\f00d'; font-family:"Font Awesome 6 Free"; font-size:1.5em; font-weight:900; padding:0 0 0 1px; margin:0; cursor:pointer; text-align:center;
					
						transform:translate(-50%,-50%); top:50%; left:50%; width:calc( 100% - 9.5px ); height:calc( 100% - 9.5px ); line-height:30px; 
						
						color:#fff; text-shadow:1px 1px 1px #999999; border-radius:50%; border:5px solid #f5af24;
						
						transition:all .15s ease-in-out; }

.close-button:hover{ background-color:#FC0; transition:all .15s ease-in-out; }

.slider-buttons{ position:relative; width:40px; height:40px; border:none; border-radius:50%; background:#f5af24; z-index:555; transition:all .15s ease-in-out; }
.slider-buttons:hover{ background-color:#FC0; transition:all .15s ease-in-out; }

.sl-left{ position:absolute; padding:0px; margin:0px; top:20%; left:-100px; opacity:0; }
.sl-left:after{ position:absolute; content:'\f0d9'; font-family:"Font Awesome 6 Free"; font-size:20pt; font-weight:900; padding:0 0 0 1px; margin:0px; top:0; left:0; box-sizing:border-box; cursor:pointer; border:5px solid #db960a; text-align:center; width:40px; height:40px; color:#fff; text-shadow:1px 1px 1px #999999; line-height:22pt; border-radius:50%; }

.sl-right{ position:absolute; padding:0px; margin:0px; top:20%; right:-100px; opacity:0; }
.sl-right:after{ position:absolute; content:'\f0da'; font-family:"Font Awesome 6 Free"; font-size:20pt; font-weight:900; padding:0 0 0 1px; margin:0px; top:0; right:0; box-sizing:border-box; cursor:pointer; border:5px solid #db960a; text-align:center; width:40px; height:40px; color:#fff; text-shadow:1px 1px 1px #999999; line-height:22pt; border-radius:50%; }

#fireworks{ position:relative; z-index:-1; }

.h-line{ width:88%; height:20px; margin:0px; padding:0px; border:none; background-image:radial-gradient(rgba(150,150,150,.5) 20%, transparent 20%); background-position:top; background-size:20px 20px; background-repeat:repeat-x; }
 /* linear-gradient(to right, #ccc 10px, rgba(255, 255, 255, 0) 0%)*/ 

input.answer { background:none !important; width:20px !important; box-shadow:none !important; border:none !important; }

.answer{ background:rgba(128, 255, 128,1); border-radius:10px; box-shadow:0 2px 5px rgba(102,102,102,0.5); transition:all .15s ease-in-out; }

.answer:hover{ background:rgba(128, 255, 128,1); box-shadow:0 2px 5px rgba(102,102,102,0.5); transition:all .15s ease-in-out; }

.question-col-display{ box-sizing:border-box; padding-left:5px; padding-right:5px; }

/************************************************************************/
/******   MODULE:ALL CLIENTS LAYOUT - LOGGED OUT
/************************************************************************/
/* ????????????????????????????  #tm_client_list{ border:0px solid #f60; pointer-events:none; } */
/*box-shadow:inset 0 0 5px rgba(204,204,204,.95); */

#module_holder{ position:relative; width:calc( 100% - 0px ); min-height:550px;}
/************************************************************************/
/*		MODULE:ALL CLIENTS LAYOUT - LOGGED IN
/************************************************************************/
/* 		OUTER MENU HOLDER 
#module_menu{ box-sizing:border-box; width:100%; display:block; }*/
/* 		INNER MENU HOLDER - UL 
ul.module-menu-holder{ list-style-type:none; display:flex; flex-flow:row wrap; justify-content:center; width:100%; gap:10px; margin:0; }

.module-menu-holder li{ min-height:40px; box-sizing:border-box; transition:all .15s ease-in-out; }

.module-menu-holder li:nth-last-child(1){ border-right:none; }

.module-menu-holder li:hover{ background:rgba(220, 220, 220, .25); background:linear-gradient(0deg, rgba(220, 220, 220, .75), rgba(220, 220, 220, .25), rgba(220, 220, 220, .25), rgba(220, 220, 220, .25), rgba(220, 220, 220, .75)); transition:all .15s ease-in-out; }

.module-menu-title{ position:relative; box-sizing:border-box; padding:0px !important; margin:0px; height:100%; width:100%; border-left:1px solid #ccc; border-right:1px solid #fff; border-top:1px solid #ccc; border-bottom:1px solid #fff; box-shadow:2px 2px 2px rgba(0,0,0,.25); transition:all .15s ease-in-out; }

.module-menu-title a{ box-sizing:border-box; padding:0px 10px; display:flex; flex-direction:column; justify-content:center; align-items:center; font-size:16px; width:100%; height:100%; transition:all .15s ease-in-out; }
*/
/************************************************************************/
/******   MODULES DISPLAY - TEMPLATE
/************************************************************************/
#module-header-holder{ gap:1rem; }

#module-header-holder > div:nth-child(1) { order:1; border:0px solid #0F0; }

#module-header-holder > div:nth-child(2) { order:2; border:0px solid #F93; }

#module-header-holder > div:nth-child(3) { order:3; border:0px solid #39C; }

#content_modules{ opacity:0; }

#module_body{ position:relative; display:block; /*opacity:0;*/ }

.module-bg{ position:absolute; top:0; left:0; width:10%; height:auto; z-index:-1; opacity:0; }
/************************************************************************/
/******   MODULES INFO PAGE ICONS
/************************************************************************/
#member_info .reward:before{ content:'\f005'; color:#FFCC00; font-weight:600; font-family:"Font Awesome 6 Free"; margin-right:8px; }

#member_info .check:before{ content:'\f00c'; color:#00CC33; font-weight:600; font-family:"Font Awesome 6 Free"; margin-right:8px; }

#member_info .added:before{ content:'\2b'; color:#99CC00; font-weight:600; font-family:"Font Awesome 6 Free"; margin-right:8px; }

#member_info .update:before{ content:'\f0e7'; color:#FF9900; font-weight:600; font-family:"Font Awesome 6 Free"; margin-right:8px; }

#member_info .returning:before{ content:'\f5af'; color:#339966; font-weight:600; font-family:"Font Awesome 6 Free"; margin-right:8px; } 

#member_info .departing:before{ content:'\f5b0'; color:#339966; font-weight:600; font-family:"Font Awesome 6 Free"; margin-right:8px; }
/************************************************************************/
/******   MODULES CLIENT PAGE LAYOUT - CIRCULAR & OFFSET
/************************************************************************/
#summary_holder{ display:flex; flex-flow:row wrap; justify-content:space-between; align-items:stretch; max-width:1250px; width:100%; margin:0 auto; }
/************************************************************************/
/******	MODULE & BOOKING SUMMARY
/************************************************************************/
#module_summary_holder{ overflow:hidden; margin:0 auto 10px auto; min-width:240px; color:var(--tm-base-text-dark); border:var(--tm-base-box-border); border-radius:var(--tm-base-border-radius); box-shadow:var(--tm-base-box-shadow); width:72%; }

#booking_summary_holder{ overflow:hidden; margin-bottom:10px; min-width:240px; color:var(--tm-base-text-dark); border:var(--tm-base-box-border); border-radius:var(--tm-base-border-radius); box-shadow:var(--tm-base-box-shadow); width:25%; }

.module-summary-heading,
.booking-summary-heading{ width:100%; background-color:var(--tm-base-background-dark); border:var(--tm-base-box-border); color:#fff; font-size:15px; padding:5px 5px 5px 10px; }

.module-summary-heading i,
.booking-summary-heading i{ font-size:15px; margin-right:5px; }

.module-summary-content{ height:100%; display:flex; flex-flow:row wrap; justify-content:stretch; align-items:flex-start; } 

ul.module-group,
ul.booking-group{ min-width:240px; flex-basis:33%; height:100%; height:145px; flex-grow:1; width:100%; font-size:12px; color:#ccc; padding:0px 5px 0 5px; margin:0px auto 5px auto; }

ul.module-group strong,
ul.booking-group strong{ display:block; font-size:16px; color:var(--tm-base-text-dark); padding:5px; }

.fa-check{
	color:#009900;
	width:16px;
	text-align:left;
}

.fa-code-commit{
	color:#ff6900;
	width:16px;
	text-align:left;
}

.module-group li .date,
.booking-group li .date{ position:absolute; right:10px; }

.module-group li,
.booking-group li{ position:relative; display:flex; width:100%; justify-content:space-between; align-items:center; margin-bottom:5px; padding:0; list-style-type:none; }

.module-group a,
.booking-group a{ color:var(--tm-base-text-dark); background:var(--tm-module-menu-background); box-shadow:var(--tm-base-box-shadow); width:100%; box-sizing:border-box; padding:5px 10px; margin:0; border-radius:2.5px; transition:all .15s ease-in-out; }

.module-group a:hover,
.booking-group a:hover{ color:var(--tm-button-text-hover); background:var(--tm-button-background-hover); transition:all .15s ease-in-out; }

/**************************************************************************************************
**	
**	STYLES SORTED 2024
**
**	ALL CODE BELOW HERE HAS BEEN CHECKED 28-06-2024
**
***************************************************************************************************/

#member_client,
#member_splash,
#member_info{ padding:0px; border:0px solid #f00; }
/*******************************************************************************************************************************************************************************************************************************************************************/
/* 	MODULES CLIENT SPLASH + SUB-MENU   
/*******************************************************************************************************************************************************************************************************************************************************************/
/********************************************************/
/*		module-grid-itemmodule-menu-client-holder 
/*		module-grid-item-client
/*		module-grid-item-logo X 
/*		module-grid-item-name
/*		a.module-grid-item-link
/********************************************************/
.module-grid-holder{ box-sizing:border-box; width:100%; list-style:none; display:flex; flex-flow:row wrap; justify-content:center; align-items:center; }
/******************************************************/
/*	MODULES CLIENT MAIN HOLDER 
/******************************************************/
.module-grid-item{ position:relative; box-sizing:border-box; width:350px; min-height:350px; display:flex; flex-flow:row wrap; justify-content:center; align-items:center; }

.module-menu-client-holder{ position:absolute; box-sizing: border-box; width:100%; height:100%; max-width:220px; max-height:220px; transform:translate(-50%,-50%); border-radius:50%; top:50%; left:50%; }

.module-menu-client-holder:hover > .module-grid-item-client{
	position:absolute; 
	transform:translate(-50%,-70%) scale(1.1);
	transition:all .15s ease-out;
	
	/*transition-timing-function: cubic-bezier(0.64, 0.57, 0.67, 1.53);
	transition-duration: .15s;*/
}
/******************************************************/
/* MODULES CLIENT MAIN BUTTON
/******************************************************/
.module-grid-item-client{ position:absolute; cursor:pointer; transform:translate(-50%,-50%); width:100%; height:100%; top:50%; left:50%; 
		box-shadow:0px 20px 30px rgba(100,100,100,.5); 
		border-radius:50%;
		transition:all .15s ease-out; z-index:auto;
		background-color:rgba(100,100,100,1);
		transition:all .15s ease-out;} 
							 
.module-grid-item-client:after{
		content:'';
		position:absolute; 
		transform:translate(-50%,-50%); width:100%; height:100%; top:50%; left:50%; 
		-webkit-mask-image: url(circle.png);
		mask-image: url(circle.png);
		mask-size: 100% 100%;
	
		background-image:url(globe-client.png);
		background-size:100% 100%; background-repeat:no-repeat; background-position:center center;
		z-index:-1;					
}

.module-grid-item-client:hover{ position:absolute; cursor:pointer; transform:translate(-50%,-50%); width:100%; height:100%; top:50%; left:50%; 
		box-shadow:0px 5px 20px rgba(100,100,100,1); 
		border-radius:50%;
		transition:all .15s ease-out; z-index:auto; 
		background-color:rgba(100,100,100,1);
}  

/******************************************************/
/* MODULES CLIENT :ICONS
/******************************************************/
.module-grid-icon{ position:absolute; content:""; font-size:3.2em; padding-top:40px; margin-bottom:40px; text-align:center; width:100%; height:100%; border-radius:50% 50% 0 0/100% 100% 0 0; }
.module-grid-icon:before{ position:absolute; content:""; color:transparent; left:0; width:100%; background-image: radial-gradient(circle, rgba(0, 0, 0, .8) 0%, rgba(0, 0, 0, .8) 100%); text-shadow:1px 1px 2px rgba(255,255,255,0.5); -webkit-background-clip:text; -moz-background-clip:text; background-clip:text; }
.fa-tablet-screen-button:after{ content:""; position:absolute; background:#ffffff; transform:translate(-50%,-50%); z-index:-1; top:calc(70% - 2px); left:calc(50% + 2px); width:42px; height:44px; }
.fa-address-card:after{ content:""; position:absolute; background:#ffffff; transform:translate(-50%,-50%); z-index:-1; top:70%; left:51%; width:56px; height:38px; border-radius:10px; }
.fa-clipboard-check:after{ content:""; position:absolute; background:#ffffff; transform:translate(-50%,-50%); z-index:-1; top:70%; left:50%; width:30px; height:45px; }
/******************************************************/
/* MODULES CLIENT :NAME /* (first radius values) / top-left | top-right | bottom-right | bottom-left */ 
/******************************************************/
/******************************************************/
/* MODULES CLIENT :LOGO
/******************************************************/

.module-grid-item-logo{border:0px solid #ff0; position:absolute; z-index:111; top:0px; left:0px; width:100%; height:50%;
						border-radius:50% 50% 0 0/100% 100% 0 0; 
						background-repeat:no-repeat; background-position:center bottom; background-size: 80% auto; }

.module-grid-item-name{border:0px solid #f60; position:absolute; z-index:110; bottom:0px; left:0px; width:100%; height:50%;
						border-radius:0 0 50% 50%/0 0 100% 100%; } 

.module-grid-item-name:after{ position:absolute; content:attr(data-title); 
			z-index:-1; width:100%; box-sizing:border-box; border:0px solid #fff; height:100%;
			display:flex; flex-flow:row wrap; justify-content:center; align-items:flex-start;
			font-family:arial, sans-serif; font-weight:900; font-size:1.35em; line-height:35px; padding:0px 10px 10px 10px;
			color:rgba(0,0,0,.5); text-shadow:0px 1px 2px rgba(255,255,255,0.5); text-align:center;   
			-webkit-background-clip:text; -moz-background-clip:text; background-clip:text;
			background-image:url(globe-client.png); background-repeat:no-repeat; background-position:center bottom; background-size: 100%;
}


/******************************************************/
/* MODULES CLIENT :LINK  
/******************************************************/ 
.module-grid-item-link{ 
	border:0px solid #f00; position:absolute; z-index:99; width:100%; height:100%; 
	transform:translate(-50%,-50%); top:50%; left:50%; border-radius:50%;
	background-image:url(https://trainingmodules.travel/services/wordpress/wp-content/uploads/globe-client-over.png);
	background-repeat:no-repeat; background-position:center bottom; background-size: 100% auto;  
	display:flex; justify-content:center; align-items:flex-end; }
						
/******************************************************/
/* MODULES CLIENT - % COMPLETED - LOADER :basecolor :#3ba1da; 
/******************************************************/

.circlePercent{ position:absolute; box-sizing:border-box; width:100%; height:100%; transform:translate(-50%,-50%); top:50%; left:50%; border-radius:50%; }
/*======================== PLANE ======================*/
.circlePercent > .icon:before {position:absolute; content:""; z-index:150; top:-9px; left:100px; width:25px; height:25px; 
clip-path:path("M21.061,8.669c1.474,0.051,3.992,1.379,3.938,2.878c-0.054,1.54-2.658,2.649-4.133,2.598l-5.027-0.174l-4.596,7.38c-0.261,0.419-0.728,0.665-1.223,0.647l-2.423-0.086c-0.456-0.015-0.772-0.462-0.631-0.895l2.371-7.272l-4.432-0.154l-1.95,2.402c-0.133,0.166-0.344,0.261-0.56,0.254l-1.81-0.063C0.246,16.174-0.011,15.894,0,15.565c0.002-0.057,0.013-0.11,0.027-0.165l1.524-4.666l-1.193-4.76C0.343,5.919,0.341,5.862,0.344,5.807c0.011-0.333,0.293-0.59,0.625-0.579l1.81,0.063c0.215,0.007,0.42,0.118,0.542,0.294l1.774,2.53L9.532,8.27L7.677,0.85C7.564,0.408,7.911-0.015,8.368,0l2.421,0.083c0.497,0.018,0.944,0.299,1.175,0.73l4.065,7.68L21.061,8.669z");
-webkit-clip-path:path("M21.061,8.669c1.474,0.051,3.992,1.379,3.938,2.878c-0.054,1.54-2.658,2.649-4.133,2.598l-5.027-0.174l-4.596,7.38c-0.261,0.419-0.728,0.665-1.223,0.647l-2.423-0.086c-0.456-0.015-0.772-0.462-0.631-0.895l2.371-7.272l-4.432-0.154l-1.95,2.402c-0.133,0.166-0.344,0.261-0.56,0.254l-1.81-0.063C0.246,16.174-0.011,15.894,0,15.565c0.002-0.057,0.013-0.11,0.027-0.165l1.524-4.666l-1.193-4.76C0.343,5.919,0.341,5.862,0.344,5.807c0.011-0.333,0.293-0.59,0.625-0.579l1.81,0.063c0.215,0.007,0.42,0.118,0.542,0.294l1.774,2.53L9.532,8.27L7.677,0.85C7.564,0.408,7.911-0.015,8.368,0l2.421,0.083c0.497,0.018,0.944,0.299,1.175,0.73l4.065,7.68L21.061,8.669z");
-moz-clip-path:path("M21.061,8.669c1.474,0.051,3.992,1.379,3.938,2.878c-0.054,1.54-2.658,2.649-4.133,2.598l-5.027-0.174l-4.596,7.38c-0.261,0.419-0.728,0.665-1.223,0.647l-2.423-0.086c-0.456-0.015-0.772-0.462-0.631-0.895l2.371-7.272l-4.432-0.154l-1.95,2.402c-0.133,0.166-0.344,0.261-0.56,0.254l-1.81-0.063C0.246,16.174-0.011,15.894,0,15.565c0.002-0.057,0.013-0.11,0.027-0.165l1.524-4.666l-1.193-4.76C0.343,5.919,0.341,5.862,0.344,5.807c0.011-0.333,0.293-0.59,0.625-0.579l1.81,0.063c0.215,0.007,0.42,0.118,0.542,0.294l1.774,2.53L9.532,8.27L7.677,0.85C7.564,0.408,7.911-0.015,8.368,0l2.421,0.083c0.497,0.018,0.944,0.299,1.175,0.73l4.065,7.68L21.061,8.669z"); background-image: linear-gradient(180deg, #3ba1da 45%, #66c2f5 48%);}
/*======================== PLANE SHADOW ======================*/
.circlePercent > .icon:after {position:absolute; content:""; z-index:149; top:-15px; left:95px; width:25px; height:25px; 
clip-path:path("M21.061,8.669c1.474,0.051,3.992,1.379,3.938,2.878c-0.054,1.54-2.658,2.649-4.133,2.598l-5.027-0.174l-4.596,7.38c-0.261,0.419-0.728,0.665-1.223,0.647l-2.423-0.086c-0.456-0.015-0.772-0.462-0.631-0.895l2.371-7.272l-4.432-0.154l-1.95,2.402c-0.133,0.166-0.344,0.261-0.56,0.254l-1.81-0.063C0.246,16.174-0.011,15.894,0,15.565c0.002-0.057,0.013-0.11,0.027-0.165l1.524-4.666l-1.193-4.76C0.343,5.919,0.341,5.862,0.344,5.807c0.011-0.333,0.293-0.59,0.625-0.579l1.81,0.063c0.215,0.007,0.42,0.118,0.542,0.294l1.774,2.53L9.532,8.27L7.677,0.85C7.564,0.408,7.911-0.015,8.368,0l2.421,0.083c0.497,0.018,0.944,0.299,1.175,0.73l4.065,7.68L21.061,8.669z");
-webkit-clip-path:path("M21.061,8.669c1.474,0.051,3.992,1.379,3.938,2.878c-0.054,1.54-2.658,2.649-4.133,2.598l-5.027-0.174l-4.596,7.38c-0.261,0.419-0.728,0.665-1.223,0.647l-2.423-0.086c-0.456-0.015-0.772-0.462-0.631-0.895l2.371-7.272l-4.432-0.154l-1.95,2.402c-0.133,0.166-0.344,0.261-0.56,0.254l-1.81-0.063C0.246,16.174-0.011,15.894,0,15.565c0.002-0.057,0.013-0.11,0.027-0.165l1.524-4.666l-1.193-4.76C0.343,5.919,0.341,5.862,0.344,5.807c0.011-0.333,0.293-0.59,0.625-0.579l1.81,0.063c0.215,0.007,0.42,0.118,0.542,0.294l1.774,2.53L9.532,8.27L7.677,0.85C7.564,0.408,7.911-0.015,8.368,0l2.421,0.083c0.497,0.018,0.944,0.299,1.175,0.73l4.065,7.68L21.061,8.669z");
-moz-clip-path:path("M21.061,8.669c1.474,0.051,3.992,1.379,3.938,2.878c-0.054,1.54-2.658,2.649-4.133,2.598l-5.027-0.174l-4.596,7.38c-0.261,0.419-0.728,0.665-1.223,0.647l-2.423-0.086c-0.456-0.015-0.772-0.462-0.631-0.895l2.371-7.272l-4.432-0.154l-1.95,2.402c-0.133,0.166-0.344,0.261-0.56,0.254l-1.81-0.063C0.246,16.174-0.011,15.894,0,15.565c0.002-0.057,0.013-0.11,0.027-0.165l1.524-4.666l-1.193-4.76C0.343,5.919,0.341,5.862,0.344,5.807c0.011-0.333,0.293-0.59,0.625-0.579l1.81,0.063c0.215,0.007,0.42,0.118,0.542,0.294l1.774,2.53L9.532,8.27L7.677,0.85C7.564,0.408,7.911-0.015,8.368,0l2.421,0.083c0.497,0.018,0.944,0.299,1.175,0.73l4.065,7.68L21.061,8.669z");background:linear-gradient(0deg,rgba(255,255,255,.5)0%,rgba(0,0,0,.3)100%);}
/*======================== PLANE HOLDER ======================*/
.circlePercent > .icon {position:absolute; z-index:150; width:100%; height:100%; top:0; left:0; border-radius:50%; background:rgba(255,255,255,0); box-sizing:border-box; }
/* ====================== FULL BACKGROUND - 10PX ====================== */
/* .circlePercent > .part-5 {position:absolute; z-index:105; width:calc( 100% - 10px ); height:calc( 100% - 10px ); transform:translate(-50%,-50%); top:50%; left:50%; border-radius:50%;  background-image:url(https://trainingmodules.travel/services/wordpress/wp-content/uploads/globe-client.png); background-size:calc( 100% + 10px ); background-repeat:no-repeat; background-position:center center; }

====================== STATUS BACKGROUND:OUTLINE ONLY ====================== 
.circlePercent > .part-4 {position:absolute; z-index:103; top:0px; left:0px; width:50%; height:100%; opacity:1; border-top-left-radius:100% 50%; border-bottom-left-radius:100% 50%; border:0px dashed transparent; background-image:url(https://trainingmodules.travel/services/wordpress/wp-content/uploads/globe-client-border.png); background-repeat:no-repeat; background-position:top left; background-size:200% 100%; }
*/
.circlePercent > .part-4 {position:absolute; z-index:103; top:0; left:0; width:100%; height:100%;
	-webkit-mask-image: url(border-outer.svg);
	mask-image: url(border-outer.svg);
	mask-size: 100%;
	mask-position: center center;
	background-image:url(globe-client.png);
	background-position:center center;
	border-radius:50%;
	background-repeat:no-repeat; background-size:100%;
}
.circlePercent > .part-2 {position:absolute; z-index:102; top:0; left:0; width:calc(100% - 1px); height:calc(100% - 1px);
	-webkit-mask-image: url(border.svg);
	mask-image: url(border.svg);
	mask-size: 100%; 
	mask-position: center;
	border-radius:50%;
	background-color: rgba(255, 255, 0, 1);
}
.circlePercent > .part-1 {position:absolute; z-index:101; top:0; left:0; width:calc(100% - 1px); height:calc(100% - 1px);
	-webkit-mask-image: url(border.svg);
	mask-image: url(border.svg);
	mask-size: 100%;
	mask-position: center;
	border-radius:50%;
	background-color: rgba(255, 255, 0, 1);
	}





/* ====================== STATUS BACKGROUND: ROTATING YELLOW HALF =================== */
/*.circlePercent > .part-2 {box-sizing:border-box; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; 
							position:absolute; z-index:102; width:50%; height:100%; opacity:0; border-top-left-radius:100% 50%; border-bottom-left-radius:100% 50%; border:4.9px solid #ff0; border-right-color:transparent; top:0px; left:1px; -ms-transform-origin:center right; transform-origin:center right; }
*//* ====================== HALF BACKGROUND :STATIC YELLOW HALF  ====================== */
/*.circlePercent > .part-1 {box-sizing:border-box; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; 
							position:absolute; z-index:101; width:50%; height:100%; opacity:1; border-top-left-radius:100% 50%; border-bottom-left-radius:100% 50%; border:4.9px solid #f00; border-right-color:transparent; top:0px; left:1px; -ms-transform-origin:center right; transform-origin:center right; }
*//* ============================================================================================================================== */

.module-submenu-list-holder{ 
	background:#FFF; 
	position:absolute; 
	border:1px solid rgba(180,180,180,.5); 
	border-top:none; 
	overflow:hidden;
	top:30px;  
	left:50%;
	transform:translateX(-50%);
	width:100%; 
	height:100%; 
	display:flex; 
	flex-flow:column nowrap; 
	justify-content:flex-end; 
	align-items:center;
	opacity:0; 
	border-radius:50%;
	box-shadow:0px 3px 10px rgba(0,0,0,.5);
}

.module-submenu-list{ position:absolute; width:100%; }
.module-menu-list-item{ position:relative; border-top:1px dotted #CCC; box-sizing:border-box; width:100%; font-size:14px; }
.module-menu-list-item a{ display:block; color:var(--tm-link-text-link); width:100%; text-align:center; padding:5px; transition:all .15s ease-in-out; }
.module-menu-list-item a:hover{ color:var(--tm-link-text-hover); background:rgba(102,102,102,.1); transition:all .15s ease-in-out; }
.module-menu-list-item.comp:before{ font-weight:600; position:absolute; left:5px; font-family:"Font Awesome 6 Free"; content:'\f00c'; color:#00CC66; display:block; top:5px; left:5px; height:20px; width:5px; margin-right:5px; }
/*******************************************************************************************************************************************************************************************************************************************************************/
/* MODULES CLIENT SPLASH + SUB-MENU =============== END  
/*******************************************************************************************************************************************************************************************************************************************************************/

/************************************/
/* MODULES COUNTER - PROGRESS 
/************************************/
/* COUNTER  */
/* #f7c154 | #f5af24 | #db960a */
.counter-module{ background:#f5af24; position:absolute; width:35px; height:35px; line-height:32px; top:-10px; right:-10px; padding:0px; margin:0px; text-align:center; border-radius:50%; color:#fff; text-shadow:1px 1px 1px #999999; transform:rotate(15deg); }
.counter-module:before{ content:''; border:5px solid #db960a; position:absolute; width:30px; height:30px; top:-2.5px; right:-2.5px; border-radius:50%; }
.inner-module{ display:flex; flex-wrap:wrap; flex-direction:row; justify-content:center; align-items:center; }
/************************************************************************/
/****** LOGIN FORM 
************************************************************************/
hr{ margin:10px 10%; clear:both; width:80%; border:none; border-bottom:2px dotted rgba(200,200,200,.8); }
.tm-half{ max-width:450px; margin:0 auto; padding:30px 40px 20px 40px; box-sizing:border-box; border:1px solid rgba(0,0,0,.15); }
.tm-full{ max-width:1250px; margin:0 auto; padding:30px; box-sizing:border-box; border:1px solid rgba(0,0,0,.15); }
.tm-max{ max-width:1500px; margin:0 auto; padding:20px; box-sizing:border-box; display:flex; flex-direction:row; flex-wrap:nowrap; justify-content:space-between; align-items:flex-start; } 
/* FORM CONTAINER ELEMENTS */
.form_two_col{ display:flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:flex-start; gap:2%; }
.form_two_col > div.holder-obj{ padding:0px; box-sizing:border-box; width:49%; min-width:300px; }
.form_three_col{ display:flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:flex-start; }
.form_three_col > div{ padding:10px; box-sizing:border-box; width:30%; min-width:300px; }
.form_left{ padding:5px; margin:10px 1%; min-width:300px; }
.form_center{ padding:5px; margin:10px 1%; min-width:300px; }
.form_right{ padding:5px; margin:10px 1%; min-width:300px; }


/**************************************************************************************************
**	
**	END STYLES SORTED 2024                   115,115,115
**
***************************************************************************************************/ 
@media screen and (max-width: 768px) {
	#module_body .is-layout-grid{
		max-width:100%;
		display:flex;
		flex-flow: column;
		padding:10px;
		margin:10px 0;
	}
	#module_body > p{
		margin-left:0;
	}
	span.member_menu_title{
		display:none;
		border:1px solid #000;
	}
	#module_menu{
		
	}
	
	li.mobile-menu{
		width:100%;
	}
}


#tm_mobile_menu{ 
	position:absolute;
	z-index:1220;
	margin:5px 5px 0 0;
	cursor:pointer;
	box-sizing: border-box;
	max-width:40px;
	right:0px;
	background:#FFFFFF; 
}

#tm_mobile_menu.module-menu-holder div{ min-height:40px; box-sizing:border-box; transition:all .15s ease-in-out; }

#tm_mobile_menu.module-menu-holder div:hover{ background:rgba(220, 220, 220, .25); background:linear-gradient(0deg, rgba(220, 220, 220, .75), rgba(220, 220, 220, .25), rgba(220, 220, 220, .25), rgba(220, 220, 220, .25), rgba(220, 220, 220, .75)); transition:all .15s ease-in-out; }

#tm_mobile_menu.module-menu-holder .module-menu-title{ position:relative; box-sizing:border-box; padding:0px !important; margin:0px; height:100%; width:100%; border-left:1px solid #ccc; border-right:1px solid #fff; border-top:1px solid #ccc; border-bottom:1px solid #fff; box-shadow:2px 2px 2px rgba(0,0,0,.25); transition:all .15s ease-in-out; }

#tm_mobile_menu.module-menu-holder .module-menu-title a{ box-sizing:border-box; padding:10px 10px; display:flex; flex-direction:column; justify-content:center; align-items:center; font-size:18px; width:100%; height:100%; transition:all .15s ease-in-out; }

#full_screen_bg.full-screen-bg{
	display:none;
}