/* rotate circle */
				@-webkit-keyframes rotateCircle {
					0% { 
						-webkit-transform: rotateZ(0deg); 
				  opacity:0;
					}

					50% {
						-webkit-transform: rotateZ(180deg);  
				  opacity:1;
					} 

				 100% {
						-webkit-transform: rotateZ(360deg); 
				  opacity:0;  
					}
				} 
				@keyframes rotateCircle {
					0% { 
						transform: rotate(0deg); 
				  opacity:0;
					}

					50% {
						transform: rotate(180deg);  
				  opacity:1; 
					} 

				 100% {
						transform: rotate(360deg); 
				  opacity:0;  
					}
				} 
				.rotateCircle {
					-webkit-animation: rotateCircle 2s infinite;
					animation: rotateCircle 2s infinite; 
					will-change: transform, opacity;
				}
				body{ 
					overflow: hidden; 
					pointer-events: none; 
					background: none !important;
					position: relative;
					color: transparent; 
				}
				body ul,
				body li,
				body a,
				body p, 
				body img, 
				body iframe { 
					pointer-events: all;
				    opacity: 0;
				}
				body:after {
				    content: "";
					position: absolute;
					top: 0px;
					bottom: 0px;
					left: 0;
					right: 0;
					max-width: 60px;
					max-height: 60px;
					margin: 50px auto;
					background: url(/wp-content/themes/charlie/libs/bp/site/html/services/images/loading-circle-lightgray.svg) center no-repeat !important;
					background-size: 100% !important;
					-webkit-animation: rotateCircle 2s infinite;
					animation: rotateCircle 2s infinite;
				}
				body.loaded:after {
					background: none !important;
					animation: none;
				}
				body.loaded ul,
				body.loaded li,
				body.loaded a,
				body.loaded p, 
				body.loaded img, 
				body.loaded iframe { 
					opacity: 1;
				}
				body.iframe > section {
					opacity: 0;
				}
				.video-container {
					position: relative;
					padding-bottom: 53.78% !important;
					padding-top: 30px;
					height: 0;
					overflow: hidden;
					width: 100%;
					max-width: 100%; 
					margin:20px auto; 
					display: block !important;
				}
				.video-wrapper {
					position: absolute;
					top: 0px;
					bottom: 0px;
					left: 0px;
					right: 0px;
					width: 100% !important;
					max-width: none;
					max-height: none;
				}
				iframe {
					display: block;
					width: 100%;
					height: 100%;
				}
				.myvisualtutor {
					max-width: 100% !important;
					max-height: 100% !important;
				}