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; }
body { line-height: 1; }
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; }
@font-face { font-family: "helveticabold"; src: url('../font/Helvetica-BoldObliqueHelvetica-BoldOblique.eot'); src: url('../font/Helvetica-BoldOblique.eot?#iefix') format('embedded-opentype'),  url('../font/Helvetica-BoldOblique.svg#Helvetica') format('svg'),  url('../font/Helvetica-BoldOblique.woff') format('woff'),  url('../font/Helvetica-BoldOblique.ttf') format('truetype'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'helvetica-bold'; src: url('../font/helvetica-bold.eot'); src: local('☺'), url('../font/helvetica-bold.woff') format('woff'), url('../font/helvetica-bold.ttf') format('truetype'), url('../font/helvetica-bold.svg') format('svg'); font-weight: normal; font-style: normal; }
a { text-decoration: none; color: #19a0dc; }
a:hover { color: 000000; }
body { background: rgba(0, 0, 0, 0) url("../images/site_bg.jpg") repeat scroll center center / cover; float: right; margin: 0; padding: 0; width: 100%; font-size: 16px; line-height: 24px; color: #474747; }
.general_css { width: 100%; float: left; }
.wrapper { margin: 0 auto; max-width: 1208px; }
.main-banner { background: rgba(0, 0, 0, 0) url("../images/hand.png") no-repeat scroll center 20px / 319px auto; padding-top: 364px; position: relative; width: 100%; }
.main-banner::after { background: rgba(0, 0, 0, 0) url("../images/back3.png") repeat scroll center center / cover; bottom: 0; content: ""; height: 443px; right: 0; position: absolute; top: 0; width: 414px; z-index: -1; }
.main-banner::before { background: rgba(0, 0, 0, 0) url("../images/back1.png") repeat scroll center center / cover; bottom: 0; content: ""; left: 0; position: absolute; top: 0; max-width: 472px; z-index: -1; }
.nav { background-color: #19a0dc; box-shadow: 2px 3px 3px; margin: 17px auto 6px; max-width: 1250px; padding-bottom: 13px; padding-top: 13px; text-align: center; width: 100%; font-family: 'helvetica-bold'; }
.nav ul { padding: 0; margin: 0; }
.nav li { display: inline-block; padding: 14px; position: relative; font-size: 14px;}
.nav li::after { background: rgba(0, 0, 0, 0) url("../images/border.png") repeat scroll 0 0; content: ""; height: 56px; left: -5px; position: absolute; top: -1px; width: 5px; }
.nav ul li:first-child::after { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; }
.nav a { color: #fff; padding: 5px 10px; text-decoration: none; }
.nav a:hover{color:#fef23e;}
#content { width: 100%; float: left; font-family: 'helveticabold'; }
#content h2 { font-size: 30px; margin: 80px 0 50px 0px; font-family: "helvetica-bold"; color: #000; font-style: normal; }
#content p { font-family: 'helvetica'; font-size: 20px; color: #323232; }
.page-home p { margin: 0 0 40px 0; }
.align-center { text-align: center; }
.align-left { text-align: left; }
.align-right { text-align: left; float: right; }
#content .bottom-content { float: right; margin-bottom: 52px; margin-top: 0px; width: 100%; text-align:right; }
#content .butter { height: 307px; }
.bottom-content { float: right; margin: 96px 0 61px; }
footer { background-color: #b81c8b; float: left; width: 100%; }
footer .top-footer { float: left; padding-bottom: 7px; padding-top: 29px; width: 100%; }
footer .top-footer .facebook-icon { color: #4266ac; float: right; }
footer .top-footer .twitter-icon { color: #4dc8f1; float: right; font-size: 32px; }
footer .top-footer .facebook-icon { color: #4266ac; float: right; padding: 0 3px; font-size: 32px; }
footer .top-footer .icons { float: right; width: 74px; }
footer span { color: #fff; font-family: "helvetica"; font-size: 18px; text-align: right; display: block; margin-bottom: 10px; }
footer .bottom-footer { border-top: 1px solid #fff; float: left; padding: 2px 0 25px; width: 100%; }

footer .bottom-footer > p { color: #fff; font-size: 18px; padding: 0; font-family: 'helvetica'; padding:10px 0px;}
footer ul { text-align: right; margin: 0px 37px 0 0; padding: 0; }
footer li { display: inline-block; font-size: 32px; }
.slicknav_menu { display: none; }
.bottom-footer  span{text-align:left;padding: 10px 0px 0px;}
 @media screen and (max-width: 767px) {
/* #menu is the original menu */
#menu { display: none; }
.slicknav_menu { display: block; }
.nav li{padding:0px; text-align:left; border-bottom:1px solid #fff;}
.nav li::after{background:none;}
footer span{text-align:center;}
footer ul{text-align:center; margin:0px;}
.bottom-footer  span{text-align:center;}
#content p{padding:0px 10px;}
#content h2{padding:20px 5px; margin:0px;}
#content ul{margin-left:25px;}
#content ul li{margin-bottom:10px; list-style:disc;;}

}
@media only screen and (max-width: 767px) {
#content .bottom-content { float: right; width: 26%; }
}
 @media only screen and (max-width: 440px) {
#content .bottom-content { float: right; width: 26%; }
}