@charset "UTF-8";
*, *:before, *:after {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
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, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, 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-size: 100%;
font: inherit;
vertical-align: baseline;
-webkit-text-size-adjust: none!important;
}
* {
outline: none;
-webkit-appearance: none;
}
b, strong {
font-weight: 700;
}
img {
margin: 0;
padding: 0;
border: 0;
line-height: 0;
vertical-align: top;
max-width: 100%;
height: auto;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}.center-box {
width: 1140px;
margin: 0 auto;
}
.row {
margin-left: -15px;
margin-right: -15px;
}
.one-half {
width: 50%;
}
.one-third {
width: 33.33%;
}
.two-third {
width: 66.66%;
}
.one-fourth {
width: 25%;
}
.three-fourth {
width: 75%;
}
.one-fifth {
width: 20%;
}
.two-fifth {
width: 40%;
}
.three-fifth {
width: 60%;
}
.four-fifth {
width: 80%;
}
.one-sixth {
width: 16.66%;
}
.five-sixth {
width: 83.33%;
}
.one-half,
.one-third,
.two-third,
.three-fourth,
.one-fourth,
.one-fifth,
.two-fifth,
.threefifth,
.four-fifth,
.one-sixth,
.five-sixth {
float: left;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
}
@media only screen and (min-width: 951px) and (max-width: 1024px) {
.center-box {
width: 950px;
margin: 0 auto;
}
.one-fifth {
width: 33.33%;
}
}
@media only screen and (min-width: 768px) and (max-width: 950px) {
.center-box {
width: 750px;
padding-left: 15px;
padding-right: 15px;
}
.one-half,
.one-third,
.two-third,
.three-fourth,
.one-fourth,
.one-fifth,
.two-fifth,
.threefifth,
.four-fifth,
.one-sixth,
.five-sixth {
position: relative;
float: none;
width: 100%;
}
} @media only screen and (max-width: 767px) {
.center-box {
width: 100%;
padding-left: 15px;
padding-right: 15px;
}
.one-half,
.one-third,
.two-third,
.three-fourth,
.one-fourth,
.one-fifth,
.two-fifth,
.threefifth,
.four-fifth,
.one-sixth,
.five-sixth {
position: relative;
float: none;
width: 100%;
}
}
@media only screen and (min-width: 300px) and (max-width: 666px) {
.center-box {
width: 100%;
padding-left: 15px;
padding-right: 15px;
}
.one-half,
.one-third,
.two-third,
.three-fourth,
.one-fourth,
.one-fifth,
.two-fifth,
.threefifth,
.four-fifth,
.one-sixth,
.five-sixth {
position: relative;
float: none;
width: 100%;
}
}.list-item {
position: relative;
display: block;
padding-left: 20px;
padding-right: 20px;
margin-bottom: 40px;
}
.list-2-column,
.list-3-column,
.list-3-column,
.list-4-column,
.list-5-column,
.list-6-column {
margin-left: -20px;
margin-right: -20px;
margin-bottom: -40px;
clear: both;
overflow: hidden;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
}
@media only screen and (min-width: 959px) {
.list-item {
padding-left: 20px;
padding-right: 20px;
}
.list-2-column,
.list-3-column,
.list-3-column,
.list-4-column,
.list-5-column,
.list-6-column {
margin-left: -20px;
margin-right: -20px;
}
}
@media only screen and (min-width: 960px) {
.list-9-column .list-item {
width: 11.111111111111%;
}
.list-8-column .list-item {
width: 12.5%;
}
.list-7-column .list-item {
width: 14.285714285714%;
}
.list-6-column .list-item {
width: 16.666666666667%;
}
.list-5-column .list-item {
width: 20%;
}
.list-4-column .list-item {
width: 25%;
}
.list-3-column .list-item {
width: 33.333333333333%;
}
.list-2-column .list-item {
width: 50%;
}
}
@media only screen and (min-width: 641px) and (max-width: 959px) {
.list-9-column .list-item {
width: 16.666666666667%;
}
.list-8-column .list-item {
width: 25%;
}
.list-7-column .list-item {
width: 33.333333333333%;
}
.list-6-column .list-item {
width: 33.333333333333%;
}
.list-5-column .list-item {
width: 33.333333333333%;
}
.list-4-column .list-item {
width: 50%;
}
.list-3-column .list-item {
width: 50%;
}
.list-2-column .list-item {
width: 50%;
}
}
@media only screen and (max-width: 640px) {
.list-9-column .list-item {
width: 33.333333333333%;
}
.list-8-column .list-item {
width: 50%;
}
.list-7-column .list-item {
width: 50%;
}
.list-6-column .list-item {
width: 50%;
}
.list-5-column .list-item {
width: 50%;
}
.list-4-column .list-item {
width: 100%;
}
.list-3-column .list-item {
width: 100%;
}
.list-2-column .list-item {
width: 100%;
}
}
@font-face {
font-family: "Ionicons";
src: url(https://code.ionicframework.com/ionicons/2.0.1/fonts/ionicons.eot?v=2.0.1);
src: url(https://code.ionicframework.com/ionicons/2.0.1/fonts/ionicons.eot?v=2.0.1#iefix) format("embedded-opentype"), url(https://code.ionicframework.com/ionicons/2.0.1/fonts/ionicons.ttf?v=2.0.1) format("truetype"), url(https://code.ionicframework.com/ionicons/2.0.1/fonts/ionicons.woff?v=2.0.1) format("woff"), url(https://code.ionicframework.com/ionicons/2.0.1/fonts/ionicons.svg?v=2.0.1#Ionicons) format("svg");
font-weight: normal;
font-style: normal;
}
body {
font-family: 'Montserrat', sans-serif;
font-size: 18px;
}
.clear {
overflow: hidden;
clear: both;
display: table;
}
#header {
text-align: center;
background: inherit;
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
width: 100%;
top: 0;
left: 0;
z-index: 3;
}
#special-offer {
width: 100%;
padding: 4px 0;
display: inline-block;
border-bottom: 1px solid #ddd;
}
#special-offer p {
margin: 0;
}
#contact-info {
float: left;
}
.importantinfos {
margin-top: 2.5rem;
margin-bottom: 2rem;
}
div.one-third.align-center div ul li a ion-icon.md.hydrated {
height: 22px;
width: 22px;
}
#social-menu {
float: right;
}
#social-menu ul {
text-align: right;
}
#social-menu ul li {
display: inline;
margin-left: 15px;
}
#social-menu ul li a span {
display: none;
}
#social-menu ul li a:before {
content: "";
height: 24px;
width: 24px;
display: inline-block;
vertical-align: middle;
margin-right: 5px;
}
#social-menu ul li.top-mail a:before {
background: url(//stilusvarazs.hu/wp-content/themes/stilusvarazs/images/mail.svg);
background-size: 100% auto;
}
#social-menu ul li.top-facebook a:before {
background: url(//stilusvarazs.hu/wp-content/themes/stilusvarazs/images/facebook2.png);
background-size: 100% auto;
}
#social-menu ul li.top-youtube a:before {
background: url(//stilusvarazs.hu/wp-content/themes/stilusvarazs/images/youtube.svg);
background-size: 100% auto;
}
#social-menu ul li.top-newsletter a:before {
background: url(//stilusvarazs.hu/wp-content/themes/stilusvarazs/images/hirlevel.png);
background-size: 100% auto;
}
#social-menu ul li.top-search a:before {
background: url(//stilusvarazs.hu/wp-content/themes/stilusvarazs/images/kereses.svg);
background-size: 100% auto;
}
#social-menu ul li.top-kereses a:before {
background: url(//stilusvarazs.hu/wp-content/themes/stilusvarazs/images/kereses2.svg);
background-size: 100% auto;
}
#header-top {
display: block;
overflow: hidden;
}
#logo { width: 100%;
margin: 0 auto;
}
#logo img { }
#logo a { font-family: 'Dosis';
font-size: 36px;
letter-spacing: 4px;
}
#logo a:hover {
color: #049881;
font-weight: normal;
}
#logo img {
max-width: 100px;
height: auto;
margin: 30px 0 10px 0;
}
.logo-title h2 {
margin-bottom: 0; }
.site-title { }
.menu-item-has-children:after,
#main-menu ul li.multi-level-menu .menu-item-has-children:after {
top: 30%;
margin-top: -42px;    content: ""; width: 0;
height: 0;
position: absolute;
border-left: 5px solid transparent !important;
border-right: 5px solid transparent !important;
border-top: 7px solid #993399 !important;
display: none;
}
.site-description { letter-spacing: 2px;
text-transform: uppercase;
color: #e6007e;
font-weight: 400;
padding: 0 0 30px 0;
font-size: 14px;
}
#main-menu {   margin: 0 auto;
width: 100%;
}
#main-menu ul li {
display: inline;
padding-right: 30px;
}
#main-menu ul li:last-child {
padding-right: 0;
}
#main-menu ul li a {
display: inline-block;
text-decoration: none;
height: 50px;
line-height: 50px;
color: #990099;
font-weight: 300;
position: relative;
font-family: 'Dosis';
font-size: 20px;
padding-right: 5px;
}
#main-menu ul li a:hover {
color: #660066;
font-weight: 500;
}
ul#main-menu-nav > li {
line-height: 1.75em;
vertical-align: text-top;
display: inline-block;
padding-top: .25em;
float: none;
}
#main-menu ul#main-menu-nav ul.sub-menu {
display: none;
position: absolute;
background-color: #f9f9f9;
min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
z-index: 5;
text-align: left;
padding: 15px 15px;
}
#main-menu ul#main-menu-nav li ul.sub-menu a {
display: block;
height: 20px;
line-height: 1em;
padding-left: 10px;
font-size: 18px;
}
#main-menu ul#main-menu-nav li:hover ul.sub-menu {
display: block;
}
ul#main-menu-nav > li.aktualis a {
color: #e6007e;
font-weight: 500;
}
.ures {
display: block;
height: 240px;
}
a {
color: #940e8c;
text-decoration: none;
}
a:hover {
color: midnightblue;
}
h1 {
font-family: 'Dosis', sans-serif;
}
h2,
h3 {
font-family: 'Josefin Sans';
}
h1 {
font-size: 30px;
font-weight: 300;
margin-top: 2rem;
margin-bottom: 0.5rem;
text-transform: uppercase;
overflow: hidden;
letter-spacing: 5px;
}
h2 {
font-size: 22px;
font-weight: normal;
margin-bottom: 1rem;
}
h3 {
font-size: 20px;
font-weight: normal;
margin-top: 1.5rem;
margin-bottom: 1.5rem;
text-transform: uppercase;
}
p {
color: #2c2c2c;
font-family: 'Raleway', sans-serif;
font-size: 16px;
line-height: 1.5;
margin-bottom: 1rem;
}
p:empty:before {
content: "​";
display: none;
}
.center-box h1 {
text-align: center;
}
figcaption {
font-size: 12px;
text-align: center;
}

