/*

------

Responsive breakpoint

# mobile max 576px

# tablet max 768px

# Desktop max 992px

# Large screens max 1200px

------



*/



*

{

	margin: 0px;

	font-family: 'Lato', sans-serif;

	box-sizing: border-box;

}

h1, h2, h3 {

	font-family: 'Acme', sans-serif;

}



.container-fluid

{

	width: 100%;

	display: flex;

	flex-wrap: wrap;

	position: relative;

}

.container

{

	width: 90%;

	display: flex;

	position: relative;

	flex-wrap: wrap;

	margin-left: auto;

	margin-right: auto;

}

@media (max-width: 576px) {

	.container{

		width: 100%;

		/*padding:0 10px;*/

	}

}

/*.row

{

	display: flex;

	flex-wrap: wrap;

	}*/

	.text-center

	{

		justify-content: center;

		text-align: center;

	}

	.form-group{

		position: relative;

		margin: 10px 0;

		display: block;

	}

	.form-group label{

		display: block;

	}

	.form-group span{

		font-size: 10px;

	}

	.form-control{

 /*	width: 100%;

    background-color: #bfc3c9;

    padding: 10px 10px;

    margin: 10px 0px;

    box-sizing: border-box;

    border: 1px solid #000;

    border-radius: 10px 10px;

    

    border: none;*/

    width: 100%;

    padding: 11px 8px;

    box-shadow: 0px 0px 3px #ccc;

    margin: 7px 0px;

    box-sizing: border-box;  

    border: 2px solid #e8dcdc;

    border-radius: 10px;

}

.btn{

	padding: 10px 20px;

	border-radius: 5px;

	color: #ffff;

	font-size: 15px;

	border: none;

	box-shadow: 3px 3px 9px #888888;

}

.btn-primary{

	

	background-color: #753a88;

}

.validators{

	position: absolute;

	font-size: 20px;

	top: 50%;

	right: 2%;

	font-weight: 600;

	transform: translate(0px, -13%);

}

.validators-success{

	color: green;

}

.validators-failure{

	color: red;

}

.alert{

	box-shadow: 0px 0px 7px grey;

	text-align: center;

	border-radius: 6px;

	padding: 5px 0;

	z-index: 1;  

}

.alert-danger{

	color: #ffff;

	background-color: #ee0404;

}

.alert-success{

	color: #ffff;

	background-color: green;

}

.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,.col-xl-1,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-10,.col-xl-11,.col-xl-12{

	position: relative;

	width: 100%;

}

.col-1

{

	padding: 0 10px;

	max-width:8.333333%;

}

.col-2

{

	padding: 0 10px;

	max-width:16.666666%;

}

.col-3

{

	padding: 0 10px;

	max-width:25%;

}

.col-4

{

	padding: 0 10px;

	max-width:33.333333%;

}

.col-5

{

	padding: 0 10px;

	max-width:41.666667%;

}

.col-6

{

	padding: 0 10px;

	max-width:50%;

}

.col-7

{

	padding: 0 10px;

	max-width:58.333333%;

}

.col-8

{

	padding: 0 10px;

	max-width:66.666667%;

}

.col-9

{

	padding: 0 10px;

	max-width:75%;

}

.col-10

{

	padding: 0 10px;

	max-width:83.333333%;

}

.col-11

{

	padding: 0 10px;

	max-width:91.666667%;

}

.col-12

{

	padding: 0 10px;

	max-width:100%;

}

.offset-1 {

	margin-left: 8.333333%;

}

.offset-2 {

	margin-left: 16.666667%;

}

.offset-3 {

	margin-left: 25%;

}

.offset-4 {

	margin-left: 33.333333%;

}

.offset-5 {

	margin-left: 41.666667%;

}

.offset-6 {

	margin-left: 50%;

}

.offset-7 {

	margin-left: 58.333333%;

}

.offset-8 {

	margin-left: 66.666667%;

}

