/*****************************************************************************
* $ Buttons
******************************************************************************/

a,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
	
	-webkit-transition: background 0.3s ease-out, border 0.3s ease-out, color 0.3s ease-out, opacity 0.3s ease-out;
	-moz-transition: background 0.3s ease-out, border 0.3s ease-out, color 0.3s ease-out, opacity 0.3s ease-out;
	-o-transition: background 0.3s ease-out, border 0.3s ease-out, color 0.3s ease-out, opacity 0.3s ease-out;
	transition: background 0.3s ease-out, border 0.3s ease-out, color 0.3s ease-out, opacity 0.3s ease-out;
}


.button,
a.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
	background: none;
	border: 3px solid #2ecc71;
	border-radius: 0px;
	color: #2ecc71;
	display: block;
	font-family: 'ProximaNovaBold';
	font-size: 14px;
	letter-spacing: 0.12em;
	line-height: 1;
	padding: 22px 0px 20px;
	text-align: center;
	text-decoration: none;
	text-shadow: none;
	text-transform: uppercase;
	-webkit-appearance: none;
	width: 100%;
}

.button:hover,
.button:active,
.button:focus,
a.button:hover,
a.button:active,
a.button:focus,
button:hover,
button:active,
button:focus,
input[type="submit"]:hover,
input[type="submit"]:active,
input[type="submit"]:focus,
input[type="reset"]:hover,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="button"]:hover,
input[type="button"]:active,
input[type="button"]:focus {
	background-color: #2ecc71;
	border-color: #2ecc71;
	border-width: 3px;
	color: #fff;
	color: #ffffff;
}

.button:active,
a.button:active,
button:active,
input[type="submit"]:active,
input[type="reset"]:active,
input[type="button"]:active {
	background: #2ecc71;
	border-width: 3px;
	color: #ffffff;
}

a.button:focus,
button:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus {
	background-color: #2ecc71;
}

a.underline {
	border-bottom: 3px solid #a39162;
	color: #a39162;
	display: inline-block;
	font-size: 16px;
	font-weight: 700;
	letter-spacing: 0.07em;
	margin-bottom: 30px;
	padding: 0 0 6px;
	text-transform: uppercase;
	text-decoration: none;
}

a.underline:hover,
a.underline:active,
a.underline:focus {
	border-color: #262626;
	color: #262626;
}

.btn-white {
	border: 3px solid #ffffff;
	color: #ffffff;
}

.btn-white:hover,
.btn-white:active,
.btn-white:focus {
	background-color: #2ecc71;
}



/* Large desktop */
@media (min-width: 1200px) {
   
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 991px) {
    
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {

button.btn.dropdown-toggle:hover {
	background-color: #2980b9;
	border-color: #2980b9;
}

button.btn.dropdown-toggle a {
	color: #fff;	
}

.dropdown .btn .caret {
	color: #fff;
	float: right;
	position: relative;
	top: 8px;	
}

.interior-page .interior-sub-menu.dropdown-menu {
	color: #fff;
}

.dropdown-menu .mg-sub-menu {
	background-color: #ffffff;	
}

.dropdown button.btn.dropdown-toggle {
	border-radius: 0px;
	
	
}

a.expanded .button {
	background: none;	
}

/* Landscape phones and down */
@media (max-width: 480px) {
}