/* COpied from https://www.w3schools.com/w3css/tryit.asp?filename=tryw3css_templates_cv&stacked=h W3.CSS 4.04 Apr 2017 by Jan Egil and Borge Refsnes */
/* See permission on https://www.w3schools.com/w3css/w3css_templates.asp on 2Jul2017 */
html{overflow-x:hidden}
body{margin:0;font-family:Verdana,sans-serif;font-size:15px;line-height:1.5;color:#000!important;background-color:#f1f1f1!important}
.mitra-pagecontainer{max-width:1400px;margin:auto;margin-top:16px!important}
.mitra-grid{padding:0 8px}
html,body,h1,h2,h3,h4,h5,h6 {font-family: "Roboto", sans-serif}
html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
.mitra-grid:after,.mitra-grid:before{content:"";display:table;clear:both}
.mitra-third,.mitra-twothird{float:left;width:100%;padding:0 8px}
@media (min-width:601px){.mitra-third{width:33.33333%}.mitra-twothird{width:66.66666%}}
.mitra-card{background-color:#fff!important;color:#757575!important;box-shadow:0 4px 10px 0 rgba(0,0,0,0.2),0 4px 20px 0 rgba(0,0,0,0.19)}
.mitra-display-container{position:relative}
.mitra-display-container:hover{display:block}
.mitra-imagecaption{position:absolute;left:0;bottom:0;padding:0.01em 16px;color:#FFFFFF!important}
.mitra-card2:after,.mitra-card2:before,.mitra-imagecaption:after,.mitra-imagecaption:before{content:"";display:table;clear:both}
.mitra-card-brief-line{margin-right:16px!important;font-size:18px!important;color:#009688!important}
.mitra-card2{padding:0.01em 16px;box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
    color:#000!important;background-color:#fff!important;margin-bottom:16px!important}
.mitra-card2-head{color:#757575!important;padding-top:16px!important;padding-bottom:16px!important}
.mitra-card2-head2{opacity:0.60}
.mitra-card2-subhead2{color:#009688!important}
.mitra-xxlarge-icon{margin-right:16px!important;font-size:36px!important;color:#009688!important}
.mitra-container{padding:0.01em 16px}
.mitra-footer:after,.mitra-footer:before,.mitra-container:after,.mitra-container:before{content:"";display:table;clear:both}
.mitra-footer{padding:0.01em 16px;color:#fff!important;background-color:#009688!important;text-align:center!important;margin-top:16px!important}
.mitra-socialmedia:hover{opacity:0.60}
h1{font-size:36px}h2{font-size:30px}h3{font-size:24px}h4{font-size:20px}h5{font-size:18px}h6{font-size:16px}.w3-serif{font-family:serif}
h1,h2,h3,h4,h5,h6{font-family:"Segoe UI",Arial,sans-serif;font-weight:400;margin:10px 0}.w3-wide{letter-spacing:4px}
.w3-centered tr th,.w3-centered tr td{text-align:center}
.w3-center .w3-bar{display:inline-block;width:auto}
.w3-bar-block.w3-center .w3-bar-item{text-align:center}
.w3-container:after,.w3-container:before{content:"";display:table;clear:both}
.mitra-card2-icon2{margin-right:16px!important}
.mitra-card2-subhead2-round{display:inline-block;padding-left:8px;padding-right:8px;text-align:center;
    color:#fff!important;background-color:#009688!important;border-radius:4px}
.mitra-container div.hoveronly, .mitra-container span.hoveronly,.mitra-container i.hoveronly{display: none}
.mitra-container:active span.hoveronly,.mitra-container:active span.hoveronly,.mitra-container:hover span.hoveronly{display: inline}
.mitra-container:active i.hoveronly,.mitra-container:focus i.hoveronly,.mitra-container:hover i.hoveronly{display: inline-block}
.mitra-container:active div.hoveronly,.mitra-container:focus div.hoveronly,.mitra-container:hover div.hoveronly{display: block}
.mitra-container span.hoverclue{display: inline}
.mitra-container:active .hoverclue,.mitra-container:focus .hoverclue,.mitra-container:hover .hoverclue{display: none}