img, iframe {max-width: 100%; height: auto} html,body{-webkit-text-size-adjust:100%;text-size-adjust:100%} body { font-family: 'Arimo', sans-serif; font-size: 18px; line-height: 1.5; background-color: #fff; text-align: center; }body, header a, nav ul ul a, .hero #quick option, .intro h1 span, .featured a, .articles .post h2 a, .contact .grid h2, .contact .grid a { color: #3C4142; }h1, h2, h3, h4, h5, h6, p, th, td, dd, dt, li, blockquote, nav ul ul, form label, .latest .post h2, footer .grid.fourth { text-align: left; }h1, h2, h3, h4, h5, h6, .hero strong { text-transform: uppercase; }body, header ul, .register .nolist { padding: 0; margin: 0; }img, iframe { max-width: 100%; height: auto; }.fullwidth { width: 100%; }a img, iframe { border: none; }a, a:hover, form input[type=submit], .btn, form input[type=submit]:hover, .btn:hover { transition: ease-in-out .3s; }a, h1, nav a:hover, footer a:hover, .hero span, .featured h2, .articles .post h2 a:hover, .contact .grid a:hover { text-decoration: none; color: #d63d22; }a:hover { text-decoration: underline; cursor: pointer; }header a:hover, .cycle-slideshow a:hover, footer a:hover, .btn:hover, .featured a:hover { text-decoration: none; }hr { border-width: 1px; border-color: #f0eceb; border-style: none none solid; margin: 40px 0; }.bgdark *, .top *, footer, footer a, .hero p, .hero #quick ::placeholder, .hero #quick select { color: #fff; }.bgdark, footer { background-color: #3C4142; }.bglight { background-color: #f0eceb; }.imgLeft, .imgRight, .articles .post img { border-radius: 10px; }.imgLeft, .imgRight { max-width: 40%; }.imgLeft { float: left; margin: 5px 4% 2% 0; }.imgCenter { display: block; margin: 0 auto; }.imgRight { float: right; margin: 5px 0 2% 4%; }.clear { clear: both; }.nowrap, a[href^=tel] { white-space: nowrap; }.hide { display: none !important; }.wrap, header, .hero, .hero #quick, .cycle-slideshow p, footer .grid.fourth p { position: relative; }.wrap { display: block; max-width: 1080px; margin: 0 auto; }.center, .hero p, .intro *, .featured * { text-align: center; }.flex { display: flex; flex-wrap: wrap; }.flex > * { flex: 1; }.grid { display: grid; grid-gap: 10px 20px; }.mid { align-self: center; align-items: center; }.grid.half { grid-template-columns: repeat(2,1fr); }.grid.third { grid-template-columns: repeat(3,1fr); }.grid.fourth { grid-template-columns: repeat(4,1fr); }.grid.fifth { grid-template-columns: repeat(5,1fr); }.video, .videohalf { display: block; width: 100%; height: 54vw; margin: 20px auto; }.video { max-height: 608px; }.videohalf { max-height: 304px; } header { z-index: 999; }header .grid { grid-template-columns: 300px 1fr; grid-gap: 10px }header ul, header li, .subfoot li { display: inline-block; vertical-align: middle; }header a, nav ul ul li, nav li:hover > ul, .hero strong, .intro h1 span, .featured h2 span { display: block; }header a { padding: 10px; }.top, nav, .subfoot .grid > div:last-of-type { text-align: right; }.top, .subfoot { background-color: #D63D22; }.top, footer { font-size: 16px; }.top .social { margin: 0 5px 0 10px; }.top .social a { padding: 5px 5px 0; }nav ul ul { display: none; min-width: 210px; background-color: #fff; position: absolute; margin-left: -10px; border-radius: 5px; box-shadow: 0 0 5px rgba(0,0,0,.1) }nav ul ul a { padding: 5px 10px 5px 20px; }nav ul ul li:first-of-type a { padding-top: 10px; }nav ul ul li:last-of-type a { padding-bottom: 10px; } .hero { height: 400px; }.hero:after, .cycle-slideshow a:after, footer .grid.fourth p:after { position: absolute; }.hero:after, .cycle-slideshow a:after { content: ""; width: 100%; height: 100%; background-color: rgba(0,0,0,.5); top: 0; left: 0; }.hero .wrap { top: 50%; transform: translateY(-50%); z-index: 888; }.hero p, .hero strong { font-size: 26px; }.hero p { font-weight: 700; margin: 0; text-shadow: 1px 1px 3px rgba(0,0,0,.6); }.hero strong { padding-bottom: 20px; } .cycle-slideshow { height: 600px; position: relative; overflow: hidden; }.cycle-slideshow a, .hero, .cover { background-size: cover; background-position: center; }.hero .cycle-slideshow p { top: 50%; transform: translateY(-50%); max-width: 900px; font-size: 19px; font-weight: 400; padding: 50px; margin: 0 auto; z-index: 999; }.cycle-prev, .cycle-next { position: absolute; top: 0; width: 50px; z-index: 888; height: 100%; cursor: pointer; background-position: 50% 50%; background-repeat: no-repeat; opacity: 0; }.cycle-prev { left: 0; background-image: url(/images/arrow-prev.png); }.cycle-next { right: 0; background-image: url(/images/arrow-next.png); }.cycle-prev:hover, .cycle-next:hover { opacity: .5; transition: all .3s linear .01s; } .intro h1 span, .contact .grid h2 { text-transform: none; }.intro p { max-width: 950px; margin: 20px auto; }.featured { padding-top: 50px; }.featured p { padding: 0 10px; } section { padding: 40px 10px; }section h1 { font-size: 24px; }section h2, .intro h1 span { font-size: 20px; }section h3, section h4, footer strong, .contact .grid h2 { font-size: 18px; }section ul, section ol { padding-left: 25px; }section li, footer li { margin: 5px 0; }.nolist, footer ul, .articles .blogsidebar ul, .contact .grid ul { list-style: none; padding: 0; }blockquote { margin: 0; padding: 20px 0 40px; border-bottom: 1px solid #f0eceb; }blockquote:last-of-type { border: none; }.articles .blogs { display: grid; grid-template-columns: 1fr 220px; grid-gap: 0 20px }.articles .blogsidebar { padding-left: 20px; }.articles .blogsidebar ul:last-of-type { display: grid; grid-template-columns: 1fr 1fr }.articles .posts { padding-right: 40px; border-right: 1px solid #f0eceb; }.articles .posts .post { grid-gap: 0 25px; grid-template-columns: 3fr 2fr; grid-template-areas: "title img" "date img" "p img" "btn img"; }.articles .post > h2 { grid-area: title }.articles .post > .postThumbnail { grid-area: img; margin: 20px 0; padding: 0; height: auto; }.articles .post > .postThumbnail img, .community img { object-fit: cover; }.articles .post > .postThumbnail img { width: 100%; height: 100%; object-position: 50% 30% }.articles .post > p:nth-of-type(1) { grid-area: date }.articles .post > p:nth-of-type(2) { grid-area: p }.articles .post > p:nth-of-type(3) { grid-area: btn }.articles .post p { margin-top: 0 }.articles .posttags, .articles .postcats { display: none; }.contact { background-image: linear-gradient(#fff 25%,#f0eceb 25%); padding: 0 10px; }.contact .bglight { padding: 40px 0; }.contact .grid.fourth { background-color: #fff; padding: 20px 40px 0; margin-top: 40px; box-shadow: 0 0 5px rgba(0,0,0,.2); border-radius: 10px; }.contact .grid h2 { padding-bottom: 10px; margin-bottom: 20px; border-bottom: 1px solid #d63d22; }.margtop { margin-top: 40px; }.zultys { width: 100%; min-height: 630px; }.community { display: grid; grid-gap: 10px; grid-template-columns: 1fr 1fr 1fr 1fr; margin: 40px 0; }.community img { height: 200px; width: 100%; }.register { width: 100%; border-collapse: collapse; margin: 40px 0; }.register th, .register td { padding: 10px 20px; border: 1px solid #f0eceb; }.register th { background-color: rgba(240,236,235,.3); }.marg15 { margin: 15px 0; } form { margin: 20px 0; }form .grid { grid-gap: 10px; }form label { text-align: left; }form label, form input[type=text], form input[type=email], form input[type=tel], form input[type=file], form input[type=submit], form select, form input[type=file], form textarea { font-family: 'Arimo', sans-serif; font-size: 18px; }form label, form input[type=text], form input[type=email], form input[type=tel], form input[type=file], form select, form input[type=file], form textarea { display: block; width: 100%; box-sizing: border-box; }form input[type=text], form input[type=email], form input[type=tel], form select, form input[type=file], form textarea { background-color: #f0eceb; margin-bottom: 5px; padding: 0 15px; border: none; }form .grid input { margin-bottom: 0 !important; }form .grid, form > label { margin-bottom: 10px }form input[type=text], form input[type=email], form input[type=tel], form input[type=file], form textarea { box-sizing: border-box; }form input[type=text], form input[type=email], form input[type=tel], form select { height: 50px; }form select { width: 100%; padding: 0 10px; }form input[type=file] { padding: 13px 15px; }form textarea { height: 200px; padding: 15px 10px; }form input[type=submit], .btn { display: inline-block; line-height: 1.1; background-color: #d63d22; text-align: center; color: #fff; padding: 15px 40px; margin: 10px 0; border-radius: 5px; border: none; }form input[type=submit]:hover, .btn:hover { cursor: pointer; background-color: #ff4c2a; }.contact #contact input[type=text], .contact #contact input[type=email], .contact #contact input[type=tel], .contact #contact select, .contact #contact textarea { background-color: #fff; }#supportForm { margin-top: 50px; } footer{clear:both}footer .grid.fourth { padding: 50px 10px; }footer .grid.fourth ul, .contact .grid ul { margin-bottom: 40px; }footer .grid.fourth p { padding-bottom: 15px; }footer .grid.fourth p:after { content: ""; width: 100px; height: 1px; background-color: rgba(255,255,255,.5); top: 35px; left: 0; }.subfoot .grid { padding: 20px 10px; }.subfoot li { margin: 0 5px; } .cycle-slideshow a { position: absolute; width: 100%; height: 100%; top: 0; left: 0 }.cycle-slideshow a img { position: absolute; object-fit: cover; width: 100%; height: 100%; top: 0; left: 0; inset: 0; }.cycle-slideshow a:not(.cycle-slideshow a:nth-of-type(1)) { opacity: 0; }.cycle-slideshow .slide1 { opacity: 1; }.cycle-slideshow .slide4 img, .cycle-slideshow .slide5 img { object-position: 50% 10%; } @media(max-width:999px) { nav ul ul{display:none !important} footer .grid.fourth p:after { top: 27px } .articles .posts .post { display:grid;grid-gap: 0 25px; grid-template-columns: 1fr; grid-template-areas: "img" "title" "date" "p" "btn" } .articles .post > .postThumbnail img { height: 300px } .articles .post > .postThumbnail { margin-bottom: 0 } .articles .post { border-top: 1px solid #ccc } .articles .post:first-of-type { border-top: none } .articles .blogsidebar { padding-left: 0 } .articles .posts { padding: 0 20px 0 10px }} @media(max-width:767px) { .grid.fifth, .grid.fourth, .community { grid-template-columns: 1fr 1fr } .articles .blogs { grid-template-columns: 1fr } .articles .posts { border-right: none; padding: 0 } .blogsidebar ul { display: flex !important; flex-wrap: wrap } .blogsidebar li { flex: 1 0 0; margin: 0 } .blogsidebar a { background-color: #757575; color: #fff; border-radius: 5px; padding: 5px 15px; margin: 5px; white-space: nowrap; display: block; text-align: center }} @media(max-width:600px) { .grid.fourth, .grid.half { grid-template-columns: 1fr } header img { filter: brightness(1) !important; } header .grid a { color: #3C4142 !important; } header ul, .subfoot p, .subfoot .grid > div:last-of-type { text-align: center } header .grid, .subfoot .grid { grid-template-columns: 1fr } .subfoot ul, .subfoot p { margin-top: 0 } footer .mobile-address { grid-template-columns: 1fr 1fr; display: grid } footer .mobile-address li { text-align: center } footer .mobile-address p { grid-column: span 2 } footer .grid.fourth > div:nth-of-type(n+2) ul { display: flex; flex-wrap: wrap } footer .grid.fourth > div:nth-of-type(n+2) li { flex: 1 0 0 } footer .grid.fourth > div:nth-of-type(n+2) a { display: block; margin: 5px; padding: 5px 15px; white-space: nowrap; text-align: center; border: 2px solid #d63d22; border-radius: 5px } footer .grid.fourth p { text-align: center } footer .grid.fourth p:after { left: 50%; transform: translateX(-50%); top: 35px }} @media(max-width:500px) { .top ul { display: block; } .top li:first-of-type { text-align: center } .grid.fifth { grid-template-columns: 1fr }} @media(max-width:400px) { .community { grid-template-columns: 1fr } .community img { height: 150px }}