/* ~~~~~~~~~~~~~~ Global ~~~~~~~~~~~~~~ */
.bg-primary,
.btn-primary {
    background-color: #008dff !important;
    
}

.bg-secondary,
.btn-secondary {
    background-color: #F3AA3C !important;
}

button.btn,
.btn:not(.close):not(.mfp-close) {
    background-color: #008dff !important;
    border-color: #008dff !important;
}

button.btn,
.btn:not(.close):not(.mfp-close):hover {
    background-color: #F3AA3C !important;
    border-color: #F3AA3C !important;
}

h2, h3 {
    margin-bottom: 5px!important;
}

body .body-inner {
    background-color: unset;
}

section {
    padding: 20px 0;
}

.container {
    max-width: 82vw;
}

.margin_bottom {
    margin-bottom: 10px;
    margin-top: 15px;
    text-align: center;
}

.icon_spacing {
    margin-right: 5px;
}

.modal_header {
    display: inline;
}

.red_color {
    color: red;
}

.yellow_color {
    color: #F3AA3C
}

.blue_color {
    color: #008dff;
}

hr {
    margin-top: 10px;
    margin-bottom: 10px;
    border-top-color: black;
}

hr.blue_hr {
    border-top: 3px solid #008dff;
	opacity: 1;
    margin-top: 0;
}

hr.yellow_hr {
    border-top: 3px solid #F3AA3C;
	opacity: 1;
}

.underline,
.hover_underline:hover {
    text-decoration: underline;
}

.hover_underline:hover {
    color: #F3AA3C;
}

.link_click {
    color: #1f1f1f;

}

.link_click:hover {
    color: #2250fc;

}

.email_font {
    font-size: 0.8em;
}

.bold {
    font-weight: bold;
}

#scrollTop {
    bottom: 70px !important;
}

.list_section ul li,
.list_section ol li {
    margin-bottom: 15px;
}

.icon-box .icon i {
    width: 100%;
    height: 100%;
    color: #1091ef;
}

.card .card-header {
    background-color: #008dff;
    border-bottom: 1px solid #e6e8eb;
    font-weight: 600;
    padding: 1rem 1.5rem;
    margin-top: -1px;
}

.card .card-header h3 {
    color: white;
}

.card .card-header h4 {
    color: white;
}

.card .card-body {
    padding: 1rem 1.5rem;
    box-shadow: 0 4px 16px -4px rgb(0 0 0 / 50%);
}

section.top_page_img.halfscreen {
    min-height: 65vh;
    background-size: cover;
}

section.halfscreen .text-middle h1,
section.halfscreen .text-middle h2,
section.halfscreen .text-middle h3,
section.halfscreen .text-middle h4 {
    color: white;
    text-shadow: 4px 3px black;
    font-weight: bold;
}

/* Tawk */
:root {
    --tawk-header-background-color: #F3AA3C !important;
}

/* Logo */
#header #logo #header-mascot {
    height: 70px;
    margin-top: -10px;
}

/* Nav */
#header .header-inner {
    background-color: #F3AA3C;
}

#mainMenu nav>ul>li>a {
    text-decoration: none;
    color: white;
    font-size: 16px;
}

#mainMenu nav>ul>li>a:hover,
#mainMenu nav>ul>li:hover>a {
    color: gray;
}

#mainMenu nav>ul>li .dropdown-menu>li>a {
    font-size: 16px;
    line-height: 20px;
    text-decoration: none;
    padding: 8px;
}

#mainMenu nav > ul > li .dropdown-menu > li > a:hover {
    background-color: #008dff;
    color: white;
}

#mainMenu nav > ul > li .dropdown-menu {
    border-width: 0px !important;
    padding: 0;
}

#mainMenu nav > ul > li #services-dropdown .dropdown-menu {
    min-width: 250px;
}

#mainMenu nav > ul > li #about-dropdown .dropdown-menu {
    min-width: 225px;
}

#header-icon {
    margin-right: -10px;
}

#header-email {
    padding-left: 0;
    color: black;
}

section .container .top_card .card-header {
    margin-top: 0;
}

#small-business-cards h1,
#same-day-repair-cards h1,
#apple-cards h1 {
    margin-bottom: 10px;
    color: white;
}

