/* Add SASS */
/**
*
* colors CSS
*
**/
.white,
.white * {
	color: #ffffff !important; }

.black,
.black * {
	color: #000000 !important; }

.grey,
.grey * {
	color: #8E8E8E !important; }

.blue,
.blue * {
	color: #007EC0 !important; }

/**
*
* Typography CSS
*
**/
.size-lg,
.size-lg * {
	font-size: 22px; }

a,
a:hover,
a:active,
a:focus {
	outline: 0; }

input::-moz-focus-inner {
	border: 0; }

object, embed {
	outline: 0; }

input::-moz-focus-inner {
	border: 0; }

/**
*
* Main navigation CSS
*
**/
/**
*
* Page header CSS
*
**/
/**
*
* Content CSS
*
**/
.clear {
	clear: both; }

svg.svg-inline--fa {
	height: 30px;
	width: 30px; }

/**
*
* Toggle CSS
*
**/
.toggle-box {
	display: none; }

/**
*
* Testimonial CSS
*
**/
/**
*
* Slider CSS
*
**/
/**
*
* Inputs CSS
*
**/
input[type=email],
input[type=number],
input[type=password],
input[type=reset],
input[type=search],
input[type=tel],
input[type=text],
input[type=url],
select,
textarea {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	-ms-border-radius: 0px;
	border-radius: 0px; }

/*  buttons */

.button, 
.elementor-button{
	position: relative;
	letter-spacing: 1.3px;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	background-color: #163D5C;
	border: 1px #163D5C solid;
	border-radius: 100px;
	-moz-border-radius: 100px;
	-webkit-border-radius: 100px;
	color: white; 
	box-shadow: inset 0 0 0 0 #163D5C;
	-webkit-transition: ease-out 0.4s;
	-moz-transition: ease-out 0.4s;
	transition: ease-out 0.4s;}

.page-template-template-dark .button, 
.page-template-template-dark .elementor-button{
	background-color: transparent;
	box-shadow: inset 0 0 0 0 transparent;
}

.button:hover, 
.elementor-button:not(.elementor-slide-button):hover{
	background-color: #8c8c8c;
	box-shadow: inset 400px 0 0 0 #8c8c8c;
}

.elementor-button.elementor-size-xs,
.elementor-button.elementor-size-sm,
.elementor-button.elementor-size-md,
.elementor-button.elementor-size-lg{ 
	border-radius: 100px;
	-moz-border-radius: 100px;
	-webkit-border-radius: 100px;
	padding: 15px 25px;
	text-transform: uppercase;
}

.elementor-button.elementor-size-xs {
    font-size: 12px;
}

@media screen and ( max-width: 768px ) {
	.elementor-button.elementor-size-xs,
	.elementor-button.elementor-size-sm,
	.elementor-button.elementor-size-md,
	.elementor-button.elementor-size-lg{ 
		font-size: 10px;
		padding: 10px 20px;
	}
}

.elementor-element.elementor-button-info .elementor-button {
	background-color: #163D5C;
	color: #ffffff;
	border-color: #163D5C; }
    
.page-template-template-dark .elementor-element.elementor-button-info .elementor-button {
	background-color: transparent; 
	color: #ffffff; 
	
}
 .elementor-element.elementor-button-info .elementor-button:hover {
	background-color: #8c8c8c;
	border-color: #8c8c8c;
	box-shadow: inset 400px 0 0 0 #8c8c8c;
	color: #ffffff;} 

.elementor-element.elementor-button-success .elementor-button {
	background-color: #9BC85B;
	color: #ffffff;
	border-color: #9BC85B; }
.page-template-template-dark .elementor-element.elementor-button-success .elementor-button {
	background-color: transparent; 
	color: #ffffff; }
.elementor-element.elementor-button-success .elementor-button:hover {
	background-color: #9BC85B;
	border-color: #9BC85B;
	box-shadow: inset 400px 0 0 0 #9BC85B;
	color: #ffffff; }

.elementor-element.elementor-button-warning .elementor-button {
	background-color: #FFC325;
	border-color: #FFC325;
	color: #ffffff; }
.page-template-template-dark .elementor-element.elementor-button-warning .elementor-button {
	background-color: transparent; 
	color: #ffffff; }
.elementor-element.elementor-button-warning .elementor-button:hover {
	background-color: #FFC325;
	border-color: #FFC325;
	box-shadow: inset 400px 0 0 0 #FFC325;
	color: #ffffff; }

.elementor-element.elementor-button-danger .elementor-button {
	background-color: #DC4234;
	border-color: #DC4234;
	color: #ffffff; }
.page-template-template-dark .elementor-element.elementor-button-danger .elementor-button {
	background-color: transparent; 
	color: #ffffff; }
.elementor-element.elementor-button-danger .elementor-button:hover {
	background-color: #DC4234;
	border-color: #DC4234;
	box-shadow: inset 400px 0 0 0 #DC4234;
	color: #ffffff; }



/**
*
* Footer CSS
*
**/