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,dl,dt,dd,ol,nav ul,nav 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;outline:0;font-size:100%;font:inherit;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,main,section{display:block}
ol,ul{list-style:none;margin:0;padding:0}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}
table{border-collapse:collapse;border-spacing:0}
input,select{vertical-align:middle}
*,*::before,*::after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
::-moz-selection{color:#fff;background:#595959}
::selection{color:#fff;background:#595959}
.clear::after{content:"";display:table;clear:both}
html{font-size:100%}
body{font-family:'Roboto Slab',serif;color:#595959;font-weight:400;font-size:1em;line-height:1.5;margin:0}
.container{max-width:1170px;width:100%;margin:0 auto;position:relative;padding-right:15px;padding-left:15px}
a{color:#595959;text-decoration:none;-webkit-transition:1s ease;-o-transition:1s ease;transition:1s ease}
a:hover,a:focus{color:#595959}
h1,h2,h3{line-height:1.2;color:#fa9090;font-weight:700;position:relative}
strong,b{font-weight:700;color:#595959}
em,i{font-style:italic;font-weight:700;color:#595959}
img{max-width:100%;height:auto;border:0 none;vertical-align:middle}
.table{border:0;text-align:left;margin: 0 auto 1rem;max-width:800px;width:100%;}
.table tr td{vertical-align: middle;}
.table tr td{padding:15px}
.table tr:nth-child(even){background-color:#dee1e4}
.table thead{color:#fff;background-color:#595959;font-weight:bold;text-align:center}
.youtube{max-width:100%;background-size:cover;background-position:center;background-repeat:no-repeat;position:relative;display:inline-block;overflow:hidden;cursor:pointer;-webkit-transition:all 200ms ease-out;-o-transition:all 200ms ease-out;transition:all 200ms ease-out}
.youtube .play{background:url("../images/youtube-play-btn.png") no-repeat;background-position:0 -50px;-webkit-background-size:100% auto;background-size:100% auto;position:absolute;height:50px;width:69px;top:0;left:0;right:0;bottom:0;margin:auto;-webkit-transition:none;-o-transition:none;transition:none}
.youtube:hover .play{background-position:0 0}
.under-youtube{position:relative;max-width:560px;height:315px;margin:30px auto 60px;z-index:1}
.under-youtube::before{position:absolute;width:350px;height:350px;background-image:url("../images/logo.svg");background-size: 350px;content:"";left:50%;top:50%;z-index:-1;margin-left:-175px;margin-top:-175px}
.under-pic{position:relative;max-width:440px;height:auto;margin:30px auto 40px;z-index:1}
.under-pic::before{position:absolute;width:350px;height:350px;background-image:url("../images/logo.svg");background-size:350px;content:"";left:50%;top:50%;z-index:-1;margin-left:-175px;margin-top:-175px}
#header,#banner,#main,#footer{position:relative}
#header{position:fixed;top:0;left:0;background-color:#fff;z-index:99;width:100%;height:60px;-webkit-box-shadow:0 2px 0 #dee1e4;box-shadow:0 2px 0 #dee1e4;}
#header .container{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;overflow: hidden;}
.header-logo{display:-webkit-box;display:-ms-flexbox;display:flex;font-size:0;-webkit-transition:1s ease;-o-transition:1s ease;transition:1s ease}
.header-logo::before{content: "";background-image: url("../images/logo.svg");background-size: 800px;position: absolute;width: 800px;height: 800px;left: 50%;top: 50%;margin-left: -400px;margin-top: -400px;opacity: .1;}
.logo-img{width:32px;height:32px;margin-right:10px}
.header-logo span{color:#595959;font-size:20px;text-transform:uppercase;white-space:nowrap;-webkit-transition:1s ease;-o-transition:1s ease;transition:1s ease}
.header-logo:hover span{color:#fa9090;-webkit-transition:1s ease;-o-transition:1s ease;transition:1s ease}
.banner{position:relative;margin-top:60px;height:400px;overflow:hidden;padding:50px 0;background:#fff url("../images/banner.jpg") no-repeat top center/cover;}
.banner::after{content:"";position:absolute;bottom:0;height:40px;width:100%;background-image:url("../images/wave.svg");background-position:bottom;}
#main{padding:0;background-color:#fff;overflow:hidden;z-index:1;}
#main::before{content:'';position:absolute;right:-400px;top:100px;width:1000px;height:1000px;background-image:url("../images/bg.svg");background-repeat:no-repeat;background-size:1000px;opacity:0.3;}
#main::after{content:'';position:absolute;left:-200px;bottom:100px;width:800px;height:800px;background-image:url("../images/bg.svg");background-repeat:no-repeat;background-size:800px;z-index:-1;opacity:0.3;}
#main .row{display:block;margin-right:-15px;margin-left:-15px}
.nav{padding:50px 15px;text-align:center;width:100%;margin:0 auto}
.nav-list{margin-top:1em;padding:0}
.nav-item{display:inline-block;margin:0.7em}
.nav-link{color:#fff;display:block;padding:0.5em 1.5em;text-transform:uppercase;font-size:1rem;font-weight:bold;background-color:#595959;border-radius:50px;-webkit-transition:all 1s;-o-transition:all 1s;transition:all 1s}
.nav-link:hover,.nav-link.active{color:#fff;background-color:#fa9090;-webkit-transition:all 1s;-o-transition:all 1s;transition:all 1s}
article{width:100%;margin:0 auto;padding:0 15px;position:relative;text-align:center}
article h1{font-size:2.8em;padding-bottom:2rem}
article h1::after,article h2::after{content:"";position:absolute;left:50%;bottom:15px;margin-left:-30px;width:60px;height:3px;background-color:#595959}
article h2{font-size:2.4em;padding-bottom:2rem}
article h3{font-size:2em;padding-bottom:1rem}
article p{font-size:1.1em;line-height:1.5em;padding-bottom:1em;text-align:justify}
article p:last-child{padding-bottom:0}
article p a{color:#595959;font-weight:bold;border-bottom:1px solid #595959}
article p a:hover{border-bottom:none}
.error-btn{display:inline-block;text-align:center;color:#fff;margin:0.7rem;padding:0.5em 1.5em;text-transform:uppercase;font-size:1rem;font-weight:bold;background-color:#595959;border-radius:40px;-webkit-transition:all 1s;-o-transition:all 1s;transition:all 1s}
.error-btn:hover{color:#fff;background-color:#fa9090;}
.error-center p{text-align:center!important}
.error-center img{margin-top:1em;width:500px;height:auto}
.error-center .error-bold p{font-size:3em!important;padding-bottom:1rem!important;margin-top:1rem!important;color:#fa9090}
.center-list{width:90%;margin:0 auto 1.5rem;padding:1rem 2rem}
ul.center-list{text-align:left;list-style:outside none disc}
ul.center-list li{list-style-type:none;color:#595959;padding:0 10px 0 30px;position:relative}
ul.center-list li::before{content:"\2022";position:absolute;top:-12px;left:0;display:block;font-size:2em;color:#fa9090}
ol.center-list{text-align:left;list-style:outside decimal;counter-reset:item}
ol.center-list li{list-style:outside none none;position:relative;padding:0 10px 0 30px;color:#595959}
ol.center-list li::before{content:counter(item,decimal) ". ";counter-increment:item;position:absolute;left:0;top:0;font-size:16px;color:#fa9090;font-weight:bold}
ol.center-list.no-list{list-style:none}
blockquote{width:100%;margin:0 auto 1em;padding:1em 2em;color: #fff;font-size: 1.1rem;background-color: #fa9090;border-radius: 50px;font-weight: bold;text-align:justify}
#footer{background-color:#595959;overflow:hidden;}
#footer::before{content:'';background-image:url("../images/wave.svg");background-position:bottom;position:absolute;top:0;width:100%;height:40px;transform: scaleY(-1);}
.footer{position:relative;text-align:center;padding:30px 0 20px}
.footer p{color:#fff;font-size:1em}
.footer p a{color:#fff;font-weight:bold;text-transform:uppercase}
.footer p a:hover{color:#fa9090}
#btn-to-top{display:none;position:fixed;z-index:1000;bottom:16px;right:16px;text-indent:-9999px;outline:none;background:#fa9090 url("../images/backtotop.png") no-repeat scroll center center;width:40px;height:40px;cursor:pointer;border:none;border-radius:50px;-webkit-transition:all 0.2s linear 0s;-o-transition:all 0.2s linear 0s;transition:all 0.2s linear 0s}
#btn-to-top:hover{background-color:#595959}
@media screen and (max-width:1366px){.container{width:90%}}
@media screen and (max-width:1230px){
#header{padding:0;height:50px}
#banner{margin-top:50px}
.banner{margin-top:50px}
}
@media screen and (max-width:640px){
.container{width:100%}
.container.field{padding-left:0;padding-right:0}
.header-logo::before{content: "";background-image: url("../images/logo.svg");background-size: 400px;position: absolute;width: 400px;height: 400px;left: 50%;top: 50%;margin-left: -200px;margin-top: -200px;opacity: .1;}
.banner{height:300px}
.banner::after,#footer::before{background-image:url("../images/wave-small.svg");height:20px;}
#main::before {right: -600px;}
#main::after {left: -400px;}
.center-list{margin:0 auto 1em;padding:0em 2em}
.nav-item{margin:0.5rem 0.25rem}
.footer {padding:20px 0}
.footer p{padding:.5em 1em 0}
}
@media screen and (max-width:480px){
.banner{background-image:url("../images/banner-small.jpg")}
.center-list{width:100%;padding:0 1em}
article h1{font-size:2em}
article h2{font-size:1.5em}
article h3{font-size:1.1em}
}
@media screen and (max-width:440px){
#main::before {right: -700px;}
#main::after {left: -500px;}
.under-pic,.under-youtube{max-width:auto;height:auto;margin:10px auto 30px}
.under-pic::before,.under-youtube::before{content:none}
blockquote{padding:1em;margin-bottom:1em}
.nav-item{display:block;margin:0.5rem 0}
.nav-item:last-child{margin-bottom:0}
.table{font-size:14px}
.table tr td{padding:10px}
}
@media screen and (max-width:360px){
#main::before {right: -800px;}
#main::after {left: -600px;}
.header-logo{-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.header-logo span {font-size: 16px;}
article p,blockquote{font-size:1em}
.table{font-size:12px}
.table tr td{padding:5px}
}
@media screen and (max-width:300px){
#main::before {right: -850px;}
#main::after {left: -700px;}
.center-list{padding:1em 1em}
ul.center-list li{padding:0 0 0 20px}
ol.center-list li{padding:0 0 0 20px}
}