/* ---------- Overall Specifications ---------- */

body {
  line-height: 1.5;
  font-size: 87.5%;
  word-wrap: break-word;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-family:Calibri, Geneva, sans-serif;
/*  font-family: 'GothamMedium';*/ font-family: 'Open Sans';
}
a { text-decoration: none; }
a:hover { text-decoration: underline; }
h1, h2, h3, h4, h5, h6 { margin: 1.0em 0 0.5em; font-weight: inherit; }
h1 { font-size: 32px; color: #000; }
h2 { font-size: 28px; font-weight: bold; }
p { margin: 0 0 1.2em; /*  font-family: 'GothamMedium';*/ font-family: 'Open Sans'; }
tr.odd { background-color: #dddddd; }
img { outline: 0; }

table td { /*font-family: Arial;*/ font-family: 'Open Sans';  }


/* -------------------------Custom ----------------------- */
.toolbar { background:none; font-size:12px; }
ul.menu li { list-style:none; display:inline; }
.nopadding { padding:0; }
.nomargin { margin: 0; }

.fullWidth { max-width:100%; width:100%; margin-left:auto; margin-right:auto; }
.row.maxWidth { max-width:65rem; margin-left:auto; margin-right:auto; }
a.button:hover { text-decoration: none; }
.aright { text-align: right; }
.acenter { text-align: center; }
.lh50 { line-height: 50px; }
.pb20 { padding-bottom: 20px; }
.pb10 { padding-bottom: 10px; }
.pt20 { padding-top: 20px; }
.pt10 { padding-top: 10px; }
.mb30 { margin-bottom: 30px; }
.mt30 { margin-top: 30px; }
.mt40 { margin-top: 40px; }
.pr20 { padding-right: 20px; }
.p20 { padding: 20px; }
.br10 { border-radius: 10px; }
p.float-left-onxlarge { float: left; }
/*
.off-canvas-wrap.move-left {
position: fixed;
}
*/
ul.off-canvas-list { display: block; position: relative; transition: all 0.2s; }


.right-submenu { height: auto; }

.top-bar { height: auto; position: relative; background-color: #231f20; }
.contain-to-grid { background-color: #231f20; }
.fixed { position: fixed; }

.mob-nav { text-align: center; }
.mob-nav a { color: #fff; display: block; padding: 5px 30px; text-align: right; }

.column + .column:last-child, .columns + .column:last-child, .column + .columns:last-child, .columns + .columns:last-child { float: left; }

#menu-node-34 { line-height: 50px; }
#menu-node-35 { line-height: 50px; }
/*
.captcha .fieldset-legend { color: #fff; }
.captcha .fieldset-description { color: #fff; }
*/
/* ------------------------- Header ----------------------- */
#logo img { width: 70%; transition: all 0.5s ease; }
#pagetop { z-index: 20; position: static; }
#pagetop.fixed { position: fixed; }
#pagetop.fixed #logo { width: 60px; }
#pagetop.fixed #block-block-4 { padding: 0; }
#pagetop.fixed #block-block-5 { padding: 0; }
#pagetop.fixed #block-block-4 p { font-size: 24px; }
#pagetop.fixed #header { padding: 10px 0; }
#pagetop.fixed #navigation { padding: 10px 0; }
.not-front #secondary-navigation.fixed { width: 100%; position: fixed; /*top: 59px;*/ top: 115px; -webkit-transition: margin-top 0.5s; /* Safari */
    transition: margin-top 0.5s; }
.contain-to-grid.sticky.fixed #navigation { padding: 5px 0;  -webkit-transition: padding 0.5s; /* Safari */
    transition: padding 0.5s; }


#header { padding: 20px 0; }
#block-block-5 p { margin:0; }
a#get-started, a.pay-my-bill { float: right; display: block; background-color: #a0907c; color: #fff; padding: 5px 10px; border-radius: 5px; /*  font-family: 'GothamMedium';*/ font-family: 'Open Sans'; }
a.pay-my-bill { margin-right: 15px; }
#node-9 a.pay-my-bill { margin-right: 0; margin-top: 10px; padding: 15px 30px; }
a#get-started:hover, a.pay-my-bill:hover { text-decoration: none; background-color: #90c65d; }
#block-block-4 { padding: 20px 0; transition: all 0.5s ease;  }
#block-block-4 p { margin: 0; padding: 0; font-size: 29px; /*  font-family: 'GothamMedium';*/ font-family: 'Open Sans'; }
#block-block-4 p strong { /*font-family: 'GothamBlack';*/ font-family: 'Open Sans'; }

#block-block-5 { padding: 20px 0; }

/* ------------------------- Navigation ----------------------- */
#navigation { padding: 20px 0; position: relative; z-index: 100; transition: all 0.5s ease; }
#navigation ul.menu { padding: 0; margin: 0; display: flex; justify-content: space-around; }
#navigation ul.menu li { padding: 0; margin: 0; text-align: center; max-width: 110px; }
#navigation ul.menu li a { color: #fff; /*font-family: 'Gotham-Bold';*/ font-family: 'Open Sans'; font-weight: bold;  font-size: 16px; display: block; }
#navigation ul.menu li.active-trail a { color: #64b9cc; /*font-family: 'Gotham-Bold';*/ font-family: 'Open Sans'; font-weight: bold;  font-size: 16px; display: block; }
#navigation ul.menu li a:hover { text-decoration: none; color: #64b9cc; }
#navigation ul.menu li ul { display: none; }

#secondary-navigation { padding: 10px 0; position: absolute; width: 100%; z-index: 5;}
#secondary-navigation ul { padding: 0; margin: 0; /*display: flex; justify-content: space-around;*/ }
#secondary-navigation ul li { padding: 0; margin: 0; text-align: center; }
#secondary-navigation ul li a { color: #fff; /*font-family: 'Gotham-Bold';*/ font-family: 'Open Sans'; font-weight: bold;  font-size: 16px; }
#secondary-navigation ul li a:hover { text-decoration: none; color: #231f20; }

.secondary-navigation-home { padding: 10px 0; top:-148px; position: absolute; width: 100%; /*z-index: 15;*/ z-index: -1; transition: all 0.5s ease;  }
.secondary-navigation-home.fixed { position: fixed; }
.secondary-navigation-home.fixed.open { margin-top: 61px; -webkit-transition: margin-top 0.5s; /* Safari */
    transition: margin-top 0.5s; }
.secondary-navigation-home ul { padding: 0; margin: 0; /*display: flex; justify-content: space-around;*/ }
.secondary-navigation-home ul li { padding: 0; margin: 0; text-align: center; }
.secondary-navigation-home ul li a { color: #fff; /*font-family: 'Gotham-Bold';*/ font-family: 'Open Sans'; font-weight: bold;  font-size: 16px; }
.secondary-navigation-home ul li a:hover { text-decoration: none; color: #231f20; }

.page-node-1 #content .content { position: relative; }
.page-node-1 .tabs { display: none; }


/* ------------------------- Slideshow ----------------------- */
.swiper-slide { position: relative; }
.slideshow-back { position: absolute; z-index: -1; }
.green-back .swiper-slide { background-color: #90C65D; }
.swiper-pagination-bullet { background-color: #fff; width: 15px; height: 15px; margin: 5px; }
.swiper-pagination-bullet-active { background-color: #fff; }
.pagination { text-align: center; position: absolute; bottom: 0; width: 100%; text-align: center; z-index: 5; }
.slide-parent { position: relation; }

/* ------------------------- General ----------------------- */
#sidebar .sidebar-testimonial-body p { font-size: 14px; }
#sidebar h3 { margin-top: 0; }

/* ------------------------- Home Page ----------------------- */
.white-back { background-color: #fff; }
.black-back { background-color: #231f20; }
.green-back { background-color: #90c65d; }
.blue-back { background-color: #64b9cc; }
.brown-back { background-color: #a0907c; }
.lightbrown-back { background-color: #e3ddd2; }


/* ------------------------- Home Page - Testimonials ----------------------- */
#testimonials { padding: 30px 0; color: #fff; }
#testimonials p { color: #fff; }
#testimonials a { color: #fff; /*font-family: Arial;*/ font-family: 'Open Sans';  font-size: 18px; }
#testimonials a.see-our-work { display: block; background-color: #fff; color: #a0907c; text-align: center; margin-top: 40px; border-radius: 5px; padding: 15px 40px; font-size: 20px; font-weight: bold; }
#testimonials a.see-our-work:hover { text-decoration: none; background-color: #90C65D; color: #fff; }
#testimonials .field-name-body p { text-align: justify; }
.brown-back .swiper-slide { background-color: #a0907c; }
.testimonial-name { text-align: right; /*font-family: Arial;*/ font-family: 'Open Sans';  font-size: 18px; }
.quotes-right { margin-top: 320px; }

#testimonials .project-image { text-align: center; }

/* ------------------------- Home Page - Stats ----------------------- */
#stats { padding: 30px 0; }
.stat { position: relative; text-align: center; }
.stat-value { position: absolute; width: 100%; text-align: center; font-size: 94px; padding: 10% 0; /*font-family: 'Gotham-Bold';*/ font-family: 'Open Sans'; font-weight: bold;  }
.stat-title { text-align: center; padding: 10px; font-size: 22px; line-height: 28px; /*font-family: 'Gotham-Bold';*/ font-family: 'Open Sans'; font-weight: bold;  margin-top: 10px; }
/*.stat img { padding: 20px; }*/


/* ------------------------- Home Page - Specialties ----------------------- */
#specialties h2 { text-align: center; font-size: 57px; margin: 0 0 20px 0; /*font-family: 'Gotham-Bold';*/ font-family: 'Open Sans'; font-weight: bold;  }
#specialties { text-align: center; padding: 30px 0; }
#specialties .specialty-title { font-size: 22px; line-height: 24px; /*font-family: 'Gotham-Bold';*/ font-family: 'Open Sans'; font-weight: bold;  }
#specialties .specialty-title a { font-size: 22px; line-height: 24px; /*font-family: 'Gotham-Bold';*/ font-family: 'Open Sans'; font-weight: bold;  color: #000; }
#specialties .specialty-title a:hover { text-decoration: none; }
#specialties a.icon img { opacity: 0; }

#sidebar h3 { text-align: center; }
.sidebar-testimonial-top { background: url(../images/testimonial_back_top.png) no-repeat; background-size: contain; }
.sidebar-testimonial-bottom { background: url(../images/testimonial_back_bottom.png) no-repeat; background-size: contain; margin-bottom: 30px; }
.sidebar-testimonial-content { background: url(../images/testimonial_back.png) repeat-y; background-size: contain; padding: 0 25px 50px 60px; }

/* ------------------------- Home Page - Services ----------------------- */
#services a span.services-title {
  padding: 15px 40px;
  border-radius: 5px;
  color: #fff;
  display: block;
  text-align: center;
  font-size: 20px;
  line-height: 24px;
  margin-top: 30px;
  /*  font-family: 'GothamMedium';*/ font-family: 'Open Sans';
}
#services a:hover { text-decoration: none; }
#services a:hover span.services-title { text-decoration: none; text-decoration: none; }
#services a span.services-title.green { background-color: #90C65D; line-height: 48px; }
#services a:hover span.services-title.green { color: #000; text-decoration: none; }
#services a span.services-title.brown { background-color: #A0907C; }
#services a:hover span.services-title.brown { color: #000; text-decoration: none; }
#services a span.services-title.blue { background-color: #64B9CC; }
#services a:hover span.services-title.blue { color: #000; text-decoration: none; }
#services { text-align: center; padding: 50px 0; }
#services a span.icon img { opacity: 0; }

.lightbrown-back #services a span.services-title { margin-top: 0; }

.content-image { float: right; padding: 0 0 30px 70px; width: 35%; }

/* ------------------------- Home Page - Evaluation ----------------------- */
#evaluation { padding: 30px 0; }
#evaluation p { text-align: justify; }
#evaluation ul li { font-size: 18px; /*font-family: Arial;*/ font-family: 'Open Sans';  }
#evaluation .webform-client-form input { border: 1px solid #3e3a3b; border-radius: 5px; /*font-family: Arial;*/ font-family: 'Open Sans';  }
#evaluation .webform-client-form textarea { border: 1px solid #3e3a3b; border-radius: 5px; /*font-family: Arial;*/ font-family: 'Open Sans';  }
#evaluation .webform-client-form .form-actions { text-align: center; }
#evaluation .webform-client-form .form-actions input { background-color: #a0907c; color: #fff; font-size: 18px; padding: 10px 20px; border: none; }
#evaluation .webform-client-form .form-actions input:hover { background-color: #90C65D; }
#badge { text-align: center; margin-bottom: 20px; }

#block-block-8 { margin-top: 30px; }

.our-clients-side { width:50%; float:right; padding:0 0 20px 20px; text-align: center; }
.client-button { background-color:#231f20; border-radius:5px; display:block; color:#fff; text-align: center; padding: 10px; margin-bottom: 20px; }
.client-button:hover { background-color:#64b9cc; border-radius:5px; display:block; color:#fff; text-decoration: none; }

/* ------------------------- Home Page - Footer Bottom----------------------- */
#footer-bottom { padding: 30px 0; }
#footer-bottom p { text-align: center; }
#footer-bottom p a { color: #000; }


/* ------------------------ Directory Listing ------------------------- */
a#directory-scan { /*float: right;*/ display: block; background-color: #64b9cc; color: #fff; padding: 5px 10px; border-radius: 5px; /*  font-family: 'GothamMedium';*/ font-family: 'Open Sans'; margin-top: 15px; text-align: center; }
a#directory-scan:hover { text-decoration: none; background-color: #90c65d; }

.directory-login { margin-top: 60px; }
.pay-my-bill-footer { margin-top: 210px; }

/* ------------------------  History Page ----------------------------- */
#node-16 .field-name-body { padding: 30px; background-color: #f8f7f4; }
.history-text { font-size: 13px; }

.year-1999 { background: url(../images/history/arrow-1999-top.png) right no-repeat; }
.year-1999 h3 { color: #90c65d; margin: 0; display: inline-block; padding: 0 10px 0 0; background-color: #f8f7f4; }
.title-1999 { color: #90c65d; font-size: 13px; font-weight: bold; }

.back-2000 { background:url(../images/history/arrow-2000-top.png) 57% 13px no-repeat; min-height: 170px; }
.year-2000 h3 { color: #f8b313; margin: 0; display: inline-block; padding: 0 10px 0 0; background-color: #f8f7f4; }
.title-2000 { color: #f8b313; font-size: 13px; font-weight: bold; }


.year-2002 h3 { color: #dd9618; margin: 0; display: inline-block; padding: 0 10px 0 0; background-color: #f8f7f4; }
.title-2002 { color: #dd9618; font-size: 13px; font-weight: bold; }

.year-2004 { background: url(../images/history/arrow-2004-top.png) right no-repeat; }
.year-2004 h3 { color: #ff6633; margin: 0; display: inline-block; padding: 0 10px 0 0; background-color: #f8f7f4; }
.title-2004 { color: #ff6633; font-size: 13px; font-weight: bold; }

.year-2005 { background: url(../images/history/arrow-2005-top.png) right no-repeat; }
.year-2005 h3 { color: #ff3333; margin: 0; display: inline-block; padding: 0 10px 0 0; background-color: #f8f7f4; }
.title-2005 { color: #ff3333; font-size: 13px; font-weight: bold; }

.year-2006 h3 { color: #aa374f; margin: 0; display: inline-block; padding: 0 10px 0 0; background-color: #f8f7f4; }
.title-2006 { color: #aa374f; font-size: 13px; font-weight: bold; }

.year-2008 { background: url(../images/history/arrow-2008-top.png) right no-repeat; }
.year-2008 h3 { color: #853762; margin: 0; display: inline-block; padding: 0 10px 0 0; background-color: #f8f7f4; }
.title-2008 { color: #853762; font-size: 13px; font-weight: bold; }

.year-2009 { background: url(../images/history/arrow-2009-top.png) right no-repeat; }
.year-2009 h3 { color: #504682; margin: 0; display: inline-block; padding: 0 10px 0 0; background-color: #f8f7f4; }
.title-2009 { color: #504682; font-size: 13px; font-weight: bold; }

.year-2010 h3 { color: #504682; margin: 0; display: inline-block; padding: 0 10px 0 0; background-color: #f8f7f4; }
.title-2010 { color: #504682; font-size: 13px; font-weight: bold; }

.year-2012 { background: url(../images/history/arrow-2012-top.png) right no-repeat; }
.year-2012 h3 { color: #527cae; margin: 0; display: inline-block; padding: 0 10px 0 0; background-color: #f8f7f4; }
.title-2012 { color: #527cae; font-size: 13px; font-weight: bold; }

.year-2014 { background: url(../images/history/arrow-2014-top.png) right no-repeat; }
.year-2014 h3 { color: #3399cc; margin: 0; display: inline-block; padding: 0 10px 0 0; background-color: #f8f7f4; }
.title-2014 { color: #3399cc; font-size: 13px; font-weight: bold; }

.year-2015 h3 { color: #339999; margin: 0; display: inline-block; padding: 0 10px 0 0; background-color: #f8f7f4; }
.title-2015 { color: #339999; font-size: 13px; font-weight: bold; }

.year-2016 { background: url(../images/history/arrow-2016-top.png) right no-repeat; }
.year-2016 h3 { color: #33cc99; margin: 0; display: inline-block; padding: 0 10px 0 0; background-color: #f8f7f4; }
.title-2016 { color: #33cc99; font-size: 13px; font-weight: bold; }

.year-2017 { background: url(../images/history/arrow-2017-top.png) right no-repeat; }
.year-2017 h3 { color: #1c9a70; margin: 0; display: inline-block; padding: 0 10px 0 0; background-color: #f8f7f4; }
.title-2017 { color: #1c9a70; font-size: 13px; font-weight: bold; }

.year-2019 h3 { color: #1E6A51; margin: 0; display: inline-block; padding: 0 10px 0 0; background-color: #f8f7f4; }
.title-2019 { color: #1E6A51; font-size: 13px; font-weight: bold; }

/* ------------------------  FAQ Page ----------------------------- */

.accordion .accordion-navigation > a, .accordion dd > a { background: none; }
/*.accordion .accordion-navigation > a:hover, .accordion dd > a:hover { background: none; }*/
.accordion .accordion-navigation > a:hover, .accordion dd > a:hover { text-decoration: none; }
.accordion .accordion-navigation > a strong::after { content: url('../images/faq-arrow-closed.png'); }
.accordion .accordion-navigation.active > a strong::after { content: url('../images/faq-arrow-open.png'); }

.accordion.process .accordion-navigation > a strong::after { content: none; }
.accordion.process .accordion-navigation.active > a strong::after { content: none; }
/*.accordion.process .accordion-navigation > a:hover, .accordion dd > a:hover { background: none; }*/
.accordion.process .accordion-navigation.active > a, .accordion dd.active > a { background: none; }

#process-list .list-num { font-size:24px; font-weight: bold; line-height: 24px; }
#process-list .list-title { font-size:24px; font-weight: bold; line-height: 24px; }
#process-list .list-text { color:#fff; padding:30px 50px; border-radius:5px; }
/*
#wheel-overlay { width: 100%; position: relative; z-index: 4; }
#wheel-overlay-small { width: 100%; position: relative; z-index: 50; }
#wheel { background:url(../images/wheel.png) center center no-repeat; background-size:contain; position: relative; }

.stepimage { position: absolute; transition: all 0.5s ease; z-index: 2; }
.stepimage.zoom { z-index: 3; }
#step01image {
  width: 366px;
  top:71px;
  right: 375px;
}
#step01image.zoom {
  width: 462px;
  top:31px;
  right: 323px;
}

#step02image {
  width: 443px;
  top:206px;
  right: 124px;
}
#step02image.zoom {
  width: 548px;
  top:158px;
  right: 76px;
}

#step03image {
  width: 371px;
  top:552px;
  right: 90px;
}
#step03image.zoom {
  width: 477px;
  top:498px;
  right: 55px;
}

#step04image {
  width: 436px;
  top:851px;
  right: 126px;

}
#step04image.zoom {
  width: 555px;
  top:796px;
  right: 76px;
}

#step05image {
  width: 366px;
  top:1000px;
  right: 375px;
}
#step05image.zoom {
  width: 470px;
  top:927px;
  right: 315px;
}

#step06image {
  width: 366px;
  top:997px;
  left: 361px;

}
#step06image.zoom {
  width: 470px;
  top:927px;
  left: 302px;
}

#step07image {
  width: 436px;
  top:851px;
  left: 115px;
}
#step07image.zoom {
  width: 555px;
  top:790px;
  left: 61px;
}

#step08image {
  width: 371px;
  top:552px;
  left: 77px;
}
#step08image.zoom {
  width: 477px;
  top:498px;
  left: 40px;
}

#step09image {
  width: 443px;
  top:206px;
  left: 109px;
}
#step09image.zoom {
  width: 548px;
  top:166px;
  left: 70px;
}

#step10image {
  width: 366px;
  top:71px;
  left: 361px;

}
#step10image.zoom {
  width: 462px;
  top:31px;
  left: 307px;
}
*/

/* ------------------------  Our Mission Page ----------------------------- */
#node-15 { background: url(../images/our-mission.png) top right no-repeat; height: 400px; }

/* ------------------------  Executive Team Page ----------------------------- */
#block-views-executive-team-block .field-name-field-image { text-align: center; }
.bio-text.closed {
  max-height: 320px;
  overflow: hidden;
  /*-webkit-transition: max-height 1s;*/
  /*transition: max-height 1s;*/
}
.bio-text.open {
  max-height: 10000px;
  overflow: hidden;
  /*-webkit-transition: max-height 1s;*/
  /*transition: max-height 1s;*/
}

.details { position: relative; }
a.bio-read-more { text-align: center; color: #000; border: 1px solid #000; padding: 10px; display: block; position: relative; top: -30px; }
a.bio-show-less { text-align: center; color: #000; border: 1px solid #000; padding: 10px; display: block; }

.bio-text {
  position: relative;
  -webkit-transition: max-height 1s;
  transition: max-height 1s;
}

.bio-text:after {
  position: absolute;
  bottom: 0;
  height: 100%;
  width: 100%;
  content: "";
  background: linear-gradient(to top,
     rgba(255,255,255, 1) 20%,
     rgba(255,255,255, 0) 80%
  );
  pointer-events: none; /* so the text is still selectable */
}

.bio-text.open:after {
  background: none;
}

.bio-phone { color: #90c65d; font-size: 16px; line-height: 16px; }
.bio-ext { color: #90c65d; font-size: 16px; line-height: 16px; }


/* ------------------------  Contact Us Page ----------------------------- */
#node-10 table { width: 100%; }

#block-block-7 table { border: none; }
#block-block-7 table tbody { border: none; }
#block-block-7 table tr { border: none; background: none; }
#block-block-7 table tr td { border: none; padding: 0 10px 10px 0; font-size: 18px; }

/* ------------------------- Bandwidth Management --------------------- */

ul#bandwidth-management-list { margin: 0 0 20px 0; padding: 0; }
ul#bandwidth-management-list li { margin: 0; padding: 10px; }
ul#bandwidth-management-list li .platform-more a { /*font-family: Arial;*/ font-family: 'Open Sans';  display: block; background-color: #64b9cc; color: #fff; padding: 10px; text-align: center; }
ul#bandwidth-management-list li .platform-title a { color: #fff; background-color: #a1a1a2; display: block; text-align: center; padding: 0 10px 10px 10px; }
.node-platform { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#434343+1,828282+100 */
  background: #434343; /* Old browsers */
  background: -moz-linear-gradient(top,  #434343 1%, #828282 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #434343 1%,#828282 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #434343 1%,#828282 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#434343', endColorstr='#828282',GradientType=0 ); /* IE6-9 */

  border-radius: 10px;
  border: 1px solid #fff;
}
.node-platform .platform-title { font-size: 24px; padding: 80px 0 0 0; color: #fff; text-align: center; }
.node-platform .field-name-body p { color: #fff; padding-top: 20px; font-size: 16px; line-height: 22px; }
.node-platform .platform-more .button { background-color: #64b9cc; border: 1px solid #fff; border-radius: 10px; }

.node-platform .platform-details { color: #fff; }
.node-platform .platform-details h2 { color: #fff; }

#procera-logo img { margin-top: 30px; padding: 20px; background-color: #fff; border: 2px solid #000; border-radius: 10px; }
#procera-logo { text-align: right; }
#node-8 { background: url(../images/procera-back.png) top right no-repeat; }
.bandwidth-bottom { padding: 30px 60px; margin-bottom: 30px; border-radius: 10px; float: left; }
.bandwidth-bottom h2 { font-size: 40px; color: #fff; }
.bandwidth-bottom p { color: #fff; }
#block-webform-client-block-59 input { background: none; border: 1px solid #fff; color: #fff; font-size: 18px; }
#block-webform-client-block-59 input::placeholder { color: #fff; font-size: 18px; }
#block-webform-client-block-59 input::-webkit-input-placeholder { color: #fff; font-size: 18px; }
#block-webform-client-block-59 input::-moz-placeholder { color: #fff; font-size: 18px; }
#block-webform-client-block-59 input::-ms-input-placeholder { color: #fff; font-size: 18px; }
#block-webform-client-block-59 input::-moz-placeholder { color: #fff; font-size: 18px; }
#block-webform-client-block-59 textarea { background: none; border: 1px solid #fff; color: #fff; font-size: 18px; }
#block-webform-client-block-59 textarea::placeholder { color: #fff; font-size: 18px; }
#block-webform-client-block-59 textarea::-webkit-input-placeholder { color: #fff; font-size: 18px; }
#block-webform-client-block-59 textarea::-moz-placeholder { color: #fff; font-size: 18px; }
#block-webform-client-block-59 textarea::-ms-input-placeholder { color: #fff;  font-size: 18px; }
#block-webform-client-block-59 textarea::-moz-placeholder { color: #fff; font-size: 18px; }
#block-webform-client-block-59 label { color: #fff; }
#block-webform-client-block-59 .form-actions { float: right; }
#block-webform-client-block-59 .form-actions input { padding: 15px 60px; font-size: 20px }
#block-webform-client-block-59 #edit-submitted-request-schedule { float: left; }
#block-webform-client-block-59 #edit-submitted-request-schedule .form-item { display: inline-block; }
#block-webform-client-block-59 #edit-submitted-request-schedule .form-item input { margin: 0; }


#block-webform-client-block-67 input { background: none; border: 1px solid #fff; color: #fff; font-size: 18px; }
#block-webform-client-block-67 input::placeholder { color: #fff; font-size: 18px; }
#block-webform-client-block-67 input::-webkit-input-placeholder { color: #fff; font-size: 18px; }
#block-webform-client-block-67 input::-moz-placeholder { color: #fff; font-size: 18px; }
#block-webform-client-block-67 input::-ms-input-placeholder { color: #fff; font-size: 18px; }
#block-webform-client-block-67 input::-moz-placeholder { color: #fff; font-size: 18px; }
#block-webform-client-block-67 textarea { background: none; border: 1px solid #fff; color: #fff; font-size: 18px; }
#block-webform-client-block-67 textarea::placeholder { color: #fff; font-size: 18px; }
#block-webform-client-block-67 textarea::-webkit-input-placeholder { color: #fff; font-size: 18px; }
#block-webform-client-block-67 textarea::-moz-placeholder { color: #fff; font-size: 18px; }
#block-webform-client-block-67 textarea::-ms-input-placeholder { color: #fff;  font-size: 18px; }
#block-webform-client-block-67 textarea::-moz-placeholder { color: #fff; font-size: 18px; }
#block-webform-client-block-67 label { color: #fff; }
#block-webform-client-block-67 .form-actions { float: right; }
#block-webform-client-block-67 .form-actions input { padding: 15px 60px; font-size: 20px }
#block-webform-client-block-67 #edit-submitted-request-schedule { float: left; }
#block-webform-client-block-67 #edit-submitted-request-schedule .form-item { display: inline-block; }
#block-webform-client-block-67 #edit-submitted-request-schedule .form-item input { margin: 0; }

#block-webform-client-block-68 input { background: none; border: 1px solid #fff; color: #fff; font-size: 18px; }
#block-webform-client-block-68 input::placeholder { color: #fff; font-size: 18px; }
#block-webform-client-block-68 input::-webkit-input-placeholder { color: #fff; font-size: 18px; }
#block-webform-client-block-68 input::-moz-placeholder { color: #fff; font-size: 18px; }
#block-webform-client-block-68 input::-ms-input-placeholder { color: #fff; font-size: 18px; }
#block-webform-client-block-68 input::-moz-placeholder { color: #fff; font-size: 18px; }
#block-webform-client-block-68 textarea { background: none; border: 1px solid #fff; color: #fff; font-size: 18px; }
#block-webform-client-block-68 textarea::placeholder { color: #fff; font-size: 18px; }
#block-webform-client-block-68 textarea::-webkit-input-placeholder { color: #fff; font-size: 18px; }
#block-webform-client-block-68 textarea::-moz-placeholder { color: #fff; font-size: 18px; }
#block-webform-client-block-68 textarea::-ms-input-placeholder { color: #fff;  font-size: 18px; }
#block-webform-client-block-68 textarea::-moz-placeholder { color: #fff; font-size: 18px; }
#block-webform-client-block-68 label { color: #fff; }
#block-webform-client-block-68 .form-actions { float: right; }
#block-webform-client-block-68 .form-actions input { padding: 15px 60px; font-size: 20px }
#block-webform-client-block-68 #edit-submitted-request-schedule { float: left; }
#block-webform-client-block-68 #edit-submitted-request-schedule .form-item { display: inline-block; }
#block-webform-client-block-68 #edit-submitted-request-schedule .form-item input { margin: 0; }

#block-webform-client-block-69 input { background: none; border: 1px solid #fff; color: #fff; font-size: 18px; }
#block-webform-client-block-69 input::placeholder { color: #fff; font-size: 18px; }
#block-webform-client-block-69 input::-webkit-input-placeholder { color: #fff; font-size: 18px; }
#block-webform-client-block-69 input::-moz-placeholder { color: #fff; font-size: 18px; }
#block-webform-client-block-69 input::-ms-input-placeholder { color: #fff; font-size: 18px; }
#block-webform-client-block-69 input::-moz-placeholder { color: #fff; font-size: 18px; }
#block-webform-client-block-69 textarea { background: none; border: 1px solid #fff; color: #fff; font-size: 18px; }
#block-webform-client-block-69 textarea::placeholder { color: #fff; font-size: 18px; }
#block-webform-client-block-69 textarea::-webkit-input-placeholder { color: #fff; font-size: 18px; }
#block-webform-client-block-69 textarea::-moz-placeholder { color: #fff; font-size: 18px; }
#block-webform-client-block-69 textarea::-ms-input-placeholder { color: #fff;  font-size: 18px; }
#block-webform-client-block-69 textarea::-moz-placeholder { color: #fff; font-size: 18px; }
#block-webform-client-block-69 label { color: #fff; }
#block-webform-client-block-69 .form-actions { float: right; }
#block-webform-client-block-69 .form-actions input { padding: 15px 60px; font-size: 20px }
#block-webform-client-block-69 #edit-submitted-request-schedule { float: left; }
#block-webform-client-block-69 #edit-submitted-request-schedule .form-item { display: inline-block; }
#block-webform-client-block-69 #edit-submitted-request-schedule .form-item input { margin: 0; }

#block-webform-client-block-70 input { background: none; border: 1px solid #fff; color: #fff; font-size: 18px; }
#block-webform-client-block-70 input::placeholder { color: #fff; font-size: 18px; }
#block-webform-client-block-70 input::-webkit-input-placeholder { color: #fff; font-size: 18px; }
#block-webform-client-block-70 input::-moz-placeholder { color: #fff; font-size: 18px; }
#block-webform-client-block-70 input::-ms-input-placeholder { color: #fff; font-size: 18px; }
#block-webform-client-block-70 input::-moz-placeholder { color: #fff; font-size: 18px; }
#block-webform-client-block-70 textarea { background: none; border: 1px solid #fff; color: #fff; font-size: 18px; }
#block-webform-client-block-70 textarea::placeholder { color: #fff; font-size: 18px; }
#block-webform-client-block-70 textarea::-webkit-input-placeholder { color: #fff; font-size: 18px; }
#block-webform-client-block-70 textarea::-moz-placeholder { color: #fff; font-size: 18px; }
#block-webform-client-block-70 textarea::-ms-input-placeholder { color: #fff; font-size: 18px; }
#block-webform-client-block-70 textarea::-moz-placeholder { color: #fff; font-size: 18px; }
#block-webform-client-block-70 label { color: #fff; }
#block-webform-client-block-70 .form-actions { float: right; }
#block-webform-client-block-70 .form-actions input { padding: 15px 60px; font-size: 20px }


.webform-client-form-10 input { background: none; border: 1px solid #fff; color: #fff; font-size: 18px; }
.webform-client-form-10 input::placeholder { color: #fff; font-size: 18px; }
.webform-client-form-10 input::-webkit-input-placeholder { color: #fff; font-size: 18px; }
.webform-client-form-10 input::-moz-placeholder { color: #fff; font-size: 18px; }
.webform-client-form-10 input::-ms-input-placeholder { color: #fff; font-size: 18px; }
.webform-client-form-10 input::-moz-placeholder { color: #fff; font-size: 18px; }
.webform-client-form-10 textarea { background: none; border: 1px solid #fff; color: #fff; font-size: 18px; }
.webform-client-form-10 textarea::placeholder { color: #fff; font-size: 18px; }
.webform-client-form-10 textarea::-webkit-input-placeholder { color: #fff; font-size: 18px; }
.webform-client-form-10 textarea::-moz-placeholder { color: #fff; font-size: 18px; }
.webform-client-form-10 textarea::-ms-input-placeholder { color: #fff; font-size: 18px; }
.webform-client-form-10 textarea::-moz-placeholder { color: #fff; font-size: 18px; }
.webform-client-form-10 label { color: #fff; }
.webform-client-form-10 .form-actions { float: right; }
.webform-client-form-10 .form-actions input { padding: 15px 60px; font-size: 20px }

/* ------------------------- Website Solutions --------------------- */
#block-views-website-themes-block .views-row { border-bottom: 1px solid #ccc; }
#block-views-website-themes-block .views-row-last { border: none; }


/* -------------------------- Social Media Page ------------------------ */
ul.social-media-icons li { text-align: center; padding: 25px 0; }


/* -------------------------- Customer Support ------------------------ */

#block-views-customer-support-block ul li.views-row { margin: 0; padding: 10px;  }
#block-views-customer-support-block ul li.views-row .node-customer-support { border-radius: 8px; min-height: 360px; background-color: #64b9cc; padding: 20px;  }
#block-views-customer-support-block ul li.views-row .node-customer-support h3 {
  font-size: 28px;
  line-height: 32px;
  font-weight: bold;
  padding-bottom: 10px;
  color: #fff; text-align: center;
  margin:10px 0 15px 0;
}

#block-views-customer-support-block ul li.views-row .node-customer-support p a { color: #000;  }
#block-views-customer-support-block ul li.views-row .node-customer-support p .button { margin: 0; background-color: transparent; border: 1px solid #fff; color: #fff; }
#block-views-customer-support-block ul li.views-row .node-customer-support p .button:hover { background-color: #fff; color: #000; }
.view-customer-support .item-list #node-188 p { line-height: 20px; }

/* ------------------------- Footer  ----------------------- */
#footer { padding: 50px 0; }
#footer ul.menu { padding: 0; margin: 0; }
#footer ul.menu li { padding: 0; margin: 0; }
#footer ul.menu li a { color: #fff; /*font-family: Arial;*/ font-family: 'Open Sans';  display: block; font-size: 14px; line-height: 18px; /*margin-top: 20px; padding: 0 5px;*/ height: 50px; padding: 0 5px 0 0; }
#footer ul.menu li a.bold { font-weight: bold; margin: 20px 0 0 0; }
#footer ul.menu li a:hover { text-decoration: none; color: #999; }
#footer .bordertop { border-top: 5px solid #fff; }
#footer .p5 { padding: 0 5px; }

#footer h2 { font-size: 14px; color: #fff; margin: 20px 0 10px 0; height: 40px; }



/* ------------------------- Secondary Pages  ----------------------- */
.node-page h1 { /*font-family: Arial;*/ font-family: 'Open Sans';  font-weight: bold; font-size: 32px; margin-top: 140px; }
.node-page p { /*font-family: Arial;*/ font-family: 'Open Sans';  font-size: 18px; }
.node-page ul li { /*font-family: Arial;*/ font-family: 'Open Sans';  font-size: 18px; }
.node-page ol li { /*font-family: Arial;*/ font-family: 'Open Sans';  font-size: 18px; }


.node-specialty h1 { /*font-family: Arial;*/ font-family: 'Open Sans';  font-weight: bold; font-size: 32px; margin-top: 140px; }
.node-specialty p { /*font-family: Arial;*/ font-family: 'Open Sans';  font-size: 18px; }
.node-specialty ul li { /*font-family: Arial;*/ font-family: 'Open Sans';  font-size: 18px; }

.node-service h1 { /*font-family: Arial;*/ font-family: 'Open Sans';  font-weight: bold; font-size: 32px; }
.node-service p { /*font-family: Arial;*/ font-family: 'Open Sans';  font-size: 18px; }
.node-service ul li { /*font-family: Arial;*/ font-family: 'Open Sans';  font-size: 18px; }

.node-webform h1 { /*font-family: Arial;*/ font-family: 'Open Sans';  font-weight: bold; font-size: 32px; }
.node-webform p { /*font-family: Arial;*/ font-family: 'Open Sans';  font-size: 18px; }
.node-webform ul li { /*font-family: Arial;*/ font-family: 'Open Sans';  font-size: 18px; }

.node-bio { margin: 30px 0 60px 0; }
.node-bio h1 { /*font-family: Arial;*/ font-family: 'Open Sans';  font-weight: bold; font-size: 32px; margin-top: 0; }
.node-bio p { /*font-family: Arial;*/ font-family: 'Open Sans';  font-size: 18px; }
.node-bio ul li { /*font-family: Arial;*/ font-family: 'Open Sans';  font-size: 18px; }

#block-views-affiliates-block ul li { margin: 0; }
#block-views-affiliates-block h2 { font-size: 18px; }
#block-views-affiliates-block .views-row .views-field-field-logo { text-align: center; }

#block-views-partners-block ul li { margin: 0; padding: 0 10px; }
#block-views-partners-block h2 { font-size: 18px; margin-top: 50px; }
#block-views-partners-block .views-row .views-field-field-logo { text-align: center; }

#block-views-portfolio-block .item-list ul li { margin: 0; padding: 20px; }


iframe body#reseller-scan .top-logo-bar { background: #000; }

#node-21 .content-form-section { display: none; }

#node-42 img { width: 30%; float: right; }
#node-26 img.right { width: 40%; }

#node-33 img.right { width: 40%;  }

#node-9 img.right { width: 40%; padding: 0 30px;  }

.sidebar-quote { background: url(../images/bubble.png) no-repeat; background-size:contain; padding: 30px 20px 140px 100px; }
.sidebar-quote p { margin: 0; text-align: center; font-size: 17px; line-height: 26px; font-weight: bold; font-style: italic; }
.ppc-sidebar { text-align: center; }
.ppc-sidebar img.ppc { max-width: 350px; }


.contain-to-grid { background: none; }
.f-topbar-fixed .contain-to-grid .black-back  { background-color: #000; top: 50px; }
.f-topbar-fixed .contain-to-grid .white-back  { background-color: #fff; }
.f-topbar-fixed .contain-to-grid .white-back  #logo img { max-width: unset; width: 30%; transition: all 0.5s ease; }
.f-topbar-fixed .contain-to-grid .white-back #block-block-4 { padding: 0; transition: all 0.5s ease; }
.f-topbar-fixed .contain-to-grid .white-back  #block-block-5 { padding: 0;  transition: all 0.5s ease;}
.top-bar { background: none; }

#block-views-positive-review-sidebar-block ul li { margin: 0; padding: 10px; font-size: 15px; line-height: 20px; list-style: none; }
#block-views-positive-review-sidebar-block ul li.views-row .views-field-title span { background-color: #90c75e; color: #fff; display: block; padding: 5px 10px; }

/* ------------------------- Payment Form ---------------------------- */
#node-276 h1 { margin: 45px 0 15px; }
form.webform-client-form-278 { margin-bottom: 45px; }
form.webform-client-form-278 span.field-prefix { position: relative; top: 30px; left: -12px; }
form.webform-client-form-278 input { border: 1px solid #3e3a3b; border-radius: 5px; font-family: 'Open Sans'; }
form.webform-client-form-278 input.webform-submit { background-color: #a0907c; color: #fff; font-size: 18px; padding: 10px 20px; border: none; }
form.webform-client-form-278 input.webform-submit:hover { background-color: #90C65D; }
form.webform-client-form-278 input[type="checkbox"] { margin-bottom: 3px; }
form.webform-client-form-278 input[type="checkbox"] + label { margin-left: 2px; display: initial; }

/* ------------------------- Checkout -------------------------------- */
.page-checkout #content { max-width: 50%; margin: 0 auto; }

#commerce-checkout-form-checkout fieldset { border-radius: 5px; }
#commerce-checkout-form-checkout input,
#commerce-checkout-form-checkout select { border: 1px solid #3e3a3b; border-radius: 5px; font-family: 'Open Sans'; }
#commerce-checkout-form-checkout input.form-submit { background-color: #a0907c; color: #fff; font-size: 18px; padding: 10px 20px; border: none; }
#commerce-checkout-form-checkout input.form-submit:hover { background-color: #90C65D; }
#commerce-checkout-form-checkout input.checkout-cancel:hover { background-color: #dd3c4a; text-decoration: none; }
#commerce-checkout-form-checkout .checkout-buttons span.button-operator { margin: 0 15px; }

#commerce-checkout-form-review .checkout-help { display: none; }

table.checkout-review { margin-top: 50px; }

.commerce_payment .form-item-commerce-payment-payment-method { display: none; }
.commerce_payment input#edit-commerce-payment-payment-details-credit-card-number { max-width: 200px; }
.commerce_payment select#edit-commerce-payment-payment-details-credit-card-exp-month,
.commerce_payment select#edit-commerce-payment-payment-details-credit-card-exp-year { max-width: 90px; }
.commerce-month-year-divider { margin: 0 4px; }

table.checkout-review { width: 100%; }
table.checkout-review tr.pane-title { background-color: #90c65d; }
table.checkout-review tr.pane-title td { color: #fff; }


#edit-checkout-completion-message { margin: 50px 0; padding: 0 10px; }

/* ------------------------- Foundation Override --------------------- */

@media screen and (min-width: 1500px) {
  #header { padding: 5px 0; }
  #logo img { max-width: 150px; }
  .row.xlarge { max-width: 1500px; }
  .contain-to-grid .top-bar { max-width: 100%; }
  /*.contain-to-grid .top-bar { max-width: 1500px; }*/
  .xlarge #navigation ul.menu li { max-width: none; }
  .xlarge #navigation ul.menu li a { line-height: 50px; }
  .xlarge #block-block-4 { padding: 30px 0; }
  .xlarge #block-block-5 { padding: 30px 0; }
  #services.xlarge  a span.services-title.green { line-height: 24px; }

  #node-16 img.xlarge { display:block; }
  #node-16 img.large { display:none; }

  #node-33 img.right { width: 30%; }
  #node-9 img.right { width: 30%; padding: 0 30px 0 10%;  }
  #block-views-customer-support-block ul li.views-row .node-customer-support p.text { min-height: 200px;  }
  #wheel { width: 800px; margin: 0 auto; }
  /* resized */
  /*#step01image {

    width: 190px;
    top: 47px;
    right: 205px;
  }
  #step02image {

    width: 230px;
    top: 119px;
    right: 64px;
  }
  #step03image {

    width: 195px;
    top: 302px;
    right: 45px;
  }
  #step04image {

    width: 230px;
    top: 464px;
    right: 62px;
  }
  #step05image {

    width: 190px;
    top: 545px;
    right: 202px;
  }
  #step06image {

    width: 190px;
    top: 545px;
    left: 195px;
  }
  #step07image {

    width: 230px;
    top: 463px;
    left: 62px;
  }
  #step08image {

    width: 195px;
    top: 302px;
    left: 42px;
  }
  #step09image {

    width: 230px;
    top: 123px;
    left: 60px;
  }
  #step10image {

    width: 190px;
    top: 47px;
    left: 195px;
  }
  */

/*  zoom  */
/*
  #step01image.zoom {

    width: 256px;
    top: 18px;
    right: 164px;
  }
  #step02image.zoom {

    width: 303px;
    top: 79px;
    right: 32px;
  }
  #step03image.zoom {

    width: 265px;
    top: 271px;
    right: 21px;
  }
  #step04image.zoom {

    width: 303px;
    top: 427px;
    right: 36px;
  }
  #step05image.zoom {

    width: 256px;
    top:498px;
    right: 164px;
  }
  #step06image.zoom {

    width: 256px;
    top:498px;
    left: 158px;
  }
  #step07image.zoom {

    width: 303px;
    top: 427px;
    left: 25px;
  }
  #step08image.zoom {

    width: 265px;
    top: 271px;
    left: 18px;
  }
  #step09image.zoom {

    width: 303px;
    top: 79px;
    left: 26px;
  }
  #step10image.zoom {

    width: 256px;
    top: 18px;
    left: 153px;
  }
*/
}
@media screen and (max-width: 1499px) {
  #node-16 img.xlarge { display:none; }
  #node-16 img.large { display:block; }
  #header { padding: 5px 0; }
  .contain-to-grid .top-bar { max-width: 100%; }
  p.float-left-onxlarge { float: none; }
  #node-9 a.pay-my-bill { margin: 30px; }

  .content-image { float: right; padding: 0 0 30px 50px; width: 40%; }

  .website-and-application-sidebar { position: absolute; top: 0; bottom: 0; right: 0; }
  .website-and-application-sidebar img { position: absolute; bottom: 0; }
  .row.xlarge { max-width: 62.5rem; }
  #block-views-customer-support-block ul li.views-row .node-customer-support { min-height: 350px; }
  #block-views-customer-support-block ul li.views-row .node-customer-support p.text { min-height: 150px;  }
  #block-views-customer-support-block ul li.views-row .node-customer-support h3 { font-size: 25px; }


 #wheel { width: 800px; margin: 0 auto; }
  /* resized */
  /*#step01image {

    width: 190px;
    top: 47px;
    right: 205px;
  }
  #step02image {

    width: 230px;
    top: 119px;
    right: 64px;
  }
  #step03image {

    width: 195px;
    top: 302px;
    right: 45px;
  }
  #step04image {

    width: 230px;
    top: 464px;
    right: 62px;
  }
  #step05image {

    width: 190px;
    top: 545px;
    right: 202px;
  }
  #step06image {

    width: 190px;
    top: 545px;
    left: 195px;
  }
  #step07image {

    width: 230px;
    top: 463px;
    left: 62px;
  }
  #step08image {

    width: 195px;
    top: 302px;
    left: 42px;
  }
  #step09image {

    width: 230px;
    top: 123px;
    left: 60px;
  }
  #step10image {

    width: 190px;
    top: 47px;
    left: 195px;
  }
*/
/*  zoom  */
/*
  #step01image.zoom {
    width: 306px;
    top: 22px;
    right: 211px;
  }
  #step02image.zoom {
    width: 366px;
    top: 100px;
    right: 55px;
  }
  #step03image.zoom {
    width: 320px;
    top: 331px;
    right: 37px;
  }
  #step04image.zoom {
    width: 366px;
    top: 524px;
    right: 55px;
  }
  #step05image.zoom {
    width: 306px;
    top:610px;
    right: 211px;
  }
  #step06image.zoom {
    width: 306px;
    top:610px;
    left: 211px;
  }
  #step07image.zoom {
    width: 366px;
    top: 524px;
    left: 55px;
  }
  #step08image.zoom {
    width: 320px;
    top: 331px;
    left: 37px;
  }
  #step09image.zoom {
    width: 366px;
    top: 100px;
    left: 55px;
  }
  #step10image.zoom {
    width: 306px;
    top: 22px;
    left: 211px;
  }
  */

}


@media screen and (max-width: 1024px) {
  .our-clients-side { width:100%; float:none; padding:20px 20px 20px 20px; text-align: center; }
  #node-15 { background: none; height: auto; }
  #node-15.node-page h1 { margin: 10px 0; font-size: 28px; }
  #node-15.node-page p { font-size: 14px; line-height: 20px; }
  .back-2000 { background: none; }
  .year-2002 { background: url(../images/history/arrow-2002-top.png) right no-repeat; }
  .year-2004 { background: none; }


  .year-2009 { background: none; }
  .year-2010 { background: url(../images/history/arrow-2010-top.png) right no-repeat; }
  .year-2012 { background: none; }
  .year-2017 { background: none; }

  .mh380 { min-height: 380px; }
  .mh240 { min-height: 240px; }
  .mh200 { min-height: 200px; }
  .mh280 { min-height: 280px; }

  area { cursor: pointer; }
  /*
  #wheel { width: 600px; margin: 0 auto; position: relative; }

  #step01image {
    width: 147px;
    top: 30px;
    right: 147px;
  }
  #step02image {
    width: 177px;
    top: 86px;
    right: 44px;
  }
  #step03image {
    width: 150px;
    top: 225px;
    right: 29px;
  }
  #step04image {
    width: 177px;
    top: 348px;
    right: 44px;
  }
  #step05image {
    width: 147px;
    top: 408px;
    right: 147px;
  }
  #step06image {
    width: 147px;
    top: 408px;
    left: 143px;
  }
  #step07image {
    width: 177px;
    top: 348px;
    left: 40px;
  }
  #step08image {
    width: 150px;
    top: 225px;
    left: 25px;
  }
  #step09image {
    width: 177px;
    top: 86px;
    left: 40px;
  }
  #step10image {
    width: 147px;
    top: 30px;
    left: 143px;

  }
  */

/*  zoom  */
/*
  #step01image.zoom {
    width: 188px;
    top: 13px;
    right: 125px;
  }
  #step02image.zoom {
    width: 223px;
    top: 62px;
    right: 25px;
  }
  #step03image.zoom {
    width: 194px;
    top: 202px;
    right: 13px;
  }
  #step04image.zoom {
    width: 223px;
    top: 322px;
    right: 25px;
  }
  #step05image.zoom {
    width: 188px;
    top:380px;
    right: 125px;
  }
  #step06image.zoom {
    width: 188px;
    top:380px;
    left: 121px;
  }
  #step07image.zoom {
    width: 223px;
    top: 322px;
    left: 21px;
  }
  #step08image.zoom {
    width: 194px;
    top: 202px;
    left: 9px;
  }
  #step09image.zoom {
    width: 223px;
    top: 62px;
    left: 21px;
  }
  #step10image.zoom {
    width: 188px;
    top: 13px;
    left: 121px;
  }
*/

.page-checkout #content { max-width: 66%; }

#node-9 a.pay-my-bill { margin: 45px 10px; }

}
@media screen and (max-width: 1008px) {
  #pagetop.fixed { position: unset; }
  #secondary-navigation { display: none; }
  #secondary-navigation-home { display: none; }
  a#get-started, a.pay-my-bill { float: none; text-align: center; margin: 10px 30px; }
  .stat-value { font-size: 86px; }
  #services a span.services-title { padding: 15px 10px; }
}
@media screen and (max-width: 960px) {
  #footer ul.menu li a { font-size: 12px; line-height: 14px; height: 40px; }
  #footer h2 { font-size: 12px; height: 30px; }
}
@media screen and (max-width: 940px) {
  .stat-value { font-size: 80px; }

}
@media screen and (max-width: 880px) {
  .stat-value { font-size: 78px; }
}
@media screen and (max-width: 860px) {
  .stat-value { font-size: 74px; }
  .stat-title { font-size: 18px; line-height: 24px; }
}
@media screen and (max-width: 880px) {
  #footer ul.menu li a { font-size: 10px; line-height: 14px; height: 40px; }
  #footer h2 { font-size: 10px; height: 30px; }
}
@media screen and (max-width: 810px) {
  #services a span.services-title { padding: 15px; }
  #services a span.services-title.green { line-height: 24px; }
}
@media screen and (max-width: 780px) {
  #services a span.services-title { padding: 15px; font-size: 17px; }

  .stat-value { font-size: 66px; }
  .stat-title { font-size: 16px; line-height: 22px; }
}
@media screen and (max-width: 740px) {
  #services a span.services-title { padding: 15px; }
}
@media screen and (max-width: 700px) {
  .stat-value { font-size: 60px; }
  #services a span.services-title { padding: 15px 5px; font-size: 17px; }
}
@media screen and (max-width: 640px) {
  .website-and-application-sidebar { position: static; }
  .website-and-application-sidebar img { position: static; }
  #services a span.services-title.green { line-height: 24px; }
  .quotes-right { margin-top: 0; text-align: right;}
  #footer ul.menu li a { text-align: center; }
  #footer ul.menu { margin-bottom: 20px; }
  #services .columns { margin-bottom: 30px; }
  #specialties .columns { margin-bottom: 30px; }
  #specialties h2 { font-size: 32px; }
  .call-us { display: block; width: 100%; }
  #block-block-4 { padding: 10px 0; }
  #block-block-4 p { font-size: 22px; }
  #logo { text-align: center; }
  #block-block-5 { padding: 20px 0 10px 0; }
  #node-16 .field-name-body { text-align: center; }
  .mh380 { min-height: 0; }
  .mh240 { min-height: 0; }
  .mh200 { min-height: 0; }
  .mh280 { min-height: 0; }
  .year-1999 { background: none; }
  .year-2002 { background: none; }
  .year-2005 { background: none; }
  .year-2008 { background: none; }
  .year-2010 { background: none; }
  .year-2014 { background: none; }
  .year-2016 { background: none; }

  .content-image { float: right; padding: 0 0 30px 40px; width: 50%; }

  #wheel { background: none; width: 100%; }

  #node-20 { padding: 0 15px; }

  .page-checkout #content { max-width: 100%; }
}