	.obj-fit {
				object-fit: cover;
				width: 100%;
			}
	.bgi{
		-webkit-background-size: cover;
		background-size: cover;
		background-position: center;
	}
	.bgi--fixed {
		background-attachment: fixed;
	}

	.opc-50{
		opacity: .5;
	}

	.bg-dark-opc{
		background-color: rgba(0,0,0,.4);
	}
	.bg-white-opc{
		background-color: rgba(255,255,255,.4);
	}

	.bg-gray{
		-webkit-filter: grayscale(100%);
		filter: grayscale(100%);
	}
	.bg-filter{
		filter: brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );
	}

	.txt-swd-2{text-shadow: 1px 1px 2px black}

	.scratch{
		text-decoration: line-through;
	}

	.workshop{
		padding-top: 85px;
		padding-bottom: 10px;
	}

			#countdown{
				display: -webkit-flex;
				display: -moz-flex;
				display: -ms-flex;
				display: -o-flex;
				display: flex;
				justify-content: space-around;
				-webkit-flex-wrap: wrap;
				-moz-flex-wrap: wrap;
				-ms-flex-wrap: wrap;
				-o-flex-wrap: wrap;
				flex-wrap: wrap;
				width: 50%;
				margin: 10px auto;
			}

			#countdown span{
			  color: #333;
			  font-size: 1em;
			  
			}

			#countdown span.encerrado{
				font-size: .4em;
				color: #fff;
				text-shadow: 2px 2px 3px black;
				padding: 12px 5px;
				width: 100%;
				background-color: rgba(220,170,0,.7);
				border: 4px dashed #333;
			}

			#countdown .cd-group{
				display: -webkit-flex;
				display: -moz-flex;
				display: -ms-flex;
				display: -o-flex;
				display: flex;
				-webkit-flex-direction: column;
				-moz-flex-direction: column;
				-ms-flex-direction: column;
				-o-flex-direction: column;
				flex-direction: column;
				justify-content: flex-start;
				padding: 10px;
				border: 4px solid #333;
				width: 100px;
				margin: 10px;
				background-color: #fff;
				transform-origin-Y: top; 
				
			}

			#countdown .cd-label{
				font-size: .2em;
				background-color: #666;
				border-bottom: 2px dashed #000;
				color: #fff;
				margin: -10px -10px 10px;
				padding: 5px;
			}

			#countdown .cd-animate{
				-webkit-animation-delay: 2s;
				animation-delay: 2s;
				animation: animation .5s ease-in-out alternate;
				-moz-animation: animation .5s ease-in-out alternate;
				-webkit-animation: animation .5s ease-in-out alternate;
				-o-animation: animation .5s ease-in-out alternate;
			}


			@keyframes animation
			{
			0% {
				transform: rotateX(0deg);
			}
			100% {
				transform: rotateX(360deg);
			}
			}

			@-moz-keyframes animation
			{
			0% {
				transform: rotateX(0deg);
			}
			100% {
				transform: rotateX(360deg);
			}
			}

			@-webkit-keyframes animation
			{
			0% {
				transform: rotateX(0deg);
			}
			100% {
				transform: rotateX(360deg);
			}
			}

			@-o-keyframes animation
			{
			0% {
				transform: rotateX(0deg);
			}
			100% {
				transform: rotateX(360deg);
			}
			}
