@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700&display=swap');

/*===========================================

	commons.css

	+ + + + + + + + + + + + + +

	Eenda Works,
	Agencia de Marketing Online
	www.eenda-works.com

===========================================*/

.form-control:focus,
.btn:focus,
.btn:active{
	outline: 0 !important;
}

form.validate > .form-group:last-child{
	margin-bottom:0;
}

.form-group > label > span.help-block{
	margin:0; padding:0;
	font-weight:normal;
	font-size:85%;
}

.btn-cta-default.hvr-shutter-out-horizontal,
.btn-cta-save.hvr-shutter-out-horizontal{
	padding: 8px 13px;
    background: #5e5e5e;
    font: 600 14px 'Open Sans', Helvetica, Arial;
    color: #ffffff;
    border: 0;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}

	.btn-cta-default.hvr-shutter-out-horizontal:before{
	    background: #f4aa01;
	}

	.btn-cta-save.hvr-shutter-out-horizontal{
	    color:#999999;
	    background: #e2e2e2;
	}

	.btn-cta-save.hvr-shutter-out-horizontal:before{
	    background: #cccccc;
	}

.btn-cta-default-xs.hvr-shutter-out-horizontal{
	padding: 2px 6px;
    background: #5e5e5e;
    font: 600 14px 'Open Sans', Helvetica, Arial;
    color: #ffffff;
    border: 0;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}

	.btn-cta-default-xs.hvr-shutter-out-horizontal:before{
	    background: #f4aa01;
	}

.bootstrap-select .btn-select{
	display: block;
	width: 100%;
	height: 38px;
	background:#ffffff;
	border: 1px solid #cccccc;
	border-radius:0;
	-moz-border-radius:0;
	-webkit-border-radius:0;
}

.required:before{
	content: "*";
	position: relative;
	top: 2px;
	padding: 0 5px 0 0;
	font: 700 16px Arial,Verdana,Tahoma;
	color: red;
}

*{
	line-height:1.5 !important;
}

Body{
	background:#ffffff;
	font-family:'Open Sans', Helvetica, Arial, Verdana, Tahoma;
	letter-spacing: 0.5px;
	line-height:1.8;
}

a:link,
a:active,
a:visited{
	color:#f4aa01;
	text-decoration: none;
}


.grayscale{
	-webkit-filter: grayscale(1);
	-webkit-filter: grayscale(100%);
	filter: gray;
	filter: grayscale(100%);
}

	.grayscale:hover{
		-webkit-filter: grayscale(0);
		-webkit-filter: grayscale(0%);
		filter: gray;
		filter: grayscale(0%);
		transition:all 0.5s;
	}




/*===========================================

	Formularios Bootstrap

===========================================*/

.form-group-sm .form-control,
.form-control:not([type="file"]){
	border-radius:0;
	padding:18px 10px;
	font:600 15px 'Open Sans', Arial, Verdana, Tahoma;
	color:#666666;
}

.form-control.bootstrap-select{
	padding:0 !important;
}

.form-group-sm .form-control{
	padding:5px 10px;
}

	select:hover{
		cursor:pointer;
	}

	.form-control:focus{
		border-color: #cc9900;
	    outline: 0;
	    box-shadow: inset 0 0 1px #cc9900;
	    color:#000000;
	}

.btn-primary{
	background-color:#f4aa01 !important;
	border-color:#f4aa01 !important;
	color:#ffffff !important;
}

.btn-primary:hover{
	background-color:#eeb12a !important;
	border-color:#e4a312 !important;
	color:#765409 !important;
}

.modal .btn-cta{
	padding:12px 20px;
	background-color:#5e5e5e;
	font:600 13px 'Open Sans', Helvetica, Arial;
	color:#ffffff;
	border:0;
	border-radius:0;
	-moz-border-radius:0;
	-webkit-border-radius:0;
}

	.modal .btn-cta:before{
		background:#444444;
	}

.jumbotron{
	padding:20px 25px !important;
}

	.jumbotron > p{
		margin-bottom:0;
	}




/*===========================================

	Commons CSS (by Eenda Works)

===========================================*/

.back-to-top{
	display: none;
	position: fixed;
	bottom: 17px; right: 25px;
	text-decoration:none !important;
}

.back-to-top > i{
	display: block;
	width: 36px; height: 36px;
	background-color: #444444;
	line-height: 32px;
	color: #ffffff;
	text-align: center;
	border-radius:50%;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
}

.back-to-top:hover > i{
	background:#d5002c;
	color:#ffffff;
}

