@charset "utf-8";

* { border: 0px; margin: 0; padding: 0; }
html { overflow: auto; } 
body { margin: 0; padding: 0; color: #1D3C64; font-family: "Roboto", sans-serif; font-size: 16px; line-height: 1.2em; background: #f1f0fe; }

h2 { max-width: 600px; margin: -50px auto 20px; color: #26A9E0; font-size: 50px; font-weight: 400; line-height: 1.2em; transition: all 0.5s ease-out 0s; }
h3 { margin: 0px 0px 6px 0px; font-size: 24px; font-weight: 600; line-height: 1.2em; }
img { max-width: 100%; }
a { color: #1D3C64; text-decoration: none; }
a:hover { text-decoration: underline; }

/**/
body { background-color: #fff !important; }
.main { box-shadow: none !important; }

/**/
.main { position: relative; width: 1000px; max-width: 100%; margin: 0 auto; text-align: center; background: url('imgs/bg_top.jpg') no-repeat top center #F1F0FE; box-shadow: 0 -1px 15px #999; }
.wrapper { padding: 0px 20px 0px 20px; }

/* tab */
#tab { box-sizing: border-box; position: absolute; top: 0px; right: 13%; width: 160px; height: 160px; color: #fff; font-size: 20px; font-weight: 700; line-height: 1em; transition: all 0.5s ease-out 0s; }
#tab .tab_bg { position: absolute; top: -80px; left: 0px; width: 160px; height: 160px; background: #ED3724; z-index: 1; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
#tab .tab_text { position: absolute; top: 8px; width: 100%; color: #fff; font-size: 20px; font-weight: 700; line-height: 1.1em; text-align: center; z-index: 2; }
#tab .tab_text span { font-size: 22px; }

/* logos */
.logo { margin: 60px 0px 14px 0px; }
.by { color: #999; font-size: 14px; }
.sublogo { margin: 18px 0px 130px 0px; }

/* badges */
.badges { margin: 100px 0px 0px 0px; text-align: center; }
.badges .badge { box-sizing: border-box; display: inline-block; width: 240px; }
.badges .badge h3 { margin: 26px 0px 40px 0px; color: #F9CB51; font-size: 30px; font-weight: 400; line-height: 1em; transition: all 0.5s ease-out 0s; }

/* services */
.services { box-sizing: border-box; min-height: 740px; margin: -40px auto 40px; padding: 200px 0px 0px 0px; text-align: center; background: url('imgs/bg_middle.jpg') no-repeat top center transparent; background-size: auto 100%; transition: all 0.5s ease-out 0s; }
.services .service { box-sizing: border-box; display: inline-block; width: 680px; max-width: calc(100% - 40px); min-height: 112px; margin: 0px 0px 40px 0px; padding: 0px 0px 0px 200px; text-align: left; background: url('') no-repeat top left transparent; transition: all 0.5s ease-out 0s; }
	.services .service.service_1 { background-image: url('imgs/service_1.png'); }
	.services .service.service_2 { background-image: url('imgs/service_2.png'); }
	.services .service.service_3 { background-image: url('imgs/service_3.png'); }

/* column */
.column { box-sizing: border-box; display: inline-block; width: 49%; padding: 0px 70px 40px 70px; text-align: left; vertical-align: top; transition: all 0.5s ease-out 0s; }
.column h3 { margin-bottom: 30px; transition: all 0.5s ease-out 0s; }

/* contact */
.contact form { font-family: "Roboto", sans-serif; text-align: left; }
.contact form * { box-sizing: border-box; }
.contact form label { display: block; width: 100%; padding-bottom: 10px; font-size: 16px; font-weight: 300; }
.contact form .field { display: block; position: relative; margin-bottom: 8px; padding: 0px; font-weight: 300; }
.contact form .field input, 
.contact form .field textarea { width: 100%; padding: 8px 12px 10px 12px; border: 1px solid transparent; color: #666; font-family: "Roboto", sans-serif; font-size: 16px; line-height: 1.2em; font-weight: 300; background-color: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.contact form .field textarea { height: 120px; resize: none; }
.contact form .btAction { box-sizing: border-box; display: inline-block; position: relative; width: 84px; height: 41px; margin: 0px 0px 0px 0px; padding: 12px; color: #fff; font-weight: 700; line-height: 1em; text-align: center; background: #26A9E0; cursor: pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; transition: all 0.5s ease-out 0s; }

.contact .info { min-height: 34px; margin-bottom: 20px; }
.contact .info .icon { display: inline-block; width: 34px; height: 34px; background: url('') no-repeat top left transparent; vertical-align: middle; }
	.contact .info .icon.icon_location { background-image: url('imgs/icon_location.png'); }
	.contact .info .icon.icon_phone { background-image: url('imgs/icon_phone.png'); }
	.contact .info .icon.icon_mail { background-image: url('imgs/icon_mail.png'); }
.contact .info .icon + div { box-sizing: border-box; display: inline-block; width: calc(100% - 44px); padding: 0px 0px 0px 20px; vertical-align: middle; }

/* adviser */
#adviser { box-sizing: border-box; display: inline-block; position: relative; width: calc(100% - 108px); min-height: 46px; margin: 0px 0px 0px 20px; padding: 12px 0px 8px 0px; background-color: transparent; order: 0px; vertical-align: top; }
#adviser_items { width: auto; height: 82px; overflow: hidden; margin: 0 auto; white-space: nowrap; font-size: 0px; }
#adviser .adviser_item { display: inline-block; width: 140px; height: 70px; margin: 6px 10px 6px 10px; }
#adviser .adviser_command { position: absolute; top: 46px; width: 30px; height: 30px; background-repeat: no-repeat; background-position: center center; background-color: #000; text-indent: -9999px; cursor: pointer; /* border-radius */ -webkit-border-radius: 3px; border-radius: 3px; }
#adviser .adviser_command.prev { left: -10px; background-image: url('imgs/adviser_command_prev.png'); }
#adviser .adviser_command.next { right: -10px; background-image: url('imgs/adviser_command_next.png'); }

.adviser { display: none; position: absolute; bottom: 0px; z-index: 2; width: 100%; background-color: #DC0067; padding: 2px 0px 7px 0px; border-bottom: 0px solid #8a0042; text-align: left; }
.adviser .advise { margin: 0 auto; color: #333; font-size: 14px; padding-left: 34px; line-height: 1.2em; }
.adviser .advise .icon { position: absolute; top: 8px; left: 0px; width: 26px; height: 26px; background-color: rgba(218,22,110,1) !important; background-color: #1d3c64 !important; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
.adviser .advise .icon.icon_alert { background: url('imgs/icon_alert.png') no-repeat center 1px transparent; }
.adviser .advise .icon.icon_checkmark { background: url('imgs/icon_checkmark.png') no-repeat center center transparent !important; }
.adviser .command { cursor: pointer; }
.adviser .command:hover { text-decoration: underline; }
#adviser #AdviserClock { display: none; position: absolute; bottom: -26px; right: 30px; font-size: 12px; }

/* footer */
.footer { padding: 24px 28px 24px 28px; }

/* #dea3_signature */
.footer #dea3_signature { text-align: right; }
.footer #dea3_signature span { position: relative; top: 1px; font-family: 'Open Sans'; font-size: 12px; font-style: italic; color: #294045; font-weight: 300; }
.footer #dea3_signature img { margin-left: 6px; vertical-align: middle; }

@media only screen and ( max-width: 990px ) {
	/* tab */
	#tab { right: 5%; transition: all 0.5s ease-out 0s; }

	/* column */
	.column { padding-left: 3%; padding-right: 3%; transition: all 0.5s ease-out 0s; }
}
@media only screen and ( max-width: 550px ) {
	h2 { font-size: 34px; transition: all 0.5s ease-out 0s; }

	/* badges */
	.badges { margin: 80px 0px 0px 0px; transition: all 0.5s ease-out 0s; }
	.badges .badge { display: block; width: 100%; }
	.badges .badge h3 { margin: 16px 0px 60px 0px; transition: all 0.5s ease-out 0s; }

	/* services */
	.services { margin-top: 0px; padding-top: 100px; transition: all 0.5s ease-out 0s; }
	.services .service { padding: 100px 0px 20px 0px; text-align: center; background: url('') no-repeat top center transparent; transition: all 0.5s ease-out 0s; }

	/* column */
	.column { display: block; width: 100%; padding: 0px 0px 20px 0px; transition: all 0.5s ease-out 0s; }
	.column:first-of-type { padding-bottom: 80px; transition: all 0.5s ease-out 0s; }
	.column h3 { text-align: center; transition: all 0.5s ease-out 0s; }

	/* contact */
	.contact form .btAction { width: 100%; transition: all 0.5s ease-out 0s; }
	
	/*
	.contact .info { max-width: 280px; margin: 0 auto 20px; transition: all 0.5s ease-out 0s; }
	.contact .info .icon + div { padding-left: 10px; transition: all 0.5s ease-out 0s; }
	*/
	.contact .info { max-width: 280px; margin: 0 auto 30px; text-align: center; transition: all 0.5s ease-out 0s; }
	.contact .info .icon { width: 100%; margin-bottom: 10px; background-position: top center; transition: all 0.5s ease-out 0s; }
	.contact .info .icon + div { width: 100%; padding-left: 0px; transition: all 0.5s ease-out 0s; }

	/* adviser */
	#adviser { width: 100%; margin: 0px; }
	
	/* #dea3_signature */
	/*
	.footer #dea3_signature { width: 140px; margin: 0 auto; }
	*/
}
@media only screen and ( max-width: 400px ) {
	/* tab */
	#tab { top: -4px; right: -14px; transition: all 0.5s ease-out 0s; }
}