* {
box-sizing: border-box;
padding: 0;
margin: 0;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
html,
body {
height: 100%;
}
body {
font: 400 16px/22px Arial,Helvectica,sans-serif;
margin: 0 auto;
padding: 0;
display: table;
width: 100%;
}

ol, ul {
list-style: none;
}

blockquote, q {
quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}

table {
border-collapse: collapse;
border-spacing: 0;
}

a {
color: #1d8afa;
text-decoration: underline;
}

a:hover {
text-decoration: none;
}

a.button {
color: #fff;
font: 700 22px/76px Arial,Helvectica,sans-serif;
height: 76px;
background-color: #51ac44;
text-transform: uppercase;
padding: 0 40px;
text-decoration: none;
text-align: center;
display: inline-block;
border-radius: 9px;
margin-bottom: 45px;
}

h1 {
color: #000;
font: 700 30px/35px Arial,Helvectica,sans-serif;
}

h2{
color: #a02239;
font: 700 20px/25px Arial,Helvectica,sans-serif;
}

p {
margin: 0 0 30px;
text-align: left;
}
p.last {
margin: 0 0 92px;
}

b,strong {
font-weight: 700;
}

p.broke b {
display: block;
}

.wrapper {
width: 1140px;
margin: 0 auto;
}

header {
height: 63px;
width: 100%;
background: #a02239;
margin: 0 auto 30px;
}

header .logo {
width: 171px;
height: 63px;
padding: 11px 0 0;
}

.content {
display: table-row;
height: 100%;
}

.page:after {
content: "";
display: block;
width: 100%;
clear: both;
float: none;
}

.title {
text-align: center;
margin: 0 auto 30px;
}

.right,
.left {
width: 560px;
display: inline-block;
float: left;
}

.left {
margin: 0 20px 0 0;
}

.right .img {
margin-bottom: 40px;
display: block;
}

.bottom {
display: block;
text-align: center;
width: 100%;
}

footer {
height: 74px;
width: 100%;
margin: 0 auto;
border-top: 1px solid #e5e5e5;
}

footer .copy {
padding: 30px 0 0;
color: #595959;
font-size: 12px;
}
.desktop .mobile-text,
.desktop .mobiles {
display:none !important;
}

.tablet .wrapper,
.mobile .wrapper {
width: 100%;
padding: 0 10px;
box-sizing: border-box;
}
.tablet .right,
.tablet .left,
.mobile .right,
.mobile .left {
width: 100%;
display: block;
margin: 0 auto;
float: none;
}
.tablet .right img,
.mobile .right img {
width: 100%;
}
.tablet .mobile-text,
.mobile .mobile-text {
display: inline !important;
}
.tablet .mobiles,
.mobile .mobiles {
display:block !important;
}
.tablet .desktop-text,
.tablet .desktops,
.mobile .desktop-text,
.mobile .desktops{
display:none !important;
}
.tablet header .logo,
.mobile header .logo {
margin: 0 auto;
}
.tablet h1,
.mobile h1 {
font: 700 20px/25px Arial,Helvectica,sans-serif;
margin-bottom: 10px;
}
.tablet h2,
.mobile h2 {
font: 700 14px/18px Arial,Helvectica,sans-serif;
}
.tablet p.last,
.mobile p.last {
margin:0 0 30px;
}
.tablet a.button,
.mobile a.button {
font-size: 14px;
margin: 0 auto 65px;
max-width: 360px;
display: block;
padding: 0;
height: 60px;
line-height: 60px;
}

.tablet .inners,
.tablet .inner,
.mobile .inners,
.mobile .inner {
max-height: 100px;
overflow: hidden;
transition: max-height 0.15s ease-out;
}
.tablet .inners.show-more-height,
.tablet .inner.show-more-height,
.mobile .inners.show-more-height,
.mobile .inner.show-more-height {
max-height: 100%;
transition: max-height 0.25s ease-in;
}
.tablet .shows,
.tablet .show,
.mobile .shows,
.mobile .show {
display: block;
background: url('../atimages/bg.png') repeat-x;
width: 100%;
position: relative;
top: -50px;
height: 80px;
}
.tablet .shows:after,
.tablet .show:after,
.mobile .shows:after,
.mobile .show:after {
display: block;
width: 37px;
height: 23px;
content: "";
background: url('../atimages/arrow.png') top center no-repeat;
position: absolute;
bottom: 10px;
left: 10px;
cursor: pointer;
}
.tablet .shows.active,
.tablet .show.active,
.mobile .shows.active,
.mobile .show.active {
height: 40px;
top: -17px;
}
.tablet .shows.active:after,
.tablet .show.active:after,
.mobile .shows.active:after,
.mobile .show.active:after {
background-position: bottom center
}