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, center, dl, dt, dd, ol, ul, 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; font: inherit; font-size: 100%; vertical-align: baseline; }

html { line-height: 1; }

ol, ul { list-style: none; }

table { border-collapse: collapse; border-spacing: 0; }

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }

a img { border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; }

#site-switcher { position: fixed; left: -270px; top: 320px; width: 320px; z-index: 999999; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
#site-switcher.active { left: 0px; }
#site-switcher .open-switcher { display: inline-block; width: 50px; height: 50px; float: right; background: #ffffff; text-align: center; line-height: 60px; font-size: 30px; color: #222222; text-decoration: none; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-box-shadow: 0 0 2px #999999; -moz-box-shadow: 0 0 2px #999999; box-shadow: 0 0 2px #999999; }
#site-switcher .inner-switcher { margin-right: 50px; background: #fff; padding: 30px 30px; -webkit-box-shadow: 0 0 3px #999999; -moz-box-shadow: 0 0 3px #999999; box-shadow: 0 0 3px #999999; }
#site-switcher .inner-switcher h2 { font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 15px; color: #000; text-transform: uppercase; text-align: center; }
#site-switcher .inner-switcher h3 { font-family: 'Roboto', sans-serif; font-weight: normal; font-size: 13px; color: #696969; text-transform: uppercase; text-align: center; }
#site-switcher .inner-switcher .divider { width: 100%; height: 1px; background-color: #e8e8e8; margin: 30px 0; }
#site-switcher .inner-switcher ul { margin: 0 0 30px; padding: 0; }
#site-switcher .inner-switcher ul li { display: inline-block; margin-right: 5px; }
#site-switcher .inner-switcher ul li a { display: inline-block; font-size: 12px; color: #222222; font-family: 'Montserrat', sans-serif; text-decoration: none; line-height: 20px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
#site-switcher .inner-switcher ul li a span { display: block; float: left; margin-right: 7px; width: 14px; height: 14px; border: 1px solid #999; margin-top: 3px; }
#site-switcher .inner-switcher ul li a.boxed span { border: 1px solid #999; border-left: 4px solid #999; border-right: 4px solid #999; }
#site-switcher .inner-switcher ul li a:hover { color: #27b1d2; }
#site-switcher .inner-switcher ul.layout-choose { display: table; margin: 30px auto; }
#site-switcher .inner-switcher ul.layout-choose li { margin-right: 20px; }
#site-switcher .inner-switcher ul.layout-choose li:last-child { margin-right: 0px; }
#site-switcher .inner-switcher ul.layout-pattern, #site-switcher .inner-switcher ul.layout-color { margin: 30px 0; text-align: center; }
#site-switcher .inner-switcher ul.layout-pattern li, #site-switcher .inner-switcher ul.layout-color li { display: inline-block; margin-right: 5px; }
#site-switcher .inner-switcher ul.layout-pattern li:last-child, #site-switcher .inner-switcher ul.layout-color li:last-child { margin-right: 0; }
#site-switcher .inner-switcher ul.layout-pattern li a, #site-switcher .inner-switcher ul.layout-color li a { display: block; width: 40px; height: 40px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; }
#site-switcher .inner-switcher ul.layout-pattern li a.blue, #site-switcher .inner-switcher ul.layout-color li a.blue { background-color: #27b1d2; }
#site-switcher .inner-switcher ul.layout-pattern li a.green, #site-switcher .inner-switcher ul.layout-color li a.green { background-color: #8cc739; }
#site-switcher .inner-switcher ul.layout-pattern li a.blue-dark, #site-switcher .inner-switcher ul.layout-color li a.blue-dark { background-color: #0f3b5f; }
#site-switcher .inner-switcher ul.layout-pattern li a.purple, #site-switcher .inner-switcher ul.layout-color li a.purple { background-color: #443266; }
#site-switcher .inner-switcher ul.layout-pattern li a.active, #site-switcher .inner-switcher ul.layout-color li a.active { border: rgba(255, 255, 255, 0.7) 3px solid; }