.box-shadow{
	border:1px solid #e2e2e2;
	border-width:1px 0 0 1px;
	box-shadow:1px 1px 1px #cccccc;
	-moz-box-shadow:1px 1px 1px #cccccc;
	-webkit-box-shadow:1px 1px 1px #cccccc;
}

.parsley-errors-list{
	display: none !important;
}

.parsley-error{
	background:#fcc;
	border-color:#ff0000 !important;
}

.border-radius-none{
	-webkit-border-radius: 0;
	-moz-border-radius: 0px;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
}

.border-radius-2px{
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
}

.border-radius-3px{
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
}

.border-radius-4px{
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
}

.border-radius-5px{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}

.border-radius-circle{
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
}

.border-radius-bottom-left-8px{
	-webkit-border-bottom-left-radius: 8px;
	-ms-border-bottom-left-radius: 8px;
	-moz-border-radius-bottomleft: 8px;
	border-bottom-left-radius: 8px;
}

.border-radius-bottom-right-8px{
	-webkit-border-bottom-right-radius: 8px;
	-ms-border-bottom-right-radius: 8px;
	-moz-border-radius-bottomright: 8px;
	border-bottom-right-radius: 8px;
}

.margin-vertical-none{
	margin-top:0 !important;
	margin-bottom:0 !important;
}

	.margin-vertical-xs{
		margin-top:5px !important;
		margin-bottom:5px !important;
	}

	.margin-vertical-sm{
		margin-top:10px !important;
		margin-bottom:10px !important;
	}

	.margin-vertical-md{
		margin-top:20px !important;
		margin-bottom:20px !important;
	}

	.margin-vertical-lg{
		margin-top:50px !important;
		margin-bottom:50px !important;
	}

.margin-horizontal-none{
	margin-right:0 !important;
	margin-left:0 !important;
}

	.margin-horizontal-xs{
		margin-right:5px !important;
		margin-left:5px !important;
	}

	.margin-horizontal-sm{
		margin-right:10px !important;
		margin-left:10px !important;
	}

	.margin-horizontal-md{
		margin-right:20px !important;
		margin-left:20px !important;
	}

	.margin-horizontal-lg{
		margin-right:50px !important;
		margin-left:50px !important;
	}

.margin-none{
	margin:0 !important;
}

.margin-top-none{
	margin-top:0 !important;
}

	.margin-top-xs{
		margin-top:5px !important;
	}

	.margin-top-sm{
		margin-top:10px !important;
	}

	.margin-top-md{
		margin-top:20px !important;
	}

	.margin-top-lg{
		margin-top:50px !important;
	}

.margin-right-none{
	margin-right:0 !important;
}

	.margin-right-xs{
		margin-right:5px !important;
	}

	.margin-right-sm{
		margin-right:10px !important;
	}

	.margin-right-md{
		margin-right:20px !important;
	}

	.margin-right-lg{
		margin-right:50px !important;
	}

.margin-bottom-none{
	margin-bottom:0 !important;
}

	.margin-bottom-xs{
		margin-bottom:5px !important;
	}

	.margin-bottom-sm{
		margin-bottom:10px !important;
	}

	.margin-bottom-md{
		margin-bottom:20px !important;
	}

	.margin-bottom-lg{
		margin-bottom:50px !important;
	}

.margin-left-none{
	margin-left:0 !important;
}

	.margin-left-xs{
		margin-left:5px !important;
	}

	.margin-left-sm{
		margin-left:10px !important;
	}

	.margin-left-md{
		margin-left:20px !important;
	}

	.margin-left-lg{
		margin-left:50px !important;
	}

.padding-vertical-none{
	padding-top:0 !important;
	padding-bottom:0 !important;
}

	.padding-vertical-xs{
		padding-top:5px !important;
		padding-bottom:5px !important;
	}

	.padding-vertical-sm{
		padding-top:10px !important;
		padding-bottom:10px !important;
	}

	.padding-vertical-md{
		padding-top:20px !important;
		padding-bottom:20px !important;
	}

	.padding-vertical-lg{
		padding-top:50px !important;
		padding-bottom:50px !important;
	}

.padding-horizontal-none{
	padding-right:0 !important;
	padding-left:0 !important;
}

	.padding-horizontal-xs{
		padding-right:5px !important;
		padding-left:5px !important;
	}

	.padding-horizontal-sm{
		padding-right:10px !important;
		padding-left:10px !important;
	}

	.padding-horizontal-md{
		padding-right:20px !important;
		padding-left:20px !important;
	}

	.padding-horizontal-lg{
		padding-right:50px !important;
		padding-left:50px !important;
	}