/* ~~~~~~~~~~~~~~ Home ~~~~~~~~~~~~~~ */
#home-page-landing-img.halfscreen {
    background-position-y: 40%;
}

#home-bottom-section img {
    width: 50%;
	float: left;
	margin-right: 20px;
	margin-top: 5px;
}

#home-bottom-section iframe {
    width: 48%;
    float: right;
}

/* ~~~~~~~~~~~~~~ Services ~~~~~~~~~~~~~~ */
/* What We Do */
#what-we-do-landing-img.halfscreen {
    background-position-y: 55%;
}

/* Small Business Support */
#small-business-landing-img.halfscreen {
    background-position-y: 15%;
}

#small-business-cards .row.icon-boxes .icon-box {
    margin-top: 15px;
}

/* Home Support */
#home-support-landing-img.halfscreen {
    background-position-y: 60%;
}

/* Remote Support */
#remote-support-landing-img.halfscreen {
    background-position-y: 20%;
}

/* Same Day */
#same-day-landing-img.halfscreen {
    background-position-y: 85%;
}

#same-day-repair h1 {
    padding-bottom: 25px;
}

/* Apple */
#apple-landing-img.halfscreen {
    background-position-y: 85%;
}



/* ~~~~~~~~~~~~~~ About Us ~~~~~~~~~~~~~~ */
/* Our Start */
/* #our-start-landing-img h1 {
    padding-left: 272px;
    padding-bottom: 30px;
} */

/* Area Served */
#areas-served .container h2 {
    padding: 10px 0;
}

/* First Time Visit */
#first-time-visit {
    padding-top: 0px;
}

#first-time-visit h2 {
    color: #F3AA3C;
    font-size: 3em;
}

#first-time-visit .coupon_description {
    font-size: 1.2rem;
    font-style: normal;
    font-weight: 600;
    text-transform: none;
    line-height: 1.7;
    letter-spacing: 0;
    color: #777777;
    font-family: "Poppins", sans-serif;
}

#first-time-visit-section-2 .row {
    padding-bottom: 0px;
    margin-bottom: 50px;
}

#first-time-visit-section-2 .row .coupon_image {
    padding-right: 0px;
    padding-left: 0px;
}

#first-time-visit-section-2 h1 {
    font-size: 2.3em;
    text-align: center;
}

#first-time-visit-section-2 p {
    font-size: 1rem;
    font-style: normal;
    font-weight: 500;
    text-transform: none;
    line-height: 1.7;
    letter-spacing: 0;
    color: #777777;
    font-family: "Poppins", sans-serif;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 25px;
}

#first-time-visit-section-2 .first_time_visit_section2_child p {
    font-size: 1.4rem;
    font-style: normal;
    font-weight: 500;
    text-transform: none;
    line-height: 1.7;
    letter-spacing: 0;
    color: #777777;
    font-family: "Poppins", sans-serif;
    padding-left: 145px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 25px;
}

#first-time-visit-section-2 .form_head {
    margin-bottom: 16px;
    text-align: center;
    font-size: 2.7em;
}

#first-time-visit-section-2 .form_desc {
    margin-bottom: 0px;
    text-align: center;
    font-size: 1.2em;
    max-width: 100vw;
    padding-left: 0px;
}

#first-time-visit-form.card {
    border: 1px solid #e6e8eb;
    border-radius: 5px;
    background-color: #ffffff;
    margin-bottom: 20px;
    box-shadow: 0 0 35px 0 rgb(154 161 171 / 15%);
    width: 100%;
    margin-left: 148px;
}

#first-time-visit-section-2 .image_row {
    width: 100%;
    justify-content: center;
}

section.same_day_computer_repair_img.halfscreen {
    min-height: 50vh;
    background-size: cover;
    background-position: 40% 115%;
}

#same-day-landing-img #mobile-opening-padding h1 {
    font-size: 3em;
    text-shadow: 4px 4px black;
    font-weight: bold;
}

/* Tech Tips */
/* #tech-tips-landing-img {
    background-image: url(../../assets/images/tech-tips11.jpg);
    min-height: 90vh;
    background-size: cover;
    background-position: 40% 64%;
}
#tech-tips-landing-img  h1 {
    color: #4098CA;
    font-size: 4em;
} */

