/* Button Styles */

.btn, .call-out.t1 a {
    display: inline-block;
    padding: 1.714em 3.5em;
    outline: none;
    cursor: pointer;
    position: relative;
    color: #FFFFFF;
    transition: 0.5s ease;
    text-align: center;
    font-weight: 600;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: 'Montserrat', sans-serif;
    line-height: 1;
    text-transform: uppercase;
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    overflow: hidden;
    background-color: #d02b2e;
    letter-spacing: .1em;
    min-width: 10em;
    font-size: 0.778em;
}

.btn.flex, .call-out.t1 a.flex {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.btn:before, .call-out.t1 a:before {
	content: url(/cms/svg/site/icon_chevron_right.36.FFFFFF.svg);
	position: absolute;
	right: 10%;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 1.1em;
	height: 1.1em;
	background-position: 50% 50%;
	background-size: cover;
	background-repeat: no-repeat;
	opacity: 0;
	transition: opacity .5s ease 0s;
	clear: both;
}

.btn.no-arrow:before, .call-out.t1 a.no-arrow:before {
  display: none;
}

.no-touch .btn:hover:before, .no-touch .call-out.t1 a:hover:before, .btn:focus:before, .call-out.t1 a:focus:before {
    opacity: 1;
    transition: opacity .5s ease .5s;
}

.btn:after, .call-out.t1 a:after {
    content: '';
    top: 0;
    left: 0;
    height: 100%;
    width: 300%;
    background-image: linear-gradient(to right,#D0282E 34%,#F73E3E 34%,#F73E3E 65%,#D0282E 65%);
    position: absolute;
    z-index: -1;
    -webkit-transform: translateX(-66.6%);
    -ms-transform: translateX(-66.6%);
    transform: translateX(-66.6%);
    transition: transform .5s ease 0s;
}

.no-touch .btn:hover:after, .no-touch .call-out.t1 a:hover:after, .btn:focus:after, .call-out.t1 a:focus:after {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}

.btn:not(.flex) {
	display: inline-block;
}

* + .btn, .call-out.t1 a {
	margin-top: 1.5rem;
}

.no-touch .btn:hover, .no-touch .call-out.t1 a:hover, .btn:focus, .call-out.t1 a:focus {
	color: var(--light-color);
}

.btn.v2 {
	background-color: var(--primary-color);
}

.no-touch .btn.v2:hover, .btn.v2:focus {
	backgorund-color: #004686;
}

.icon-btn {
    color: #FFFFFF;
    position: relative;
    background-color: transparent;
    font-size: 1em;
    overflow: hidden;
}

.icon-btn:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 300%;
    transition: transform .5s ease 0s;
    -webkit-transform: translateX(-66.6%);
    -ms-transform: translateX(-66.6%);
    transform: translateX(-66.6%);
    z-index: 0;
    background-image: linear-gradient(to right,#3F79BC 34%,#5594DC 34%,#5594DC 65%,#3F79BC 65%);
    z-index: -1;
}

.no-touch .icon-btn:hover:after, .no-touch .icon-btn:focus:after {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}

/* End Button Styles */

/* Button Responsive Styles */

@media screen and (min-width:433px) {
}

@media screen and (max-width:432px) {
}

/* End Button Responsive Styles */