.carbon-poweredby, em, i { font-style: italic } @font-face { font-family: Oxygen; font-style: normal; font-weight: 300; src: url(../fonts/oxygen/oxygen-v5-latin-300.eot); src: local("Oxygen Light"), local("Oxygen-Light"), url(../fonts/oxygen/oxygen-v5-latin-300.eot?#iefix) format("embedded-opentype"), url(../fonts/oxygen/oxygen-v5-latin-300.woff2) format("woff2"), url(../fonts/oxygen/oxygen-v5-latin-300.woff) format("woff"), url(../fonts/oxygen/oxygen-v5-latin-300.ttf) format("truetype"), url(../fonts/oxygen/oxygen-v5-latin-300.svg#Oxygen) format("svg") } @font-face { font-family: Oxygen; font-style: normal; font-weight: 400; src: url(../fonts/oxygen/oxygen-v5-latin-regular.eot); src: local("Oxygen"), local("Oxygen-Regular"), url(../fonts/oxygen/oxygen-v5-latin-regular.eot?#iefix) format("embedded-opentype"), url(../fonts/oxygen/oxygen-v5-latin-regular.woff2) format("woff2"), url(../fonts/oxygen/oxygen-v5-latin-regular.woff) format("woff"), url(../fonts/oxygen/oxygen-v5-latin-regular.ttf) format("truetype"), url(../fonts/oxygen/oxygen-v5-latin-regular.svg#Oxygen) format("svg") } @font-face { font-family: Oxygen; font-style: normal; font-weight: 700; src: url(../fonts/oxygen/oxygen-v5-latin-700.eot); src: local("Oxygen Bold"), local("Oxygen-Bold"), url(../fonts/oxygen/oxygen-v5-latin-700.eot?#iefix) format("embedded-opentype"), url(../fonts/oxygen/oxygen-v5-latin-700.woff2) format("woff2"), url(../fonts/oxygen/oxygen-v5-latin-700.woff) format("woff"), url(../fonts/oxygen/oxygen-v5-latin-700.ttf) format("truetype"), url(../fonts/oxygen/oxygen-v5-latin-700.svg#Oxygen) format("svg") } /**,::after,::before{box-sizing:inherit}html{box-sizing:border-box}body,html{margin:0;padding:0;height:100%}body{color:#6d6d6d;background-color:#fff;font-family:Oxygen,Helvetica,sans-serif;font-size:14px;line-height:1.8}h1,h2,h3,h4,h5,h6{color:#3b3b3b;font-weight:700;line-height:1.2}a{color:#dc446e;text-decoration:none}a:hover{color:#9d1d41}b,strong{font-weight:700}img{max-width:100%;height:auto}*/ .o-container { margin: 0 auto; padding: 0 12px; max-width: 960px } @media all and (min-width:480px) { .o-container { padding: 0 24px } } @media all and (min-width:720px) { .o-container { padding: 0 48px } } .o-header { margin: 0; padding: 0 } .o-header-nav { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; background-color: #dc446e } .o-header-nav__link { padding: 12px; color: #fff } .o-header-nav__link:hover { color: #fff; background-color: #9d1d41 } .o-header__title { margin: 24px; padding: 0; color: #818181; font-size: 28px; font-weight: 300; text-align: center } @media all and (min-width:480px) { .o-header__title { margin: 36px; font-size: 42px } } .o-section { margin-bottom: 24px } .o-section:last-child { margin-bottom: 0 } @media all and (min-width:720px) { .o-section { margin-bottom: 48px } } .o-sub-nav { margin: 0; padding: 0 } .o-sub-nav__items { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; list-style: none; margin: 0; padding: 0 } .o-sub-nav__item { margin: 0; padding: 4px } .o-sub-nav__link { display: block; margin: 0; padding: 4px 24px; border: 2px solid #dc446e } .o-sub-nav__item.active .o-sub-nav__link, .o-sub-nav__link:hover { color: #fff; background-color: #dc446e } .o-footer { padding: 12px 0; text-align: center } @media all and (min-width:480px) { .o-footer { padding: 24px 0 } } @media all and (min-width:720px) { .o-footer { padding: 48px 0 } } .c-tabs-nav { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; list-style: none; margin: 0; padding: 0 } .c-tabs-nav__link { height: auto; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; /*margin-right:4px;padding:12px;background-color:#b3b3b3;*/ text-align: center; -webkit-transition: color .3s; transition: color .3s } .c-tabs-nav__link:last-child { margin-right: 0 } .c-tabs-nav__link:hover, .c-tabs-nav__link.is-active { width: 30%; height: auto; margin-left: 1px; color: #000; font-weight: 600; background-color: #fff } .c-tabs-nav__link i, .c-tabs-nav__link span { margin: 0; padding: 0; line-height: 1 } .c-tabs-nav__link i { font-size: 18px } .c-tabs-nav__link span { display: none; font-size: 18px } @media all and (min-width:720px) { .c-tabs-nav__link i { margin-bottom: 12px; font-size: 22px } .c-tabs-nav__link span { display: block } } .c-tab { display: none; background-color: #fff } .c-tab.is-active { display: block; position: absolute; z-index:99; width:86%; } .c-tab__content { padding: 1.5rem } .c-tabs.no-js .c-tabs-nav { display: none } .c-tabs.no-js .c-tab { display: block; margin-bottom: 1.5rem } .c-tabs.no-js .c-tab:last-child { margin-bottom: 0 } .carbon-img, .carbon-wrap { margin: 0 0 4px; display: block } #carbonads { position: fixed; bottom: 12px; right: 12px; z-index: 1000; padding: 24px 12px 12px; width: 154px; background-color: #fff; line-height: 1.1; border: 1px solid #e7e7e7 } .carbon-img { padding: 0; width: 130px; height: 100px } .carbon-text { color: #818181; font-size: 12px } .carbon-poweredby { font-size: 10px } .carbonad__close { display: block; position: absolute; top: 0; left: 12px; height: 24px; font-size: 11px; line-height: 24px } @media all and (max-width:660px) { #carbonads { display: none } }