.padding-none{
	padding:0 !important;
}

.padding-top{
	padding-top:20px !important;
}

	.padding-top-none{
		padding-top:0 !important;
	}

	.padding-top-xs{
		padding-top:5px !important;
	}

	.padding-top-sm{
		padding-top:10px !important;
	}

	.padding-top-md{
		padding-top:20px !important;
	}

	.padding-top-lg{
		padding-top:50px !important;
	}

.padding-right-none{
	padding-right:0 !important;
}

	.padding-right-xs{
		padding-right:5px !important;
	}

	.padding-right-sm{
		padding-right:10px !important;
	}

	.padding-right-md{
		padding-right:20px !important;
	}

	.padding-right-lg{
		padding-right:50px !important;
	}

.padding-bottom-none{
	padding-bottom:0 !important;
}

	.padding-bottom-xs{
		padding-bottom:5px !important;
	}

	.padding-bottom-sm{
		padding-bottom:10px !important;
	}

	.padding-bottom-md{
		padding-bottom:20px !important;
	}

	.padding-bottom-lg{
		padding-bottom:50px !important;
	}

.padding-left-none{
	padding-left:0 !important;
}

	.padding-left-xs{
		padding-left:5px !important;
	}

	.padding-left-sm{
		padding-left:10px !important;
	}

	.padding-left-md{
		padding-left:20px !important;
	}

	.padding-left-lg{
		padding-left:50px !important;
	}

.img-center{
	margin:auto !important;
}

.bold{
	font-weight:bold !important;
}

.col-xs-18,
.col-sm-18,
.col-md-18,
.col-lg-18{
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}

.col-xs-18{
	width: 12.5%;
	float: left;
}

@media (min-width: 768px){
	.col-sm-18 {
		width: 12.5%;
		float: left;
	}
}

@media (min-width: 992px){
	.col-md-18 {
		width: 12.5%;
		float: left;
	}
}

@media (min-width: 1200px){
	.col-lg-18 {
		width: 12.5%;
		float: left;
	}
}




/*===========================================

	Responsive Text Align

===========================================*/

@media (max-width: 767px){

    .text-left-not-xs, .text-center-not-xs, .text-right-not-xs, .text-justify-not-xs{
        text-align: inherit;
    }

    .text-left-xs{
        text-align: left;
    }

    .text-center-xs{
        text-align: center;
    }

    .text-right-xs{
        text-align: right;
    }

    .text-justify-xs{
        text-align: justify;
    }

}

@media (min-width: 768px) and (max-width: 991px){

    .text-left-not-sm, .text-center-not-sm, .text-right-not-sm, .text-justify-not-sm{
        text-align: inherit;
    }

    .text-left-sm{
        text-align: left;
    }

    .text-center-sm{
        text-align: center;
    }

    .text-right-sm{
        text-align: right;
    }

    .text-justify-sm{
        text-align: justify;
    }

}

@media (min-width: 992px) and (max-width: 1199px){

    .text-left-not-md, .text-center-not-md, .text-right-not-md, .text-justify-not-md{
        text-align: inherit;
    }

    .text-left-md{
        text-align: left;
    }

    .text-center-md{
        text-align: center;
    }

    .text-right-md{
        text-align: right;
    }

    .text-justify-md{
        text-align: justify;
    }

}


@media (min-width: 1200px){

    .text-left-not-lg, .text-center-not-lg, .text-right-not-lg, .text-justify-not-lg{
        text-align: inherit;
    }

    .text-left-lg{
        text-align: left;
    }

    .text-center-lg{
        text-align: center;
    }

    .text-right-lg{
        text-align: right;
    }

    .text-justify-lg{
        text-align: justify;
    }

}




/*===========================================

	Media Queries

===========================================*/

/* MD Screen */
@media (min-width:992px) and (max-width:1199px){


}

/* SM Screen */
@media (min-width: 768px) and (max-width: 991px){

	.sm-margin-top{
		margin-top:10px !important;
	}

	.sm-margin-right{
		margin-right:10px !important;
	}

	.sm-margin-bottom{
		margin-bottom:10px !important;
	}

	.sm-margin-left{
		margin-left:10px !important;
	}

}

/* XS Screen */
@media screen and (max-width: 768px){

	.xs-margin-top{
		margin-top:5px !important;
	}

	.xs-margin-right{
		margin-right:5px !important;
	}

	.xs-margin-bottom{
		margin-bottom:5px !important;
	}

	.xs-margin-left{
		margin-left:5px !important;
	}

}