/* 
  MPP HvacXX Template Styles
  Version 1.0
  Developer: Joe Twumasi
  Website: http://www.codelabgh.com
*/

@import url("bootstrap/4.3.1/css/bootstrap.min.css");
@import url("font-awesome/4.7.0/css/font-awesome.min.css");
@import url("//fonts.googleapis.com/css?family=Arimo:400,700|Oswald:400,500,600,700&display=swap");


/* Base Styles ========================================================== */
body, p { font-family: Arial, Helvetica, sans-serif; }
h1, h2, h3, h4, h5, h6 { font-weight: 700; font-family: 'Arimo', sans-serif; }
.pageheader .top-label, .header-number { font-family: 'Oswald', sans-serif; }
a { text-decoration: none; }
.help-bar { font-family: 'Montserrat', sans-serif; }

/* Header Section ========================================================== */

.pageheader .header { padding: .35rem 0 .45rem; border-top: 4px solid transparent; }
.pageheader p { margin: 0; }
.pageheader .top-label { text-transform: uppercase; font-weight: 700; margin-bottom: .1rem; }
.pageheader .bottom-label { font-weight: 700; }
.pageheader .header-number { background: #0d66ba; border-radius: 30px; font-size: 1.75rem; border: 2px solid #fff; display: inline-block; padding: .65rem 0; line-height: 1.2; width: 300px; margin: 5px 0 7px; font-weight: 600; letter-spacing: .010rem; text-decoration: none!important; }
.mpp-right-box { text-align: right; padding-top: 0; float: right; }
.mpp-right-box a { font-weight: 700; font-size: 1.95rem; line-height: .8; margin: .5em 0 2px; text-decoration: none; }
.mpp-right-box .top_right_bottom { color: #666; font-size: 1.050rem; display: none; }
.mpp-right-box .callus-botton { padding-left: 14px; padding-right: 16px; height: 50px; display: block;margin-top: 10px; color: #fff; position:relative; text-align: center; float: right; font-size: 1.25rem; font-weight: 700; text-transform: uppercase; line-height: 50px; width: auto; text-decoration: none!important; margin:7px 0 5px; }
.mpp-right-box .callus-botton:hover { color: #fff; }
.mpp-right-box .callus-botton span { width: 24px; height: 24px; color: rgb(0, 0, 0); background-repeat: no-repeat; object-fit: cover; background-color: rgba(255, 255, 255, 0); background-size: cover; background-origin: content-box; background-position: center top; display: table-cell; vertical-align: middle; float: left; margin: 1px 5px 0 5px; }
.mpp-right-box .callus-botton span svg { fill: rgba(255,255,255,1); }
.mpp-right-box .callus-botton:hover span svg { fill: rgba(255,255,255,1); }


/* Content Section ========================================================== */
#content .wrap { padding: .9rem 0 2rem; }
#content h1 { font-size: 2.25rem; line-height: 1.1; color: #0d66ba; }
#content h2 { font-size: 2rem; }
#content h3 { font-size: 1.65rem; }
#content h4 { font-size: 1.25rem; }
#content p { font-size: .98rem; }
.content-cta { position: relative; margin: 2em .625rem 2em .625rem; border: solid 1px #FFFFFF; padding: 1.5em 1em 2em; display: block; border-bottom: none; text-align: center; }
.content-cta:before { content: ''; display: block; position: absolute; width: calc(100% + 1.25rem); height: 100%; background-color: #fff; top: 0; left: 0; z-index: 0; transform: translate(-0.65rem,-0.65rem); }
.content-cta:after { content: ''; display: block; position: absolute; bottom: -3px; left: -1px; width: calc(100% + 2px); height: 100%; border: solid 1px #ccc; clear: both; z-index: 2; }
.content-cta.center h3 { color: #CA232A!important; font-size: 1.65em; font-weight: 700; padding: 0; margin: 15px 0 0; position: relative; z-index: 99; }
.content-cta.center a { text-decoration: none!important; color: #0067B1!important; font-size: 1.756em; font-weight: 700; position: relative; z-index: 99; }
.content-cta.center p { margin:0!important; }
.btn-link { display: inline-block; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid transparent; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; background-color: #ca232a; color: #fff!important; padding: .95rem 2rem; font-size: 1.8rem; line-height: 1.5; border-radius: .3rem; text-decoration: none; font-weight: 700; }

#cta { width: 100%; height: 220px; border: 2px solid #c0c4d1; border-radius: 20px; max-width: 800px; margin: 0 auto 40px; overflow:hidden; background-color: #fff; }
#cta #dentist_image_home { background: url('mpthemes/image/upload/v1563019078/paintcdn3230/call-painter.jpg') no-repeat center; background-size: cover; width: 40%; height: 220px; float: left; border-bottom-left-radius: 18px; border-top-left-radius: 18px; }
#cta .right { float: right; width: 60%; margin-right: 0; text-align: center; }
#cta .right h2{ color:#3b97d5;margin:20px 0 8px!important; text-decoration: none!important; line-height: 1;  }
#cta .right h2 a{font-weight:700;font-size:28px;border-bottom:0; text-decoration: none!important; color: #0067B1!important;}
#cta .right h2 a:hover{ text-decoration: none!important;  }
#cta .right p { color:#7a7b7d; margin:0; font-size: 1.45rem; text-align: center; }
#cta .right a#phone_cta {letter-spacing:1px;background:#CA232A; border-radius:10px;color:#fff; font-size:25px;font-weight:700;display:inline-block;margin-top:10px;height:50px!important;padding:0 10px!important;line-height:50px!important;text-align:center; text-decoration: none!important; }
#cta .right a#phone_cta i{ color:#fff; font-size:32px; position:relative; top:2px!important; }

ul#ul_list, #ol_list { margin: 10px 0 20px 0; }
ul#ul_list { padding: 0; }
ul#ul_list li, #ol_list li { font-size: 15px; margin-bottom: 3px; color: #065daa; position: relative; }
ul#ul_list li { list-style-type: none; margin-left: 20px; padding-left: 25px; }
ul#ul_list li:before { content: "\f00c"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; color: #065daa; font-size: 14px; padding-right: 0.5em; position: absolute; top: 0; left: 0; }
ul#ul_list.star li:before { content: "\f005"; } 
ul#ul_list.check_sqaure li:before { content: "\f14a"; }
ul#ul_list.check_sqaure_o li:before { content: "\f046"; }
ul#ul_list.chevron_right li:before { content: "\f054"; }
ul#ul_list.caret_right li:before { content: "\f0da"; }

.gmap_canvas { margin: 1em 0 1em; }
.embed-container { position: relative; width: 438px; padding-bottom: 29.25%; height: 0; overflow: hidden; max-width: 100%; } 
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.float-md-left, .float-md-left { margin-bottom: 1em; margin-top: .5em; }

.location-cities ul { margin: 0; padding: 0; }
.location-cities ul li { float: left; list-style-type: none; width: 32%; margin: 0; padding: 0; }
.location-cities ul li a { font-weight: 700; text-decoration: underline; }

/* Footer Section ========================================================== */
.pagefooter .wrap { padding: .96rem 1.1rem 1.4rem; color: #fff; text-align: center; }
.pagefooter nav { margin-bottom: .5em; }
.pagefooter nav>ul>li a { padding: .2rem .4rem; font-size: .80rem; }
.pagefooter .copyright { margin: 0 0 .85em; font-size: .80rem; }
.footer-note { font-size: .70rem; padding: 0 5%; }
.help-bar { text-align: center; padding: 1.15rem 2%; font-weight: 800; text-transform: uppercase; font-size: 1.35rem; color: black; background: #d8d8d8; }
.help-bar .fa { background-color: #ff7f00; border-radius: 100px; color: white; margin: 0 0 0 .35rem; padding: .25rem .4rem; font-size: 1.4rem; }
.help-bar a { color: #ff7f00; text-decoration: none!important; font-size: 1.5rem; }

.callusbtn {display:block;position:fixed;text-decoration:none!important;z-index:2147483647;width:100%;left:0;bottom:0;height:60px;border-top:1px solid #2dc62d;border-bottom:1px solid #006700;width:100%;left:0;bottom:0;height:60px;border-top:1px solid #2dc62d;border-bottom:1px solid #006700;text-shadow:0 1px #006700;text-align:center;color:#fff!important;font-weight:600;font-size:140%;padding-right:27px;overflow:hidden;background:#090;display:flex;justify-content:center;align-items:center; cursor: pointer!important; }


/* Theme Color ========================================================== */
a { color: #333; }
a:hover { color: #0d66ba; }
body { background-color: #efefef; color: #333; }
.pageheader { background-color: #fff; }
.mpp-right-box a { color: #bf2714; }
.callus-botton { background-color: #1b82d1; color: #fff!important; }
#content h1 { color: #0d66ba }
#content a { color: #ce181e; }
.pageheader .header { background-color: #fff; color: #333; border-color: #1b82d1; }
.pageheader .header-number { background: #0d66ba; color: #fff; border-color: #fff;  }
.pagefooter { background-color: #191919; }
.pagefooter .wrap { color: #fff; }
.pagefooter nav>ul>li a { color: #fff; }
.pagefooter nav>ul>li a:hover { color: #0d66ba; }
ul#ul_list li:before { color: #11479e; }
.help-bar { background: #d8d8d8; }
.help-bar .fa { background-color: #2997ff; }
.help-bar a { color: #2997ff; }


/* Responsive (Mobile) ========================================================== */
@media only screen and (min-width: 1200px) { 
  .container { width: 1024px; }
}

@media only screen and (min-width: 731px) {
  .mpp-right-box a, .mpp-right-box .top_right_bottom { display: block!important; } 
  .callusbtn { display: none!important; }
  .pageheader.homepage { padding-bottom: 1.5em; }
  .embed-container.right { float: right; margin-left: 1em; margin-bottom: 1em; margin-top: .5em; }
  .embed-container.left { float: left; margin-right: 1em; margin-bottom: 1em; margin-top: .5em; }
  #content .float-md-left { margin-right: 15px; margin-bottom: 1em; margin-top: .5em;  }
  #content .float-md-right { margin-left: 15px; margin-bottom: 1em; margin-top: .5em;  }
  .location-cities ul li { width: 20%; }
}

@media only screen and (max-width: 730px) { 
    .container { padding-left: 0; padding-right: 0; }
    #content .wrap { padding: .9rem 15px 2rem; }
    #content h1 { font-size: 1.9rem; line-height: 1; }
   #content h2 { font-size: 1.55rem; }
    #content h3 { font-size: 1.4rem; }
    #content p { font-size: .92rem; line-height: 1.5;  }
    #cta #dentist_image_home,.mpp-right-box .callus-botton { display: none!important; } 
    #cta .right { float: none!important; width: 100%!important; margin: 0!important; }
    #cta { margin: 0 auto 25px!important; } 
    ul#ul_list, #ol_list, ul#ul_list li { margin-left: 0!important; }
    #ol_list li { margin-left: 0!important; }
    #ol_list { padding-left: 25px; }
    #cta { height: auto!important; padding-bottom:30px!important; }
    ul#ul_list li, #ol_list li { font-size: 18px!important;}
    .content-cta.center p { text-align: center; }
    .footer-note { padding: 0 2%; }
    .pagefooter .wrap { padding-bottom: 4.5em; }
    .navbar-brand { margin-left: 15px; width: 180px!important; }
    .navbar-brand img { background-size: 89%; }
    #content .float-md-left img, #content .float-md-right img { float: none!important; display: block!important; width: 100%; height: auto!important; margin-bottom: 1em; }
    .embed-container { padding-bottom: 59.25%; margin-bottom: 1em; }
    .help-bar { line-height: 1.3; padding-bottom: .95rem; }
}

@media only screen and (max-width: 420px) { 
     .location-cities ul li { width: 45%; }
}