.offset-9 {

	margin-left: 75%;

}

.offset-10 {

	margin-left: 83.333333%;

}

.offset-11 {

	margin-left: 91.666667%;

}

@media (min-width: 576px) {

	.col-sm-1

	{

		padding: 0 10px;

		max-width:8.333333%;

	}

	.col-sm-2

	{

		padding: 0 10px;

		max-width:16.666666%;

	}

	.col-sm-3

	{

		padding: 0 10px;

		max-width:25%;

	}

	.col-sm-4

	{

		padding: 0 10px;

		max-width:33.333333%;

	}

	.col-sm-5

	{

		padding: 0 10px;

		max-width:41.666667%;

	}

	.col-sm-6

	{

		padding: 0 10px;

		max-width:50%;

	}

	.col-sm-7

	{

		padding: 0 10px;

		max-width:58.333333%;

	}

	.col-sm-8

	{

		padding: 0 10px;

		max-width:66.666667%;

	}

	.col-sm-9

	{

		padding: 0 10px;

		max-width:75%;

	}

	.col-sm-10

	{

		padding: 0 10px;

		max-width:83.333333%;

	}

	.col-sm-11

	{

		padding: 0 10px;

		max-width:91.666667%;

	}

	.col-sm-12

	{

		padding: 0 10px;

		max-width:100%;

	}

	.offset-sm-1 {

		margin-left: 8.333333%;

	}

	.offset-sm-2 {

		margin-left: 16.666667%;

	}

	.offset-sm-3 {

		margin-left: 25%;

	}

	.offset-sm-4 {

		margin-left: 33.333333%;

	}

	.offset-sm-5 {

		margin-left: 41.666667%;

	}

	.offset-sm-6 {

		margin-left: 50%;

	}

	.offset-sm-7 {

		margin-left: 58.333333%;

	}

	.offset-sm-8 {

		margin-left: 66.666667%;

	}

	.offset-sm-9 {

		margin-left: 75%;

	}

	.offset-sm-10 {

		margin-left: 83.333333%;

	}

	.offset-sm-11 {

		margin-left: 91.666667%;

	}

}

@media (min-width: 768px) {

	.col-md-1

	{

		padding: 0 10px;

		max-width:8.333333%;

	}

	.col-md-2

	{

		padding: 0 10px;

		max-width:16.666666%;

	}

	.col-md-3

	{

		padding: 0 10px;

		max-width:25%;

	}

	.col-md-4

	{

		padding: 0 10px;

		max-width:33.333333%;

	}

	.col-md-5

	{

		padding: 0 10px;

		max-width:41.666667%;

	}

	.col-md-6

	{

		padding: 0 10px;

		max-width:50%;

	}

	.col-md-7

	{

		padding: 0 10px;

		max-width:58.333333%;

	}

	.col-md-8

	{

		padding: 0 10px;

		max-width:66.666667%;

	}

	.col-md-9

	{

		padding: 0 10px;

		max-width:75%;

	}

	.col-md-10

	{

		padding: 0 10px;

		max-width:83.333333%;

	}

	.col-md-11

	{

		padding: 0 10px;

		max-width:91.666667%;

	}

	.col-md-12

	{

		padding: 0 10px;

		max-width:100%;

	}

	.offset-md-1 {

		margin-left: 8.333333%;

	}

	.offset-md-2 {

		margin-left: 16.666667%;

	}

	.offset-md-3 {

		margin-left: 25%;

	}

	.offset-md-4 {

		margin-left: 33.333333%;

	}

	.offset-md-5 {

		margin-left: 41.666667%;

	}

	.offset-md-6 {

		margin-left: 50%;

	}

	.offset-md-7 {

		margin-left: 58.333333%;

	}

	.offset-md-8 {

		margin-left: 66.666667%;

	}

	.offset-md-9 {

		margin-left: 75%;

	}

	.offset-md-10 {

		margin-left: 83.333333%;

	}

	.offset-md-11 {

		margin-left: 91.666667%;

	}

}

