/*
Theme Name: Phoenix Misting Systems Mobile Site
Author: PC Intellect
Author URI: http://www.pcintellect.com
Version: 1.0.0
*/

/* CSS Document */
body {margin:0px auto; background:#000 !important; font-family: 'Lato', sans-serif; font-weight:400 !important; color:#5a615b !important;  font-size:24px; line-height:26px;}
hr {border-top:1px solid #cccccc; border-bottom: none; border-left: none; border-right: none;}
img {border: none;}
strong {font-weight:700;}
.clear {clear: both;}
.alignleft {float:left; margin:5px 15px 15px 0px;}
.alignright {float:right; margin:5px 0px 15px 15px;}

.rounded-corners {-moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;}

.lato {font-family: 'Lato', sans-serif; font-weight:400;}
.lovers-quarrel {font-family: 'Lovers Quarrel', cursive; font-weight:400;}

/*---------- Menu ----------*/
.menu-shadow {background:url(images/menu-shadow.png) bottom left repeat-x;}
.home-button {position:absolute; left:8%; top: 15px; width:50px; height:auto;}
.call-button {position:absolute; left:32%; top: 16px; width:42px; height:auto;}
.email-button {position:absolute; right:32%; top: 18px; width:52px; height:auto;}
.menu-button {position:absolute; right:5%; top: 10px; width:49px; height:45px;}

/*---------- Header ---------*/
#header {margin:0 auto; padding:80px 0 0 0; background:#FFF; width:100%; height:auto;}
#header .logo {margin:0 auto; width:100%; height:auto;}

/*---------- Slider ----------*/
#slider {width:100%; min-height:439px; margin:0 auto; position:relative; z-index:0; overflow:hidden;}
#slider .sliderIMG {width:100% !important; height:439px; margin:0; position:relative; z-index:0; object-fit: cover;}
#slider .sliderTEXT {width:auto; height:250px; margin:0; position:absolute; top:0; left:0; z-index:10;}
#slider .sliderTEXT h2#sliderHEADER {margin:0; padding:0; font-size:42px; line-height:44px; text-shadow:1px 1px 1px #000; font-family: 'Lovers Quarrel', cursive; font-weight:400; color:#AC9262; width:100%; text-align:center; display:block;}
#slider .special-offer {position:absolute; top:-1px; left:0; z-index:101; width:45%; height:auto;}

/*---------- Four Circles ----------*/
#fourcircles {margin:0 auto; width:100%; padding-top:86px; padding-left:5.0%; padding-right:5.0%; padding-bottom:0; height:auto; background:#000; text-align:center; font-size:24px; line-height:1.500em;}
#fourcircles .circleBOX {width:100%; height:auto; margin:0; padding-top:0; padding-left:0; padding-right:0; padding-bottom:46px;}
#fourcircles .circleBOX .topTEXT {margin:0 0 21px 0; width:100%; font-family: 'Lovers Quarrel', cursive !important; font-weight:400 !important; color:#ac9262 !important; font-size:42px; line-height:44px;}
#fourcircles .circleBOX .circleIMG {margin:0 auto; width:100%; height:auto; padding-left:18.45%; padding-right:18.45%; padding-top:0; padding-bottom:37px; }
#fourcircles .circleBOX .circleEXCERPT {margin:0; width:100%; color:#fff; font-size:0.75em; line-height:1.5em;}

/*---------- Content ----------*/
#content {margin:0px auto; padding-top:80px; padding-bottom:80px; padding-left: 5.0%; padding-right:5.0%; width:100%; background:#fff; font-family: 'Lato', sans-serif !important; font-weight:400 !important; color:#57615a !important; font-size:24px; line-height:1.500em; text-align:left;}
#content p {font-size:.75em; line-height:1.5em}
#content a {color:#ac9262; text-decoration:none; font-weight:700;}
#content a:hover {color:#5a615b; text-decoration:none; font-weight:700;}
#content h1 {font-family: 'Lovers Quarrel', cursive; font-weight:400; font-size:42px; line-height:44px; color:#ac9262 !important; margin:0 0 26px 0; text-align:center;}
#content ul.four-promises {padding:0; margin:52px 0 77px 0px; width:100%; list-style:none; font-size:.75em; line-height:1.5em; color:#5a615b; text-align:left;}
#content ul.four-promises li {background:none; clear:both; padding:0 0 30px 0; margin-bottom:30px; border-bottom:1px dotted #bdbdb9; }
#content ul.four-promises li h2 {margin:1px 0px 0px 0px; padding:0px; color:#601114; font-size:1.0em; line-height:1.083em; text-transform:uppercase;}
#content ul.four-promises li:last-child {border-bottom:none; margin-bottom:0; padding-bottom:0;}
#content ul.four-promises li .icon1 {width:121px; height:auto; margin:0px auto 30px auto; display:block;}
#content ul.four-promises li .icon2 {width:121px; height:123px; margin:0px auto 30px auto; display:block;}
#content ul.four-promises li .icon3 {width:156px; height:121px; margin:0px auto 30px auto; display:block;}
#content ul.four-promises img {display:block; margin:0px auto;}

#content .testimonials-widget-testimonial blockquote {margin:0px;}
#content .testimonials-widget-testimonial .image {margin:5px 15px 0px 0px !important;}
#content .testimonials-widget-testimonial .image .attachment-thumbnail {padding-bottom:15px; width:124px; height:auto;}
#content .testimonials-widget-testimonial.list {padding-bottom:2em; border-bottom:1px dotted #eeeeee;}

#content ul.resultslist {padding-left:15px;}
#content ul.resultslist li {padding-bottom:0px;}
#content .imagethumb {float:left; margin:0px; padding:5px 15px 0px 0px; width:160px; height:240px;}

#content .profile-box {margin:0px auto 20px auto; background:#f9f9f9; padding:15px; width:100%; font-size:14px; line-height:22px;}
#content .profile-box .profile-image {float:left; width:20%; height:auto; margin:0px;}
#content .profile-box .profile-box-right {float:right; width:75%; margin:0px;}
#content .profile-box .profile-box-right h2 {margin-top:0px; font-size:18px;}

/*---------- Gravity Form ----------*/
.contactTEXT1 {text-align:center; color:#4e0609; text-transform:uppercase; font-weight:700;font-size:1.2em;line-height:1.2em; padding-top:0;}
.contactTEXT2 {text-align:center; color:#031641 !important; font-size:1.0em; line-height:1.0em; margin-top:2px;}
.contactTEXT3 {text-align:center; color:#031641 !important; font-size:.70em; line-height:1.0em; padding-top:5px; text-transform:uppercase; font-weight:700; margin-bottom:14px;}
input.gform_button {border:1px solid #fff; color:#fff; text-decoration:none; margin:57px auto 0 auto; display:block !important; width:270px !important; height:50px; line-height:50px; font-size:14px !important; text-transform:uppercase; text-align:center; font-family: 'Lato', sans-serif !important; font-weight:700 !important; background:none; padding:0 !important; -moz-border-radius: 0px; -webkit-border-radius: 0px; -khtml-border-radius: 0px; border-radius: 0px;}
input:hover.gform_button {border:1px solid #000; color:#000; text-decoration:none; background:none;}
.gform_wrapper .hidden_label input.large, .gform_wrapper .hidden_label select.large, .gform_wrapper .top_label input.large, .gform_wrapper .top_label select.large {color:#5a615b !important;}
#contact-us-box .gfield_label {display:none;}
#gform_submit_button_2 {display:block; margin:0 auto;}
.gform_wrapper .top_label input.large, .gform_wrapper .top_label select.large, .gform_wrapper .top_label textarea.textarea {margin:2% 0;}
#gform_submit_button_3, #gform_submit_button_4, #gform_submit_button_5, #gform_submit_button_6 {display:block !important; margin:0 auto !important; width:98% !important; }

/*---------- Contact Us Box ----------*/
#contact-us-box {width:100%; height:auto; margin:0; padding:0; background:#ac9262; color:#fff ; font-weight:400 !important; font-size:24px; line-height:1.500em;}
#contact-us-box .contact-us {width:100%; height:auto; margin:0; padding:0;}
#contact-us-box .btn  {padding:0; border-radius:0; border:none;}
#contact-us-box .btn-primary {background-color:transparent !important; border:none !important; width:100%; height:auto;}
#contact-us-box #cnbutton .well { margin-bottom:0; font-size:1.0em; line-height:1.5em; background:#ac9262; border:none;}

/*---------- Five Circles Box ----------*/
#fivecircles-bg {margin:0px auto; background:#000;}
#fivecircles  {margin:0px auto; clear:both; font-size:24px; line-height:1.500em;}
#fivecircles h2.fivecirclesheader {text-align:center; font-family: 'Lovers Quarrel', cursive;  font-size:42px; line-height:44px;font-weight:400; margin:0 auto; padding:40px 0 0 0; width:90%; color:#fff;}
#fivecircles .fivecircles-box {padding-top:31px; padding-bottom:44px; width:100%; text-align:center; margin:0px auto;}
#fivecircles .fivecircles-box h2 {font-size:20px; line-height:20px; font-family: 'Lato', sans-serif; font-weight:400; color:#fff;}
#fivecircles .fivecircles-box .fc-thumb {width:184px; height:183px; margin:0 auto 38px auto; display:block;}
#fivecircles .fivecircles-box p.fc-text {color:#fff; font-size:0.75em; line-height:1.5em; font-family: 'Lato', sans-serif; font-weight:400; margin:0px auto; padding-left:18.45%; padding-right:18.45%; }

/*---------- Portfolio Box ----------*/
#portfolioBOX-bg {margin:0px auto; background:#fff;}
#portfolioBOX {margin:0px auto; padding:0 0 45px 0; position:relative; color:#fff;}
#portfolioBOX h2.portfoliolabel {font-size:42px; line-height:44px;font-family: 'Lovers Quarrel', cursive; font-weight:400; padding:40px 0 0 0; margin:0 auto; text-align:center; color:#ac9262; width:90%;}
a.portfolioSUBMIT {border:1px solid #000; color:#000; text-decoration:none; margin:29px auto 0 auto; display:block; width:267px; height:50px; line-height:50px; font-size:14px; text-transform:uppercase; text-align:center; font-weight:700;}
a:hover.portfolioSUBMIT {border:1px solid #ac9262; color:#ac9262; text-decoration:none;}

/*---------- Category Page ----------*/
#content .category-box {margin:0px auto 20px auto; background:#f9f9f9; padding:15px; width:100%; font-size:14px; line-height:22px;}
#content .category-box .category-image {float:left; width:20%; height:auto; margin:0px 15px 15px 0px;}
#content .category-box h2 {margin-top:0px; font-size:18px;}
#content .category-box a.category-button {display:block; margin-top:10px; margin-right:0; margin-bottom: 0; margin-left:57%; padding:10px 0px; width:120px; border:1px solid #eee; text-align:center; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;}
#content .category-box a:hover.category-button {border:1px solid #eee; background:#ccc; color:#ac9262;}

.nav-below {width:100%; min-width:300px; font-size:1.0em;}
.nav-previous a, .nav-next a {display:block; margin:10px 0px; padding:10px 0px; width:120px; border:1px solid #eee; text-align:center; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; text-transform:uppercase; font-size:.75em}
.nav-previous {float:left;}
.nav-next {float:right;}
.nav-previous a:hover, .nav-next a:hover {border:1px solid #eee; background:#f1f1f1; color:#ac9262 !important;}

/*---------- Second Slider ----------*/
#sliderFOOTER {width:100%; min-height:439px; margin:0 auto; position:relative; z-index:0; overflow:hidden;}
#slider #sliderIMG {width:100% !important; height:439px; margin:0; position:relative; z-index:0;}
#sliderFOOTER .slfullFOOTER {min-width:100%; height:439px; margin:0px auto; background-size: 100% 439px; position:relative; z-index:1;}
#sliderFOOTER .sliderTEXT {width:100%; text-align:center; display:block; position:absolute; bottom:45px; z-index:5;}
#sliderFOOTER .sliderTEXT h2#sliderHEADERfoot {margin:0; padding:0; font-size:42px; line-height:44px; text-shadow:1px 1px 1px #000; font-family: 'Lovers Quarrel', cursive; font-weight:400; color:#AC9262; width:100%; text-align:center; display:block;}
a.sliderFOOTERSUBMIT {border:1px solid #fff; color:#fff; text-decoration:none; margin:29px auto 0 auto; display:block; width:267px; height:50px; line-height:50px; font-size:14px; text-transform:uppercase; text-align:center; font-weight:700;}
a:hover.sliderFOOTERSUBMIT {border:1px solid #AC9262; color:#AC9262; text-decoration:none;}

/*---------- Testimonial Box ----------*/
#testimonial {background:#fff; width:100%; height: auto; color:#57615a; font-weight:400 !important; font-size:24px; line-height:1.500em; font-style:italic; padding-bottom:12px;}
#testimonial .topHEADER {color:#ac9262; text-align:center; font-family: 'Lovers Quarrel', cursive; font-weight:400; font-size:42px; line-height:44px; margin:0; padding:40px 0 0 0;}
#testimonial .topHEADER span.oc {color:#ac9262; font-size:1.5em; line-height:1.0em}
#testimonial .testimonialcontent {width:82%; height:auto; margin:0px auto; padding-top:59px; padding-bottom:0px; text-align:left; font-size:.75em; line-height:1.5em; font-style:italic; padding-left:0; border-left:none;}
#testimonial .testimonialcontent blockquote {margin:0 0 20px 0; padding:0; border:none;}
#testimonial .testimonialcontent .credit {font-size:15px; color:#ac9262;}
#testimonial .testimonialcontent .testimonials-widget:nth-child(2) {border-top:1px dotted #CFCFCE ; border-bottom:none; border-left:none; border-right:none; margin:20px 0px 20px 0px; padding-top:20px;}
#testimonial .testimonialcontent hr {border-top:1px dotted #CFCFCE ; border-bottom:none; border-left:none; border-right:none; margin:20px 0px 20px 0px;}
#testimonial .threephotos {width:100%; height:auto; margin:0; padding:16px 0 22px 0;}

/*---------- Need Service ----------*/
#need-service {background:#000; color:#fff;  font-size:24px; line-height:1.500em; width:100%; padding-left:5.0%; padding-right:5.0%;padding-top:0; padding-bottom:0; font-family: 'Lato', sans-serif !important; font-weight:400 !important;}
#need-service a {color:#fff; text-decoration:none;}
#need-service a:hover {color:#fff; text-decoration:underline;}
#need-service .nsHEADER {font-size:42px; line-height:44px;  margin:0; padding:40px 0 0 0; font-family: 'Lovers Quarrel', cursive; font-weight:400; text-align:center; color:#ac9262}
#need-service .nscontent {font-size:.70em; line-height:1.5em; margin:0; padding:27px 0 0 0; font-family: 'Lato', sans-serif; font-weight:400;}
#map {margin:45px auto 70px auto; width:100%; height:auto;}

/*---------- Footer ----------*/
#footer {background:#000; color:#fff;  font-size:24px; line-height:1.500em; width:100%; padding-left:5.0%; padding-right:5.0%;padding-top:0; padding-bottom:70px; font-family: 'Lato', sans-serif !important; font-weight:400 !important;}
#footer a {color:#fff; text-decoration:none;}
#footer a:hover {color:#fff; text-decoration:underline;}
#footer h2 {font-size:.75em; line-height:1.500em; font-weight:700; margin:0; padding:0; text-align:center; text-transform:uppercase;}
#footer .accepted {width:95%; height:auto; margin:6px auto 8px auto; display:block;}
#footer .creditFOOTER {color:#aab0ab; font-size:.6em; line-height:1.500em; text-align:center;margin:0 0 70px 0; padding:0;}
#footer .socialBOX {width:100%; height:auto; clear:both; margin:16px auto 55px auto; text-align:center;}
#footer .socialBOX img {margin:0 1.56%; padding-bottom:15px; width:50px; height:auto;}
#footer .addressFOOTER {margin:0px 0 29px 0; color:#fff; width:100%; height:auto; padding-bottom:0px; font-size:.75em; line-height:1.500em; text-align:center;}
#footer .contractor {width:100%; height:auto; padding-bottom:0px; font-size:.75em; line-height:1.500em; text-align:center; color:#fff;}