
.quickform{
	max-width 	: 100%;
	width 		: 900px;
	margin-left  : auto;
	margin-right : auto;
}
.quickform-sm{
	width : 600px;
}
.quickform label{
	color		:	var(--ltd-input-placeholder-color);
}
.quickform .seperator{
	border-right	:	1px solid var(--ltd-color-secondary);
}
.form-control-intro{
	font-size			:	1.2rem;
	line-height			 :	2rem;
	padding 			:	.5rem 1rem; 
	height				:	calc(2rem + 1rem);
	background-color	:	#FFF;
	border-color		:	var(--ltd-color-primary)!important;
}

.intropage{
	margin-bottom : 70px;
}
.intropage .quickform{
	margin-bottom	:	-70px!important;
}




.ms-slider {
	height		:	1.2em;
}

@media (min-width: 1200px){
	.ms-slider {
		height		: 1.2em;
	}
	.ms-slider__word {
	 	line-height : 1em;
	}
}	


#app h2, #socials h2, #newsletter h2,.intropage h2, #howto h2, #faq h2, #drawit h2{
	font-size : 1.5em;
}
#app h2, #socials h2, #newsletter h2, #faq h2, #drawit h2{
	font-weight	:	600;
}


@media (min-width: 992px){
	.intropage{
		min-height 		: initial;
		height 			: calc(100vh - 100px);
		margin-bottom 	: 100px;
	}
	.intropage h1{
		font-size : 3em;
		font-weight : 600;
	}
	.intropage h2, #howto h2, #app h2, #socials h2, #newsletter h2, #faq h2, #drawit h2{
		font-size : 2em;
	}
	.intropage .col-lg-7.cover{
		transform	:	scale(1.2);
		pointer-events	:	none;
	}
}


.intropage img{
	max-height 		: 	50vh;
	margin-left		:	auto;
	margin-right 	: 	auto;
	margin-top		:	-3em;
	pointer-events 	: 	none;
}

@media (max-width: 992px){
	.intropage h2{
		font-size	:	1.5em;
	}
	#app h2, #socials h2,#newsletter h2{
		font-size	: 1.8em;	
	}
	.intropage .bg-lg-image{
		display : none;
	}
	.intropage h1{
		font-size	:	2em;
		font-weight: 600;
	}
}

@media (min-width: 768px){
}
@media (min-width: 992px){
	.intropage .bg-lg-image > img{
		display	:	none;
	}
	
	.intropage .bg-lg-image{
		background-position :  center center;
		height				:	90%;
		top				:	5%;
		width		:	50%;
		right		:	0;
	}
}
@media (min-width: 1200px){
	.intropage .bg-lg-image{
		width		:	50%;
		left		:	50%;
	}
}
@media (min-width: 1350px){
	.intropage .bg-lg-image{
		width			:	60%;
		left	:	40%;
	}
}
@media (min-width: 992px){
	.section-title{
		border-right	:	1px solid var(--ltd-color-text);
	
	}
}










	
/* ==================================================================

body p{
	font-size	:	1rem;
}
#introblock{
	min-height	:	550px;
}

#introblock h1{
	font-size	:	24px;
	line-height	:	34px;
}

@media (min-width: 768px){
	#introblock{
		min-height	:	400px;
	}
	
}
@media (min-width: 992px){
	#introblock h1{
		font-size	:	32px;
		line-height	:	42px;
	}
	.ms-slider {
		height		:	42px;
	}
	.ms-slider__word {
	 	 line-height: 42px;
	}
}

#socials{
	z-index	:	50;
}

#introblock .input-group{
	max-width	:	350px;
}
#introblock .form-control-ltd{
	height		:	calc(1.5em + .75rem + 2px);
	padding		:	.375rem .75rem;
	border		:	0;
	font-size	:	1.2rem;
	font-weight	:	300;
	font-family		:	'Merriweather', serif;
	background	:	#FFFFFF;
}
#introblock ::placeholder {  
    color		: rgba(12,35,62,0.2);
    opacity		: 0.5; 
	font-style	:	italic;
	font-weight	:	300;
}

#introblock :-ms-input-placeholder {  
	color		: rgba(12,35,62,0.2);
	opacity		: 0.5; 
	font-style	:	italic;
	font-weight	:	300;
}

#introblock ::-ms-input-placeholder { 
  color		: rgba(12,35,62,0.2);
  opacity: 0.5;  
  font-style	:	italic;
  font-weight	:	300;
}
================================================================== */

/* ==================================================================
THEME LAYOUT
================================================================== */
#theme .theme-item {
	position		:	relative;
	z-index			:	10;
	display			:	inline-block;
	box-shadow: 0 15px 30px 0 rgba(0,0,0,0.02),
            0 5px 15px 0 rgba(0,0,0,0.08);
	max-height		:	40vh;
	overflow		:	hidden;
	
}
#theme .theme-item > img{
	max-width	:	100%;
	height		:	auto!important;
}

#theme .theme-item:nth-child(1){
	width	:	40%;
	margin	:	5%;
}
#theme .theme-item:nth-child(2){
	width	:	30%;
	margin	:	0% 5%  5% 5%;
}
#theme .theme-item:nth-child(3){
	width	:	30%;
	margin	:	0% 5%  5% 10%;
}
#theme .theme-item:nth-child(4){
	width	:	35%;
	margin	:	0% 0%  5% 5%;
}



.ms-slider {
  display	: inline-block;
  overflow	: hidden;
  vertical-align: middle;
 /* -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(white), color-stop(white), color-stop(white), to(transparent));
  -webkit-mask-image: linear-gradient(transparent, white, white, white, transparent);
          mask-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(white), color-stop(white), color-stop(white), to(transparent));
          mask-image: linear-gradient(transparent, white, white, white, transparent);
  mask-type: luminance;
  mask-mode: alpha;*/
}
.ms-slider__words {
  display: inline-block;
  margin: 0;
  padding: 0;
  list-style: none;
  -webkit-animation-name: wordSlider;
          animation-name: wordSlider;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-duration: 7s;
          animation-duration: 7s;
}
.ms-slider__word {
  display: block; 
  padding-bottom : 10px;
  text-align: left;
}



@-webkit-keyframes wordSlider {
  0%,
    27% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
  33%,
    60% {
    -webkit-transform: translateY(-25%);
            transform: translateY(-25%);
  }
  66%,
    93% {
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  100% {
    -webkit-transform: translateY(-75%);
            transform: translateY(-75%);
  }
}

@keyframes wordSlider {
  0%,
    27% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
  33%,
    60% {
    -webkit-transform: translateY(-25%);
            transform: translateY(-25%);
  }
  66%,
    93% {
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  100% {
    -webkit-transform: translateY(-75%);
            transform: translateY(-75%);
  }
}