/* Review Page */
 .inspiro-slider .flickity-page-dots .dot {
    box-shadow: inset 0 0 0 2px #9d9696;
}

#slider img {
    position: relative;
    width: 3%!important;
    border-radius: 100%;
    margin: 20px;
}

#slider {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding: 0px;
    background-color: #fff;
    z-index: 1;
    height: 333px;
}

.flickity-slider>div>img, .carousel .polo-carousel-item img {
    width: 15%;
}
#testimonials {
    background-color: #4cbbb9;
}
  
.testimonial-text {
    position: relative;
    font-size: 1.5rem;
    line-height: 1.5;
}

.testimonial-image {
    position: relative;
    width: 10%!important;
    border-radius: 100%;
    margin: 20px;
}


#press {
    background-color: #e4e4e4;
    padding-bottom: 3%;
}

.press-logo {
    width: 8%;
    margin: 20px 20px 50px;
}

/* Contact */
#contact-card .card-header {
    background-color: #008dff;
    border-bottom: 1px solid #e6e8eb;
    font-weight: 600;
    padding: 1rem 1.5rem;
    margin-top: -1px;
}

#contact-page-text-opener {
    padding-bottom: 0;
}

#contact-us-section {
    padding-top: 0;
}

#contact-us-section #contact-card #contact-form {
    width: 100%;
}

/* Footer*/
#footer {
    /* background-image: url("/assets/images/binary-wave.jpeg");
    background-position: 70% 72%; */
    background-color: #008dff;
}

#footer .container {
    background-color: revert;
}

#footer .footer-content {
    background-color: revert;
}

#footer .copyright-content {
    background-color: revert;
    color: white;
    padding: 0;
}

#footer .footer_top dl,
#footer .footer_top ol,
#footer .footer_top ul {
    list-style: none;
}

#footer .footer_top h4,
#footer a:not(.btn):not(:hover) {
    color: white;
}

#footer a:hover {
    color: lightgray;
}

#footer .footer-content {
    padding: 20px 0 0px 0;
}

#footer #image-container img {
    width: 100%;
    margin-top: 10px;
}

/*hover */
.work_smarterli a:hover {
    color:rgb(0,172,237)!important;
}

/* load more / blogs */
.container .row ul {
    list-style: none;
}

.load_more {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5em;
    width: 180px;
    height: 52px;
    text-transform: uppercase;
    background-color: #008DFF;
    color: white;
    margin: 0 auto;
    border-radius: 15px;
    transition: all .3s ease-out;
    font-weight: 500;

}

.load_more:hover {
    background-color: rgb(216, 235, 250);
    color: inherit;
    
}

.post li:nth-child(10) ~ li {
    display: none;
}

.post li {
    padding-top: 25px;
    padding-bottom: 25px;
}

.loading {
    display: none;
    height: 32px;
    width: 32px;
    margin: 0 auto;
    animation: loader1 3s linear infinite;
}
@keyframes loader1 {
    from {transform: rotate(0deg);}
    to {transform: rotate(360deg);}
}

.loading span {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 32px;
    height: 32px;
    clip: rect(16px, 32px, 32px, 0);
    animation: loader2 1.5s cubic-bezier(0.77, 0, 0.175, 1) infinite;
}

@keyframes loader2 {
    from {transform: rotate(0deg);}
    to {transform: rotate(360deg);}
}

.loading span::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 32px;
    height: 32px;
    border: 3px solid transparent;
    border-top: 3px solid rgb(80, 76, 76);
    border-radius: 50%;
    animation: loader3 1.5s cubic-bezier(0.77, 0, 0.175, 1) infinite;
}

@keyframes loader3 {
    from {transform: rotate(0deg);}
    to {transform: rotate(360deg);}
}

.loading span::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 32px;
    height: 32px;
    border-top: 3px solid rgb(32, 32, 134);
    border-radius: 50%;
}

.load_more.show-loader {
    width: 52px;
    background-color: #e4e4e4;
    text-indent: -9999px;
}

.load_more.show-loader .loading {
    display: block;
}

.load_more.loaded {
    visibility: hidden;
    opacity: 0;
    height: 0;
    transition: visibility .3s 3s, opacity .3s 3s, height .3 3s;
    text-indent: -9999px;

}