@charset "utf-8";
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, a, em, img, q, strong, dl, dt, dd, ol, ul, li, fieldset, form, input, select, textarea, label, legend, table{padding: 0; margin: 0; border: 0; list-style-type: none; line-height:100%; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}

body, html {height: 100%;}
body {font: 16px Verdana, Helvetica, sans-serif; color: #000000; background: #fff; -webkit-text-size-adjust: none;}
a {color: #e82f3a; text-decoration: none; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;}
a:hover {color: #42b4d6;}
input, select, textarea, button {font:18px Verdana, Helvetica, sans-serif; color:#000000; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; -webkit-border-radius: 0; border-radius: 0; -webkit-appearance:none;}
input[type="submit"], input[type="reset"], button, label {cursor:pointer; padding:0; border:0;}
button, html input[type="button"], input[type="reset"], input[type="submit"] {-webkit-appearance: button;}
textarea {overflow:auto;}
table {border-collapse: separate; border-spacing: 0;}
a:active {outline: 0;} *:focus {outline: none;}
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
header, section, nav, hgroup, footer, article { display: block; }
strong {font-weight:bold;}
b {font-weight:bold;}
em, i {font-style: italic;}
p {line-height:140%;}
.left {float:left !important;}
.right {float:right !important;}
.hidden {display:none}
.center {text-align:center !important;}
.tleft {text-align:left !important;}
.tright {text-align:right !important;}
.margin0 {margin:0 !important;}
.padding0 {padding:0 !important;}
.border0 {border:0 !important;}
.padding-bottom0 {padding-bottom:0 !important;}
.padding-top0 {padding-top:0 !important;}
.clear {clear:both;}
img {max-width:100%; height:auto; vertical-align:middle;}
.uppercase {text-transform:uppercase}
.no-case {text-transform:none !important;}
.relative {position:relative;}
.overflow-hidden {overflow:hidden;}
.rounded {
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
}
div.rounded {overflow: hidden;}
button::-moz-focus-inner {padding:0; border:0}
:required {-webkit-box-shadow: none; box-shadow: none;}

::-moz-selection {background:#42B4D6; color:#fff;}
::selection {background:#42B4D6; color:#fff;}

*::-webkit-input-placeholder { color: rgba(159, 23, 23, 0.5); }
*::-moz-placeholder { color: rgba(159, 23, 23, 0.5); opacity:1; }
*:-ms-input-placeholder { color: rgba(159, 23, 23, 0.5); }
*:-moz-placeholder { color: rgba(159, 23, 23, 0.5); }
input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder { color: transparent !important; }
input:focus:-moz-placeholder, textarea:focus:-moz-placeholder { color: transparent !important; }
input:focus::-moz-placeholder, textarea:focus::-moz-placeholder { color: transparent !important; }
input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder { color: transparent !important; }

.wrapper {width: 1024px; margin: 0 auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.valign {display: inline-block; *display: inline; zoom: 1; vertical-align: middle; width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.valign.bottom {vertical-align: bottom;}

.in-middle {display: inline-block; *display: inline; zoom: 1; vertical-align: middle; width: 700px; margin:0 auto; text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.centered{margin:0 auto; text-align: center}

.body-content {float: left; width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.padding{padding:20px 30px 0 30px}
.padding-content {padding: 60px 0;}
.padding-content-small {padding: 20px 0;}
.padding-content-lr {padding-left: 50px; padding-right: 50px;}
.padding-content-l {padding-left: 50px;}
.padding-content-r {padding-right: 50px;}
.padding-content-t {padding-top: 50px;}
.padding-content-b {padding-bottom: 50px;}

.margin-content {margin: 60px 0;}
.margin-content-small {margin: 40px 0;}
.mt50 {margin-top: 50px !important;}
.mb50 {margin-bottom: 50px !important;}

.mt30 {margin-top: 30px !important;}
.mb30 {margin-bottom: 30px !important;}

.half-content {float: left; width: 50%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.half-content-wrapper {float: right; width: 500px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.half-content:last-child .half-content-wrapper {float: left;}


.flexbox {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-justify-content: space-between;
	-ms-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: flex-start;
	-ms-align-items: flex-start;
	align-items: flex-start;
}
.flexbox-center {
	-webkit-align-items: center;
	-ms-align-items: center;
	align-items: center;
}

.flex-row {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}
.flex-row.align-center {
	align-items: center;
	justify-content: center;
}

.bg-blue {background: #42b4d6; color: #fff;}

#header {position: fixed; left: 0; top: 0; z-index: 10000; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;}
#header + .body-content {margin: 70px 0 0 0;}

.site-logo{float:left;line-height: 70px;-webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }
.site-logo a {font-size: 22px; line-height: 100%; color: #00ccff; font-weight: bold; vertical-align: middle; display: inline-block; *display: inline;}
.site-logo a span{font-size: 22px; line-height: 100%; color: #e82f3a; font-weight: bold; display: block; padding-left:30px}

#main-menu {margin: 0 0 0 550px;}
#main-menu .level-0 {display: inline-block; *display: inline; zoom: 1; vertical-align: middle; position: relative; line-height: 70px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;}
#main-menu .level-0 > a {display: inline-block; *display: inline; zoom: 1; vertical-align: middle; font-size: 14px; color: #e82f3a;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#main-menu .level-0:hover > a {color: #42b4d6; }
#main-menu .level-0.current-menu-item > a {color: #42b4d6;}

#main-menu-toggle {display:none; width: 36px; height: 50px; line-height: 50px; text-align: center; cursor: pointer; position:  absolute; z-index: 100; font-size: 0; top: 20px; right:20px;
	-webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;
}
#main-menu-toggle strong {display: inline-block; *display: inline; zoom: 1; vertical-align: middle; width: 36px; height: 27px; position: relative; text-indent: -9999px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#main-menu-toggle strong:before {content:" "; display:block; width:100%; height:4px; background:#42b4d6; position:absolute; left:0; top:0; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;}
#main-menu-toggle strong:after {content:" "; display:block; width:100%; height:4px; background:#42b4d6; position:absolute; left:0; bottom:0; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;}
#main-menu-toggle strong span {display:block; width:100%; height:4px; position:absolute; left:0; top:50%; margin:-2px 0 0 0; background:#42b4d6; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;}
#main-menu-toggle:hover strong:before {top:-3px;}
#main-menu-toggle:hover strong:after {bottom:-3px;}
#main-menu-toggle.opened strong:before {top:11.5px;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);	
	transform: rotate(45deg);
}
#main-menu-toggle.opened strong:after {bottom:11.5px;
	-ms-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);	
	transform: rotate(-45deg);
}
#main-menu-toggle.opened strong span {opacity:0;}

.fixed #header {background: #fff;}
.fixed .site-logo {line-height: 80px;}
.fixed #main-menu .level-0 {line-height: 80px;}

#footer-copyright { text-align: center; font-size: 16px; line-height: 160%; color: #E82F3A}
#footer-copyright a {color: #E82F3A;}
#footer-copyright a:hover {color: #42B4D6;}

.button-blue {display: inline-block; *display: inline; zoom: 1; vertical-align: middle; background: #42b4d6; color: #ffffff; font-size:16px; height: 40px; line-height:40px; padding: 0 15px; min-width: 100px; text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
     box-shadow: 0px 0px 17px rgba(0, 0, 0, 0.40);
    -moz-box-shadow: 0px 0px 17px rgba(0, 0, 0, 0.40);
    -webkit-box-shadow: 0px 0px 17px rgba(0, 0, 0, 0.40);
}
a.button-blue:hover {background: #42b4d6; color: #ffffff;
    box-shadow: 0px 0px 0 rgba(0, 0, 0, 0.40);
    -moz-box-shadow: 0px 0px 0 rgba(0, 0, 0, 0.40);
    -webkit-box-shadow: 0px 0px 0 rgba(0, 0, 0, 0.40);
}

.big-quote {background-repeat: no-repeat; background-position: center center; background-size: cover; background-attachment: fixed; position: relative;}
.big-quote:before {content: " "; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: #42B4D6; opacity: 0.7;}
.touch .big-quote {background-attachment: scroll;}
.big-quote .align {line-height: 300px;}
.big-quote h2{font-size: 18px; line-height: 120%; color: #ffffff; font-style: italic; font-weight: bold; text-align: center;}

.intro p{font-size: 14px; line-height: 160%; color: #000000; padding:0 0 30px 0}

#hot-points li {float: left; width: 29.33333333333333333333333%; margin: 0 6% 6% 0;}
#hot-points li:nth-child(3n) {margin-right: 0;}
#hot-points a {display: block; line-height: 230px; text-align: center; border: solid 3px #42b4d6; color: #E82F3A; font-size: 18px;   background: #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
#hot-points a:hover {background: #FFFFFF; border-color: #42b4d6; color: #42B4D6;
	-webkit-box-shadow: 0 24px 90px 0 rgba(0,0,0,0.28);
	box-shadow: 0 24px 90px 0 rgba(0,0,0,0.28);
}
#hot-points .hot-points-icons {display: block; text-align: center; height: 84px;}
#hot-points .hot-points-icons img {max-height: 100%; width: auto;}
#hot-points .title {display: block; font-size: 18px; line-height: 120%; margin: 20px 0 0 0; color: #E82F3A;}
#hot-points a:hover .title {color: #42B4D6;}

.page h2{font-size: 18px; line-height: 120%; color: #42B4D6; padding:0 0 30px 0; text-align: center;}
.page p{font-size: 16px; color: #000000; padding:0 0 30px 0}
.page p a {color: #E82F3A;}
.page p a:hover {color: #42B4D6;}