/*END - Animation*/

	.workshop h1{
		font-size: 1.6em;
	}
	.video-img{
		width: 100%;
		height: auto;
		-webkit-background-size: contain;
		background-size: contain;
		background-repeat: no-repeat;
		position: relative;
	}

	.workshop iframe{
		
		box-shadow: 1px 1px 5px black;
		border-radius: 10px;
		width: 100%;
		height: 100%;
	}

	.ws-video{
		height: 350px;
		width: 100%;
		text-align: center;
		position: relative;
	}

	.ws-video::after{
	  content: "";
	  width: 100%;
	  height: 35%;
	  background: rgba(0, 0, 0, 0.0);
	  position: absolute;
	  top: 0;
	  left: 0;
	}

	.ws-video::before{
	  content: "";
	  width: 100%;
	  height: 35%;
	  background: rgba(0, 0, 0, 0.0);
	  position: absolute;
	  bottom: 0;
	  left: 0;
	}

	.ws-video-call{
		height: 480px;
	}


	.ws-text{
		background-color: rgba(248,249,250,.85);
		border-radius: 10px;
	}

	/*.others {
		background: rgb(204,204,204);
		background: linear-gradient(0deg, rgba(70,70,70,.85) 0%, rgba(70,70,70,.85) 50%, rgba(70,70,70,0) 100%);
	}*/

	.scale{
		transform: scale(1);
		z-index:1;
		transition: .3s;
	}
	.scale:hover{
		transform: scale(1.1);
		position: relative;
		z-index: 2;
	}
	.video-number{
		position: absolute;
		text-shadow: 1px 1px 5px black;
		top: 90px;
		right: 5px;
	}
	.depoimentos blockquote, .depoimentos p{
		color: #888;
		display: inline;
	}
	.depoimentos blockquote:before {
		content: "❝";
		font-size: 22px;
	}
	.depoimentos blockquote:after {
		content: "❞";
		font-size: 22px;
	}
	
	.depoimentos h3{
		font-size: 18pt;
	}
	.depoimentos h4{
		font-size: 10pt;
	}
	.depoimento-img{
		margin-top: -80px;
		height: 150px;
		width: 150px;
		-webkit-background-size: cover;
		background-size: cover;
	}
	.mt-10{
		margin-top: 5rem;
	}

/*Inscrição*/

	.inscricao{
		text-shadow: 1px 1px 2px black;
	}
	.inscricao h1{
		font-size: 24pt;
		/*color: #666;*/
		line-height: 1.5em;
	}

	#inbound-form-wrapper .inbound-input{
		width: 100%;
		border-radius: 4px;
		border: none;
		background-color: #fff;
		box-shadow: 1px 1px 10px rgba(0,0,0,.2);
		padding: 5px 10px;
	}

	.inbound-button-submit{
		width: 100%;
		margin-top: 20px;
		border-radius: 4px;
		background-color: rgb(92, 184, 92);
		border: solid 1px rgb(76, 174, 76);
		padding: 5px 10px;
		color: white;
		font-size: 24pt;
	}
	.inbound-button-submit:hover{
		background-color: #449d44;
		border-color: #398439;
	}

	.section-modulos .col-lg-6:last-child{
		background-color: #eee;
		border: dashed 2px #ccc;
		padding-top: 15px;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		margin-top: 20px;
	}


	.section-depoimentos iframe{
		width: 100%;
		height: auto;
	}

	section.obrigado h2{
		font-size: 2.5em;
	}
	section.obrigado{
		height: 100vh;
		padding-top: 20vh;
	}

	

	@media (max-width: 576px){
		.ws-video, .ws-video-call{
			height: 50vw;
		}
		.video-number{
			top: 50px;
		}
		#countdown{
			width: 100%;
		}
		#countdown span{
			font-size: .4em;
		}
	}
	@media (max-width: 768px) and (min-width: 576px){
		.ws-video, .ws-video-call{
			height: 43vw;
		}
		.video-number{
			top: 115px;
		}
		#countdown {
			width: 100%;
		}
		#countdown span{
			font-size: .6em;
		}
	}
	@media (min-width: 768px) and (max-width: 992px) {
		.ws-video{
			height: 50vw;
			}
		.ws-video-call{
			height: 38vw;
		}
	}
	@media (min-width: 992px) and (max-width: 1200px) {
		#countdown {
			width: 60%;
		}
		.ws-video{
			height: 28vw;
			}
		.ws-video-call{
			height: 38vw;
		}
	}

	@media (min-width: 1200px){
		.section-faqs .faqs{
			height: 400px;
		}
		.section-faqs .faq{
			width: 50%;
		}
	}
