/*=================== GLOBAL =================*/
/*@import url('https://fonts.googleapis.com/css2?family=Sofia+Sans:ital,wght@0,300;0,400;0,700;1,400&display=swap');*/
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,700;1,300&display=swap');
body {
/* font-family: 'Sofia Sans', sans-serif;*/
font-family: 'Open Sans', sans-serif;
font-size: 16px;
font-size: 1rem;
}
.page-title h2 {
text-transform: initial;
}
.about-text,
.team-single-content .participated-case,
.team-single-section .member-details,
.service-single-content .details-service {
text-align: justify;
}
.theme-btn-s2 {
text-transform: initial;
}
/*#lang-sw {
float: right;
margin-top: 12px;
}*/
#lang-switcher {
margin-top: 12px;
float: right;
position: relative;
display: inline-block;
/* padding-right: 15px;*/
color: #b59233;
list-style-type: none;
padding-left: 25px;
}
/*#lang-switcher span {
text-transform: uppercase;
cursor: pointer;
line-height: 20px;
font-size: 0;
}
#lang-switcher span:after {
font-family: "themify";
content: "\e64b";
color: #282e3f;
margin: 0 5px;
font-size: 11px;
position: relative;
top: 5px;
float: left;
}
#lang-switcher #lang-list {
position: absolute;
display: none;
z-index: 1;
padding-left: 0;
} */
/*#lang-switcher #lang-list .current-lang {
display: none;
}*/
/*#lang-switcher #lang-list li {
float: none;
padding-right: 0;
width: 100%;
margin-left: 0;
list-style-type: none;
}*/
#lang-switcher li {
float: left;
margin-left: 15px;
}
#lang-switcher li a,
#lang-switcher #lang-list li a {
color: #FFF;
/* padding: 2px 5px;
background-color: #282e3f;*/
display: inline-block;
width: 100%;
text-align: center;
font-size: 0;
height: auto;
float: left;
}
#lang-switcher li a:hover {
border-bottom: solid 2px #b59233;
}
#lang-switcher li.current-lang a {
border-bottom: solid 2px #282e3f;
}
#lang-switcher a[lang="sk-SK"]:before,
#lang-switcher a[lang="en-US"]:before,
#lang-switcher .flag-ua:before,
#lang-switcher .flag-en:before,
#lang-switcher .flag-sk:before,
#lang-switcher #lang-list li a:before {
content: '';
display: inline-block;
width: 30px;
height: 30px;
float: left;
background-size: contain;
background-repeat: no-repeat;
}
#lang-switcher a[lang="sk-SK"]:before,
#lang-switcher .flag-sk:before,
#lang-switcher #lang-list li.lang-item-sk a:before {
background-image: url('data:image/svg+xml;utf8,');
}
#lang-switcher a[lang="en-US"]:before,
#lang-switcher .flag-en:before,
#lang-switcher #lang-list li.lang-item-en a:before {
/* background-image: url('data:image/svg+xml;utf8,');*/
background-image: url('data:image/svg+xml;utf8,');
}
#lang-switcher .flag-ua:before,
#lang-switcher #lang-list li.lang-item-ua a:before {
background-image: url('data:image/svg+xml;utf8,');
}
#lang-switcher #lang-list li a:hover {
/* background-color: #b59233;*/
color: #FFF;
}
/*=================== GLOBAL =================*/
/*=================== MOBILE FIXED CTA =================*/
#mobile-fixed-cta {
position: fixed;
bottom: 0;
width: 100%;
left: 0;
display: none;
z-index: 10;
}
#mobile-fixed-cta .mobile-cta-tel {
text-transform: initial;
position: relative;
background: #b59233;
border-radius: 0;
color: #FFF;
padding: 12px 25px;
display: inline-flex;
width: 100%;
text-align: center;
font-weight: 700;
justify-content: center;
line-height: 20px;
}
/*=================== MOBILE FIXED CTA =================*/
/* ================== GDPR ================= */
.tooltips.info {
background: #b59233;
color: #FFF;
display: inline-block;
width: 20px;
height: 20px;
font-size: 15px;
line-height: 20px;
font-weight: bold;
border-radius: 50%;
cursor: pointer;
text-align: center;
margin-left: -20px;
top: 14px;
position: absolute;
}
.Zebra_Tooltip .Zebra_Tooltip_Arrow div {
border-color: transparent transparent #000!important;
}
.Zebra_Tooltip_Message {
padding: 10px!important;
font-size: 12px!important;
line-height: 1.2!important;
}
.Zebra_Tooltip .Zebra_Tooltip_Message {
background-color: #000!important;
-webkit-box-shadow: 2px 2px 6px rgba(33, 33, 33, 0.6)!important;
-moz-box-shadow: 2px 2px 6px rgba(33, 33, 33, 0.6)!important;
box-shadow: 2px 2px 6px rgba(33, 33, 33, 0.6)!important;
}
.Zebra_Tooltip .btn {
font-size: 12px;
}
.Zebra_Tooltip_Arrow.Zebra_Tooltip_Arrow_Bottom div {
border-color: #000 transparent transparent!important;
}
.display-ib {
display: inline-block;
}
.relative {
position: relative;
}
/* ================== GDPR ================= */
/*=================== FONT =================*/
.testimonials-section .grid .client-info h4, .testimonials-section-2 .grid .client-info h4, .testimonials-section-3 .grid .client-info h4, .testimonials-pg-section .grid .client-info h4 {
font-family: 'Open Sans', sans-serif;
}
/*=================== FONT =================*/
/*=================== COLORS =================*/
.services-section .grid h4 a:hover, .services-section-s2 .grid h4 a:hover, .services-section-s3 .grid h4 a:hover,
.fun-fact-awards-section .funfact-grids .grid h2,
.about-section-s3 .title-text h2:first-letter,
.about-section-s3 .title-text p,
.comment-content a, .logged-in-as a, .lower-footer p a,
.page-wrapper .cta-section p,
.services-section-s2 .service-grids .grid .icon i:before,
.about-section-s2 .title-text p,
.features-section .grid .icon i:before, .features-section-s2 .grid .icon i:before,
.site-header #navbar>ul li a:hover, .site-header #navbar>ul li a:focus, .site-header #navbar>ul li.current_page_item a,
.header-style-1 .topbar .info span, .header-style-2 .topbar .info span, .header-style-3 .topbar .info span,
a {
color: #b59233;
}
.hero .slick-prev:hover, .hero .slick-next:hover {
background: #b59233;
border-color: #b59233;
}
.hero-slider .theme-btn-s2 {
border: 2px solid #b59233;
background-color: #b59233;
color: #FFF;
text-transform: initial;
}
.hero-slider .theme-btn-s2:hover {
background-color: rgb(181 146 51 / 75%);
border-color: #b59233;
}
.theme-btn-s2:hover, .theme-btn-s3:hover, .theme-btn-s4:hover, .theme-btn-s2:focus, .theme-btn-s3:focus, .theme-btn-s4:focus, .theme-btn-s2:active, .theme-btn-s3:active, .theme-btn-s4:active {
background-color: rgb(181 146 51 / 75%);
border-color: #b59233;
}
.about-section-s3 .img-holder:before {
background-color: #b59233;
}
.team-single-section .member-pic h2 {
background-color: rgb(181 146 51 / 90%);
}
.contact-pg-section .info-box-outer .inner:before, .contact-pg-section-s2 .info-box-outer .inner:before {
background-color: rgb(181 146 51 / 75%);
}
.hero .slick-dots button,
.site-header #navbar .close-navbar,
.site-header .navbar-header button {
background-color: #b59233;
}
/*=================== COLORS =================*/
/*=================== FORM =================*/
.wpcf7-not-valid-tip {
font-size: 14px;
}
.wpcf7 form .wpcf7-response-output {
margin: 30px;
}
.team-single-section .contact-me form input,
.team-single-section .contact-me form textarea,
.service-single-content .wpcf7 form input,
.service-single-content .wpcf7 form textarea,
.contact-pg-section form input, .contact-pg-section-s2 form input,
.contact-pg-section form textarea, .contact-pg-section-s2 form textarea {
background-color: #efefef;
border: 2px solid #efefef;
}
.suhlas .wpcf7-list-item {
margin: 0;
padding-right: 30px;
}
.suhlas .wpcf7-list-item input {
height: auto;
}
.suhlas .wpcf7-list-item .wpcf7-list-item-label {
font-size: 14px;
color: #838383;
font-weight: normal;
}
.contact-section input[type=submit].theme-btn-s3 {
padding: 6px 25px;
}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900;
background: #ffb900;
color: #FFF;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450;
background: #46b450;
color: #FFF;
}
.contact-pg-section .contact-section form input,
.contact-pg-section .contact-section-s2 form input,
.contact-pg-section .contact-section form textarea,
.contact-pg-section .contact-section-s2 form textarea {
color: #333;
}
/*=================== FORM =================*/
/*=================== HEADER =================*/
.site-logo img {
max-height: 80px;
}
.header-style-1 .topbar .info {
margin-top: 12px;
}
.header-style-1 .topbar .info .nonstop {
background: #282e3f;
padding: 5px 10px 5px 4px;
color: #FFF;
font-weight: bold;
text-align: left;
}
.header-style-1 .topbar .info .nonstop:before {
content: '';
display: inline-block;
height: 46px;
width: 46px;
margin-right: 6px;
float: left;
background-image: url('data:image/svg+xml;utf8,');
background-position: center;
background-size: contain;
}
.header-style-1 .navigation .search-quote .quote a {
text-transform: initial;
position: relative;
background: #b59233;
border-radius: 0;
color: #FFF;
/* box-shadow: 0 0 0 0 rgba(181, 146, 51, 0.8);*/
/* animation: pulse 2s infinite;*/
}
/*.header-style-1 .navigation .search-quote .quote a {
border-radius: 0;
padding: 12px 25px;
border: 2px solid #b59233;
font-size: 0.9375rem;
font-weight: 700;
display: inline-block;
--border-size: 3px;
--border-angle: 0turn;
background-image: conic-gradient( from var(--border-angle), #fff, #fff 50%, #fff ), conic-gradient(from var(--border-angle), transparent 20%, #b59233, #b59233);
background-size: calc(100% - (var(--border-size) * 2)) calc(100% - (var(--border-size) * 2)), cover;
background-position: center center;
background-repeat: no-repeat;
animation: bg-spin 3s linear infinite;
}
@keyframes bg-spin {
to {
--border-angle: 1turn;
}
}
&:hover {
animation-play-state: paused;
}
@property --border-angle {
syntax: "";
inherits: true;
initial-value: 0turn;
}*/
.header-style-1 .navigation .search-quote .quote a:hover {
/* animation: none;*/
background: rgb(181 146 51 / 75%);
}
@keyframes pulse {
0% {
transform: scale(.9);
}
70% {
transform: scale(1);
/* box-shadow: 0 0 0 30px rgba(181, 146, 51, 0.8);*/
}
100% {
transform: scale(.9);
/* box-shadow: 0 0 0 40px rgba(181, 146, 51, 0.8);*/
}
}
.border-animate {
overflow: hidden;
position: absolute;
top: 5px;
right: 5px;
bottom: 5px;
left: 5px;
}
.border-animate > div.top {
top: 0;
background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.3), #fff);
background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.3)), to(#fff));
background: -o-linear-gradient(left, rgba(255, 255, 255, 0.3), #fff);
background: linear-gradient(90deg, rgba(255, 255, 255, 0.3), #fff);
-webkit-animation: border-animate-top 2s linear infinite;
animation: border-animate-top 2s linear infinite;
}
.border-animate > div.right {
right: 0;
background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), #fff);
background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.3)), to(#fff));
background: -o-linear-gradient(top, rgba(255, 255, 255, 0.3), #fff);
background: linear-gradient(180deg, rgba(255, 255, 255, 0.3), #fff);
-webkit-animation: border-animate-right 2s linear infinite;
animation: border-animate-right 2s linear infinite;
-webkit-animation-delay: 1s;
animation-delay: 1s;
}
.border-animate > div.bottomb {
background: -webkit-linear-gradient(right, rgba(255, 255, 255, 0.3), #fff);
background: -webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, 0.3)), to(#fff));
background: -o-linear-gradient(right, rgba(255, 255, 255, 0.3), #fff);
background: linear-gradient(270deg, rgba(255, 255, 255, 0.3), #fff);
bottom: 0;
-webkit-animation: border-animate-bottom 2s linear infinite;
animation: border-animate-bottom 2s linear infinite;
}
.border-animate > div.left {
background: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0.3), #fff);
background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0.3)), to(#fff));
background: -o-linear-gradient(bottom, rgba(255, 255, 255, 0.3), #fff);
background: linear-gradient(0deg, rgba(255, 255, 255, 0.3), #fff);
left: 0;
-webkit-animation: border-animate-left 2s linear infinite;
animation: border-animate-left 2s linear infinite;
-webkit-animation-delay: 1s;
animation-delay: 1s;
}
.border-animate > div.bottomb,
.border-animate > div.top {
width: 100%;
height: 1px;
left: 0;
}
.border-animate > div.left,
.border-animate > div.right {
height: 100%;
width: 1px;
top: 0;
}
.border-animate > div {
position: absolute;
}
@-webkit-keyframes border-animate-top {
0% {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
to {
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
}
@keyframes border-animate-top {
0% {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
to {
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
}
@-webkit-keyframes border-animate-right {
0% {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
to {
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
}
@keyframes border-animate-right {
0% {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
to {
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
}
@-webkit-keyframes border-animate-bottom {
0% {
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
to {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
}
@keyframes border-animate-bottom {
0% {
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
to {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
}
@-webkit-keyframes border-animate-left {
0% {
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
to {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
}
@keyframes border-animate-left {
0% {
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
to {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
}
/*=================== HEADER =================*/
/*=================== HOME PAGE =================*/
.hero-style-1 .slide-caption h2, .hero-style-2 .slide-caption h2 {
max-width: 600px;
}
.hero-style-1 .slide-caption p, .hero-style-2 .slide-caption p {
color: #282e3f;
}
.hero-style-1 .slide-caption p:after, .hero-style-2 .slide-caption p:after {
background: #282e3f;
}
.pk-title .about-section-s3 .title-text h2:first-letter,
.pk-title .about-section-s2 .title-text h2:first-letter {
color: #282e3f;
float: initial;
margin-right: 0;
font-size: 36px;
font-size: 2.25rem;
line-height: 1.2em;
margin: 5px 0 0.6em;
text-transform: uppercase;
}
.pk-cta-section .cta-section .info-box {
padding: 0;
}
.pk-cta-section .cta-section .theme-btn-s2 {
text-transform: initial;
}
.services-section-s2 .service-standard {
min-height: 320px;
/* text-align: left!important;*/
}
.services-section-s2 h4 {
color: #FFF;
}
@media (max-width: 1199px) {
.pk-title .about-section-s3 .title-text h2:first-letter,
.pk-title .about-section-s2 .title-text h2:first-letter {
font-size: 30px;
font-size: 1.875rem;
}
}
@media (max-width: 767px) {
.pk-title .about-section-s3 .title-text h2:first-letter,
.pk-title .about-section-s2 .title-text h2:first-letter {
font-size: 25px;
font-size: 1.5625rem;
}
}
.about-section-s3 .title-text h2 span,
.about-section-s2 .title-text h2 span {
font-size: 120px;
font-size: 7.5rem;
color: #b59233;
float: left;
margin-right: 10px;
line-height: 0.5em;
}
@media (max-width: 1199px) {
.about-section-s3 .title-text h2 span,
.about-section-s2 .title-text h2 span {
font-size: 100px;
font-size: 6.25rem;
}
}
@media (max-width: 767px) {
.about-section-s3 .title-text h2 span,
.about-section-s2 .title-text h2 span {
font-size: 80px;
font-size: 5rem;
}
}
.home-contact input[type=submit].theme-btn-s3 {
padding: 0px 25px;
background-color: #b59233;
border-color: #b59233;
border-radius: 40px;
color: #FFF;
}
.home-contact input[type=submit].theme-btn-s3:hover {
background-color: rgb(181 146 51 / 75%);
border-color: #b59233;
}
.attorney-border .attorneys-grids .grid {
width: 47%!important;
}
/*.attorney-border .attorneys-grids .grid:after {
content: "";
background-color: #b59233;
width: 100%;
height: 100%;
position: absolute;
left: 8px;
top: 20px;
}
*/
.attorney-border .attorneys-grids a:first-of-type .grid {
margin-right: 6%;
}
.attorney-border .attorneys-grids .details {
min-height: 136px;
}
/*=================== HOME PAGE =================*/
/*=================== ABOUT US PAGE =================*/
.features-section .feature-grids {
background-color: #f8f8f8;
}
.kpi-section .fun-fact-awards-section .funfact-grids {
text-align: center;
}
.kpi-section .fun-fact-awards-section .funfact-grids:after {
left: 50%;
}
/*=================== ABOUT US PAGE =================*/
/*=================== SERVICES PAGE =================*/
.blog-sidebar .site-footer {
background-color: transparent;
}
.services-section-s3 .service-standard {
min-height: 400px;
}
.services-section-s3 h4 {
color: #282e3f;
}
.services-section-s3 a:hover h4 {
color: #FFF;
}
/*=================== SERVICES PAGE =================*/
/*=================== SINGLE SERVICE PAGE =================*/
@media (max-width: 991px) {
.service-single-content .wpcf7 {
padding-top: 20px;
}
}
.service-single-content .wpcf7 form {
overflow: hidden;
margin: 0 -15px;
}
@media (max-width: 767px) {
.service-single-content .wpcf7 form {
margin: 0 0 0 -15px;
}
}
.service-single-content .wpcf7 form .half-col {
width: 50%;
float: left;
}
@media (max-width: 600px) {
.service-single-content .wpcf7 form .half-col {
width: 100%;
float: left;
}
}
@media (max-width: 767px) {
.service-single-content .wpcf7 form div {
padding: 0 0 15px 15px;
}
}
.service-single-content .wpcf7 form .submit-btn-wrapper {
padding-bottom: 0;
}
.service-single-content .wpcf7 form input,
.service-single-content .wpcf7 form textarea {
height: 55px;
padding: 6px 15px;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.service-single-content .wpcf7 form input[type="submit"] {
background-color: #b59233;
border: 2px solid #b59233;
transition: .3s;
}
.service-single-content .wpcf7 form input[type="submit"]:hover {
background-color: rgb(181 146 51 / 75%);
border-color: #b59233;
}
@media (max-width: 767px) {
.service-single-content .wpcf7 form input,
.service-single-content .wpcf7 form textarea {
height: 45px;
}
}
.service-single-content .wpcf7 form input:focus,
.service-single-content .wpcf7 form textarea:focus {
-webkit-box-shadow: none;
box-shadow: none;
border-color: #c1b696;
}
.service-single-content .wpcf7 form textarea {
height: 200px;
padding: 15px;
}
.service-single-content .wpcf7 .theme-btn-s3 {
width: 100%;
}
.service-single-content .wpcf7 form .wpcf7-response-output {
margin: 0 15px;
padding: 5px 10px;
}
.service-single-content .wpcf7 form .home-contact div,
.service-single-content .wpcf7 form .half-col {
padding: 0 15px 30px;
}
.service-single-section .service-single-content p {
margin-bottom: 0;
}
.service-single-content .wpcf7 form .suhlas input {
height: auto;
}
/*=================== SINGLE SERVICE PAGE =================*/
/*=================== SINGLE ATTORNEY PAGE =================*/
.team-single-section .member-details {
margin-top: 40px;
}
.team-single-section .contact-me form div {
padding: 0 7px 0;
}
.team-single-section .wpcf7 form .wpcf7-response-output {
margin: 0 15px;
padding: 5px 10px;
}
.team-single-section .contact-me form input[type="submit"] {
background-color: #b59233;
}
/*=================== SINGLE ATTORNEY PAGE =================*/
/*=================== CONTACT =================*/
.info-box-outer a {
color: #FFF;
}
.info-box-outer a:hover {
color: #FFF;
text-decoration: underline;
}
.contact-section .contact-content .text {
margin-bottom: 50px;
padding-top: 5px;
}
/*=================== CONTACT =================*/
/*=================== FOOTER =================*/
.footer-widget-area .col-lg-2 {
width: 33.33333333%;
}
.footer-widget-area .logo img {
max-height: 80px;
}
.footer-widget-area .widget h3 {
margin-bottom: 35px;
color: #fff;
margin-top: 0px;
}
.footer-widget-area .contact-widget a {
color: #cac9c9;
}
.footer-widget-area .contact-widget a:hover {
color: #cac9c9;
text-decoration: underline;
}
/*=================== FOOTER =================*/
/*=================== MEDIA QUERY =================*/
@media screen and (max-width: 1200px) {
.services-section-s2 .service-standard {
min-height: 350px;
}
.footer-widget-area .col-lg-4 {
width: 33.33333333%;
float: left;
}
}
@media screen and (max-width: 991px) {
.tooltips.info {
top: 9px;
}
.site-header .theme-btn {
color: #FFF!important;
}
.footer-widget-area .col-lg-4 {
width: 100%;
float: left;
}
.header-style-1 .navigation .search-quote {
margin-top: 21px;
}
/* .header-style-1 .navigation .search-quote .quote a {
padding: 7px 25px;
}*/
}
@media screen and (max-width: 767px) {
#header .topbar .col-sm-8 {
text-align: center;
}
#lang-switcher,
#lang-sw {
float: none;
margin-top: 20px;
clear: both;
display: inline-block;
padding-left: 0;
}
#lang-switcher li.lang-item-first {
margin-left: 0;
}
body.kc-css-system .kc-css-623562,
body.kc-css-system .kc-css-428687 {
padding: 40px!important;
}
.contact-content .contact-form {
margin: 0;
}
.contact-content .home-contact {
padding-left: 0;
}
.attorneys-section .attorneys-grids .grid {
width: 100%!important;
}
.attorney-border .attorneys-grids a:first-of-type .grid {
margin-right: 0;
}
.back-to-top {
bottom: 50px;
}
}
@media screen and (max-width: 600px) {
body.kc-css-system .kc-css-530327 {
padding: 30px!important;
}
.services-section-s2 .service-grids .grid,
.services-section-s3 .service-grids .grid {
width: calc(100% - 30px)!important;
float: none;
}
.services-section-s2 .service-standard,
.services-section-s3 .service-standard {
min-height: auto;
}
}
@media screen and (max-width: 500px) {
body.kc-css-system .kc-css-694577 {
padding: 30px!important;
}
}
@media screen and (max-width: 400px) {
body.kc-css-system .kc-css-623562,
body.kc-css-system .kc-css-428687 {
padding: 20px!important;
}
.suhlas .wpcf7-list-item input {
float: left;
}
.suhlas .wpcf7-list-item .wpcf7-list-item-label {
display: inline-block;
width: 88%;
width: calc(100% - 30px);
line-height: 1.4;
margin-left: 10px;
float: left;
}
}
/*=================== MEDIA QUERY =================*/