* { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; } *, *:before, *:after { -webkit-box-sizing:border-box;  box-sizing:border-box; } body {   line-height:27px; margin:0 auto; padding:0; color:#000;   font-size:17px;   font-weight:300; font-family:'Helvetica Neue LT Pro', 'Helvetica', sans-serif;   background-color:#fff; } p, p a {   line-height:27px; font-size:17px;   font-weight:300;   letter-spacing:-0.5px; } strong, b {   font-weight:700; } a {   color:#000; } a, a:before, a:after { -webkit-transition:.4s ease;  transition:.4s ease; } ol, ul {   list-style:none; } ol, ol li, ul, ul li {   float:left; } h1, h2, h3, h4, h5, h6 { font-family:'Helvetica Neue LT Pro', 'Helvetica', sans-serif; font-weight:500;   letter-spacing:-0.5px; }  form { margin:0 0 0 0px; padding:0; } .form div.wpcf7 .ajax-loader {   display:none !important; }   input, select, textarea {   float:left;   width:100%;   height:42px;   line-height:42px;   margin:0 0 6px;   padding:0px 20px;  color:#000;   font-size:15px;   font-family:'Helvetica Neue LT Pro', 'Helvetica', sans-serif;   font-weight:300;   letter-spacing:1px;   border:solid 1px #000;   background-color:transparent;   -webkit-border-radius:2px; border-radius:2px;   -webkit-transition:.4s ease; transition:.4s ease; }  input.half {   width:calc(50% - 3px);   margin-right:6px; } input.half.last {   margin-right:0; } textarea {   height:42px;   line-height:17px;   padding:12px 20px;   resize:none; } input:focus, textarea:focus {   border-color:gray; } input[type=submit] {  color:#0684c8;   font-size:18px;   font-weight:500;   text-align:center;   text-transform:uppercase;   letter-spacing:-0.5px;   cursor:pointer;   background-color:#ececec;  border:1px solid black;   padding:5px;   height:auto; } input[type=submit]:hover, input[type=submit]:focus { color:#4ca114;   background-color:rgba(255, 255, 255, 0.8); } input.error, input.wpcf7-not-valid {   border:1px solid #bc2020; } span.wpcf7-not-valid-tip {   display:none !important; } div.wpcf7-response-output {   float:left;   width:100%;   margin:0 !important;   padding:10px 20px 9px !important; font-size:15px;   font-weight:300;   -webkit-box-sizing:border-box; box-sizing:border-box; } ::-webkit-input-placeholder {   color:#000;   opacity:0.7; } ::-moz-placeholder {   color:#000;   opacity:0.7; } :-ms-input-placeholder {   color:#000;   opacity:0.7; } :-moz-placeholder {   color:#000;   opacity:0.7; } .wrap { position:relative; z-index:10; width:1180px; margin:0 auto; } .wrap:after { content:"."; visibility:hidden; display:block; height:0; clear:both; } .wrapper { float:left; width:100%; overflow:hidden; }  input.error, input.wpcf7-not-valid {   border:1px solid #ff0000; } .header, .home-hero, .hero, .welcome, .services, .meet, .meet2, .testi-hero, .testimonials, .main, .map, .contact-us, .bottom, .footer {   position:relative;   float:left;   width:100%; } h2 span, .btn, .menu a, .home-hero h1, .home-hero .h1, .home-hero a, .services .title-line h2, .section-title span, .testi-hero .h2, .testi-hero a {   text-transform:uppercase; } .header a, .btn, .home-hero a, .testi-hero a, .bottom .contact-col a, .footer a {   text-decoration:none; } hr.empty {   float:left;   display:inline-block;   width:100%;   height:1px;   margin:0;   border:0;   opacity:0;   pointer-events:none; } .btn {   position:relative;   display:inline-block;   width:152px;   height:46px;   color:#fff;   font-weight:300;   text-align:center;   background:#bddd57;   background:-moz-linear-gradient(-45deg, #bddd57 0%, #4ca421 100%);   background:-webkit-linear-gradient(-45deg, #bddd57 0%,#4ca421 100%);   background:linear-gradient(135deg, #bddd57 0%,#4ca421 100%);   filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#bddd57', endColorstr='#4ca421',GradientType=1 ); } .btn::after {   content:'';   position:absolute;   z-index:0;   top:0;   right:0;   bottom:0;   left:0;   opacity:0;   background:#4ca421;   background:-moz-linear-gradient(-45deg, #4ca421 0%, #bddd57 100%);   background:-webkit-linear-gradient(-45deg, #4ca421 0%,#bddd57 100%);   background:linear-gradient(135deg, #4ca421 0%,#bddd57 100%);   filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#4ca421', endColorstr='#bddd57',GradientType=1 ); } .btn:hover::after {   opacity:1; } .btn span {   position:absolute;   top:50%;   left:0;   z-index:2;   display:inline-block;   width:100%;   font-size:13px;   text-align:center;   letter-spacing:1.5px;   transform:translateY(-50%); } .section-title {   position:relative;   line-height:26px;   margin:0 0 22px;   padding:0 0 36px;   color:#0684c8;   font-size:46px;   font-weight:500;   letter-spacing:-1px; } .section-title::after {   content:'';   position:absolute;   bottom:0;   left:0;   width:52px;   height:2px;   background-color:#0684c8 } .section-title span {   display:inline-block;   width:100%;   line-height:16px;   margin:0 0 16px;   color:#1d1d1d;   font-size:15px;   font-weight:200;   letter-spacing:2px; }  .header {   z-index:100;  height:115px; } .header-bg {   position:absolute;   z-index:1;   top:0;   right:0;   bottom:0;   left:0; background-color:none;   } .header-bg::after {   content:'';   position:absolute;   top:0;   right:242px;   bottom:0;   width:1px;   pointer-events:none;   background-color:#e4e4e4; } .logo, .top {   position:relative;   z-index:10; } .logo {   float:left;   margin:23px 0 0 65px; } .top {   float:right;   height:133px; } .top .phone {   position:relative;   top:50%;   float:right;   width:242px;   line-height:27px;   padding:0 42px 0 0;   text-align:right;   transform:translateY(-50%); } .top .phone a { color:white;   font-size:27px;   font-weight:500; } .top .phone a:hover {   color:#4ca114; }  .menu {   position:relative;   top:50%;   float:right;   margin:0 29px 0 0;   transform:translateY(-50%); } .menu > ul > li {   position:relative;   line-height:17px; } .menu > ul > li + li {   margin:0 0 0 25px; } .menu > ul > li > a {   position:relative;   z-index:101; color:white;   font-size:17px;   font-weight:500; } .menu ul li.current-menu-item > a, .menu ul li a:hover, .menu ul li.current-page-parent > a, .menu ul.sub-menu li.current-menu-item a, .menu ul li.current-page-ancestor > a {  color:#4ca114;   font-weight:900;   font-size:16px; } .menu > ul > li > a::after {   content:'';   position:absolute;   bottom:-5px;   left:50%;   width:0;   height:3px;   opacity:0;   background-color:#4ca114;   transform:translateX(-50%); } .menu > ul > li > a:hover::after, .menu > ul > li.current-menu-item > a::after, .menu ul li.current-page-parent > a::after, .menu ul li.current-page-ancestor > a::after {   width:calc(100% + 4px);   opacity:1; } .menu ul.sub-menu {   position:absolute;   z-index:100;   top:100%;   left:-13px;   width:250px;   padding:22px 12px 16px 13px;   opacity:0;   pointer-events:none;   background-color:#fff;   transition:.4s ease; text-align:right; } .menu ul.sub-menu ul.sub-menu {   top:-22px;   left:100%;   width:280px; } .menu ul li:hover > ul.sub-menu {   opacity:1;   pointer-events:auto; } .menu ul.sub-menu li {   position:relative;   width:100%;   line-height:24px; border-bottom:1px solid #cecece;   margin-top:5px; } .menu ul.sub-menu li a {   position:relative;   color:#010101;   font-size:14px;   font-weight:400; } .menu ul.sub-menu li a:hover{ color:#4ca114; }  #select-nav { display:none; }  .home-hero, .hero {   top:-115px;   background-position:inherit;   background-repeat:no-repeat;   background-size:cover; } .home-hero .content .wrap { height:88vh;   padding-top:38px; } .home-hero .inner {   position:relative;   top:50%;   float:left;   padding:30px 57px 38px 0;   text-align:right;   border-right:solid 1px #c8c8c8;   transform:translateY(-50%); } .home-hero h1, .home-hero .h1 {   line-height:72px;   margin:0 0 30px;   color:#3b3b3b;   font-size:80px;   font-weight:100; } .home-hero a {   position:relative;   display:inline-block;   line-height:15px;   color:#0081c6;   font-size:15px;   font-weight:400;   letter-spacing:2px; } .home-hero a:hover {   color:#4ca114; } .home-hero a::after {   content:'';   position:absolute;   bottom:-5px;   left:50%;   width:calc(100% + 10px);   height:1px;   background-color:#0081c6;   transform:translateX(-50%); } .home-hero a:hover::after {   width:calc(100% + 22px);   background-color:#4ca114; } .home-hero .form-wrap, .hero .form-wrap {   float:left;   width:100%;   padding:34px 0 28px;  background-size:cover; } .hero .mobile-hero-image {   display:none; } .hero .mobile-hero-image img {   width:100%;   height:auto;   vertical-align:middle; } .hero .form-wrap {   margin:350px 0 0; } .home-hero .form-title, .home-hero .form, .home-hero .form .col, .hero .form-title, .hero .form, .hero .col {   float:left; } .home-hero h2, .hero h2 {   line-height:35px;   margin:10px 0 0;   color:#fff;   font-size:40px;   font-weight:200; } .home-hero h2 strong, .hero h2 strong {   font-weight:500; } .home-hero .form-title, .hero .form-title { } .home-hero .form, .hero .form { width:100%; } .home-hero .form .col, .hero .form .col {   width:calc(50% - 82px);   padding:0 6px 0 0; } .home-hero .form input[type=submit], .hero .form input[type=submit] {   width:164px; } .welcome {   padding:20px 0 64px; } .welcome .col {   float:left;   width:33%;   text-align:justify; } .welcome .col h3 {   line-height:27px;   margin:0 0 20px;   color:#8d8d8d;   font-size:18px;   font-weight:300; } .welcome .col-left {   padding:0 36px 0 0; } .welcome .col-right {   padding:0 0 0 36px; } .welcome .btn { } .services .title-line {   float:left;   width:100%;   padding:62px 0 61px;   text-align:center;   } .services .title-line h2 {   line-height:15px;   font-size:22px;   font-weight:200;   letter-spacing:2px; } .services ul li {   position:relative;   width:100%; } .services .wrap {   min-height:490px; } .services .image {   position:absolute;   top:0;   bottom:0;   left:0;   width:calc(50% - 39px);   background-position:center;   background-repeat:no-repeat;   background-size:cover; } .services ul li:nth-child(2n + 2) .image {   right:0;   left:auto; } .services .image img {   display:none;   width:100%;   height:auto; } .services .inner {   position:absolute;   top:50%;   right:0;   width:calc(50% - 39px);   transform:translateY(-50%); } .services ul li:nth-child(2n + 2) .inner {   right:auto;   left:0; } .services .inner p {   line-height:30px;   margin:0 0 26px; } .services .inner ul {   width:50%;   padding:0 0 0 18px; } .services .inner ul li {   position:relative;   line-height:27px;   margin:0 0 5px;   padding:0 0 0 21px;   font-size:17px; } .services .inner ul li::before {   content:'\f054';   position:absolute;   top:2px;   left:0;   color:#82bf3b;   font-size:9px;   font-family:FontAwesome; } .services .inner .btn {   margin:38px 0 0; } .services ul li:last-child .inner .btn {   margin:0; } .meet {   position:relative;   padding:70px 0 0; } .meet::after {   content:'';   position:absolute;   right:0;   bottom:0;   left:0;   height:131px;   background-color:#fff; }  .meet .col {   float:left; } .meet .text-col {   width:calc(100% - 478px);   margin:28px 0 0;   padding:0 36px 0 0; } .meet h4, .meet .h4 {   line-height:27px;   margin:0 0 20px;   font-size:19px;   font-weight:300; } .meet p {   margin:0 0 50px; } .meet .btn {   margin:41px 0 37px; } .meet .image-col {   width:321px;   padding:0 30px 0 0; } .meet .image-col img {   width:100%;   height:auto; }  .meet2 {   position:relative;   padding:70px 0 0; } .meet2::after {   content:'';   position:absolute;   right:0;   bottom:0;   left:0;   height:131px;   } .meet2 .col {   float:left; } .meet2 .text-col {   width:calc(100% - 478px);   margin:28px 0 0;   padding:0 36px 0 0; } .meet2 h4, .meet2 .h4 {   line-height:27px;   margin:0 0 20px;   font-size:19px;   font-weight:300; } .meet2 p {   margin:0 0 50px; } .meet2 .btn {   margin:41px 0 37px; } .meet2 .image-col {   width:321px;   padding:0 30px 0 0; } .meet2 .image-col img {   width:100%;   height:auto; }  .testi-hero {   background:url(https://www.northalstedsmiles.com/wp-content/uploads/2019/09/testi-hero-image.png) center no-repeat;   background-size:cover; } .testi-hero .wrap {   height:476px; } .testi-hero .inner {   position:relative;   top:50%;   left:50%;   width:50%;   transform:translateY(-50%); } .testi-hero .h2 {   position:relative;   line-height:63px;   margin:0 0 22px;   padding:0 0 26px;   color:#fff;   font-size:74px;   font-weight:100; letter-spacing:-.5px; } .testi-hero .h2::after {   content:'';   position:absolute;   bottom:0;   left:0;   width:47px;   height:2px;   background-color:#fff; } .testi-hero a {   position:relative;   display:inline-block;   line-height:25px;   color:#fff;   font-size:25px;   font-weight:700; } .testi-hero a::after {   content:'';   position:absolute;   bottom:-5px;   left:50%;   width:0;   height:2px;   opacity:0;   background-color:#fff;   transform:translateX(-50%); } .testi-hero a:hover::after {   width:100%;   opacity:1; } .testimonials {   padding:80px 0 84px; } .testimonials .slider, .testimonials .slide {   float:left;   width:100%; } .testimonials button {   position:absolute;   z-index:300;   top:50%;   width:24px;   height:43px;   cursor:pointer;   background-position:center;   background-repeat:no-repeat;   background-size:cover;   transform:translateY(-50%); } .testimonials button.prev {   left:0;   background-image:url(https://www.northalstedsmiles.com/wp-content/themes/click5-wp/images/slider-prev-btn-icon.png); } .testimonials button.next {   right:0;   background-image:url(https://www.northalstedsmiles.com/wp-content/themes/click5-wp/images/slider-next-btn-icon.png); } .testimonials .inner {   padding:34px 155px 0;   text-align:justify; } .testimonials ul.slider-nav {   position:absolute;   z-index:300;   bottom:-35px;   left:0;   width:100%;   text-align:center; } .testimonials ul.slider-nav li {   float:none;   display:inline-block;   width:12px;   height:12px;   margin:0 1px;   cursor:pointer;   border:solid 1px #c2c2c2;   border-radius:50%;   transition:.4s ease; } .testimonials ul.slider-nav li.active, .testimonials ul.slider-nav li:hover {   border-color:#0684c8;   background-color:#0684c8; } .testimonials p {   margin:0 0 20px; } .testimonials span.empty {   position:relative;   float:left;   display:inline-block;   width:62px;   height:28px; } .testimonials span.empty::before {   content:'';   position:absolute;   top:-31px;   left:-26px;   width:66px;   height:53px;   background:url(https://www.northalstedsmiles.com/wp-content/themes/click5-wp/images/quotation-mark-item.png); } .testimonials p {   line-height:28px; } .testimonials .slide .inner p:last-child {   position:relative;   display:inline-block;   margin:0;   padding:19px 0 0; } .testimonials .slide .inner p:last-child::before {   content:'';   position:absolute;   top:0;   left:0;   width:41px;   height:1px;   background-color:#0684c8; }   .main {   padding:68px 0 60px; } .main .page-title {   position:relative;   line-height:26px;   margin:0 0 22px;   padding:0 0 36px;   color:#0684c8;   font-size:46px;   font-weight:500;   letter-spacing:-1px; } .main .page-title::after {   content:'';   position:absolute;   bottom:0;   left:0;   width:52px;   height:2px;   background-color:#0684c8; } .main .entry {   float:left;   width:100%; } .main .left-col {   float:left;   width:calc(100% - 220px); } .main .right-col {   float:right;   width:160px; } .main .right-col img {   width:100%;   height:auto;   vertical-align:middle; } .main .right-col a {   display:block;   line-height:1; } .main .entry h3, .main .entry h2.custom_header_h3_h2 {   line-height:30px;   margin:0 0 20px;  font-size:22px;   font-weight:300; } .main .entry h4, .main .entry h2.custom_header_h4_h2, .main .entry h3.custom_header_h4_h3 {   line-height:27px;   margin:0 0 20px;   font-size:19px;   font-weight:500;   letter-spacing:-0.5px; } .main .entry hr {   width:100%;   height:2px;   margin:10px 0 32px;   border:0;   background-color:#0684c8; } .main .entry p {   margin:0 0 22px; } .main .entry p:last-child {   margin:0; } .main .entry p a {   color:#0684c8; } .main .entry p a:hover {   color:#4ca114; } .main .entry ul {   width:100%;   padding:0 0 22px 18px; } .main .entry ul ul {   margin:7px 0 0; } .main .entry ul li {   position:relative;   width:100%;   line-height:27px;   margin:0 0 5px;   padding:0 0 0 21px;   font-size:17px; } .main .entry ul li::before {   content:'\f054';   position:absolute;   top:2px;   left:0;   color:#82bf3b;   font-size:9px;   font-family:FontAwesome; } .main .entry ul li a {   font-size:17px;   text-decoration:none; } .main .entry ul li a:hover {   color:#0684c8; } .main .financing-mobile-banner {   display:none;   max-width:100%;   height:auto; } .map {   height:550px; }  .contact-us {   padding:38px 0 36px;   background:url(https://www.northalstedsmiles.com/wp-content/themes/click5-wp/images/contact-us-bg-image.jpg) center no-repeat;   background-size:cover; } .contact-us p {   line-height:35px;   color:#fff;   font-size:35px;   font-weight:200;   text-align:center; } .contact-us a {   position:relative;   top:-5px;   display:inline-block;   width:185px;   height:46px;   line-height:44px;   color:#fff;   text-align:center;   text-transform:uppercase;   text-decoration:none;   border:solid 1px #fff; } .contact-us a:hover {   color:#82bf3b;   background-color:#fff; } .bottom {   padding:64px 0 65px;   background-color:#fbfbfb; } .bottom .col {   float:left; } .bottom .col h4 {   position:relative;   line-height:25px;   margin:0 0 22px;   color:#0684c8;   font-size:23px; } .bottom .col h4::before {   position:absolute;   top:calc(50% - 1px);   font-size:20px;   font-family:FontAwesome;   transform:translateY(-50%); } .bottom .contact-col {   width:400px;   padding:48px 40px 52px;  border:solid 2px #d6d6d600; } .bottom .contact-col h2 {   line-height:28px;   margin:0 0 22px;   color:#4ca114;   font-size:22px;   font-weight:500;   letter-spacing:-0.5px; } .bottom .contact-col p {   line-height:26px;   font-size:16px; } .bottom .contact-col a.phone {   display:inline-block;   line-height:36px;   color:#0684c8;   font-size:42px;   font-weight:700;   letter-spacing:-2px; } .bottom .contact-col a.phone:hover {   color:#4ca114 } .bottom .contact-col a.mail {   position:relative;   display:inline-block;   line-height:20px;   color:#4ca114;   font-size:18px; } .bottom .contact-col a.mail:hover {   color:#0684c8; }  .bottom .contact-col a.mail:hover::after {   width:calc(100% + 16px);   background-color:#0684c8; } .bottom .hours-col {   width:268px;   margin:48px 0 0 115px; } .bottom .hours-col h3::before {   content:'\f017';   left:-32px; } .bottom .hours-col p {   line-height:28px;   font-size:16px; } .bottom .hours-col p span {   display:inline-block;   float:right; } .bottom .financing-col {   margin:48px 0 0 136px; width:21%; } .bottom .financing-col h3::before {   content:'\f0d6';   left:-36px; } .bottom .financing-col p {   line-height:28px;   margin:0 0 38px; } .bottom .financing-col p:last-child {   margin:0; } .bottom .financing-col img {   vertical-align:middle; } .footer {   padding:28px 0 27px; } .footer p.copy {   float:left;   line-height:15px;   font-size:15px; } .footer ul {   float:right; } .footer ul li {   height:17px;   line-height:17px; } .footer ul li + li {   position:relative;   margin:0 0 0 13px;   padding:0 0 0 15px; } .footer ul li + li::before {   content:'';   position:absolute;   top:0;   left:0;   bottom:0;   width:1px;   background-color:#535353; } .footer ul li a {   display:inline-block;   height:17px;   line-height:17px;   font-size:15px; } .footer ul li a:hover {   color:#4ca114; }   table { padding:0; margin:2px 40px 16px 40px; border:0; } table caption { color:#444; background:#ddd; padding:5px 8px; font-size:17px; line-height:21px; text-align:left; font-weight:bold; border-bottom:1px solid #fff; } table thead tr th, table tr th { text-align:left; padding:4px 8px; color:#777; background:#e7e7e7; } table tbody tr td, table tr td { padding:3px 8px; color:#666; font-size:14px; line-height:21px; vertical-align:middle; border-bottom:1px solid #e7e7e7; } table tfoot tr td { color:#888; font-size:11px; padding:2px 8px; }  .aleft { text-align:left; } .acenter { text-align:center; } .aright { text-align:right; } .fleft { float:left; } .fcenter { float:none; margin-left:auto; margin-right:auto; } .fright { float:right; } .fnone { float:none; } .cboth { clear:both; } .clear { clear:both; display:block; width:100%; } .cleft { clear:left; } .cright { clear:right; } .nowrap { white-space:nowrap; }  .alignnone {   margin:5px 20px 20px 0; } .aligncenter, div.aligncenter {   display:block;   margin:5px auto 5px auto; } .alignright {   float:right;   margin:5px 0 20px 20px; } .alignleft {   float:left;   margin:5px 20px 20px 0; } a img.alignright {   float:right;   margin:5px 0 20px 20px; } a img.alignnone {   margin:5px 20px 20px 0; } a img.alignleft {   float:left;   margin:5px 20px 20px 0; } a img.aligncenter {   display:block;   margin-left:auto;   margin-right:auto } .wp-caption {   background:#fff;   border:1px solid #f0f0f0;   max-width:96%;   padding:5px 3px 10px;   text-align:center; } .wp-caption.alignnone {   margin:5px 20px 20px 0; } .wp-caption.alignleft {   margin:5px 20px 20px 0; } .wp-caption.alignright {   margin:5px 0 20px 20px; } .wp-caption img {   border:0 none;   height:auto;   margin:0;   max-width:98.5%;   padding:0;   width:auto; } .wp-caption p.wp-caption-text {   font-size:11px;   line-height:17px;   margin:0;   padding:0 4px 5px; }  .slicknav_menu { background:transparent none repeat scroll 0 0;   position:absolute;   right:0;   top:0;   width:100%;   z-index:1000; display:none;   pointer-events:none; } .slicknav_menu.sticky {   position:fixed; } .sticky .slicknav_btn {   padding:21px 15px 22px; } .slicknav_btn, .slicknav_nav{   pointer-events:auto; } .slicknav_nav li {   width:100%; background:none; } .slicknav_btn { padding:52px 15px 51px;   background:#bddd57;   background:-moz-linear-gradient(-45deg, #bddd57 0%, #4ca421 100%);   background:-webkit-linear-gradient(-45deg, #bddd57 0%,#4ca421 100%);   background:linear-gradient(135deg, #bddd57 0%,#4ca421 100%);   filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#bddd57', endColorstr='#4ca421',GradientType=1 );   clip-path:polygon(0 0, 100% 0, 100% calc(100% - 3px), 0 100%); } .slicknav_nav li { background-color:#3aabe6 ; } .slicknav_nav li a:hover { background-color:#223a57; } .slicknav_nav {   position:relative;   top:-3px;   width:100%; } .g-recaptcha{   transform:scale(.7);   position:absolute;   left:74px;   top:33px; } #paybutton{ width:19%; transform:scale(1.3); } #acct{ color:black !important; } .fa{ font-size:30px !important; } .welcome .col-md-6{ padding:10px; } .cta{   position:absolute;   width:325px;   height:110px;   right:15px;   bottom:50px;   opacity:1;   background-color:#fff;   border-radius:0px;   -webkit-box-shadow:0px 5px 15px 0px rgba(0, 0, 0, 0.1);   box-shadow:0px 5px 15px 0px rgba(0, 0, 0, 0.1);   cursor:pointer;   -webkit-transition:all 0.4s;   -moz-transition:all 0.4s;   -ms-transition:all 0.4s;   -o-transition:all 0.4s;   transition:all 0.4s; z-index:99999 !important;   transform:scale(.8); } .cta#specials{   position:absolute;   width:325px;   height:110px;   right:15px;   bottom:150px;   opacity:1;   background-color:#fff;   border-radius:0px;   -webkit-box-shadow:0px 5px 15px 0px rgba(0, 0, 0, 0.1);   box-shadow:0px 5px 15px 0px rgba(0, 0, 0, 0.1);   cursor:pointer;   -webkit-transition:all 0.4s;   -moz-transition:all 0.4s;   -ms-transition:all 0.4s;   -o-transition:all 0.4s;   transition:all 0.4s; z-index:99999 !important;   transform:scale(.8); }  #sub_cta{ bottom:250px; } .hero-sub .cta{   bottom:50px; } @media (min-width:1600px){   .cta{  right:50px;   } } .cta:hover{   transform:scale(0.97); } .cta#specials:hover{   transform:scale(0.97); } .cta .icon{   width:110px;   height:110px;   background-color:#4ca114; } .cta#specials .icon{   width:110px;   height:110px;   background-color:#426ca2; } .cta .icon img{   max-width:65px;   padding-left:5px; } .cta .text{   padding:10px; } .cta .text .h4{   font-size:18px;   line-height:19px;   font-weight:700;   color:#000;   text-transform:uppercase; letter-spacing:-.5px; } .cta .text .h4 small{   display:block;   font-size:13px;   color:#8e8e8e;   text-decoration:underline; } .cta.sticky_cta{   opacity:0; } #cta_fixed{   position:fixed;   bottom:30px;   opacity:0;   width:260px;   height:90px;   transform:scale(1); } #cta_fixed:hover{   transform:scale(0.97); } #cta_fixed .icon{   width:90px;   height:90px; } #cta_fixed .text {   padding:0;   padding-left:10px; } #cta_fixed .text h4{   font-size:15px; } #cta_fixed .text h4 small{   font-size:13px; } #cta_fixed .icon img{   max-width:55px; } #cta_fixed.fixed_cta{   display:block;   z-index:9999;   opacity:1; } .box-shadow{ padding:10px;   text-align:center; } #boxspan{ margin-top:10px;   margin-bottom:10px;   font-weight:400;   font-size:25px;   color:#0684c8; }  .hero-banners{ float:left; width:100%; margin-top:-180px; position:relative; z-index:0; } .hero-banners .wrap{ width:1280px; } .hero-banners .wrap .hero-banners-in{ box-shadow:0 10px 20px rgba(0,0,0,0.05); display:block; float:left; width:100%; background-color:#fff; overflow:hidden; border-radius:2px; } .hero-banners .item{ width:33.3333333%; float:left; background:#840084; height:126px; background-image:url(https://www.northalstedsmiles.com/wp-content/uploads/2020/10/appointment-e1594828127749-1.png); background-position:30px center; background-repeat:no-repeat; padding-left:110px; text-decoration:none; position:relative; } .hero-banners .item .city{ color:#929292; font-size:13px; font-weight:700; text-decoration:none; text-transform:uppercase; margin-top:27px; } .hero-banners .item .phone{ color:white;   text-transform:none;   font-size:20px;   font-weight:600;   line-height:23px;  } .hero-banners .item .address{ color:#424242; font-size:13px; line-height:17px; } .hero-banners .item .arrow{ position:absolute; right:45px; color:#fff; top:calc( 50% - 9px ); transition-duration:0.3s; } .hero-banners .item:hover .arrow{ right:30px; } .hero-banners .item.i2{ background-color:#4ca114; background-image:url(https://www.northalstedsmiles.com/wp-content/uploads/2020/10/icon-payments-e1594836450556.png); } .hero-banners .item.i2 .city{ color:#f5ef00; } .hero-banners .item.i2 .phone{ color:#fff; } .hero-banners .item.i2 .address{ color:#fff; } .hero-banners .item.i2 .arrow{ color:#fff; }  .hero-banners .item.i3{ background-color:#265185; background-image:url(https://www.northalstedsmiles.com/wp-content/uploads/2019/08/health-report-e1566397667851.png); } .hero-banners .item.i3 .city{ color:#a4c051; } .hero-banners .item.i3 .phone{ color:#ffffff; text-transform:none; font-size:20px; font-weight:600; line-height:23px; } .hero-banners .item.i3 .arrow{ color:#fff; }  #col-right .hero-banners{  margin-top:0;  margin-bottom:40px;  box-shadow:0 10px 30px rgba(0,0,0,0.05); } #col-right .hero-banners .wrap{ width:100%; } #col-right .hero-banners .item{ width:calc( 100% - 80px ); padding-left:80px; height:110px; background-size:40px auto; background-position:20px center; } #col-right .hero-banners .item .city{ margin-top:20px; } #col-right .hero-banners .item .phone{ font-size:20px; margin:7px 0 5px; } #col-right .hero-banners .item.i3 .phone{ font-size:18px; } #col-right .hero-banners .item .arrow{ display:none; } #col-right .hero-banners .item .address{ font-size:12px; line-height:15px; } #payment-form .col-md-6{   display:flex;   flex-direction:column; } #payment-form .col-md-6 img{   width:50%; height:auto; } .controls button{   padding:12px;   background:green;   color:white; } .controls{ padding-left:15px; padding-right:15px; margin:unset !important; } #payment-form input::-webkit-input-placeholder { color:transparent;   }   #payment-form input:-moz-placeholder { color:transparent;   }   #payment-form input::-moz-placeholder { color:transparent;   }   #payment-form input:-ms-input-placeholder { color:transparent;   }   #payment-form input::placeholder {  color:transparent;   }