@media (min-width: 992px) {

	.col-lg-1

	{

		padding: 0 10px;

		max-width:8.333333%;

	}

	.col-lg-2

	{

		padding: 0 10px;

		max-width:16.666666%;

	}

	.col-lg-3

	{

		padding: 0 10px;

		max-width:25%;

	}

	.col-lg-4

	{

		padding: 0 10px;

		max-width:33.333333%;

	}

	.col-lg-5

	{

		padding: 0 10px;

		max-width:41.666667%;

	}

	.col-lg-6

	{

		padding: 0 10px;

		max-width:50%;

	}

	.col-lg-7

	{

		padding: 0 10px;

		max-width:58.333333%;

	}

	.col-lg-8

	{

		padding: 0 10px;

		max-width:66.666667%;

	}

	.col-lg-9

	{

		padding: 0 10px;

		max-width:75%;

	}

	.col-lg-10

	{

		padding: 0 10px;

		max-width:83.333333%;

	}

	.col-lg-11

	{

		padding: 0 10px;

		max-width:91.666667%;

	}

	.col-lg-12

	{

		padding: 0 10px;

		max-width:100%;

	}

	.offset-lg-1 {

		margin-left: 8.333333%;

	}

	.offset-lg-2 {

		margin-left: 16.666667%;

	}

	.offset-lg-3 {

		margin-left: 25%;

	}

	.offset-lg-4 {

		margin-left: 33.333333%;

	}

	.offset-lg-5 {

		margin-left: 41.666667%;

	}

	.offset-lg-6 {

		margin-left: 50%;

	}

	.offset-lg-7 {

		margin-left: 58.333333%;

	}

	.offset-lg-8 {

		margin-left: 66.666667%;

	}

	.offset-lg-9 {

		margin-left: 75%;

	}

	.offset-lg-10 {

		margin-left: 83.333333%;

	}

	.offset-lg-11 {

		margin-left: 91.666667%;

	}

}

@media (min-width: 1200px) {

	.col-xl-1

	{

		padding: 0 10px;

		max-width:8.333333%;

	}

	.col-xl-2

	{

		padding: 0 10px;

		max-width:16.666666%;

	}

	.col-xl-3

	{

		padding: 0 10px;

		max-width:25%;

	}

	.col-xl-4

	{

		padding: 0 10px;

		max-width:33.333333%;

	}

	.col-xl-5

	{

		padding: 0 10px;

		max-width:41.666667%;

	}

	.col-xl-6

	{

		padding: 0 10px;

		max-width:50%;

	}

	.col-xl-7

	{

		padding: 0 10px;

		max-width:58.333333%;

	}

	.col-xl-8

	{

		padding: 0 10px;

		max-width:66.666667%;

	}

	.col-xl-9

	{

		padding: 0 10px;

		max-width:75%;

	}

	.col-xl-10

	{

		padding: 0 10px;

		max-width:83.333333%;

	}

	.col-xl-11

	{

		padding: 0 10px;

		max-width:91.666667%;

	}

	.col-xl-12

	{

		padding: 0 10px;

		max-width:100%;

	}

	.offset-xl-1 {

		margin-left: 8.333333%;

	}

	.offset-xl-2 {

		margin-left: 16.666667%;

	}

	.offset-xl-3 {

		margin-left: 25%;

	}

	.offset-xl-4 {

		margin-left: 33.333333%;

	}

	.offset-xl-5 {

		margin-left: 41.666667%;

	}

	.offset-xl-6 {

		margin-left: 50%;

	}

	.offset-xl-7 {

		margin-left: 58.333333%;

	}

	.offset-xl-8 {

		margin-left: 66.666667%;

	}

	.offset-xl-9 {

		margin-left: 75%;

	}

	.offset-xl-10 {

		margin-left: 83.333333%;

	}

	.offset-xl-11 {

		margin-left: 91.666667%;

	}

}