* { margin: 0px; padding: 0px; -webkit-font-smoothing:antialiased; -webkit-text-size-adjust:none; box-sizing: border-box; -webkit-box-sizing: border-box; }
html, body { width: 100%; font-size: 14px; color: #552448; font-family: "roboto",sans-serif, Arial; background: #fff; }
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; vertical-align: baseline; }

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section { display: block; }
.wrapper { padding: 0 15px; max-width: 840px; position: relative; margin: auto; }

*::-webkit-input-placeholder{ opacity: 1; } 
*::-moz-placeholder{ opacity: 1; } 
*:-ms-input-placeholder{ opacity: 1; }

[href^="tel"] { cursor: default; opacity: 1!important }
[href^="tel"]:hover { text-decoration: none; }

/* common */
a { text-decoration: none; outline: none; transition: all 0.3s; -webkit-transition: all 0.3s; }
img { border: 0px; outline: none; display: block; max-width: 100%; }
ul { list-style: none; margin: 0px; }
.clear { clear: both; overflow: hidden; }
p { line-height: 24px; font-weight: 300; color: #231f20; font-size: 16px; }
p a { display: inline-block; font-weight: 500; color: #20abb2; text-decoration: underline; }
p a:hover { opacity: 0.7; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; }
h1, .h1 { font-size: 36px; }
h2, .h2 { font-size: 32px; line-height: 38px; color: #30464d; padding: 0 0 16px; }
h3, .h3 { font-size: 22px; line-height: 24px; color: #231f20; }
h3 a { color: #231f20; text-decoration: none; }
h4, .h4 { font-size: 18px; }
h5, .h5 { font-size: 14px; }
h6, .h6 { font-size: 12px; }

input, textarea { font-family: "roboto",sans-serif, Arial; transition: all 0.3s; -webkit-transition: all 0.3s; }
input:focus, textarea:focus { outline: none; }

.back-top { position: absolute; bottom: 0; display: block; right: 50%; margin-right: -460px; z-index: 1; width: 42px; height: 42px; background: #30474e url('../images/top_btn.png') center center no-repeat; background-size: 42px; }
.back-top:hover { opacity: 0.7; }

/* wrapper */
#wrapper { padding-top: 160px; width: 100%; min-height: 100%; position: relative; }

	/* header-part */
	#header-part { padding: 16px 0 8px; width: 100%; position: fixed; transition: 0.3s all; -webkit-transition: 0.3s all; left: 0px; top: 0px; background: #fff; z-index: 99; }
	#header-part a.logo { display: block; margin: auto; width: 220px; }
	
		/* nav-bar */
		.nav-bar { padding: 13px 5px 0 0; width: 100%; text-align: center; overflow: hidden; position: relative; transition: 0.3s all; -webkit-transition: 0.3s all; }
		.nav-bar ul { list-style: none; }
		.nav-bar li { padding: 0 21px; display: inline-block; font-size: 17px; position: relative; text-transform: uppercase; line-height: 24px; }
		.nav-bar li a { display: block; color: #1eaab1; }
		.nav-bar li a:hover, .nav-bar li a.current { color: #231f20; }
		.mobilemenu { display: none; }
		
		/* content-part */
		#content-part { width: 100%; position: relative; }
		
			/* banner-bar */
			.banner-bar { border-top: 35px solid #30464d; margin-bottom: 130px; width: 100%; position: relative; }
			.banner-bar .text { width: 260px; background: #1eaab1; position: absolute; left: 50%; margin-left: -405px; bottom: -130px; padding: 20px; }
			.banner-bar span { font-size: 22px; line-height: 26px; display: block; color: #fff; font-weight: 300; }
			.banner-bar strong { font-weight: 700; font-size: 32px; line-height: 40px; color: #fff; padding: 15px 0; display: block; }
			.banner-bar strong + span { line-height: 24px; }
			.banner-bar img { width: 100%; } 
		
			/* news-bar */
			.news-bar { padding: 20px 0 19px; width: 100%; position: relative; }
			.news-bar .row { overflow: hidden; padding-bottom: 28px; }
			.news-bar .left { width: 90px; float:left; background: #30474e; text-align: center; padding: 12px 5px; }
			.news-bar .left span { display: block; font-weight: 700; color: #fff; text-transform: uppercase; font-size: 22px; line-height: 24px; }
			.news-bar .left strong { display: block; font-weight: 700; color: #fff; text-transform: uppercase; font-size: 42px; line-height: 44px; }
			.news-bar .right { padding: 0 0 0 18px; overflow: hidden; }
			.news-bar h3 { margin-top: -3px; padding-bottom: 4px; }
			.news-bar h3 a { color: #231f20; text-decoration: none; }
			.news-bar h3 a:hover { text-decoration: underline; }

			/* board-bar */
			.board-bar { padding: 17px 0 10px; width: 100%; position: relative; border-bottom: 8px solid #20abb2; border-top: 8px solid #20abb2; background: #ebf7f8; }
			.board-bar .row { overflow: hidden; padding: 0 0 25px; }

			/* rules-bar */
			.rules-bar { padding: 17px 0 0px; width: 100%; position: relative; }
			.rules-bar .row { overflow: hidden; padding: 0 0 25px; }
			.rules-bar p { padding-bottom: 23px; }
			.rules-bar ul { list-style: none; display: flex; flex-wrap: wrap; overflow: hidden; margin: 0 -7px; padding: 2px 0 0; }
			.rules-bar li { padding: 0 7px; width: 33.333%; float:left; }
			.rules-bar li img { width: 100%; }
			.rules-bar .block { background: #20abb2; min-height: 414px; height: 100%; }
			.rules-bar .text { padding: 12px 21px; }
			.rules-bar li h3 { color: #fff; line-height: 28px; padding: 0 19px 2px 0; }
			.rules-bar li h3 a { color: #fff; }
			.rules-bar li h3 a:hover { text-decoration: underline; }
			.rules-bar li p { color:#fff; padding: 0 0 7px; margin-right: -10px; }
			
			/* contact-bar */
			.contact-bar { padding: 17px 0 38px; width: 100%; position: relative; border-bottom: 8px solid #20abb2; border-top: 8px solid #20abb2; background: #ebf7f8; }
			.contact-bar .row { overflow: hidden; padding: 0 0 25px; }
			.contact-bar p { padding-bottom: 23px; letter-spacing: 0; padding-right: 15px; margin: 0; }
			.contact-bar p strong a { text-decoration: none; color: #231f20; }
			.contact-bar p strong { font-weight: 500; color: #231f20; }

		/* footer-part */
		#footer-part { padding: 15px 0; width: 100%; position: relative; }
		#footer-part .footer-logo { width: 154px; display: block; margin: 0 0 10px; }
		#footer-part p { color: #231f20; font-size: 12px; line-height: 18px; letter-spacing: -0.01em; }
		#footer-part p a { font-weight: 500; }
		#footer-part .back-top { display: none; }