body{
font-size: 100%;
color:#000000;
box-sizing: border-box;
}
:root{
--black:#000;
--white:#fff;
--blue:#4193d1;
--primary:#ffc514;
--primary2:#d4af37;
--red:#ff6200; 
--dark:#2b2a2b;
--light-dark:#282828;
}
@font-face {
font-family: spring;
src: url(//www.visualbest.co/wp-content/themes/best/fonts/spring_rain_solid.otf);
font-weight: 700;
}
@font-face {
font-family: popping-bold;
src: url(//www.visualbest.co/wp-content/themes/best/fonts/Poppins-Bold.ttf);
font-weight: 700; 
}
@font-face {
font-family: popping-regular;
src: url(//www.visualbest.co/wp-content/themes/best/fonts/Poppins-Regular.ttf);
font-weight: 200;
}
@font-face {
font-family: popping-semibold;
src: url(//www.visualbest.co/wp-content/themes/best/fonts/Poppins-SemiBold.ttf);
font-weight: 400;
} [data-font-style="spring"] {
font-family: spring;
}
[data-font-style="popping-bold"] {
font-family: popping-bold;
}
[data-font-style="popping-regular"] {
font-family: popping-regular;
}
[data-font-style="popping-semibold"] {
font-family: popping-semibold;
}   [data-bgcolor="white"] {
background-color:#fff;
}
[data-bgcolor="blue"] {
background-color:#4191cf;
}
[data-bgcolor="primary"] {
background-color:#ffc514;
}
[data-bgcolor="primary2"] {
background-color:#d4af37;
}
[data-bgcolor="gray"] {
background-color:#f0f0f0;
}
[data-bgcolor="dark"] {
background-color:#2b2a2b;
}
[data-bgcolor="footer"] {
background-color:#212a31;
}
li.linkColorNone a{
color:#000000!important;
} [data-color="black"] {
color:#000000;
}
[data-color="primary"] {
color:#ffc514;
}
[data-color="red"] {
color:#ff6200;
}
[data-color="primary2"] {
color:#d4af37;
}
[data-color="light-dark"] {
color:#282828;
}
[data-color="light"] {
color:#a3a3a3;
}
[data-color="white"] {
color:#fff;
}  [line-height="1.6em"]{
line-height: 1.6em;
}
[line-height="1.7em"]{
line-height: 1.7em;
}
[line-height="1.5em"]{
line-height: 1.5em;
}
[line-height="1.4em"]{
line-height: 1.4em;
}
[line-height="1.3em"]{
line-height: 1.3em;
}
[line-height="1.2em"]{
line-height: 1.2em;
}   [data-heading="9em"] {
font-size: 9em;
}
[data-heading="8em"] {
font-size: 8em;
}
[data-heading="7em"] {
font-size: 7em;
}
[data-heading="5em"] {
font-size: 5em;
}
[data-heading="4.5em"] {
font-size: 4.5em;
}
[data-heading="4em"] {
font-size: 4em;
}
[data-heading="3.5em"] {
font-size: 3.5em;
}
[data-heading="3em"] {
font-size: 3em;
} [data-heading="60px"] {
font-size: 60px;
}
[data-heading="30px"] {
font-size: 30px;
}
[data-heading="28px"] {
font-size: 28px;
}
[data-heading="25px"] {
font-size: 25px;
}
[data-heading="24px"] {
font-size: 24px;
}
[data-heading="22px"] {
font-size: 22px;
}
[data-heading="20px"] {
font-size: 20px;
}
[data-heading="18px"] {
font-size: 18px;
}  [data-para="22px"] {
font-size: 22px;
}
[data-para="20px"] {
font-size: 20px;
}
[data-para="19px"] {
font-size: 19px;
}
[data-para="18px"] {
font-size: 18px;
}
[data-para="17px"] {
font-size: 17px;
}
[data-para="16px"] {
font-size: 16px;
}
[data-para="15px"] {
font-size: 15px;
}
[data-para="14px"] {
font-size: 14px;
}
[data-para="1.4em"] {
font-size: 1.4em;
}
[data-para="1.3em"] {
font-size: 1.3em;
}
[data-para="1.2em"] {
font-size: 1.2em;
}  @media (max-width:766px){
[data-heading="30px"] {
font-size: 25px;
}
[data-heading="28px"] {
font-size: 25px;
}
[data-para="25px"] {
font-size: 22px;
}
[data-para="22px"] {
font-size: 20px;
}
[data-para="20px"] {
font-size: 18px;
}
[data-para="18px"] {
font-size: 16px;
}
}
@media (max-width:500px){
[data-heading="25px"]{
font-size: 22px;
}
[data-heading="22px"] {
font-size: 20px;
}
[data-para="17px"] {
font-size: 16px;
}
[data-para="22px"] {
font-size: 16px;
} 
[data-para="20px"] {
font-size: 16px;
}
}
.button--primary {
background-color: #ffc514;
border-color: #ffc514;
color: #000000;
text-decoration: none;
font-weight: bold;
}
.button--secondary {
background-color: #fff;
border-color: #fff;
color: #000000;
text-decoration: none;
font-weight: bold;
}
a:hover{
color:inherit;
}
.button {
font-family: popping-semibold;
font-size: 20px;
border-radius: 999px;
border-width: 1px;
border-style: solid;
line-height: initial;
cursor: pointer;
display: inline-block;
vertical-align: middle;
margin: 0;
padding: 0;
text-align: center;
}
.button__inner {
min-height: 50px;
display: flex;
align-items: center;
justify-content: center;
padding: 10px 30px;
}
@media(max-width:500px) {
.button__inner {
padding: 8px 22px;
min-height: 40px;
}
.button {
font-size: 16px;
}
}.case-study ol{
font-family: popping-regular;
font-size: 18px;
margin-bottom: 15px;	
}
.case-study li{
font-family: popping-regular;
font-size: 18px;
margin-bottom: 15px;	
}
.wpcf7-response-output {
border-color: #46b450;
font-size: 25px;
color: #fec535;
} 
.curs{
cursor: pointer;
}
#section-1 .carousel-indicators [data-bs-target] {
width: 13px;
height: 13px;
background-color: #234;
border-radius: 50%;
}
#section-1 .banner-text h2 {
line-height: 1em;
}
#section-1 .banner-slider-pagination {
bottom: -3em;
left: 0;
padding: 0 1em;
position: absolute;
right: 0;
z-index: 1;
}
#section-1 .banner-slider-page {
background: var(--white);
border: 2px solid var(--black);
border-radius: 50%;
display: inline-block;
height: 19px;
margin: 5px 5px 5px 5px;
opacity: 1;
padding: 0;
transition: transform .2s linear;
width: 19px;
}
#section-1 .banner-slider-page.is-active {
background: var(--black);
transform: inherit;
}
#section-1 .banner-slider li.splide__slide {
position: relative;
}
#section-1 .banner-slider .btn_box {
display: flex;
flex-direction: column;
color: var(--white);
}
#section-1 .arow-ln img{
max-width: 22px;
} 
#section-1 .banner-slider .slider-tit-desc p {
font-size: 16px;
}  #section-2 .number-container {
display: flex;
justify-content: center;
align-items: center;
min-height: 100px;
column-gap: 3em;
row-gap: 3em;
flex-wrap: wrap;
}
#section-2 .num-box {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
max-width: 180px;
}
#section-2 .num-box span:first-child, .numv-count {
font-family: popping-semibold;
color: var(--white);
font-size: 3em;
}
#section-2 .num-box span:last-child {
font-family: popping-semibold;
color: var(--white);
font-size: 16px;
text-align: center;
}  #section-3 .icons-container {
display: flex;
justify-content: center;
align-items: flex-start;
gap: 2em;
}
#section-3 .icons-container .custom-btn {
text-decoration: none;
color: var(--black);
position: relative;
}
#section-3 .icons-container .custom-btn:after, .bad-but a:after {
position: absolute;
content: "";
width: 31px;
height: 30px;
background-image: url(//www.visualbest.co/wp-content/uploads/2023/09/link-arrow-with-bg.png);
background-size: cover;
background-repeat: no-repeat;
margin-left: 10px;
top: -3px;
transition: transform .2s;
}
.bad-but a:after {
width: 36px;
height: 35px;
margin-left: 12px;
top: -2px;
}
#section-3 .icons-container .custom-btn:hover::after, .bad-but a:hover::after {
transform: scale(1.2);
}
#section-3 .icons-container .icons-box {
width: 100%;
max-width: 100px;
}
#section-3 .icons-container .custom-btn:hover {
color: #ffc514;
}
#section-3 .icons-container .icons-heading {
width: 100%;
max-width: 700px;
}
#section-3 .scroll-container::-webkit-scrollbar {
display: none;
}
.left {
height: fit-content;
top: 0px;
}  #section-4 .verticle-box .ver-box {
position: relative;
}
#section-4 .verticle-box .ver-box h6 {
position: absolute;
top: 10px;
left: 0px;
padding: 10px 20px;
font-size: 22px;
}  #section-5 {}
#section-4 .hoverimg {
border-radius: 15px;
}
#section-5 .bg-image {
background-image: url(//www.visualbest.co/wp-content/uploads/2023/09/girl.webp);
background-size: cover;
background-repeat: no-repeat;
}
.hoverimg img:hover {
transform: scale(1.1);
}
.hoverimg img {
transition: 0.3s;
}  #section-6 .tabs-container {
box-shadow: 1px 1px 30px #cbc6c6; border-radius: 30px;
}
#section-6 .tab-border-top {
border-top: 2px solid #ddd;
}
#section-6 .nav-link {
font-size: 18px;
color: #000000;
padding: 0.5em 1em;
}
#section-6 .nav-link:focus,
.nav-link:hover {
color: var(--red);
}
#section-6 .nav-pills .nav-link.active,
.nav-pills .show>.nav-link, #section-6 .nav-pills .nav-link:hover {
color: var(--red);
background-color: var(--white);
}
#section-6 .tabs-details {
min-height: 400px;
}
#section-6 .tabs-details ul li::marker {
font-size: 26px;
}
#section-6 .tabs-details img {
max-width: 380px;
}  #reason_5 {
width: 100%;
max-width: 800px;
margin: 0 auto;
position: relative;
}
#reason_5 .reason-img {
max-width: 145px;
width: 100%;
}
#reason_5 .reason-text {
max-width: 450px;
width: 100%;
}
#section-7 .reason-slider-pagination {
bottom: -3em;
left: 0;
padding: 0 1em;
position: absolute;
right: 0;
z-index: 1;
text-align: center;
}
#section-7 .reason__pagination li {
display: inline-block;
line-height: 1;
list-style-type: none;
margin: 0;
pointer-events: auto;
}
#section-7 .reason-slider-page {
background: var(--white);
border: 2px solid var(--black);
border-radius: 50%;
display: inline-block;
height: 19px;
margin: 5px 5px 5px 5px;
opacity: 1;
padding: 0;
transition: transform .2s linear;
width: 19px;
}
#section-7 .reason-slider-page.is-active {
background: var(--black);
transform: inherit;
}
#section-7 .swiper {
width: 100%;
height: 100%;
}
#section-7 .swiper-pagination-bullet {
opacity: 1;
}
#section-7 .pagination-bottom {
font-family: popping-semibold;
font-size: 0px;
bottom: -3em;
left: 0;
padding: 0 1em;
position: absolute;
right: 0;
z-index: 1;
}
#section-7 .pagination-bottom span {
display: inline-block;
line-height: 1;
list-style-type: none;
margin: 0;
width: 19px;
height: 19px;
pointer-events: auto;
}
#section-7 .pagination-top {
position: absolute;
top: 0px;
right: 10px;
margin: 0;
height: 0px;
z-index: +999;
display: flex;
justify-content: center;
align-items: flex-start;
}
#section-7 .swiper-slide {
display: flex;
justify-content: center;
align-items: center;
min-height: 150px;
}
#section-7 .pagination-top .swiper-pagination-bullet {
width: 55px;
font-family: popping-semibold;
font-size: 25px;
border-radius: 40px;
height: 55px;
line-height: 25px;
background-color: #ddd9d967;
padding: 15px;
color: #cccccc;
opacity: 1;
}
#section-7 .pagination-bottom .swiper-pagination-bullet {
display: inline-block;
line-height: 1;
list-style-type: none;
margin: 0;
width: 19px;
height: 19px;
pointer-events: auto;
background-color: #fff;
border: 2px solid #000000;
}
#section-7 .pagination-bottom .swiper-pagination-bullet-active {
color: #fff;
background: #000000;
}
#section-7 .pagination-top .swiper-pagination-bullet-active {
color: #fff;
background: var(--dark);
}  #section-8 {
background-color: var(--dark);
}  #section-9 {
background-color: var(--blue);
}
#section-9 .testimonial-record .testi-picture {
width: 100%;
max-width: 300px;
position: relative;
}
#section-9 .testimonial-record .testi-picture:after {
position: absolute;
content: "";
width: 2px;
height: 100%;
right: 0;
top: 0;
background-color: rgba(255, 255, 255, 0.763);
}
#section-9 .testimonial-record .testi-picture img {
width: 120px;
}
#section-9 .testimonial-record .testi-text {
width: 100%;
max-width: 600px;
}
#section-9 .testimonial-slider-page {
background: #fff0;
border: 2px solid var(--white);
border-radius: 50%;
display: inline-block;
height: 19px;
margin: 5px 5px 5px 5px;
opacity: 1;
padding: 0;
transition: transform .2s linear;
width: 19px;
}
.page-template-creative-solutions-everytime #section-9 {
background-color: #fff;
}
.page-template-creative-solutions-everytime #section-9 .testimonial-slider-page {
border: 2px solid #000;
}
.page-template-creative-solutions-everytime #section-9 .testimonial-record .testi-picture::after{
background-color: #000;
}
.page-template-creative-solutions-everytime #section-9 .testimonial-slider-page.is-active {
background-color: #ffc514;
} #section-9 .testimonial__pagination {
-ms-flex-align: center;
align-items: center;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: center;
justify-content: center;
margin: 0;
pointer-events: none;
padding-top: 2em;
gap: 0.6rem;
}
#section-9 .testimonial__pagination li {
display: inline-block;
line-height: 1;
list-style-type: none;
margin: 0;
pointer-events: auto;
}
#section-9 .testimonial-slider-page.is-active {
background: var(--white);
transform: inherit;
}   #section-10 {
background-color: #f3ecec;
}
#section-10 .rating-container {
display: flex;
justify-content: center;
align-items: center;
}
#section-10 .rating-container .rating-box {
width: 100%;
max-width: 400px;
}
#section-10 .rating-container .rating-box img {
object-fit: contain;
aspect-ratio: 3/1;
}
.rating-container img {
object-fit: contain;
aspect-ratio: 5/3;
}  #section-11 .bg-image {
background-image: url(//www.visualbest.co/wp-content/themes/best/images/let-supercharge-your\ -visual-communication!.webp);
background-size: cover;
background-repeat: no-repeat;
}  #section-12 .swiper {
width: 100%;
padding-top: 0px;
padding-bottom: 0px;
}
#section-12 .swiper-slide-prev,  #section-12 .swiper-slide-next {
opacity: 0.3;
}
#section-12 .swiper-slide {
background-position: center;
background-size: cover;
height: auto;
}
#section-12 .swiper-slide img {
display: block;
width: 100%;
}
#section-12 .swiper-pagination-bullet {
width: 19px;
height: 19px;
border: 2px solid var(--white);
margin: 5px 8px 5px 8px;
background-color: rgba(255, 255, 255, 0);
opacity: 1;
}
#section-12 .swiper-pagination-bullet-active {
background-color: #fff;
}
#section-12 .swiper-pagination-3d {
position: inherit;
width: 100%;
text-align: center;
margin-top: 34px;
}  #section-13 .brand-container {
display: flex;
justify-content: center;
align-items: center;
column-gap: 6em;
flex-wrap: wrap;
}
#section-13 .brand-container .icon-txt {
display: none;
flex-direction: column;
position: absolute;
width: 236px;
top: -15px;
left: -26px;
text-align: center;
z-index: +99999;
background: #ffffffd9;
border-radius: 10px;
padding: 12px 12px;
box-shadow: 0px 0px 7px #ffc514;
}
#section-13 .brand-container .icon-txt p {
font-size: 13px;
font-family: popping-regular;
color: var(--black);
margin-bottom: 5px;
}
#section-13 .brand-container .icon-txt a {
font-size: 13px;
font-family: popping-semibold;
color: #fd5401;
text-decoration: none;
}
#section-13 .brand-container .icons {
width: 100%;
max-width: 180px;
position: relative;
padding: 20px 0px;
}
#section-13 .brand-container .icons img {
width: 100%;
height: auto;
max-width: 110px;
}  #section-14 .card{
border:0px;
border-radius:23px;
}
#section-14 .card-body{
padding: 1rem 1.8rem;
}
#section-14 .card-body .card-date{
font-size:15px;
}
#section-14 .button{
font-size: 17px;
}
#section-14 .button__inner {
min-height: 2px;
display: flex;
align-items: center;
justify-content: center;
padding: 10px 20px;
}  .report-home .card-title {
min-height: 85px;
}
.sing-repo img {
max-width: 58%;
}
#section-15{
position: relative; 
z-index: +1;
}
#section-15 {
position: relative;
z-index: +1;
background-image: url(//www.visualbest.co/wp-content/uploads/2023/09/contact-us.svg);
background-size: 80%;
background-repeat: no-repeat;
background-position: bottom left;
background-color: #4191cf;
}
#section-15 input[type="text"], #section-15 input[type="email"], .contact-form input, .contact-form select {
width: 100%;
height: 55px;
padding: 5px 25px;
color: #fff;
background: #fff0;
border: 2px solid#fff;
font-family: popping-semibold;
font-size: 18px;
}
textarea:focus,
input:focus {
outline: none;
border: none;
}
.contact-form input[type="text"], .contact-form input[type="email"] , .contact-form textarea, .contact-form select, .contact-form input[type="tel"] {
border-radius: 8px;
border: 2px solid #918f8f !important;
color: #000 !important;
}
.contact-form select {
color: #918f8f !important;
}
.contac-today input[type="text"],  .contac-today input[type="email"], .contac-today textarea, .contac-today input[type="tel"]{
background: #f0f0f0;
border: 0 !important;
margin: 10px 0;
border-radius: 8px;
font-family: popping-semibold;
font-size: 18px;
width: 100%;
padding: 18px;
color: #000;
}
.contac-today {
padding: 5% 8%;
box-shadow: 1px 1px 15px #cbc6c6;
border-radius: 16px;
}
.contac-today .wpcf7-form p {
margin-bottom: 0;
}
.contac-today .wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450;
color: #46b450;
}
#section-15 input[type="submit"], .contact-form [type="submit"]{
width: 100%;
background: #fff;
border: 0px;
padding: 10px 10px;
border-radius: 30px;
font-family: popping-semibold;
font-size: 22px;
color: #000;
}
.contac-today input[type="submit"] {
background-color: #4191cf;
color: #fff;
padding: 12px 10px;
font-size: 22px;
border-radius: 15px;
width: 100%;
border: 0px;
font-family: popping-semibold;
margin-bottom: -20px;
margin-top: 8px;
}
#section-15 input[type="submit"]:hover, .contact-form [type="submit"], .contac-today input[type="submit"]:hover{
background: #000;
color: #fff;
}
.contact-form [type="submit"]:hover{
color: #000000;
background: #ffc514;
}
#section-15 textarea, .contact-form textarea  {
width: 100%;
color: #fff;
padding: 12px 25px 5px 25px;
background: #fff0;
border: 2px solid #fff;
font-family: popping-semibold;
font-size: 18px;
}
#section-15 ::placeholder{
color: #fff;
}  #section-16 .accordion-button { 
padding: 1.25rem 1.25rem; 
color: var(--bs-accordion-btn-color);
text-align: left;
background-color: #f0f0f0;
border: 0;
border-radius: 0;
overflow-anchor: none;
align-items: flex-start;
transition: var(--bs-accordion-transition);
}
#section-16 .accordion-button:focus{
box-shadow:none;
}
#section-16 .accordion-button:not(.collapsed){
box-shadow:none;
background: #f0f0f0;
}
#section-16 .accordion-body{
padding: 0rem 1.25rem 1rem 1.25rem;
background: #f0f0f0;
}
#section-16 .accordion-button::after{
background-image:url(//www.visualbest.co/wp-content/uploads/2023/09/plus.png);
}
#section-16 .accordion-button:not(.collapsed)::after{
background-image:url(//www.visualbest.co/wp-content/uploads/2023/09/minus.png);
}
.accordion-item { 
border: 2px solid var(--bs-accordion-border-color);
}
ul.service-list-item {
padding-left: 40px;
}
.service-list-item.indust-specic li{
padding-bottom: 20px;
position: relative;
}
.service-list-item li:last-child{
padding-bottom: 0px;
}
.service-list-item li:before {
content: " ";
position: absolute;
background-image: url(//www.visualbest.co/wp-content/uploads/2023/09/check.svg);
background-size: contain;
background-repeat: no-repeat;
width: 19px;
height: 18px;
left: -40px;
top: 14px;
}
.service-list-item.indust-specic li:before {
background-image: url(//www.visualbest.co/wp-content/uploads/2023/09/tick-with-bg.svg);
width: 26px;
height: 26px;
left: -50px;
top: 4px;
}
.graphic-retail .service-list-item li:before {
top: 20px;
}
.graphic-retail .service-list-item .service-retail-tow li:before, .graphic-retail .service-list-item .service-retail li:before {
content: unset;
}
.graphic-retail .service-retail li {
list-style: disc !important;
}
.graphic-retail .service-list-item .list-item:last-child::before {
content: " ";
position: absolute;
background-image: url(//www.visualbest.co/wp-content/uploads/2023/09/restricted-icon.svg);
background-size: contain;
background-repeat: no-repeat;
width: 20px;
height: 20px;
left: -40px;
top: 20px;
}
.graphic-retail {
background-image: url(//www.visualbest.co/wp-content/uploads/2023/09/term-condition-image.jpg);
background-size: auto;
background-repeat: no-repeat;
background-position: bottom right;
} .brand-benefit img {
width: 100%;
max-width: 120px;
} .table-button-2 a {
background-color: #606060 !important;
border-color: #606060 !important;
color: #fff !important;
border-radius: 0 0 25px 0 !important;
}
.table-button-2 {
background-color: #606060;
border-radius: 0 0 25px 0 !important;
}
.table-button-2 a:hover {
background-color: #000 !important;
color: #ffc514 !important;
}
.table-button-1  {
background-color: #ffc514;
border-radius: 0 0 0 25px !important;
}
.table-button-1 a {
background-color: #ffc514;
}
.desk-table.table {
box-shadow: 1px 1px 20px #cbc6c6;
border-radius: 0 35px 35px 0;
}
#project-model tr th:nth-child(3) {
border-radius: 0 30px 0 0;
}
.yello-color {
background-color: #fff1c3 !important;
}
.light-yello {
background-color: #fff1c394 !important;
}
.gay-color {
background-color: #e6e6e6 !important;
}
.light-gray {
background-color: #f2f2f2 !important;
} #verticle-widget-1 {
background-image: url(//www.visualbest.co/wp-content/uploads/2023/09/tiles-bg.svg);
background-size: cover;
}
#portfolio-section .flip-container:hover .flip-card {
opacity: 1;
height: 100%;
}
#portfolio-section .flip-card {
background-color: #ffc314f2;
height: 0px;
opacity: 0;
width: 100%;
overflow: hidden;
transition: all 0.3s ease-in-out;
padding: 0px 22px;
}
#portfolio-section .flip-card img {
width: 100%;
max-width: 100px;
}
#verticle-widget-3 {
background-image: url(//www.visualbest.co/wp-content/uploads/2023/09/tiles-bg.svg);
background-size: cover;
background-repeat: no-repeat;
background-position: top center;
}
#verticle-widget-3 img {
width: 100%;
max-width: 158px;
aspect-ratio: 3/2;
object-fit: contain;
margin-bottom: 15px;
}
#portfolio-section .flip-card i {
width: 100%;
max-width: 50px;
background-color: #fff;
font-size: 20px;
padding: 15px;
border-radius: 50px;
text-align: center;
margin: 0 auto;
}
#portfolio-section .flip-card i:hover {
background-color: #000;
color: #fff;
}
.video-overlay {
position: fixed;
z-index: -1;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: rgba(0, 0, 0, 0.80);
opacity: 0;
transition: all ease 500ms;
}
.video-overlay.open {
position: fixed;
z-index: +9999999;
opacity: 1;
}
.video-overlay-close {
position: absolute;
z-index: +9999999;
top: 15px;
right: 20px;
font-size: 50px;
line-height: 1;
font-weight: 400;
color: #fff;
text-decoration: none;
cursor: pointer;
transition: all 200ms;
}
.video-overlay-close:hover {
color: #fec535;
}
.video-overlay iframe {
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
box-shadow: 0 0 15px rgba(0, 0, 0, 0.75);
height: 500px;
width: 100%;
max-width: 800px;
} #footer ul.footer-menu{
}
#footer .footer-menu li{
padding: 5px 0px;
font-family:'popping-regular';
font-size: 17px;
}
#footer .footer-menu li a{
color:#fff;
text-decoration: none;
}
#footer .footer-img1{
width:100%;
max-width: 230px;
}
#footer .footer-img2{
width:100%;
max-width: 160px;
}
#footer .footer-menu-2 li{
padding: 6px 0px;
font-family:'popping-semibold'; 
font-size: 22px;
}
#footer .footer-menu-2 li a{
color:#fff;
text-decoration: none;
}
.portf-filt #filter-2 select:focus-visible { 
outline: 0px !important;
}
#filter-2 select {
padding: 0 10px;
}  @media(max-width:1400px) {
#section-2 .number-container {
column-gap: 2em;
row-gap: 3em;
}
.blog-sing img {
border-radius: 0 0px 0px 0 !important;
}
#section-2 .num-box {
max-width: 164px;
}
}
@media(max-width:1280px) {
body {
font-size: 70%;
}
}
@media(max-width:1199px) {
.graphic-retail {
background-image: unset;
}
#headermenu .headermenu-inner #we-are-hiring {
top: -70px !important;
margin-left: 95% !important;
}
.portf-filt #filter-2 select {
width: auto !important;
max-width: fit-content !important;
}
.jop .faq-list {
padding: 0;
}
#section-6 .nav-link {
padding: 0.3em;
}
}
@media(max-width:1024px){
#section-15  { 
background-image: unset;
background-color: #4193d1;
}
}
@media(max-width:992px) {
#section-1 .banner-flex {
justify-content: center;
}
#section-1 .banner-text .banner-hero_trigger {
text-align: center;
}
.table-button-2 {
max-width: 100%;
border-radius: 0 0 00 !important;
}
.table-button {
width: 100%;
max-width: 100%;
}
}
@media(max-width:768px) {
#section-9 .testimonial__pagination, #section-12 .swiper-pagination-3d{
display: none;
}
.tab-content > .active{
padding: 0 18px;
}
.discover-portofolio .form-select-lg {
font-size: 1.3rem;
}
#section-9 .testimonial-record .testi-picture:after {
display: none;
} #section-1 .banner-slider .btn_box span {
font-size: 15px;
}
#section-1 .banner-slider-pagination {
bottom: -2em;
}
#section-3 .scroll-container {
height: auto;
overflow-x: initial;
}
#section-10 .rating-container {
flex-wrap: wrap;
}
#section-13 .brand-container {
flex-wrap: wrap;
justify-content: center;
}
#footer .footer-img1{ 
max-width: 200px;
}
.page-header .headertopbar-menu li a{
font-size: 18px !important;
}
.page-header .headertopbar-menu li a i {
font-size: 18px !important;
vertical-align: middle !important;
}
[data-heading="7em"] {
font-size: 5em;
}
#section-2 .num-box span:first-child {
font-size: 2em;
}
#section-7 .pagination-bottom .swiper-pagination-bullet, #section-9 .testimonial-slider-page, #section-12 .swiper-pagination-bullet {
width: 16px;
height: 16px;
}
.case-cont h1, .case-cont h2 {
font-size: 40px !important;
}
.work-detail p {
margin-bottom: 20px !important;
}
[data-heading="8em"] {
font-size: 5em !important;
}
.timing {
border: none !important;
}
#offcanvasRight {
max-width: 100% !important;
}
.core-pagination-top .swiper-pagination-bullet{
font-size: 3rem !important;
}
.priv-term h2 {
font-size: 25px;
}
.priv-term h3 {
font-size: 20px;
}
.priv-term p, .priv-term ul li, .priv-term ol li  {
font-size: 18px;
line-height: 32px;
}
}
@media(max-width:632px) {
body {
font-size: 65%;
}
#section-1 .banner-text .banner-hero_trigger {
text-align: center;
}
#section-7 .pagination-top .swiper-pagination-bullet {
font-size: 18px;
}
#section-7 .pagination-top .swiper-pagination-bullet{
width: 45px;
height: 45px;
line-height: 15px;
}
#section-1 .banner-slider-page {
width: 15px;
height: 15px;
}
#headermenu .headermenu-inner #we-are-hiring {
top: -62px !important;
max-width: 120px !important;
margin-left: 93% !important;
}
#headermenu .headermenu-inner .headermenu-logo img {
max-width: 140px !important;
}
.page-header .headertopbar-menu li a {
font-size: 14px !important;
text-align: left !important;
padding: 4px !important;
}
.page-header .headertopbar-menu li a i {
font-size: 14px !important;
margin-right: 5px !important;
}
.service-list-item li::before {
width: 20px !important;
height: 14px !important;
left: -38px !important;
top: 9px !important;
}
.service-list-item.indust-specic li::before {
width: 22px !important;
height: 22px !important;
left: -44px !important;
top: 5px !important;
}
.info-youtube iframe {
width: 100%;
height: 400px;
}
#section-13 .brand-container .icons {
max-width: 100%;
padding: 12px 0px;
text-align: center;
}
#section-13 .brand-container .icon-txt{
width: 100%;
left: 0;
}
}
@media(max-width:500px) {
body {
font-size: 60%;
}
#section-6 .tabs-details img {
max-width: 300px;
}
#section-6 .nav-link {
padding: 0.1em 1em;
width: 100%;
}
#section-3 .icons-container .icons-box {
max-width: 80px;
}
[data-heading="8em"] {
font-size: 3em !important;
}
}
@media(max-width:425px){
[data-heading="7em"] {
font-size: 4em;
}
#section-13 .brand-container { 
column-gap: 4em;
}
.field--homepage-search-input .input-search{
max-width:220px;
}
.case-cont h1, .case-cont h2 {
font-size: 30px !important;
}
.core-pagination-top .swiper-pagination-bullet {
font-size: 2rem !important;
}
}
@media(max-width:417px) {
#section-7 .pagination-top .swiper-pagination-bullet {
width: 50px;
border-radius: 40px;
height: 48px;
line-height: 17px;
}
} .showrell img {
max-width: 150px;
}
.discover-portofolio {
max-width: 800px;
margin: 0 auto;
cursor: pointer;
}
.discover-portofolio .form-select-lg {
font-size: 1.5rem;
border-radius: 0;
font-family: popping-semibold;
}
.form-select {
margin-right: 30px;
background-image: url(//www.visualbest.co/wp-content/themes/best/css/images/arrow.svg);
background-size: 22px;
}
.calend .form-control{
border: 3px solid #414141;
}
.calend .form-control:focus, .calend .form-control:focus-visible{
box-shadow: unset;
}
#retainer-package {
background-color: rgba(0, 0, 0, 0.05);
}
#retainer-package .card {
border-radius: 20px;
}
#retainer-package .card-header {
border-radius: 20px 20px 0px 0px !important;
}
#retainer-package .card-body {
position: relative;
}
#retainer-package .card-body ul{
min-height: 760px;
}
#retainer-package .card-body .price-cross {
text-decoration: line-through;
color: #acacac;
}
#retainer-package .pricing-list li {
padding: 20px 0px;
border-top: 1px solid #ddd;
font-family: popping-regular;
font-size: 19px;
}
.indus-icon img {
max-width: 160px !important;
}
.industry .flip-card {
background-color: #ffc314 !important;
}
.blog-sing img {
border-radius: 0 20px 20px 0;
}
.blog-sing {
box-shadow: 1px 1px 30px #cbc6c6;
border-radius: 20px;
}
.report-sing img {
max-width: 500px;
}
.cat-singl, .read-more .fa-arrow-right-long , .read-more a:hover  {
color: #ffc514;
}
.blog-detail img{
width: 100%;
}
.blog-detail p {
font-family: popping-regular;
font-size: 18px;
margin-top: 1rem;
margin-bottom: 1rem;
}
.blog-detail h2, .blog-detail h3, .blog-detail h4 {
font-family: popping-semibold;
font-size: 2.1rem;
margin: 30px 0;
}
.blog-detail h3 {
font-size: 1.5rem;
margin: 25px 0;
}
.blog-detail .wp-block-image .aligncenter{
display: block !important;
}
.blog-detail h4{
font-size: 1rem!important;
margin: 20px 0;
}
.blog-detail .wp-block-image img {
width: 100%;
margin: 30px 0;
}
.blog-detail ul li, .blog-detail ol li{
font-family: popping-regular;
font-size: 18px;
margin: 6px 0;
}
.blog-detail p em {
display: block;
margin: 40px 0;
color: gray;
font-size: 25px;
}
.blog-detail p a{
color: #0298d3;
}
.single-post-blog .card{
box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12) !important;
}
.single-post-blog .card {
box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12) !important;
border-radius: 18px !important;
}
.single-post-blog .card img {
border-radius: 18px 18px 0 0 !important;
}
.report-post-blog .card img {
max-width: 350px;
margin: 0 auto;
}
.single-post-blog .splide__arrow--next {
z-index: 1;
background-image: url(//www.visualbest.co/wp-content/uploads/2023/10/arrow-left.svg);
height: 73%;
background-position: center right;
background-repeat: no-repeat;
background-color: unset;
right: -60px;
width: 100%;
background-size: contain;
max-width: 4%;
opacity: 1 !important;
}
.single-post-blog .splide__arrow--prev {
z-index: 1;
background-image: url(//www.visualbest.co/wp-content/uploads/2023/10/arrow-right.svg);
background-position: center right;
background-repeat: no-repeat;
background-color: unset;
left: -70px;
width: 100%;
background-size: contain;
max-width: 4%;
opacity: 1 !important;
height: 73%;
}
.single-post-blog .splide__arrows svg {
display: none;
}
.whole-case, {
padding: 50px 0;
}
.case-cont h1 {
font-family: popping-bold;
font-size: 50px;
margin-bottom: 15px;
}
.case-cont h2 {
font-family: popping-bold;
color: #ffc514;
font-size: 50px;
margin-bottom: 30px;
}
.case-cont p {
font-size: 24px;
}
#custom-categories .custom-category {
border-radius: 50px;
list-style: none;
margin: 20px 18px;
padding: 8px 40px;
border: 1px solid;
cursor: pointer;
font-size: 15px;
font-family: popping-regular;
display: inline-block;
}
#custom-categories .custom-category.active, #custom-categories .custom-category:hover {
color: black;
border: 1px solid #ffc514 !important;
background-color: #ffc514;
}
.cas-mg img {
max-width: 250px;
}
.work-case li:last-child {
border-right: 0 !important;
}
.work-case li:first-child {
padding-left: 0 !important;
}
.work-case li::after {
content: "/";
width: 4%;
position: absolute;
right: 0;
top: 2px;
}
.work-case li:last-child::after {
content: unset;
}
ul.work-case li {
display: inline;
}
.work-detail p {
font-family: popping-regular;
font-size: 18px;
margin-bottom: 30px;
}
.work-detail p a {
color: #00abff;
}
.case-testm {
background-color: #ffc514;
}
.case-testm img {
max-width: 320px;
}
.single-desc-testmonial::before {
content: '';
background-image: url(//www.visualbest.co/wp-content/uploads/2023/10/arrow-case-studies.png);
position: absolute;
top: -63px;
width: 100%;
height: 100px;
background-repeat: no-repeat;
margin: 0 auto;
max-width: 104px;
left: 0px;
background-size: 50px;
} .desc-testm::after {
content: '';
position: absolute;
border-bottom: 4px solid #fff;
width: 15%;
height: 20px;
bottom: -20px;
left: 0;
}
#triger {
padding: 14px 16px;
background-color: transparent;
border: 1px solid #000;
font-size: 20px;
font-family: popping-regular;
text-align: center;
cursor: pointer;
}
.page-template-blogs #triger:hover {
background-color: #333 !important;
color: #fff;
}
#filter-2 select::-ms-expand {
display: none;
}
#filter-2  select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.portf-filt #filter-2 select {
background-repeat: no-repeat;
background-position: right 0 top 51%;
background-size: 1rem auto;
background-image: url(https://visualbest-staging.visualbest.co/wp-content/uploads/2023/10/caret-down-solid.png);
width: 100%;
max-width: 20%;
}
.page-numbers.current {
background-color: #fec535;
}
.page-numbers, .prev.page-numbers {
padding: 5px 14px;
font-size: 18px;
font-family: popping-semibold;
}
.single-pof p a {
color: #fec535;
}
.protfoli-grap {
background-color: #97abf4;
}
.single-all_portfolio .report {
margin-bottom: -9px;
}
.wor-prog {
background-color: #fec535;
}
.wor-prog a::after {
content: "";
position: absolute;
bottom: -4px;
width: 100%;
height: 3px;
border-bottom: 3px solid;
left: 0;
}
.portf-filt select {
font-family: popping-semibold !important;
border: none !important;
font-size: 20px !important;
background-color: transparent;
cursor: pointer;
margin: 0 20px;
}
.career-but .button--secondary {
border-color: #ffc514;
background-color: #ffc514;
}
.career-but .fa.fa-angle-down {
position: relative;
top: 2px;
}
.punch-carrer {
background-color: #fff9e8;
}
.punch-carrer img{
max-width: 200px;
}
.whole-team .info {
z-index: 3;
opacity: 0;
transform: translateY(30px);
transition: 0.5s;
height: 92%;
background-color: #fff;
margin: 25px;
padding: 40px;
color: #333;
border-radius: 20px;
}
.whole-team:hover .info {
opacity: 1;
transform: translateY(0px);
}
.content-details img {
max-width: 60px;
margin: 0 auto;
}
.page-template-career #section-1 .banner-slider-page{
width: 15px !important;
height: 15px !important;
}
.page-template-career #section-1 .banner-slider-page {
background: #fec535;
border: 2px solid #fec535;
}
.page-template-career #section-1 .banner-slider-page.is-active {
background: var(--black);
transform: inherit;
border: 2px solid var(--black);
}
.golesrt img {
max-width: 400px;
}
.commitment {
background-color: #f1f3f5;
}
.share-buton a {
position: relative;
--btn-size: 1.7777777778rem;
border: 1px solid #707070 !important;
border-radius: 50%;
background: transparent;
padding: 14px;
line-height: 0;
}
.share-buton a:hover {
border: 1px solid #ffc514 !important;
}
.review-case .button--primary {
background-color: #000000;
border-color:  #000000;
color: #fff;
text-decoration: none;
font-weight: bold;
}
.review-case .button--primary:hover {
background-color: #ffc514;
border-color: #ffc514;
color: #000;
text-decoration: none;
font-weight: bold;
}
.apply-now a:hover i {
transform: translateX(30%);
transition: all 0.30s ease-in-out;
}
.apply-now a i {
transition: all 0.2s ease-in-out;
}
.job_openings .apply-now a:hover {
cursor: pointer;
background-color: #ffc514 !important;
color: #000 !important;
}
.respons li::marker {
content: '-';
}
.collapse li:last-child {
border-bottom: 0 !important;
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}
.jop{
background-color: #f1f3f5;
}
.jop .faq-list ul {
padding: 0;
list-style: none;
}
.jop .faq-list a {
cursor: pointer;
}
.jop .faq-list .icon-help {
font-size: 24px;
position: absolute;
right: 0;
left: 20px;
color: #e82c88;
}
.faq-list .collapse li{
border-color: #ddd !important;
}
.jop .faq-list .icon-show,
.jop .faq-list .icon-close {
font-size: 24px;
position: absolute;
right: 0;
top: 18px;
}
.faq-list li {
border-color: #000 !important;
transition: 0.5s ease-in-out !important;
}
.jop .faq-list .icon-show {
display: none;
}
.jop .faq-list a.collapsed .icon-show {
display: inline-block;
}
.jop .faq-list a.collapsed .icon-close {
display: none;
}
#offcanvasRight {
width: 100%;
max-width: 60%;
}
.offcanvas-header .btn-close{
position: relative;
top: -57px;
}
.offcanvas-body input, .offcanvas-body select, .offcanvas-body textarea { 
width: 100%;
padding: 20px 16px;
font-size: 18px;
border: 1px solid #acacac;
margin-top:10px !important;
}
.offcanvas-body  .intl-tel-input {
margin-top: 10px;
}
.offcanvas-body select { 
background-color: transparent;
}
.offcanvas-body label {
font-family: popping-regular;
width: 100%;
}
.offcanvas-body input:focus, .offcanvas-body textarea {
outline: 0;
border: 1px solid #acacac;
}
.offcanvas-body  .wpcf7-list-item{
margin: 0px !important;
}
.check-cont a {
color: #2ea4ff;
}
.sub-now input {
max-width: 200px;
float: right;
padding: 18px 0;
background-color: #000;
color: #fff;
font-size: 20px !important;
border: 1px solid #000;
}
.sub-now input:hover {
background-color: #ffc514 !important;
color: #000 !important;
border: 1px solid  #ffc514 !important;
}
.blog-detail .wp-block-image .aligncenter > figcaption{
display: block;
text-align: center;
}
.blog-detail .wp-block-image .aligncenter > figcaption a, .blog-detail h3 a, .blog-detail ul li a, .accordion-body a{
color: #0298d3;
}
.single-post-blog h4 {
min-height: 95px;
}
.reso-sec .hoverimg img {
border-radius: 25px 25px 0 0;
}
.info-youtube iframe {
width: 100%;
height: 600px;
}
.priv-term p {
font-size: 20px;
font-family: popping-regular;
line-height: 34px;
margin: 10px 0;
}
.priv-term ul li, .priv-term ol li {
font-size: 20px;
font-family: popping-regular;
line-height: 34px;
}
.priv-term h2 {
font-size: 30px;
margin: 20px 0;
font-family: popping-bold;
}
.priv-term h3 {
font-size: 24px;
margin: 20px 0;
font-family: popping-bold;
}
.priv-term a {
color: #00abff;
}
.priv-term a:hover {
color: #fec535;
}.notification {
position: sticky;
top: 0px;
left: 0px;
z-index: +9999999;
min-height: 50px;
width: 100%;
background: #fec535;
display: none;
justify-content: center;
align-items: center;
padding: 10px 0px;
}
.notification p {
line-height: 50px;
margin: 0px;
padding: 0px 50px;
width: 100%;
text-align: center;
}
.notification>img {
position: fixed;
width: 28px;
cursor: pointer;
padding-right: 13px;
top: 25px;
right: 10px;
}
.noti-show {
display: flex;
}
.notification_btn {
padding: 8px 26px;
font-weight: 600;
font-family: inherit;
font-size: 15px;
line-height: 28px;
text-align: center;
letter-spacing: -.0045em;
color: #000000;
border: 2px solid #000;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 35px;
text-decoration: none;
white-space: nowrap;
}
.page-header #headertopbar {
font-family: popping-semibold;
padding: 16px 0 5px 0;
background-color: #fff;
}
#page-header .container,
.space-header {
margin-right: auto;
margin-left: auto;
padding-left: 50px;
padding-right: 50px;
}
.page-header #headertopbar .headertopbar-inner {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between;
flex-wrap: wrap;
}
.page-header .headertopbar-revenue {
display: inline-block;
text-decoration: none;
}
.page-header .headertopbar-revenue .title {
margin: 0 0 2px;
font-weight: 700;
font-size: 16px;
line-height: 1.2;
letter-spacing: .05em;
text-transform: uppercase;
}
.page-header .headertopbar-revenue .value {
position: relative;
margin: 0;
padding-right: 22px;
font-weight: 800;
font-size: 24px;
line-height: 120%;
letter-spacing: -.0045em;
display: inline-block;
}
.page-header .headertopbar-revenue .value svg {
margin-left: 4px;
color: #000;
margin-top: -2px;
}
.page-header .headermenu-inner .menu-toggle {
display: none;
top: 16px;
right: 24px;
z-index: 5;
}
.page-header .burger {
width: 22px;
height: 18px;
position: relative;
display: block;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
cursor: pointer;
}
.page-header .burger span:nth-child(1) {
top: 0;
}
.page-header .burger span:nth-child(2) {
top: 8px;
}
.page-header .burger span:nth-child(3) {
top: 16px;
}
.page-header .burger span {
display: block;
position: absolute;
height: 2px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
width: 100%;
background: #222;
opacity: 1;
left: 0;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out;
}
.page-header #headertopbar .headertopbar-right {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
.page-header .headertopbar-menu {
font-family: inherit;
list-style: none;
margin: 0;
padding: 0;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
.page-header .headertopbar-menu li:first-child {
margin-left: 0;
}
.page-header .headertopbar-menu li {
display: inline-block;
margin-left: 16px;
padding: 0;
}
.page-header ul li,
.page-header ol li {
padding: 0;
}
.page-header .headertopbar-menu li a {
text-align: center;
padding: 8px;
position: relative;
font-family: inherit;
display: block;
font-weight: 400;
font-size: 21px;
line-height: 1;
letter-spacing: -.0045em;
color: #ff6200;
text-decoration: none;
}
.page-header .headertopbar-menu li a i {
display: inline-block;
font-size: 20px;
vertical-align: baseline;
margin-right: 9px;
}
.page-header #headertopbar .get_proposal_btn {
display: none;
margin-left: 16px;
}
.page-header .get_proposal_btn {
padding: 10px 40px;
font-weight: 600;
font-family: inherit;
font-size: 18px;
line-height: 28px;
text-align: center;
letter-spacing: -.0045em;
color: #000000;
background: #ffc514;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 35px;
text-decoration: none;
white-space: nowrap;
}
.page-header .get_proposal_btn:hover {
color: #fff;
background: #000000;
} #headermenu {
font-family: popping-semibold;
background-color: #fff;
width: 100%;
z-index: +9999;
transition: 0.3s ease-in-out;
box-shadow: rgba(3, 27, 78, .1) 0 3px 4px;
}
#headermenu .headermenu-inner {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
}
#headermenu .headermenu-inner .headermenu-logo {
position: relative;
}
#headermenu .headermenu-inner .headermenu-logo {
position: relative;
}
#headermenu .headermenu-inner #we-are-hiring {
position: absolute;
top: -95px;
width: 100%;
max-width: 150px;
z-index: +9;
padding: 0;
margin-left: 97%;
}
#headermenu .headermenu-inner .headermenu-logo img {
width: 100%;
max-width: 221px;
padding: 20px 0px;
}
.headermenu-main ul.headermenu-firstmenu {
display: flex;
justify-content: center;
margin: 0px;
padding: 0px;
flex-wrap: wrap;
}
#headermenu .headermenubar-button {
display: flex;
}
.headermenu-main ul.headermenu-firstmenu li {
list-style: none;
text-decoration: none;
}
.headermenu-main ul.headermenu-firstmenu li.primary-menu a.primary-links {
border-radius: 8px 8px 0 0;
text-align: left;
position: relative;
display: block;
padding: 35px 10px;
font-family: inherit;
font-weight: 400;
font-size: 16px;
line-height: 100%;
letter-spacing: -.0045em;
color: #222;
text-decoration: none;
word-break: initial;
cursor: pointer !important;
padding-right: 25px;
}
.headermenu-main ul.headermenu-firstmenu li.primary-menu.sub-menu>a:after {
position: absolute;
content: " ";
width: 11px;
height: 10px;
background-image: url(//www.visualbest.co/wp-content/uploads/2023/09/arrow-down.png);
background-size: contain;
background-repeat: no-repeat;
top: 45%;
right: 9px;
transition: all 0.3s;
}
@media(min-width:1199px) {
.nested-submenu-container .nested-submenu li.secondary-menu a:after {
content: "";
position: absolute;
width: 22px;
height: 10px;
top: 13px;
margin-left: 0px;
background-size: contain;
background-repeat: no-repeat;
background-image: url(//www.visualbest.co/wp-content/uploads/2023/09/orange-arrows.svg);
opacity: 0;
transition: all 0.3s;
}
.nested-submenu-container .nested-submenu li.secondary-menu:hover a:after {
margin-left: 10px;
opacity: 1;
transition: all 0.3s;
}
.headermenu-main ul.headermenu-firstmenu li.primary-menu:hover {
background: #fffce5;
border-radius: 10px 10px 0px 0;
}
.headermenu-main ul.headermenu-firstmenu li.primary-menu:hover a.primary-links {
color: #ff6200;
}
.headermenu-main ul.headermenu-firstmenu li.primary-menu.sub-menu>a.primary-links:after {
position: absolute;
content: " ";
width: 11px;
height: 10px;
background-image: url(//www.visualbest.co/wp-content/uploads/2023/09/arrow-down.png);
background-size: contain;
background-repeat: no-repeat;
top: 45%;
right: 9px;
transition: all 0.3s;
}
.headermenu-main ul.headermenu-firstmenu li.primary-menu.sub-menu:hover a.primary-links:after {
background-image: url(//www.visualbest.co/wp-content/uploads/2023/09/arrow-up.png);
top: 42%;
transform: rotate(-180deg);
}
}
.primary-bg-active {
background: #fffce5 !important;
}
.highlight-list {
background: #fffce5;
border-radius: 5px 5px 0px 0;
}
.submenu-container.dropdownshow {
display: block !important;
}
#menu-item-111:hover>.submenu-container {
display: block;
}
#menu-item-112:hover>.submenu-container {
display: block;
}
#menu-item-113:hover>.submenu-container {
display: block;
}
#menu-item-114:hover>.submenu-container {
display: block;
}
#menu-item-115:hover>.submenu-container {
display: block;
}
#menu-item-116:hover>.submenu-container {
display: block;
}
#menu-item-117:hover>.submenu-container {
display: block;
}
#menu-item-118:hover>.submenu-container {
display: block;
}
#menu-item-119:hover>.submenu-container {
display: block;
}
.headermenu-main .submenu-container {
width: 100%;
background-color: #fffce5;
position: absolute;
left: 0px;
padding: 50px 20px;
display: none;
z-index: +999;
}
.headermenu-main .submenu-container.active {
display: block;
}
.headermenu-main .submenu-container .submenu-items {
display: flex;
justify-content: center;
align-items: flex-start;
padding: 0px;
}
.headermenu-main .submenu-container .submenu-item {
background-color: #fff;
border-radius: 10px;
-webkit-box-shadow: 0 2px 6px rgba(110, 123, 129, .1);
-moz-box-shadow: 0 2px 6px rgba(110, 123, 129, .1);
box-shadow: 0 2px 6px rgba(110, 123, 129, .1);
max-width: 300px;
width: 100%;
margin: 0px 12px;
}
ul.nested-submenu-container {
padding: 20px 25px;
}
ul.nested-submenu {
padding: 0px 0px 0px 0px;
}
.nested-submenu-container .nested-subhead {
padding: 10px 0px;
display: block;
font-size: 20px;
position: relative;
}
.nested-submenu-container .nested-submenu li.secondary-menu {}
.nested-submenu-container .nested-submenu li.secondary-menu:hover a{
color:red;
}
.nested-submenu-container .nested-submenu li.secondary-menu a {
text-align: left;
position: relative;
display: block;
padding: 8px 0px;
font-family: popping-regular;
font-weight: 500;
font-size: 16px;
line-height: 100%;
letter-spacing: -.0045em;
color: #000;
text-decoration: none;
word-break: initial;
cursor: pointer !important;
}
.nested-submenu-container li.dropmenu-cta {
margin: 15px 0px 15px 0px;
}
.nested-submenu-container li.dropmenu-cta a {
text-align: center;
font-family: popping-semibold;
background: #fec535;
border-radius: 5px;
padding: 10px 0px;
display: block;
text-decoration: none;
color: #000;
width: 100%;
font-size: 14px;
max-width: 270px;
margin: 0 auto;
}
.highlight-anchor {
color: #ff6200 !important;
}
.primary-link-color {
color: #ff6200 !important;
}
.primary-link-color:after {
transform: rotate(-180deg) !important;
background-image: url(//www.visualbest.co/wp-content/uploads/2023/09/arrow-up.png) !important;
}
.secondary-link-color:after {
transform: rotate(-180deg) !important;
background-image: url(//www.visualbest.co/wp-content/uploads/2023/09/arrow-up.png) !important;
}
.primary-dropdown-display {
display: block !important;
}
@media(max-width:1550px) {
.headermenu-main ul.headermenu-firstmenu li.primary-menu>a {
padding: 30px 10px;
padding-right: 28px;
font-size: 15px;
}
.headermenu-main ul.headermenu-firstmenu li.primary-menu>a:after {
width: 10px;
top: 45%;
right: 10px;
}
}
@media(max-width:1300px) {
.page-header .get_proposal_btn {
padding: 8px 25px;
}
#page-header .container,
.space-header {
padding-left: 20px;
padding-right: 20px;
}
#headermenu .headermenu-inner .headermenu-logo img {
max-width: 200px;
padding: 15px 10px 15px 0px;
}
}
@media (max-width: 1550px) {
.page-header .get_proposal_btn {
font-size: 15px;
}
.page-header .headertopbar-menu li {
margin-left: 8px;
}
}
@media (max-width: 1199px) {
.submenu-tiles {
width: 100% !important;
max-width: 292px !important;
padding: 20px 0px 10px 0px !important;
}
.submenu-container .nested-subhead:after {
position: absolute;
content: " ";
width: 11px;
height: 10px;
background-image: url(//www.visualbest.co/wp-content/themes/best/images/arrow-down.png);
background-size: contain;
background-repeat: no-repeat;
top: 45%;
right: 9px;
transition: all 0.3s;
}
.submenu-hide {
height: 0px;
overflow: hidden;
}
.headermenu-main .submenu-container {
padding: 10px 0px;
position: relative;
}
ul.nested-submenu-container {
padding: 0px 50px;
}
.nested-submenu-container .nested-subhead {
font-size: 16px;
font-family: popping-regular;
}
ul.nested-submenu {
padding: 0px 0px 0px 16px;
}
.nested-submenu-container .nested-submenu li.secondary-menu a {
font-size: 14px;
}
.page-header #headertopbar .get_proposal_btn {
padding: 12px 16px;
font-size: 14px;
line-height: 17px;
}
.page-header #headertopbar .headertopbar-right {
width: 100%;
-ms-flex-pack: justify;
justify-content: space-between;
}
.page-header .headertopbar-menu li,
.page-header .headertopbar-revenue,
.page-header #headertopbar .get_proposal_btn {
display: none;
}
#headermenu .headermenubar-button {
display: none;
}
.headermenu-main ul.headermenu-firstmenu li.primary-menu:hover a.primary-links {
color: #000;
}
.headermenu-main ul.headermenu-firstmenu li.primary-menu>a.primary-links {
padding: 20px 50px;
font-size: 18px;
}
#menu-item-111:hover>.submenu-container {
display: none;
}
#menu-item-112:hover>.submenu-container {
display: none;
}
#menu-item-113:hover>.submenu-container {
display: none;
}
#menu-item-114:hover>.submenu-container {
display: none;
}
#menu-item-115:hover>.submenu-container {
display: none;
}
#menu-item-116:hover>.submenu-container {
display: none;
}
#menu-item-117:hover>.submenu-container {
display: none;
}
#menu-item-118:hover>.submenu-container {
display: none;
}
#menu-item-119:hover>.submenu-container {
display: none;
}
.headermenu-main ul.headermenu-firstmenu li.primary-menu>a.primary-links:before {
opacity: .4;
content: "";
position: absolute;
bottom: 0;
left: 40px;
right: 40px;
border-bottom: 1px solid #BEC6CD;
}
.headermenu-main ul.headermenu-firstmenu li.primary-menu>a.primary-links:after {
width: 12px;
right: 58px;
}
.headermenu-main .submenu-container .submenu-item {
background-color: transparent;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
max-width: 100%;
margin: 0px 0px;
}
.headermenu-main .submenu-container .submenu-items {
flex-wrap: wrap;
}
#headermenu .headermenu-main {
display: block;
position: absolute;
height: 0vh;
background: #fff;
top: 125px;
left: 0;
z-index: +9999;
width: 100%;
overflow: auto;
bottom: 0px;
}
.headermenu-main ul.headermenu-firstmenu li {
width: 100%;
}
.page-header .headermenu-inner .menu-toggle {
display: block;
padding-right: 8px;
}
}
@media (max-width: 1199px) {
.page-header .headertopbar-menu li.phone,
.page-header #headertopbar .get_proposal_btn {
display: block;
}
#page-header .container,
.container-fluid {
padding-left: 15px;
padding-right: 15px;
}
}
@media(max-width:816px){
#headermenu .headermenu-main { 
top: 144px; 
}
}
@media(max-width:768px) {
#headermenu .headermenu-inner .headermenu-logo img {
max-width: 170px;
padding: 18px 10px 18px 0px;
}
#headermenu .headermenu-main { 
top: 127px; 
}
.notification>img {
padding-right: 13px;
top: 25px;
right: 10px;
}
}
@media(max-width:767px) {
#headermenu .headermenu-main { 
top: 168px; 
}
}
@media(max-width:632px) {
#headermenu .headermenu-main { 
top: 147px; 
}
}
@media(max-width:600px) {
.notification p {
line-height: 40px; 
padding: 0px 30px;
}
.notification>img {
padding-right: 13px;
top: 10px;
right:3px;
}
}input[type=search] {
-webkit-appearance: textfield;
box-sizing: border-box
}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
-webkit-appearance: none
}
.field--with-checkmark[data-field-selected] .field__image:after,
.icon:before,
.link--back:before,
.link--cta.link--berlin-thing:after,
.link--cta.link--carnaval:after,
.link--cta.link--forrest-lyf:after,
.link--cta.link--grey050:after,
.link--cta.link--grey100:after,
.link--cta.link--grey200:after,
.link--cta.link--grey300:after,
.link--cta.link--grey400:after,
.link--cta.link--grey500:after,
.link--cta.link--grey600:after,
.link--cta.link--grey700:after,
.link--cta.link--grey800:after,
.link--cta.link--grey900:after,
.link--cta.link--heritage:after,
.link--cta.link--lavendork:after,
.link--cta.link--little-piggy:after,
.link--cta.link--loose-almond:after,
.link--cta.link--mildreds-car:after,
.link--cta.link--pacific:after,
.link--cta.link--rising-sun:after,
.link--cta.link--sandy-butt:after,
.link--cta.link--soft:after,
.link--cta.link--softer:after,
.link--cta.link--the-tan-tan:after,
.link--cta.link--white:after,
.link--cta:after,
.link--forward:after,
.onsite-notifications__icon:before,
.pill--deletable .pill__delete:before,
.promo-bar--active .promo-bar__message__action:after,
.promo-bar__dismiss:after,
.promo-bar__message__action--cta:after,
.select:after,
.site-header__left-oc-trigger:before,
.top-level-nav__item__notification-icon--mail:before,
.top-level-nav__item__notification-icon:before {
font-family: Asimovicons;
font-weight: 400;
font-style: normal;
text-decoration: inherit;
display: inline-block;
speak: none;
zoom: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.icon--search-1:before {
content: " " !important;
background-image: url(//www.visualbest.co/wp-content/uploads/2023/09/search-icon.png);
background-size: cover;
width: 22px;
height: 22px;
}
.icon--x-3:before {
content: " " !important;
background-image: url(//www.visualbest.co/wp-content/uploads/2023/09/close.png);
background-size: cover;
width: 15px;
height: 15px;
}
a:hover {
color: #000000;
}
.icon-button {
background: 0 0;
border: 0;
padding: 0;
cursor: pointer;
text-align: center;
display: inline;
position: relative;
z-index: 0;
overflow: visible;
font-size: 16px;
line-height: 1.6;
color: #313030
}
.icon-button:active,
.icon-button:focus,
.icon-button:hover {
text-decoration: none;
outline: 0;
color: #313030
}
.icon-button:active:before,
.icon-button:focus:before,
.icon-button:hover:before {
content: '';
display: block;
position: absolute;
z-index: -1;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
top: 50%;
left: 50%;
width: 2em;
height: 2em;
border-radius: 50%;
background: #fff
}
.icon-button:disabled,
.icon-button:disabled:active,
.icon-button:disabled:focus,
.icon-button:disabled:hover,
.icon-button[data-disabled=true],
.icon-button[data-disabled=true]:active,
.icon-button[data-disabled=true]:focus,
.icon-button[data-disabled=true]:hover,
.icon-button[disabled],
.icon-button[disabled]:active,
.icon-button[disabled]:focus,
.icon-button[disabled]:hover {
cursor: not-allowed;
color: #969694 !important
}
.icon-button--offset-left {
margin-left: 10px
}
.icon-button--offset-right {
margin-right: 10px
}
.icon-button--on-white,
.icon-button--on-white:active,
.icon-button--on-white:focus,
.icon-button--on-white:hover {
color: #313030
}
.icon-button--on-white:active:before,
.icon-button--on-white:focus:before,
.icon-button--on-white:hover:before {
background: #f3f2f0
}
.icon-button--on-dark,
.icon-button--on-dark:active,
.icon-button--on-dark:focus,
.icon-button--on-dark:hover {
color: #fff
}
.icon-button--on-dark:active:before,
.icon-button--on-dark:focus:before,
.icon-button--on-dark:hover:before {
background: rgba(0, 0, 0, .2)
}
.icon-button--circled {
width: 2.75em;
height: 2.75em;
color: #5b5a58
}
.icon-button--circled:after {
position: absolute;
display: block;
content: '';
top: 0;
left: 0;
width: 100%;
height: 100%;
border-style: solid;
border-width: 1px;
border-radius: 50%
}
.icon-button--circled:active,
.icon-button--circled:focus,
.icon-button--circled:hover {
color: #313030
}
.icon-button--circled:active:before,
.icon-button--circled:focus:before,
.icon-button--circled:hover:before {
width: 100%;
height: 100%;
background-color: transparent
}
.icon-button--circled.icon-button--on-white,
.icon-button--circled.icon-button--on-white:active,
.icon-button--circled.icon-button--on-white:focus,
.icon-button--circled.icon-button--on-white:hover {
color: #313030
}
.icon-button--circled.icon-button--on-white:active:before,
.icon-button--circled.icon-button--on-white:focus:before,
.icon-button--circled.icon-button--on-white:hover:before {
background: #f3f2f0
}
.icon-button--circled.icon-button--on-dark,
.icon-button--circled.icon-button--on-dark:active,
.icon-button--circled.icon-button--on-dark:focus,
.icon-button--circled.icon-button--on-dark:hover {
color: #fff
}
.icon-button--circled.icon-button--on-dark:active:before,
.icon-button--circled.icon-button--on-dark:focus:before,
.icon-button--circled.icon-button--on-dark:hover:before {
background: rgba(0, 0, 0, .2)
}
.icon-button--simple:active,
.icon-button--simple:focus,
.icon-button--simple:hover {
color: #5a5959
}
.icon-button--simple:active:before,
.icon-button--simple:focus:before,
.icon-button--simple:hover:before {
background: 0 0
}
.icon-button--simple.icon-button--on-white:active,
.icon-button--simple.icon-button--on-white:focus,
.icon-button--simple.icon-button--on-white:hover {
color: #5a5959
}
.icon-button--simple.icon-button--on-white:active:before,
.icon-button--simple.icon-button--on-white:focus:before,
.icon-button--simple.icon-button--on-white:hover:before {
background: 0 0
}
.icon-button--simple.icon-button--on-dark:active,
.icon-button--simple.icon-button--on-dark:focus,
.icon-button--simple.icon-button--on-dark:hover {
color: #e6e6e6
}
.icon-button--simple.icon-button--on-dark:active:before,
.icon-button--simple.icon-button--on-dark:focus:before,
.icon-button--simple.icon-button--on-dark:hover:before {
background: 0 0
}
.icon-button--solid {
color: #fff;
line-height: 1em
}
.input-color:focus,
.input-date:focus,
.input-datetime-local:focus,
.input-datetime:focus,
.input-email:focus,
.input-month:focus,
.input-number:focus,
.input-password:focus,
.input-search:focus,
.input-tel:focus,
.input-text:focus,
.input-textarea:focus,
.input-time:focus,
.input-url:focus,
.input-week:focus {
border-color: #1c1b1a;
outline: 0
}
.field__input {
margin-bottom: 15px
}
.field--jumbo,
.form--jumbo .field {
margin-bottom: 30px
}
.field--jumbo .field__title,
.form--jumbo .field__title {
font-size: 19px;
margin-bottom: 15px;
line-height: 1.3
}
.field--icon-label>.field__input {
position: relative
}
.field--icon-label>.field__input>.input-color,
.field--icon-label>.field__input>.input-date,
.field--icon-label>.field__input>.input-datetime,
.field--icon-label>.field__input>.input-datetime-local,
.field--icon-label>.field__input>.input-email,
.field--icon-label>.field__input>.input-month,
.field--icon-label>.field__input>.input-number,
.field--icon-label>.field__input>.input-password,
.field--icon-label>.field__input>.input-search,
.field--icon-label>.field__input>.input-tel,
.field--icon-label>.field__input>.input-text,
.field--icon-label>.field__input>.input-textarea,
.field--icon-label>.field__input>.input-time,
.field--icon-label>.field__input>.input-url,
.field--icon-label>.field__input>.input-week {
padding-left: 45px
}
.field--icon-label>.field__input>.field__title {
position: absolute;
left: 12px;
top: 56%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
color: #969694;
font-size: 16px;
margin-bottom: 0
}
.field[data-field-error]>.field__validation {
color: #ce283d;
display: block
}
.select {
font-family: Graphik, sans-serif;
color: #313030;
border: 1px solid #b6b5b3;
border-radius: 8px;
background-color: #fff;
font-size: 16px;
width: 100%;
max-width: 35em;
line-height: 1.8;
height: 44px;
position: relative;
display: block;
overflow: hidden;
padding: 0;
vertical-align: middle
}
.select:focus {
border-color: #1c1b1a;
outline: 0
}
.select::-webkit-input-placeholder {
color: #6e6d6c
}
.select::placeholder {
color: #6e6d6c
}
.select:after {
content: "" !important;
color: #313030;
font-size: 19px;
margin: 0;
position: absolute;
right: 0;
top: 50%;
padding: 0 10px;
background-color: #fff;
box-shadow: 0 0 10px 6px #fff;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 1;
pointer-events: none
}
.select select {
height: 30px;
width: 110%;
max-width: 110%;
min-width: 110%;
-webkit-appearance: none;
appearance: none;
text-indent: .01px;
text-overflow: '';
font-size: 16px;
font-weight: 400;
background: 0 0;
border: none;
color: #313030;
outline: 0;
cursor: pointer;
padding: 6px 45px 6px 12px;
line-height: 1.8;
box-sizing: content-box
}
.select select:focus {
outline: 0;
color: #1c1b1a
}
.menu__item--heading {
font-weight: 400;
font-size: 16px;
letter-spacing: 0;
line-height: 1.3;
margin-top: .8em;
margin-bottom: .8em;
padding-bottom: .2em;
color: #313030;
font-family: Larsseit-Bold, sans-serif
}
.menu__item--message {
color: #969694;
text-align: left;
padding-top: 15px;
padding-bottom: 15px
}
.menu__item--heading~.menu__item--message {
padding-top: 0
}
.menu__item+.menu__item--heading {
margin-top: 30px
}
.menu__item__action--avatar-icon .menu__item__action__icon {
min-width: auto;
width: 32px;
height: 32px;
margin-right: 15px;
text-align: center
}
.menu__item--action-list {
padding-left: 0;
list-style: none;
padding-top: 15px;
}
.menu__item--action-list .menu__item__action {
display: block
}
.menu__item--separator {
margin-top: 0.4em;
margin-bottom: 0.4em;
padding-left: 1em;
padding-right: 1em;
height: 1px;
background-color: #dad9d7;
}
.menu__item--action-list .menu__item__action__link {
border: none;
border-radius: 0;
background: 0 0;
text-align: left;
padding: .4em 1em;
display: flex;
flex-wrap: nowrap;
align-items: center;
position: relative;
width: 100%;
cursor: pointer;
color: #313030;
text-decoration: none;
font-size: 17px;
font-family: popping-regular;
}
::placeholder {
color: #858585;
font-family: popping-regular;
}
.menu__item--action-list .menu__item__action__link:focus,
.menu__item--action-list .menu__item__action__link:hover {
box-shadow: none;
text-decoration: none;
outline: 0
}
.menu__item--action-list .menu__item__action__pill {
padding-left: 1em;
font-size: 12px;
text-align: right
}
.menu__item--action-list .menu__item__action__link:hover {
text-decoration: none;
background: linear-gradient(to right, #fff 0, #f6f6f6 35%, #f6f6f6 65%, #fff 100%);
}
.field--homepage-search-input {
margin-bottom: 0
}
.field--homepage-search-input.field--icon-label .field__input .field__title {
font-size: 19px
}
.field--homepage-search-input .field__input {
margin-bottom: 0
}
.field--homepage-search-input .field__message {
font-size: 12px
}
.field--homepage-search-input .field__input__action {
position: absolute;
display: none;
right: 12px;
top: 52%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
color: #969694;
font-size: 16px;
margin-bottom: 0
}
.field--homepage-search-input .field__input__menu {
position: absolute;
display: none;
width: 100%;
z-index: 2;
border: 1px solid #969694;
border-top: none;
border-radius: 0 0 5px 5px;
padding: 0 2px;
background-color: #fff
}
.field--homepage-search-input .input-search {
line-height: 1.3;
letter-spacing: 0;
font-size: 17px;
margin: 0;
height: 55px;
border-radius: 8px;
padding-right: 36px;
text-overflow: ellipsis;
-webkit-appearance: none;
border: 1px solid #8c8a89;
font-family: popping-regular;
}
.button--primary {
background-color: #ffc514;
border-color: #ffc514;
color: #000000;
text-decoration: none;
font-weight: bold;
}
.button--primary:hover{
background-color: #000000;
border-color: #000000;
color: #fff ;
}
.button--primary i{
transition: all 0.3s ease-in-out;
}
.button--primary:hover i{
transform: translateX(27%);
transition: all 0.3s ease-in-out;
}
.button--secondary {
background-color: #fff;
border-color: #fff;
color: #000000;
text-decoration: none;
font-weight: bold;
}
.button--secondary:hover {
background-color: #000;
border-color: #000;
color: #fff;
}
#verticle-widget-3 .button--secondary:hover {
background-color: #ffc514;
border-color: #ffc514;
color: #000;
}
.button {
font-family: popping-semibold;
font-size: 20px;
border-radius: 999px;
border-width: 1px;
border-style: solid;
line-height: initial;
cursor: pointer;
display: inline-block;
vertical-align: middle;
margin: 0;
padding: 0;
text-align: center;
}
.button__inner {
min-height: 54px;
display: flex;
align-items: center;
justify-content: center;
padding: 12px 30px;
}
@media(max-width:500px) {
.button__inner {
padding: 12px 22px;
}
.button {
font-size: 16px;
}
}
@media (min-width:900px) and (max-width:1299px) {
.field--homepage-search-input .input-search {
width: 325px;
}
}
@media (min-width:1300px) {
.field--homepage-search-input .input-search {
width: 325px !important;
}
}
.field--homepage-search-input .input-search::-webkit-input-placeholder {
text-overflow: ellipsis;
}
.field--homepage-search-input .input-search::placeholder {
text-overflow: ellipsis ;
}
.field--homepage-search-input .input-search::-ms-clear {
display: none ;
}
.field--homepage-search-input[data-menu-active] .input-search {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0
}
.field--homepage-search-input[data-menu-active] .field__input__action,
.field--homepage-search-input[data-menu-active] .field__input__menu {
display: block
}
.field--homepage-search-input[data-menu-active] .field__input__menu,
.field--homepage-search-input[data-menu-active] .input-search {
border-color: #6b6b6c;
font-family: popping-regular;
}
.centered-text {
text-align: center
}
.contest-examples {
position: relative
}
.contest-examples__paragraph {
margin-bottom: 30px
}
.contest-examples__cta {
margin-top: 45px;
margin-bottom: 30px
}
.contest-examples--bottom-margin,
.contest-examples--with-paragraph .contest-examples__header-row {
margin-bottom: 35px
}
.contest-examples--responsive .contest-examples__cta {
display: none
}
@media (min-width:0) and (max-width:599px) {
.contest-examples--responsive {
display: flex;
flex-direction: column;
margin-bottom: 0
}
.contest-examples--responsive .contest-examples__cta {
display: block;
order: 4;
padding: 0 15px
}
.contest-examples--responsive .contest-examples__list {
flex-shrink: 0
}
}
.contest-examples-paragraph__text {
display: inline-block;
width: 50%
}
.contest-examples-paragraph__cta {
float: right
}
.cta-pair {
margin-bottom: 30px
}
.cta-pair__button,
.cta-pair__link {
display: inline-block;
vertical-align: middle;
}
.cta-pair--stacked .cta-pair__button,
.cta-pair--stacked .cta-pair__link {
display: block
}
.cta-pair--stacked .cta-pair__button {
margin-right: 0
}
.cta-pair--no-margin {
margin-bottom: 0
}