a.orange-btn {
color: #f39324!important;
    background: white!important;
    border-width: 0;
    border-style: solid;
    border-color: #f39324!important;
    position: relative;
    margin: 1em;
    display: inline-block;
    padding: 0.5em 1em;
    transition: all 0.3s ease-in-out;
    text-align: center;
    font-family: comfortaa;
    font-weight: bold;
    font-family: "nimbus-sans",sans-serif;
	border-radius:0px!important;
}
a.orange-btn:before, a.orange-btn:after {
	content: '';
	display: block;
	position: absolute;
	    border-color: #f39324;
	box-sizing: border-box;
	border-style: solid;
	width: 1em;
	height: 1em;
	transition: all 0.3s ease-in-out
}
a.orange-btn:before {
	top: -6px;
	left: -6px;
	border-width: 2px 0 0 2px;
	z-index: 5;
}
a.orange-btn:after {
	bottom: -6px;
	right: -6px;
	border-width: 0 2px 2px 0;
}
a.orange-btn:hover:before, a.orange-btn:hover:after {
	width: calc(100% + 12px);
	height: calc(100% + 12px);
	border-color: #fff
}
a.orange-btn:hover {
    color: #fff!important;
    background: #f39324!important;
    background-color: #fff;
    border-color: #fff;
}
.panel {
	max-width: 960px;
	text-align: center;
	position: relative;
	margin: auto;
}
.pink a.orange-btn {
	color: #eb1777;
	border-color: #eb1777
}
.pink a.orange-btn:before, .pink a.orange-btn:after {
	border-color: #eb1777
}
.pink a.orange-btn:hover:before, .pink a.orange-btn:hover:after {
	border-color: #eb1777;
}
.pink a.orange-btn:hover {
	color: #fff;
	background-color: #eb1777;
	border-color: #eb1777;
}
.pink .panel {
	max-width: 960px;
	text-align: center;
	position: relative;
	margin: auto;
}
.blue a.orange-btn {
	color: #3bb4e5;
	border-color: #3bb4e5
}
.blue a.orange-btn:before, .blue a.orange-btn:after {
	border-color: #3bb4e5
}
.blue a.orange-btn:hover:before, .blue a.orange-btn:hover:after {
	width: calc(100% + 12px);
	height: calc(100% + 12px);
	border-color: #3bb4e5;
	transform: rotateY(180deg)
}
.blue a.orange-btn:hover {
	color: #3bb4e5;
	background-color: transparent;
	border-color: #3bb4e5
}
.blue .panel {
	max-width: 960px;
	text-align: center;
	position: relative;
	margin: auto;
}
.borderless a.orange-btn {
	border-color: rgba(0,0,0,0);
	color: #999
}
.borderless a.orange-btn:hover {
	border-color: #353535;
	background-color: transparent;
	color: #353535
}
.borderless a.orange-btn:before, .borderless a.orange-btn:after {
	border-color: transparent;
}
.borderless a.orange-btn:hover:before, .borderless a.orange-btn:hover:after {
	width: calc(100% + 12px);
	height: calc(100% + 12px);
	border-color: #353535
}
.bw a.orange-btn {
	color: #fff;
	border-color: #fff;
	text-shadow: 0 1px 1px rgba(0,0,0,0.1);
	box-shadow: 0 1px 3px rgba(0,0,0,0.1), 0 1px 3px rgba(0,0,0,0.1) inset
}
.bw a.orange-btn:before, .bw a.orange-btn:after {
	border-color: #fff
}
.bw a.orange-btn:hover:before, .bw a.orange-btn:hover:after {
	width: calc(100% + 12px);
	height: calc(100% + 12px);
	border-color: #353535;
}
.bw a.orange-btn:hover {
	color: #fff;
	background-color: #353535;
	border-color: #353535
}
.blue .panel {
	max-width: 960px;
	text-align: center;
	position: relative;
	margin: auto;
}


button.sub-btn {
color: #f39324!important;
    background: white!important;
    border-width: 0;
    border-style: solid;
    border-color: #f39324!important;
    position: relative;
    margin: 1em;
    display: inline-block;
    padding: 0.5em 1em;
    transition: all 0.3s ease-in-out;
    text-align: center;
    font-family: comfortaa;
    font-weight: bold;
    font-family: "nimbus-sans",sans-serif;
	border-radius:0px!important;
}
button.sub-btn:before, button.sub-btn:after {
	content: '';
	display: block;
	position: absolute;
	    border-color: #fff;
	box-sizing: border-box;
	border-style: solid;
	width: 1em;
	height: 1em;
	transition: all 0.3s ease-in-out
}
button.sub-btn:before {
	top: -6px;
	left: -6px;
	border-width: 2px 0 0 2px;
	z-index: 5;
}
button.sub-btn:after {
	bottom: -6px;
	right: -6px;
	border-width: 0 2px 2px 0;
}
button.sub-btn:hover:before, button.sub-btn:hover:after {
	width: calc(100% + 12px);
	height: calc(100% + 12px);
	border-color: #fff
}
button.sub-btn:hover {
    color: #fff!important;
    background: #f39324!important;
    background-color: #fff;
    border-color: #fff;
} 

a.other-btn {
color: #f39324!important;
    background: white!important;
    border-width: 0;
    border-style: solid;
    border-color: #f39324!important;
    position: relative;
    margin: 1em;
    display: inline-block;
    padding: 0.5em 1em;
    transition: all 0.3s ease-in-out;
    text-align: center;
    font-family: comfortaa;
    font-weight: bold;
    font-family: "nimbus-sans",sans-serif;
	border-radius:0px!important;
}
a.other-btn:before, a.other-btn:after {
	content: '';
	display: block;
	position: absolute;
	    border-color: #fff;
	box-sizing: border-box;
	border-style: solid;
	width: 1em;
	height: 1em;
	transition: all 0.3s ease-in-out
}
a.other-btn:before {
	top: -6px;
	left: -6px;
	border-width: 2px 0 0 2px;
	z-index: 5;
}
a.other-btn:after {
	bottom: -6px;
	right: -6px;
	border-width: 0 2px 2px 0;
}
a.other-btn:hover:before, a.other-btn:hover:after {
	width: calc(100% + 12px);
	height: calc(100% + 12px);
	border-color: #fff
}
a.other-btn:hover {
    color: #fff!important;
    background: #f39324!important;
    background-color: #fff;
    border-color: #fff;
}