.quote {
display: inline-block;
margin: 2em;
overflow: hidden;
}
.quote blockquote {
background-color: #fff;
border: solid 2px #993399;
display: inline-block;
margin: 0;
padding: 1em;
position: relative;
}
.quote blockquote:before {
background-color: #fff;
bottom: -10%;
content: "";
left: 0;
position: absolute;
right: 0;
top: -10%;
transform: rotate(-15deg) skew(5deg);
}
.quote p {
margin-bottom: 0.5rem;
}
.quote blockquote cite {
display: block;
font-style: italic;
text-align: right;
}
.quote blockquote cite:before {
content: "- ";
}
.quote blockquote > * {
position: relative;
z-index: 1;
}
main,
aside {
padding: 2rem 0 3rem 0;
} main ul {
list-style: square;
padding-left: 2rem;
margin-left: 2rem;
margin-bottom: 2rem;
color: #666;
}
main ul li {
padding: 5px 0;
font-family: 'Raleway', sans-serif;
font-size: 16px;
color: #2c2c2c;
}
.name {
padding-top: 1rem;
}
.name ul {
margin-bottom: 0;
}
.name ul li {
line-height: 1.5;
padding: 3px 0 3px 0px;
text-align: left;
margin-bottom: 0;
text-indent: -27px;
}
.name ul li {
list-style: none;
}
main .name ul li::marker {
display: none;
}
div.textwidget .custom-html-widget div.name ul li {
text-indent: 0;
padding-bottom: 1em;
}
.page-content hr,
.blogposts hr,
main hr {
margin-bottom: 3rem;
}
aside div.widget div.name ul li:before {
content: none;
}
aside div.widget div.name ul li {
line-height: 2rem;
padding-bottom: 0;
}
aside div.widget ul li {
line-height: 1.3rem;
padding-bottom: 1rem;
}
aside div.widget ul li:before {
font-family: "Ionicons";
content: "\f110";
height: 22px;
padding-right: 10px;
color: #993399;
list-style-position: outside;
display: table-cell;
float: left;
}
aside div.widget ul li a {
font-size: 16px;
font-weight: 400;
font-family: 'Raleway', sans-serif;
margin-bottom: 0px;
color: #071182;
letter-spacing: 1px;
}
aside div.widget:nth-child(3) ul li a {
display: flex;
}
aside .name ul li {
margin-left: 35px;
font-size: 16px;
font-family: 'Raleway', sans-serif;
}
footer {
clear: both;
background: rgba(0, 0, 0, 0.05); text-align: left;
overflow: hidden;
}
#intro,
#services,
#services2,
#blog,
#reviews,
#contact,
footer,
#copyright {
display: block;
overflow: hidden;
clear: both;
margin-bottom: 3rem;
}
#copyright {
margin-bottom: 0;
}
.clearfix::after {
content: "";
clear: both;
display: table;
}
footer li {
margin-bottom: 5px;
}
footer li a:hover {
text-decoration: underline;
}
#copyright {
padding: 15px;
text-align: center;
color: #888;
}
.copy-text {}
.widget {
margin-bottom: 50px;
;
padding: 0 20px;
}
input [type=text],
input [type=email] {
max-width: 250px;
box-sizing: border-box;
}
input#searchsubmit {
background-color: #993399;
padding: 8px 15px;
color: #fff;
text-transform: uppercase;
display: block;
text-align: center;
font-size: 16px;
border: none;
width: 100%;
}
.address a {
font-size: 14px;
color: #260b62;
letter-spacing: 1px;
} .bemutatkozas {
background-color: #993399;
height: 100px;
color: #fff;
padding: 25px 0;
}
.bemutatkozas h1 {
margin-bottom: 0px;
letter-spacing: 3px;
}
.bemutatkozas h3 {
font-size: 20px;
margin-bottom: 10px;
font-family: 'Dosis', sans-serif;
font-weight: 300;
letter-spacing: 3px;
}
#navigation {
display: block;
position: absolute;
width: 100%;
text-align: center;
height: 30px;
bottom: 0;
}
#navigation div {
display: inline-block;
width: 13px;
height: 13px;
cursor: pointer;
border-radius: 50%;
background: #fff;
margin: 10px 10px;
}
.nav-active {
border: solid 2px midnightblue;
}
#intro {
overflow: hidden;
background-color: #f1f1f1; box-shadow: 0 1px 5px rgb(0 0 0 / 20%), 0 -1px 5px rgb(0 0 0 / 20%)
}
#intro .one-half img {
width: 375px;
}
.infobox {
padding-top: 30px;
}
.infobox a {
background-color: #fff;
border: 1px solid #996699;
color: #996699;
font-size: 1em;
padding: 10px 15px;
display: inline-block;
border-radius: 5px;
}
.keywords {
font-size: 30px;
}
.egyeni { }
#reviews {
background: #f1f1f1;
}
#reviews h2,
.keywords h2,
.blogtitle h2 {
text-align: center;
font-size: 30px;
font-weight: 300;
margin-bottom: 30px;
text-transform: uppercase;
font-family: 'Dosis', sans-serif;
}
#reviews h2,
.keywords h2,
.blogtitle h2 {
overflow: hidden;
letter-spacing: 5px; margin-bottom: 10px;
margin-top: 30px;
}
.vonal {
width: 100px;
color: #993399;
border: 2px solid #993399;
}
.vonal2 {
width: 100%;
color: #993399;
border: 1px solid #993399;
}
.intro-box h1,
.egyeni h1,
.kapcsolat h1,
.hirlevel h1,
#contact h1 {
color: #fff;
overflow: hidden;
background-color: #993399;
letter-spacing: 5px;
border-radius: 5px;
}
.intro-box p:last-child {
margin-bottom: 0;
}
.egyeni-box {
margin-top: 20px;
}
.egyeni-box {
box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5);
background: #d69bd3;
overflow: hidden;
position: relative;
margin-bottom: 20px;
opacity: 0.9;
border-radius: 20px;
}
.frontbox-content {
background-color: #d69bd3;
padding: 8px;
height: 335px;
}
.egyeni-box h2 {
font-family: 'Montserrat', sans-serif;
color: #071182;
}
.egyeni-box h2 {
font-size: 20px;
font-weight: 500;
margin-bottom: 20px;
text-transform: uppercase;
letter-spacing: 2px;
font-family: 'Montserrat', sans-serif;
color: #071182;
}
.frontbox-content h3 {
font-size: 20px;
font-weight: 500;
margin-bottom: 20px;
text-transform: uppercase;
letter-spacing: 2px;
color: #071182;
margin-top: 2rem;
}
.frontbox-content p {
font-size: 16px;
font-weight: 400;
font-family: 'Dosis';
margin-bottom: 0px;
color: #071182;
letter-spacing: 1px;
}
.frontbox-content img,
.services-content img {
height: 335px;
}
.frontbox-border {
margin: 8px;
border: 3px solid #fff;
height: 303px;
padding: 20px 40px;
}
.egyeni-box h4 {
padding-bottom: 10px;
font-size: 14px;
font-weight: 100px;
color: #fff;
}
.egyeni-box a:hover h4 {
font-weight: 400;
}
.egyeni-box .egyeni-textbox {
padding: 30px;
color: #fff;
}
.egyeni-box .egyeni-textbox {
min-height: 300px;
letter-spacing: 1px;
}
.egyeni-textbox,
.egyeni-textbox .btn-tovabb {
border-top: 1px solid #fff;
}
.egyeni-textbox p:nth-of-type(2n) {
font-size: 16px;
font-weight: 400;
font-family: 'Dosis';
margin-bottom: 0px;
color: #071182;
letter-spacing: 1px;
}
.btn-tovabb {
color: #330066;
background-color: #f5a4ad;
display: flex;
justify-content: center;
align-items: flex-end;
bottom: 0;
position: absolute;
right: 0;
width: 100%;
height: 40px;
padding: 10px 0; }
.button,
.button a.wp-block-button__link {
background-color: #993399;
padding: 8px 15px;
color: #fff;
text-transform: uppercase;
font-size: 14px;
border: none;
}
.button-arak,
.button-arak a.wp-block-button__link {
background-color: #993399;
padding: 8px 15px;
color: #fff;
text-transform: uppercase;
font-size: 14px;
border: none;
}
div.wp-block-button.button-arak.is-style-fill.arak {
margin-bottom: 4rem;
}
.button a.wp-block-button__link {
padding: 0;
}
.button a.wp-block-button__link {
border-radius: 0;
}
.button a.wp-block-button__link:hover {
background: #660066;
}
.name a.button,
.button a.wp-block-button__link {
display: block;
text-align: center;
font-size: 16px;
}
div.textwidget.custom-html-widget div.name p a.button {
display: block;
width: 100%;
}
nav#main-menu.main-navigation div.menu-fomenu-container {
margin-top: 0;
}
div.menu-fomenu-container {
margin-top: 3rem;
}
div.menu-fomenu-container ul#menu-fomenu.menu {
text-align: center;
font-size: 16px;
}
.button:hover {
background-color: #660066;
color: #fff;
}
.align-center {
margin: 0 auto;
display: block;
text-align: center;
}
#services .align-center p {
color: red;
}
#services2 {
text-align: center;
overflow: hidden;
margin-bottom: 50px;
}
#services2 .one-third {
padding: 0;
}
#services2 .services-content p {
margin: 0;
line-height: 1.5rem;
}
#contact {
padding-bottom: 50px;
}
.kapcsolat div.wpforms-container-full .wpforms-form input[type=text],
.kapcsolat div.wpforms-container-full .wpforms-form input[type=email],
.kapcsolat div.wpforms-container-full .wpforms-form textarea.wpforms-field-small,
.hirlevel div.wpforms-container-full .wpforms-form input.wpforms-field-medium {
max-width: 100%;
}
#contact div.wpforms-container-full .wpforms-form input[type=text],
#contact div.wpforms-container-full .wpforms-form input[type=email],
#contact div.wpforms-container-full .wpforms-form input[type=textarea],
#contact div.wpforms-container-full .wpforms-form textarea,
.hirlevel div.wpforms-container-full .wpforms-form input[type=text],
.hirlevel div.wpforms-container-full .wpforms-form input[type=email] {
background-color: #fff;
border: 1px solid #d69bd3;
color: #996699;
font-size: 1em;
padding: 10px 15px;
display: inline-block;
border-radius: 5px;
}
main div.wpforms-container-full .wpforms-form input[type=textarea],
main div.wpforms-container-full .wpforms-form textarea.wpforms-field-medium {
max-width: 60%;
}
#contact div.wpforms-container-full .wpforms-form button[type=submit],
.hirlevel div.wpforms-container-full .wpforms-form button[type=submit],
.widget div.wpforms-container-full .wpforms-form button[type=submit],
main div.wpforms-container-full .wpforms-form button[type=submit] {
font-size: 1em;
padding: 10px 15px;
background-color: #993399;
padding: 8px 15px;
color: #fff;
text-transform: uppercase;
font-size: 16px;
display: block;
width: 60%;
text-align: center;
}
main div.wpforms-container-full .wpforms-form .wpforms-field-label {
font-weight: 300;
font-size: 14px;
}
#contact .btn {
background-color: transparent;
border: 1px solid #990099;
color: #990099;
font-size: 1em;
padding: 10px 15px;
}
#contact h2,
#intro h2 {
font-size: 22px;
font-weight: 500;
margin-bottom: 1em;
text-transform: uppercase;
letter-spacing: 2px; color: #071182;
}
#contact h3,
#intro h3 {
font-size: 16px;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 2px;
font-family: 'Montserrat', sans-serif;
line-height: 1.5em;
color: #071182;
}
.kapcsolat ul {
line-height: 2em;
font-size: 20px;
padding-top: 20px;
color: midnightblue;
}
.elerhetosegeink {
padding-left: 70px;
}
div.wpforms-container-full {
padding-bottom: 50px;
}
#newsletter,
#contact {
background-color: #f1f1f1;
}
.newsletter-icon {
display: flex;
justify-content: center;
}
.newsletter-icon img {
transform: rotate(-45deg);
width: 50%;
padding-top: 90px;
opacity: 0.3;
}
.widget div.wpforms-container-full .wpforms-form input.wpforms-field-medium {
max-width: 100%;
}
.article-top {
position: relative;
float: left;
}
.stilustippek .article-top {min-height: 620px;}
.article-text {
padding-top: 30px;
}
.widget h3 {
text-align: center;
padding-top: 20px;
letter-spacing: 2px;
margin-top: 2rem;
font-size: 20px;
font-weight: 500;
margin-bottom: 1rem;
text-transform: uppercase;
color: #071182;
font-family: 'Josefin Sans';
}
.widget h3:first-of-type {
margin-top: 0;
padding-top: 0;
}
.widget .wp-image-147 {
border: 3px solid #fff;
}
div.textwidget.custom-html-widget img {
border: 3px solid #fff;
}
.screen-reader-text {
display: none;
}
.read-more {
float: left;
}
.read-more a {
background-color: #f1f1f1;
border: 1px solid #ddd;
color: #996699;
font-size: 1em;
padding: 6px 10px;
display: inline-block;
font-size: 12px;
text-transform: uppercase;
}
.read-more a:hover {
background-color: #996699;
color: #fff;
}
#blog {
padding-bottom: 10px;
}
#blog .read-more a {
background-color: #f1f1f1;
border: 1px solid #ddd;
color: #996699;
font-size: 1em;
padding: 6px 10px;
display: inline-block;
font-size: 12px;
text-transform: uppercase;
}
#blog .read-more a:hover {
background-color: #ddd;
}
#searchform input[type=text] {
background-color: #fff;
box-sizing: border-box;
border-radius: 2px;
color: #333;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
display: block;
float: none;
font-size: 14px;
border: 1px solid #990099;
padding: 6px 10px;
height: 38px;
width: 100%;
line-height: 1.3;
margin-bottom: 15px;
}
.kereses404 {
padding-top: 50px;
width: 50%;
display: block;
margin: 0 auto;
}
article {
padding-bottom: 0;
}
.article-excerpt {
float: left;
color: #666;
width: 100%;
}
#blog .article-excerpt {
float: left;
padding-bottom: 20px;
color: #071182;
width: 100%;
font-size: 16px;
font-weight: 400;
font-family: 'Dosis';
margin-bottom: 0px;
letter-spacing: 1px;
}
.square {
width: 100%;
height: 300px;
;
background-size: cover;
}
time {
display: block;
margin: 10px 0;
font-size: 14px;
}
main h1.article-title {
text-align: left;
}
.page-content h4 {
margin: 50px 0 20px 0;
font-size: 24px;
}
#datumesido {
margin-bottom: 30px;
font-size: 12px;
color: #999;
}
.article-top .datumesido {
padding: 10px 0;
font-size: 12px;
color: #999;
}
.article-top .one-third {
margin-bottom: 20px;
}
.stilustippek article {
margin: 0 0 0 0;
min-height: 520px;
overflow: hidden;
}
.stilustippek h3 {
margin-bottom: 0; }
.stilustippek .read-more {
margin-bottom: 1rem;
}
.copyright-text {
font-size: 16px;
}
.weboldalkeszito {
font-size: 12px;
text-align: center;
}
main p img.attachment-post-thumbnail.size-post-thumbnail.wp-post-image {
width: 300px;
float: left;
padding-right: 1rem;
margin: 0 1rem 1rem 0;
}
section#blog div.article-top a img.attachment-post-thumbnail.size-post-thumbnail.wp-post-image {
max-height: 200px;
width: auto;
}
div.stilustippek div.article-top a img.attachment-post-thumbnail.size-post-thumbnail.wp-post-image {
padding: 0 0 0.5rem 0;
} .reviews-slider {
padding: 20px 20px 60px 20px;
position: relative;
width: 80%;
margin: 0 0 20px 0;
overflow: hidden;
position: relative;
margin-bottom: 20px;
line-height: 1.5;
text-align: center;
margin: 0 auto;
}
.reviews-slider h3 {
color: #fff;
letter-spacing: 2px;
text-transform: capitalize;
font-variant: small-caps;
overflow: hidden;
font-size: 30px;
font-family: 'Dosis';
}
main .reviews-slider h3 {
color: inherit;
}
.reviews-title {
text-align: center;
margin-bottom: 10px;
}
.reviews-wrap {
width: 100%;
overflow: hidden;
position: relative;
}
.reviews-slider ul {
display: block;
white-space: nowrap;
font-size: 0;
position: relative;
padding: 0;
margin: 0;
vertical-align: top;
}
.reviews-slider li {
display: inline-block;
position: relative;
width: 100%;
white-space: initial;
font-size: initial;
padding: 0;
margin: 0;
vertical-align: top;
color: #260b62;
}
.reviews-slider li:before {
content: none;
}
.next-review,
.prev-review {
display: block;
position: absolute;
width: 50px;
height: 50px;
bottom: 15px;
z-index: 5;
cursor: pointer;
border-radius: 50%;
}
.next-review {
right: 50%;
margin-right: -60px;
}
.prev-review {
left: 50%;
margin-left: -60px;
}
.next-review:before {
position: absolute;
top: 50%;
right: 50%;
margin-top: -6px;
margin-right: -3px;
content: "";
width: 0;
height: 0;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
border-left: 10px solid #000;
}
.prev-review:before {
position: absolute;
top: 50%;
left: 50%;
margin-top: -6px;
margin-left: -3px;
content: "";
width: 0;
height: 0;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
border-right: 10px solid #000;
}
#go-to-top:before {
position: absolute;
top: 50%;
left: 50%;
margin-top: -6px;
margin-left: -7px;
content: "";
width: 0;
height: 0;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-bottom: 10px solid black;
}
#go-to-top {
display: none;
position: fixed;
bottom: 20px;
right: 30px;
z-index: 99;
font-size: 18px;
border: none;
outline: none;
background-color: #d69bd3;
color: white;
cursor: pointer;
padding: 20px;
border-radius: 4px;
}
#go-to-top:hover {
background-color: #993399;
}
ion-icon {
color: #993399;
padding-right: 10px;
}
.blocks-gallery-item figure {
padding: 15px;
background: #d69bd3;
}
.blocks-gallery-item img {
border: 3px solid #fff;
padding: 15px;
width: 300px;
height: 300px;
}
.blocks-gallery-grid .blocks-gallery-image img,
.blocks-gallery-grid .blocks-gallery-item img,
.wp-block-gallery .blocks-gallery-image img,
.wp-block-gallery .blocks-gallery-item img,
.wp-block-gallery.is-cropped .blocks-gallery-item img {
height: 300px;
} .acc-kontainer {
width: 100%;
margin: auto;
}
.acc-kontainer .acc-body {
width: 98%;
width: calc(100% - 20px);
margin: 0 auto;
height: 0;
color: rgba(7, 17, 130, 0);
;
background-color: rgba(214, 155, 211, 0.2);
line-height: 28px;
padding: 0 20px;
box-sizing: border-box;
transition: 0.5s;
}
.acc-kontainer label {
cursor: pointer;
background-color: rgba(214, 155, 211, 0.1);
border-bottom: 1px solid rgba(214, 155, 211, 0.1);
display: block;
padding: 15px;
width: 100%;
color: #071182;
font-weight: 400;
box-sizing: border-box;
z-index: 100;
}
.acc-kontainer input {
display: none;
}
.acc-kontainer label:before {
font-family: 'FontAwesome';
content: '\f067';
font-weight: bolder;
float: right;
}
.acc-kontainer input:checked + label {
background-color: rgba(214, 155, 211, 0.15);
}
.acc-kontainer input:checked + label:before {
font-family: 'FontAwesome';
content: '\f00d';
transition: 0.5s;
}
.acc-kontainer input:checked ~ .acc-body {
height: auto;
color: #071182;
font-size: 16px;
padding: 20px;
transition: 0.5s;
}   #wrapper {
min-height: 0;
display: inline-block;
position: relative;
left: 50%;
transform: translate(-50%, 0);
background-color: #eee; padding: 30px;
}
@media (max-width: 550px) {
#wrapper {
box-sizing: border-box;
transform: translate(0, 0);
max-width: 100%;
min-height: 100%;
margin: 0;
left: 0;
}
}
#wrapper h1,
#wrapperh2 {
color: #000;
}
#wrapper h1 {
margin: 10% auto 0;
text-transform: uppercase;
font-size: 36px;
line-height: 42px;
letter-spacing: 3px;
font-weight: 100;
text-align: center;
display: table;
padding: 10px 0;
font-weight: bolder;
border-bottom: 2px solid #000;
}
#wrapper h2 {
letter-spacing: 1px;
display: block;
background-color: #eee;
margin: 0;
cursor: pointer;
}
#wrapper p {
color: rgba(48, 69, 92, 0.8);
font-size: 16px;
line-height: 26px;
letter-spacing: 1px;
position: relative;
overflow: hidden;
max-height: 800px;
opacity: 1;
transform: translate(0, 0);
margin-top: 14px;
z-index: 2;
transition: all 500ms ease;
}
#wrapper p,
#wrapper ul li i:before,
#wrapper ul li i:after {
transition: all 0.25s ease-in-out;
}
#wrapper ul {
list-style: none;
padding: 0;
margin: 0;
background: #eee;
}
#wrapper ul li {
position: relative;
padding: 0;
margin: 0;
padding-bottom: 4px;
padding-top: 18px;
border-top: 1px dotted #993399;
}
#wrapper ul li i {
position: absolute;
transform: translate(-6px, 0);
margin-top: 9px;
right: 0;
}
#wrapper ul li i:before,
#wrapper ul li i:after {
content: "";
position: absolute;
background-color: #000;
width: 3px;
height: 16px;
}
#wrapper ul li i:before {
transform: translate(2px, 0) rotate(45deg);
}
#wrapper ul li i:after {
transform: translate(2px, 0) rotate(-45deg);
}
#wrapper ul li input[type=checkbox] {
position: absolute;
cursor: pointer;
width: 100%;
height: 100%;
z-index: 1;
opacity: 0;
}
#wrapper ul li input[type=checkbox]:checked ~ p {
margin-top: 0;
max-height: 0;
opacity: 0;
transform: translate(0, 50%);
}
#wrapper ul li input[type=checkbox]:checked ~ i:before {
margin-top: 9px;
height: 9px;
transform: translate(2px, 0) rotate(45deg);
}
#wrapper ul li input[type=checkbox]:checked ~ i:after {
margin-top: 9px;
height: 9px;
transform: translate(-2px, 0) rotate(-45deg);
}
#wrapper ul li:nth-of-type(1) {
border-top: none;
animation-delay: 0.5s;
background: #eee;
}
#wrapper ul li:nth-of-type(2) {
animation-delay: 0.75s;
}
#wrapper ul li:nth-of-type(3) {
animation-delay: 1s;
}
#wrapper ul li:last-of-type {
padding-bottom: 0;
}
#wrapper li {
animation: bounceInUp 1s ease both;
}
@-webkit-keyframes bounceInUp {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(-30px);
}
80% {
-webkit-transform: translateY(10px);
}
100% {
-webkit-transform: translateY(0);
}
}
@keyframes bounceInUp {
0% {
opacity: 0;
transform: translateY(2000px);
}
60% {
opacity: 1;
transform: translateY(-30px);
}
80% {
transform: translateY(10px);
}
100% {
transform: translateY(0);
}
} @media only screen and (min-width: 951px) and (max-width: 1024px) {
.stilustippek .article-top {min-height: auto;}
.frontbox-content {
height: 300px;
}
.frontbox-content p {
font-size: 15px;
}
.frontbox-border {
height: 269px;
}
.frontbox-border h3 {
font-size: 18px;
margin-top: 15px;
margin-bottom: 4px;
}
.services-content img {
height: 300px;
object-fit: cover;
object-position: 0% 0%;
}
#main-menu ul#main-menu-nav ul.sub-menu {
position: relative;
text-align: center;
}
}
@media only screen and (max-width: 960px) {
#header-top {
display: block;
min-height: auto;
}
#special-offer,
#social-menu,
#logo {
width: 100%;
text-align: center;
}
#social-menu ul {
text-align: center;
margin: 15px 0;
}
#social-menu ul li {
margin: 0 10px;
}
#social-menu ul li a span {
display: none;
}
.contents-count {
display: block !important;
}
#logo img {
margin: 40px 0 20px 0;
}
#special-offer {
padding: 4px 0;
border-bottom: 1px solid #ddd;
}
#main-menu {
min-height: 50px;
position: relative;
}
#main-menu ul {
display: none;
}
#main-menu ul li {
display: block !important;
width: 100%;
border-bottom: solid 1px #ddd;
}
#main-menu ul#main-menu-nav ul.sub-menu {
position: relative;
text-align: center;
}
#header {
position: relative;
}
body {
padding-top: 0;
}
#hamburger {
width: 30px;
height: 30px;
position: absolute;
right: 20px;
top: 10px;
}
#hamburger:before,
#hamburger:after {
content: "";
position: absolute;
border-bottom: solid 3px #940e8c;
border-top: solid 3px #940e8c;
height: 12px;
width: 100%;
left: 0;
}
#hamburger:after {
bottom: 0;
}
#hamburger:before {
top: 0;
}
.page-content div.wpforms-container-full .wpforms-form input[type=text],
.page-content div.wpforms-container-full .wpforms-form input.wpforms-field-medium,
main.page-content div.wpforms-container-full .wpforms-form input[type=textarea],
main.page-content div.wpforms-container-full .wpforms-form textarea.wpforms-field-medium,
main div.wpforms-container-full .wpforms-form button[type=submit] {
max-width: 100%;
width: 100%;
}
.kapcsolat h2,
.kapcsolat h3 {
text-align: center;
}
.elerhetosegeink {
padding-left: 0px;
}
#services2 .services-content p {
margin: 0;
}
#services2 .one-third:first-of-type .services-content p,
#services2 .one-third:nth-of-type(3) .services-content p {
float: left;
width: 50%;
}
#services2 .one-third:first-of-type .frontbox-content,
#services2 .one-third:nth-of-type(3) .frontbox-content {
float: right;
width: 50%;
}
#services2 .frontbox-border {
padding: 10px 20px;
}
#services2 .one-third:nth-of-type(2) .frontbox-content {
float: left;
width: 50%;
}
#services2 .one-third:nth-of-type(2) .services-content p {
float: right;
width: 50%;
}
#services2 .one-third:first-of-type .frontbox-content p,
#services2 .one-third:nth-of-type(2) .frontbox-content p,
#services2 .one-third:nth-of-type(3) .frontbox-content p {
width: 100%;
}
div.frontbox-content div.frontbox-border a p:last-of-type {
padding-bottom: 20px;
}
.one-third img {
width: 100%;
}
}
@media only screen and (max-width: 767px) {
.one-third img {
width: 100%;
}
.egyeni .one-fifth {
width: 100%;
float: none;
}
.egyeni-box img {
max-height: 100%;
}
.egyeni-box h2 {
font-size: 24px;
text-align: center;
}
.egyeni-box h4 {
font-size: 18px;
text-align: center;
}
.egyeni-textbox p:nth-of-type(2n) {
text-align: center;
font-size: 18px;
}
#services2 .one-third:first-of-type p {
float: left;
width: 50%;
}
footer {
padding: 0;
}
}
@media only screen and (min-width: 300px) and (max-width: 666px) {
main div.wpforms-container-full .wpforms-form input[type=textarea],
main div.wpforms-container-full .wpforms-form textarea.wpforms-field-medium {
width: 100%;
}
#services2 img { }
#services2 .one-third:nth-of-type(2) .services-content {
position: relative;
}
#services2 .one-third:first-of-type .frontbox-content,
#services2 .one-third:nth-of-type(2) .frontbox-content,
#services2 .one-third:nth-of-type(3) .frontbox-content {
float: none;
width: 100%;
}
.frontbox-border {
font-size: 1.3rem;
}
#services2 .one-third:nth-of-type(2) .services-content .frontbox-border p {
position: inherit;
}
#services2 .one-third:nth-of-type(2) .services-content .frontbox-content {
position: absolute;
top: 271px;
}
#services2 .one-third:nth-of-type(2) .services-content .frontbox-content { top: 335px;
}
#services2 .one-third:first-of-type p {
float: none;
width: 100%;
}
#services2 .one-third:nth-of-type(2) p,
#services2 .one-third:nth-of-type(3) p {
float: none;
width: 100%;
}
#services2 .one-third:nth-of-type(3) { margin-top: 669px;
}
#services2 .one-third:nth-of-type(2) .services-content p {
position: absolute;
}
#services2 div.center-box div.one-third div.services-content p {
float: none;
width: 100%;
}
.frontbox-content img,
.services-content img {
height: auto
}
}@font-face {
font-family: 'Lato';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/lato/v17/S6uyw4BMUTPHjxAwXjeu.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
} @font-face {
font-family: 'Lato';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/lato/v17/S6uyw4BMUTPHjx4wXg.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
} @font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/montserrat/v15/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
} @font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/montserrat/v15/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2) format('woff2');
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
} @font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/montserrat/v15/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
} @font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/montserrat/v15/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
} @font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/montserrat/v15/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
} @font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-UFWJ0bbck.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
} @font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-UFUZ0bbck.woff2) format('woff2');
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
} @font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-UFWZ0bbck.woff2) format('woff2');
unicode-range: U+1F00-1FFF;
} @font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-UFVp0bbck.woff2) format('woff2');
unicode-range: U+0370-03FF;
} @font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-UFWp0bbck.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
} @font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-UFW50bbck.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
} @font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-UFVZ0b.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
} @font-face {
font-family: 'Quicksand';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(https://fonts.gstatic.com/s/quicksand/v22/6xKtdSZaM9iE8KbpRA_hJFQNcOM.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
} @font-face {
font-family: 'Quicksand';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(https://fonts.gstatic.com/s/quicksand/v22/6xKtdSZaM9iE8KbpRA_hJVQNcOM.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
} @font-face {
font-family: 'Quicksand';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(https://fonts.gstatic.com/s/quicksand/v22/6xKtdSZaM9iE8KbpRA_hK1QN.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
} @font-face {
font-family: 'Quicksand';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/quicksand/v22/6xKtdSZaM9iE8KbpRA_hJFQNcOM.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
} @font-face {
font-family: 'Quicksand';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/quicksand/v22/6xKtdSZaM9iE8KbpRA_hJVQNcOM.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
} @font-face {
font-family: 'Quicksand';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/quicksand/v22/6xKtdSZaM9iE8KbpRA_hK1QN.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
} @font-face {
font-family: 'Quicksand';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(https://fonts.gstatic.com/s/quicksand/v22/6xKtdSZaM9iE8KbpRA_hJFQNcOM.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
} @font-face {
font-family: 'Quicksand';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(https://fonts.gstatic.com/s/quicksand/v22/6xKtdSZaM9iE8KbpRA_hJVQNcOM.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
} @font-face {
font-family: 'Quicksand';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(https://fonts.gstatic.com/s/quicksand/v22/6xKtdSZaM9iE8KbpRA_hK1QN.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
} @font-face {
font-family: 'Quicksand';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(https://fonts.gstatic.com/s/quicksand/v22/6xKtdSZaM9iE8KbpRA_hJFQNcOM.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
} @font-face {
font-family: 'Quicksand';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(https://fonts.gstatic.com/s/quicksand/v22/6xKtdSZaM9iE8KbpRA_hJVQNcOM.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
} @font-face {
font-family: 'Quicksand';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(https://fonts.gstatic.com/s/quicksand/v22/6xKtdSZaM9iE8KbpRA_hK1QN.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
} @font-face {
font-family: 'Raleway';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/raleway/v19/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCFPrEHJA.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
} @font-face {
font-family: 'Raleway';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/raleway/v19/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCMPrEHJA.woff2) format('woff2');
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
} @font-face {
font-family: 'Raleway';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/raleway/v19/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCHPrEHJA.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
} @font-face {
font-family: 'Raleway';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/raleway/v19/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCGPrEHJA.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
} @font-face {
font-family: 'Raleway';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/raleway/v19/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCIPrE.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
} @font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
} @font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format('woff2');
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
} @font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format('woff2');
unicode-range: U+1F00-1FFF;
} @font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format('woff2');
unicode-range: U+0370-03FF;
} @font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
} @font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
} @font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}