/* ------------------------------------------------------------ *\
	Buttons
\* ------------------------------------------------------------ */

.button {
	display: inline-block; 
	vertical-align: middle; 
/*	min-height: 40px;*/
	padding: 10px 0px; 
/*	width: calc( 50% - 7px);*/
	font-family: 'Roboto Condensed', sans-serif;  
	font-size: 1em; 
	font-weight: 700;
	line-height: 1.25;  
	letter-spacing: -0.01em;
	color: #fff;
	background: #2a7dfb; 
	border: 1px solid #2a7dfb;
	border-radius: 4px;
	text-transform: uppercase; 
	text-align: center; 
	appearance: none;
	overflow: hidden;
	text-decoration: none; 
	transition: .2s;
	cursor: pointer; 
}

.button:hover, 
.button:focus { 
	background-color: #6ca6ff; 
	border-color: #6ca6ff;
	text-decoration: none;
	color: #fff; 
}

.button:active,
.button:visit { 
	background-color: #0E5BD0; 
	border-color: #0E5BD0;
}

.button span,
.button i {
	display: inline-block; 
	vertical-align: middle; 
}

.button-transparent, .main-inner .button-transparent {
	background-color: transparent; 
	border-color: #afafaf;
	color: #2a7dfb;
}

.button-transparent-red {
	background-color: transparent;
	border-color: #FF001E;
	color: #FF001E!important;
}

.button-transparent-red:hover {
	color: #fff!important;
	background: #FF001E!important;
}

/* .button-primary {
	background: #52576a; 
	border-color: #52576a;   
}
 */
.button-primary {
	background: #ebebeb; 
	border-color: #ebebeb;   
	color: #181f38; 
}

.button-primary:hover {
	background: #f7f7f7; 
	border-color: #f7f7f7;
	color: #181f38;
}

/* .button-secondary:hover,
.button-secondary:focus {
	background: #333c5b; 
	border-color: #333c5b;
}

.button-secondary:active,
.button-secondary:visit { 
	background-color: #0c132c; 
	border-color: #0c132c;
} */

.button-secondary {
	background: #181538; 
	border-color: #181538;      
}

.button-secondary:hover,
.button-secondary:focus {
	background: #333c5b; 
	border-color: #333c5b;
}

.button-secondary:active,
.button-secondary:visit { 
	background-color: #0c132c; 
	border-color: #0c132c;
}

.button-block {
	display: block; 
	width: 100%; 
}

.button-danger {
	background: #ff001e; 
	border-color: #ff001e;
}

.button-danger:hover,
.button-danger:focus {
	background-color: #ff465C; 
	border-color: #ff465C;
}

.button-danger:visit,
.button-danger:active {
	background-color: #dc001a; 
	border-color: #dc001a;   
}

.button-inverse {
	background-color: transparent; 
	border-color: #fff;      
}

.button-inverse:focus,
.button-inverse:hover {
	background-color: #fff; 
	border-color: #fff;
	color: #181538;
}

.button-rounded {
	border-radius: 25px;
}

.button-back {
	position: relative; 
	display: inline-block; 
	vertical-align: middle; 
	width: 45px; 
	height: 45px; 
	border-radius: 50%;
	background: #e7e7e7; 
	line-height: 45px;
	text-align: center;  
	border: none;
	-webkit-appearance: none; 
	   -moz-appearance: none; 
			appearance: none; 
}

.button-back i {
	position: absolute; 
	display: inline-block; 
	vertical-align: middle; 
	top: 50%; 
	left: 50%; 
	transform: translate(-50%, -50%);
	color: #181f38;
	font-size: 32px; 
}

.button-large {
	display: block; 
	max-width: 348px; 
}

.read-more {
	position: relative; 
	display: inline-block; 
	vertical-align: middle; 
	text-decoration: none; 
	padding-bottom: 3px; 
	font-size: 16px; 
	color: #fff;
	transition: opacity .2s;
}

.read-more:after {
	content: '';
	display: block; 
	position: absolute; 
	left: 50%; 
	bottom: 0; 
	height: 1px; 
	width: 100%; 
	transition: .2s;
	margin-bottom: 5px; 
	transform: translateX(-50%);
	background-color: #fff; 
}

.read-more:hover,
.read-more:active,
.read-more:focus {
	text-decoration: none; 
	/* color: inherit; */
	color: #fff;
}
.read-more:hover:after,
.read-more:active:after,
.read-more:focus:after {
	width: 0; 
}

.read-more.hiden {
	visibility: hidden; 
	opacity: 0;  
}

.button-close {
	width: 36px; 
	height: 36px; 
	border-radius: 50%;
	text-align: center; 
	line-height: 36px; 
	font-size: 20px; 
	background: #ebebeb; 
	color: inherit;
	text-decoration: none; 
	font-family: 'Open Sans', sans-serif; 
	font-weight: 600; 
	transition: .4s;
}

.button-close i {
	line-height: 36px;    
}

.button-with-icon > * {
	display: inline-block; 
	vertical-align: middle; 
}
.button.btn-grey,
.button.btn-grey:hover {
	background-color: #dedede;
	color: #2a7dfb;
	cursor: default; 
}
.button.btn-grey i {
	color: #2a7dfb;
}
.btn-fix-height {
	height: 41px; 
}
@media ( min-width: 767px ) {
	.button-large {
		min-width: 348px;
		display: inline-block; 
		vertical-align: middle; 
	}
}