body{ font-family:proxima-nova, sans-serif; }
a{ text-decoration:none!important; color:inherit!important; } 

.m-20{ margin:20px 0; }
.responsive-img{ width:100%; }

/* Read More Button */
.btn-read-more{cursor: pointer; background:none!important;color:#2eabe3!important;text-decoration: underline!important;text-transform: capitalize!important;border-radius:none!important;box-shadow:none!important;}
.btn-read-more:focus{outline: none!important;}

/* Topbar */
.topbar{ background-color:#f0f5fa; padding:15px 0; margin:0; width:100%; z-index:99999; border-bottom:1px solid #eaeaea; } 
.topbar ul{ margin:0; padding:0; }
.topbar ul li{ margin:0 20px 0 0; padding:0; display:inline-block; }
.topbar ul li a{ margin:0; padding:0; font-weight:600; font-size:16px; color:#2b2a28; text-decoration:none; }
.topbar ul li a i{ font-weight:500!important; }
.topbar ul li:nth-child(3),
.topbar ul li:nth-child(4),
.topbar ul li:nth-child(5){ float:right; margin:0 0 0 20px; }
.topbar .col-lg-12{ padding-left:5px; padding-right:5px; }
.topbar button{ margin:0; background-color:#2eabe3; margin-top:-15px; margin-bottom:-15px; border:0; height:54px; padding-left:25px; padding-right:25px; color:#fff; font-family:proxima-nova, sans-serif; font-size:15px; font-weight:bold; letter-spacing:1px; }

/* Navigation */
.navbar{ background-color:#fff!important; padding:15px 40px!important;     box-shadow: rgba(0,0,0,.117647) 0 1px 3px; }
.navbar-toggler{ padding:0 5px!important; }
.navbar-brand img{ width:82px!important; }
.navbar-light .navbar-nav .nav-item{ padding:0 23px; margin:0; }
.navbar-light .navbar-nav .nav-item .nav-link, .navbar-light .navbar-nav .dropdown-menu .dropdown-item{ transition:all 300ms ease-in-out; font-size:14px; color:#9aadbf; padding:0; font-family: proxima-nova, sans-serif!important; font-weight: 600!important; text-transform: uppercase; color: #9aadbf!important; letter-spacing: 1px!important; text-transform:uppercase; }
.navbar-light .navbar-nav .nav-item .nav-link:hover, .navbar-light .navbar-nav .dropdown-menu .dropdown-item:hover{ color:#2b2a28!important; transition:all 300ms ease-in-out; }
.navbar-light .navbar-nav .dropdown-menu{ background-color:#fff; border-radius:0; border:0; padding:18px; }
.navbar-light .navbar-nav .dropdown-item:focus, .navbar-light .navbar-nav .dropdown-item:hover{ background-color:#fff; color:#2b2a28; }
.navbar-light .navbar-nav .dropdown-menu .dropdown-item{ padding:5px 9px; letter-spacing: 1px;
    border: 0!important;
    color: #9aadbf;
    text-transform: uppercase;
    font-weight: 600; }

/* Header */
header{ padding:55px 0; background-color: #2eabe3; background-image: linear-gradient(180deg, #2eabe3 0%,#2687b3 100%);  }
header h1{ font-weight:400; font-size:42px; text-align:center; margin:0; padding:0 0 15px 0; color:#fff; font-family:proxima-nova, sans-serif; }

/* Content */
main{ padding:55px 0; }
main p{ margin:15px 0; padding:0; line-height:1.7; font-family:'Roboto', sans-serif; color:#6c747e; font-family:proxima-nova, sans-serif; }
main p a{ color:#00adb5; font-weight:bolder; }
main p a:hover, main p a:focus{ color:#00adb5; text-decoration:none; }
main h2{ font-family:proxima-nova, sans-serif; font-weight:500; color:#1b1d1f; }
main button{ transition:all 300ms ease-in-out; margin:15px 0; font-size:14px; border-radius:2px; background-color:#2eabe3; color:#fff; text-transform:uppercase; letter-spacing:1px; padding:14px 40px;     font-family: proxima-nova!important;
    font-weight: bold;
    line-height: 25px!important; border:0; box-shadow:0 4px 18px -4px rgba(0, 0, 0, 0.6)!important; }
main button:hover{ transition:all 300ms ease-in-out; background-color:#1b1d1f; color:#fff; }
main img{ max-width:100%; }

/* Refurb Hardware */
.refurbished-hardware{ background-color:#a8d900; padding:25px 0; }
.refurbished-hardware h4{ color:#fff; font-weight:bold; }
.refurbished-hardware p{ color:#fff; }
.refurbished-hardware img{ max-width:150px; }

.dark-bar{ background-color:#2b2a28; padding:40px; text-align:center; }
.dark-bar h3{ color:#fff; font-weight:bold; }

.services-section{ background-color:#f0f5fa; padding:55px 0; } 
.services-section h2{ text-align:center; margin-bottom:55px; }
.services-section .service-box{ text-align:center!important; background-color:#fff; padding:40px 20px; border-radius:5px;     box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.03); }
.services-section .service-box img{ height:80px; } 
.services-section .service-box h4{ font-weight:bold; margin:10px 0; padding:0; }
.services-section .service-box p{ color:#6c747e; margin:10px 0; padding:0; }
.services-section button{ display:block; margin-left:auto!important; margin-right:auto!important; transition:all 300ms ease-in-out; margin-top:15px; margin-bottom:15px; font-size:14px; border-radius:2px; background-color:#2eabe3; color:#fff; text-transform:uppercase; letter-spacing:1px; padding:14px 40px;     font-family: proxima-nova!important;
    font-weight: bold;
    line-height: 25px!important; border:0; box-shadow:0 4px 18px -4px rgba(0, 0, 0, 0.6)!important; }
.services-section button:hover{ transition:all 300ms ease-in-out; background-color:#1b1d1f; color:#fff; }

.products-section{ background-color:#fff; padding:55px 0; } 
.products-section h2{ text-align:center; }
.products-section p{ text-align:center; margin-bottom:55px; color:#6c747e!important; }
.products-section .service-box{ text-align:center!important; background-color:#fff; padding:40px 20px; border-radius:5px;     box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.03); }
.products-section .service-box img{ height:170px; } 
.products-section .service-box h4{ font-weight:bold; margin:10px 0; padding:0; }
.products-section .service-box p{ color:#6c747e; margin:10px 0; padding:0; }
.products-section button{ display:block; margin-left:auto!important; margin-right:auto!important; transition:all 300ms ease-in-out; margin-top:15px; margin-bottom:15px; font-size:14px; border-radius:2px; background-color:#2eabe3; color:#fff; text-transform:uppercase; letter-spacing:1px; padding:14px 40px;     font-family: proxima-nova!important;
    font-weight: bold;
    line-height: 25px!important; border:0; box-shadow:0 4px 18px -4px rgba(0, 0, 0, 0.6)!important; }
.products-section button:hover{ transition:all 300ms ease-in-out; background-color:#1b1d1f; color:#fff; }

.blue-text{ color:#2eabe3!important; }


/* Newsletter */
.newsletter-grid{ margin-top:35px; padding:10px; border:2px solid #2eabe3; border-radius:50px; display:grid; grid-template-columns:repeat(12, 1fr); }
.newsletter-grid .newsletter-column:nth-child(1){ grid-column:span 9; }
.newsletter-grid .newsletter-column:nth-child(2){ grid-column:span 3; }
.newsletter-grid .newsletter-column:nth-child(3){ grid-column:span 12; }
.newsletter-grid input[type="email"], .newsletter-grid input[type="submit"]{ width:100%!important; height:50px!important; }
.newsletter-grid input[type="email"]{ background-color:transparent; border:0; font-size:18px; font-family:proxima-nova; color:#6c747e!important; padding-left:10px; }
.newsletter-grid input[type="email"]::placeholder{ color:#6c747e!important; }
.newsletter-grid input[type="submit"]{ border-radius:40px!important; font-family:proxima-nova!important; font-weight:bold!important; border:0; color:#fff; background-color:#2eabe3!important; text-transform:uppercase; }
.newsletter-checkbox span.wpcf7-list-item{ margin:35px auto 0 auto!important; display:block; text-align:center; font-size:18px!important; }

.newsletter-section{ background-color:#f0f5fa!important; padding:55px 0; }
.newsletter-section h2{ text-align:center; font-weight:bold; font-size:34px; }

.get-in-touch{ padding:55px 0; text-align:center; }
.get-in-touch p{ color:#6c747e; }

.insert-email, .insert-phone{ font-size:18px; }

.cc-grid{ grid-gap:15px; display:grid; grid-template-columns:repeat(12, 1fr); max-width:610px; margin-top:25px; }
.cc-grid .cc-col{ grid-column:span 6; }
.cc-grid .cc-col:nth-child(5), .cc-grid .cc-col:nth-child(6), .cc-grid .cc-col:nth-child(7){ grid-column:span 12; }

.cc-col input[type="text"], .cc-col input[type="email"], .cc-col input[type="tel"], .cc-col textarea{ width:100%; background-color:#f0f5fa!important; border:1px solid #dbe5f0!important; height:auto!important; padding:15px; font-family:proxima-nova!important; font-size:16px!important; color:#8595a7!important; } 
.cc-col input[type="text"]::placeholder, .cc-col input[type="email"]::placeholder, .cc-col input[type="tel"]::placeholder, .cc-col textarea::placeholder{ color:#8595a7!important; font-weight:bold; }  
.cc-col .wpcf7-list-item-label{ color:#8595a7; }
.cc-col .wpcf7-list-item{ margin-left:0!important; padding-left:0!important; }
.cc-col input[type="submit"]{ background-color:#2eabe3!important; color:#fff; border:0; text-transform:uppercase; margin:0 auto!important; display:block; font-family:proxima-nova!important; font-weight:bold!important; padding:17px 75px!important; border-radius:4px!important; }

.above-footer{ margin-bottom:-40px; background-color:#2eabe3; padding:25px 55px; border-radius:5px; box-shadow: rgba(0,0,0,0.3) 0 0 10px; }  
.above-footer h3{ padding-top:20px; font-weight:700; font-size:30px; color:#fff; margin:0; }
.above-footer button{     transition: all 150ms ease-in-out; background-color:#2b2a28!important; border:0;
    padding: 15px 30px!important;
    font-weight: bold;
    margin: 15px 0px;
    border-radius: 3px!important; line-height:17px; font-size:14px; text-transform:uppercase; color:#fff; }

/* Footer */
footer{ padding:85px 0 65px 0; background-color:#f0f5fa; }
footer a{ text-decoration:none; color:inherit; }
footer a:hover, footer a:focus{ text-decoration:none; color:#00adb5; }
footer ul{ margin:0; padding:0; list-style-type:none; }
footer p{ font-family:proxima-nova, sans-serif; font-weight:500; color:#868f9a; font-size:13px; }
footer ul li{ font-family:proxima-nova, sans-serif; color:#868f9a; font-size:14px; margin:20px 0; }
footer h4{ font-family:proxima-nova; font-weight:bold; color:#2b2a28; }
footer .copyright-bar{ background-color:#141618; padding:27px 0; margin-top:75px; }
footer .copyright-bar p{ font-weight:500; font-size:13px; color:#fff; margin:0; padding:0; font-family:'Roboto', sans-serif; } 
footer .copyright-bar p img{ float:left; height:20px; } 
footer button{ transition:all 300ms ease-in-out; margin:15px 0; font-size:14px; border-radius:2px; background-color:#2eabe3; color:#fff; text-transform:uppercase; letter-spacing:1px; padding:14px 40px;     font-family: proxima-nova!important;
    font-weight: bold;
    line-height: 25px!important; border:0; }
    footer button:hover{ transition:all 300ms ease-in-out; background-color:#1b1d1f; color:#fff; }

    .website-credit button{ margin-bottom:0px!important; border-top-left-radius:20px; border-top-right-radius:20px; border-bottom-left-radius:0; border-bottom-right-radius:0; float:right; }


/* MQ */
.mobile{ display:none; }

@media only screen and (max-width: 992px){

        /* Topbar */
        .topbar{ padding:15px 0; }
        .topbar ul li{ margin:5px 0; }
        .topbar ul li:nth-child(2){ display:none; }

        main{ text-align:center; }
        main h2{ margin-bottom:25px; }
        main img{ max-width:80%; margin-left:auto; margin-right:auto; }

        .refurbished-hardware h4{ text-align:center; margin-top:15px; }
        .refurbished-hardware p{ text-align:center; }

        .service-box{ margin:10px 0; }

        .newsletter-grid .newsletter-column:nth-child(1){ grid-column:span 7; }
        .newsletter-grid .newsletter-column:nth-child(2){ grid-column:span 5; }

        .above-footer{ text-align:center!important; }
        .above-footer .col-lg-3{ text-align:center!important; }

        /* Navigation */
        .navbar-light .navbar-nav .nav-item{ margin:7px 0; }

        /* Footer */
        footer{ text-align:center; }
        footer img{ margin:25px 0; }

    .web{ display:none; }
    .mobile{ display:block; }

}