@import 'https://fonts.googleapis.com/css?family=Roboto:100,300,400,500';

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, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}
:focus{outline:0}
body{line-height:1;color:black;background:white}
ol, ul{list-style:none}
table{border-collapse:separate;border-spacing:0}
caption, th, td{text-align:left;font-weight:normal}
blockquote:before, blockquote:after, q:before, q:after{content:""}
blockquote, q{quotes:"" ""}
BODY{font-family:'Roboto', sans-serif;font-size:18px;line-height:27px;background:white;min-height:100%;margin:auto;padding:0}
a{text-decoration:none;color:#009CE0;-moz-transition:color .3s ease;-webkit-transition:color .3s ease;-o-transition:color .3s ease;transition:color .3s ease}
a:hover{color:#FFEDC8}
#w{position:relative;width:auto;margin:auto;padding:0;min-height:100%}
.mw{max-width:1200px;width:100%;margin:auto;height:auto}
#tm{position:relative;height:50px;margin:0 auto}
#tm_g_cont{position:relative;z-index:2}
#tm_logo{position:absolute;top:5px;left:10px;width:97px;z-index:3;-moz-transition:all .5s ease;-webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}
#tm a{display:inline-block;padding-right:20px;color:#FFF;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.tm_sr_l{visibility:1;text-align:right;padding:3px 5px;color:#FFF;font-weight:300;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.tm_ico{width:20px;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.tm_ico_cont{position: absolute;top:15px;right:25px;cursor:pointer}
.tm_sr_l:hover, .tm_ico:hover{filter:brightness(0.5)}
.notif{position:absolute;background:rgb(100,188,242);width:5px;height:5px;border-radius:100%;top:10px;right:7.5px}
.curr_p{color:#333!important}
#short_menu_trigger{position:absolute;top:15px;left:20px;width:40px;height:20px;color:#FFF;cursor:pointer;}
#smt1, #smt2{position:absolute;width:20px;height:2px;background:#FFF;left:0;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
#smt1{top:5px}
#smt2{top:15px}
#tm_slide{display:none;position:relative;width:100%;max-width:1200px;margin:0 auto;background:rgba(0,0,0,.8);z-index:3;padding:15px 0;}
.tms_div{margin:5px 0 5px 20px}
.tms_a{color:#FFF}
.tms_a:hover{color:#777}
.foot_first{background:rgba(0,0,0,.7);padding:30px 0;}
.ff_cont {width:96%;margin:0 auto;padding:10px 0}
.ff_cont div{display:inline-block;width:30%;vertical-align:top;margin:0 auto}
.foot_first a{color:#FFF;font-weight:300;font-size:.9em}
.foot_first a:hover{color:#FFEDC8}
.ff_icon_slide{position:relative;background:rgba(246,247,250,.9);margin:20px auto 0;width:185px;height:45px;border-radius:10px}
.ff_icon_slide a{position:absolute;top:10px;transition:.4s}
.ff_icon_slide img{width:25px}
.ff_icon_slide a:nth-of-type(1){left:10px}
.ff_icon_slide a:nth-of-type(2){left:45px}
.ff_icon_slide a:nth-of-type(3){left:80px}
.ff_icon_slide a:nth-of-type(4){left:115px}
.ff_icon_slide a:nth-of-type(5){left:150px}
.ff_icon_slide a:hover{top:5px;}
.blue{color:rgb(0,156,224)}
.sb_suburb{background:rgba(120,130,150,.9);color:#FFF;padding:20px;font-weight:300}
.summary_block{position:relative;background:#F6F7FA;font-size:1.2em;line-height:27px}
.sum_pic{position:absolute;top:0;left:0;width:50%;height:100%;z-index:1;border-left:none;}
.sum_txt{color:#333;margin-left:50%;width:50%;padding:40px 0;z-index:2;}
.sum_txt p{font-weight:300;font-size:0.9em;line-height:24px;margin:0 30px 10px 30px;}
.sum_txt p:last-child{margin-bottom:0;}
@media all and (max-width: 800px) {
BODY{font-size:16px;line-height:22px}
#tm_logo{position:absolute;top:5px;left:150px;left:calc(50% - (97px / 2));height:40px;padding:0 10px;z-index:1}
.tm_sr_l{font-size:0 !important;opacity:0}
.ff_cont div{display:none}
.ff_cont div:nth-of-type(3){display:block;width:100%}
.summary_block{margin-bottom:10px}
.summary_block:last-child{margin-bottom:0}
.sum_pic{display:none;}
.sum_txt{width:100%;margin-left:0;background:rgba(251, 253, 255, .9);}
}