@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,500;0,900;1,400;1,500;1,900&display=swap');
@import url("fonts.css");
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {margin: 0; padding: 0; border: 0; font: inherit; vertical-align: baseline}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block }
body {line-height: 1}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:after, blockquote:before, q:after, q:before { content: ''; content: none;}
table { border-collapse: collapse; border-spacing: 0;}
a, a:active, a:focus, a:hover, a:visited {text-decoration: none; outline: 0; cursor: pointer;}

body {background-image: url("../img/bg.png"); background-repeat:no-repeat; background-size:cover; background-position:center top; background-attachment: fixed; font-family: 'liberation_sansregular';}

.clearfix {clear: both;}
.hidden{display: none}

.header { display: table; font-family: 'liberation_sansbold'; font-size: 46px; line-height: 52px; color: #e9570e; text-decoration:none; margin: 30px auto; text-align: center;}

.footer { display: table; max-width: 1280px; width: 98%; margin: 0 auto;}
.brandLogo { float: left; width: 148px; height:45px; background: url('../img/logo.png'); background-repeat: no-repeat; background-size: cover;}
.home, .home a, .home a:visited, .home:active, .home:focus, .home:hover{ display:inline; float:right;  font-family: 'liberation_sansbold'; font-size: 32px; color: #e9570e; text-decoration:none;} 
.home img{ float: right; width: 66px!important; margin: -20px 0 0 18px;} 

.btn {  font-family: 'liberation_sansbold'; font-size: 28px; color: #ffffff; text-decoration:none; border: 1px solid #e9570e; border-radius: 8px;
  background: #e9570e; padding: 5px 20px 6px; margin: -8px auto 0; outline: none; -webkit-transition: background-color 0.3s ease-out; -moz-transition: background-color 0.3s ease-out; -o-transition: background-color 0.3s ease-out; transition: background-color 0.3s ease-out; }
.btn:hover { background: #ffffff; color: #e9570e}
.btn, .btn:hover, .btn:active, .btn:focus, .btn:visited {outline: none; box-shadow: none;}

.content{display: table; max-width: 1280px; width: 98%; margin: 0 auto 20px;}
.content-box{display: table; float: left; position: relative; width: 31%; margin: 0 1% 50px; padding: 20px; background: #ffffff; border-radius: 35px; -webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.55); -moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.55); box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.55); }
.content-img{width: 100%;}
.content-img img{width: 100%; margin-bottom: 25px;}

.choice{ cursor:pointer; width:100%; height:61px; background-size:contain; background-repeat:no-repeat; display:inline-block;}
.holder1 input{ margin:0;padding:0; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
.holder1 input:checked +.btn1{background-image:url("../img/btn1w.png");}
.holder1 input:checked +.btn2{background-image:url("../img/btn2c.png");}
.holder1 input:checked +.btn3{background-image:url("../img/btn3w.png");}
.btn1{background-image:url("../img/btn1.png");}
.btn2{background-image:url("../img/btn2.png");}
.btn3{background-image:url("../img/btn3.png");}

.holder2 input{ margin:0;padding:0; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
.holder2 input:checked +.btn4{background-image:url("../img/btn1c.png");}
.holder2 input:checked +.btn5{background-image:url("../img/btn2w.png");}
.holder2 input:checked +.btn6{background-image:url("../img/btn3w.png");}
.btn4{background-image:url("../img/btn1.png");}
.btn5{background-image:url("../img/btn2.png");}
.btn6{background-image:url("../img/btn3.png");}

.holder3 input{ margin:0;padding:0; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
.holder3 input:checked +.btn7{background-image:url("../img/btn1w.png");}
.holder3 input:checked +.btn8{background-image:url("../img/btn2w.png");}
.holder3 input:checked +.btn9{background-image:url("../img/btn3c.png");}
.btn7{background-image:url("../img/btn1.png");}
.btn8{background-image:url("../img/btn2.png");}
.btn9{background-image:url("../img/btn3.png");}