/*
Theme Name: U-Design Child (Custom Page Peel)
Theme URI: http://themeforest.net/item/udesign-responsive-wordpress-theme/253220?ref=AndonDesign
Description: Child Theme for U-Design with custom Page Peel
Author: Andon
Author URI: http://themeforest.net/user/andondesign/portfolio?ref=AndonDesign
Template: u-design
Version: 1.0.0
*/

/**** BEGIN ADDING YOUR CUSTOM CSS CODE BELOW: ****/


#page-peel .msg_block {
    background-image: url("images/msg-block.png");
}
.slider-title {
	text-shadow: rgb(52, 76, 159) 2px 0px 0px, rgb(52, 76, 159) 1.75517px 0.958851px 0px, rgb(52, 76, 159) 1.0806px 1.68294px 0px, rgb(52, 76, 159) 0.141474px 1.99499px 0px, rgb(52, 76, 159) -0.832294px 1.81859px 0px, rgb(52, 76, 159) -1.60229px 1.19694px 0px, rgb(52, 76, 159) -1.97998px 0.28224px 0px, rgb(52, 76, 159) -1.87291px -0.701566px 0px, rgb(52, 76, 159) -1.30729px -1.5136px 0px, rgb(52, 76, 159) -0.421592px -1.95506px 0px, rgb(52, 76, 159) 0.567324px -1.91785px 0px, rgb(52, 76, 159) 1.41734px -1.41108px 0px, rgb(52, 76, 159) 1.92034px -0.558831px 0px;
}


.slider-text {
text-shadow: rgb(255, 255, 255) 2px 0px 0px, rgb(255, 255, 255) 1.75517px 0.958851px 0px, rgb(255, 255, 255) 1.0806px 1.68294px 0px, rgb(255, 255, 255) 0.141474px 1.99499px 0px, rgb(255, 255, 255) -0.832294px 1.81859px 0px, rgb(255, 255, 255) -1.60229px 1.19694px 0px, rgb(255, 255, 255) -1.97998px 0.28224px 0px, rgb(255, 255, 255) -1.87291px -0.701566px 0px, rgb(255, 255, 255) -1.30729px -1.5136px 0px, rgb(255, 255, 255) -0.421592px -1.95506px 0px, rgb(255, 255, 255) 0.567324px -1.91785px 0px, rgb(255, 255, 255) 1.41734px -1.41108px 0px, rgb(255, 255, 255) 1.92034px -0.558831px 0px;
}
#main-menu {
    height: 50px;
}
#page-content-title #page-title {
    height: 217px;
	display:flex;
    align-items: center;
	justify-content: center;
}
@media screen and (max-width: 719px) {
    #page-content-title {
        background: url("http://investincleanfloors.com/wp-content/uploads/2018/03/background-title1.jpg") no-repeat scroll center top #FEFEFE;
    }
}
#page-content-title #page-title h1 {
    color: #344C9F;
	text-transform: uppercase;
	text-align: center;
}
.custom_box {
    border-radius: 15px;
    background: rgba(254, 254, 254, 0.65);
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
}
.contact-block {
    display: inline-block;
    width: 100%;
}
.fafaicon {
    text-align: center;
    margin-right: 5px;
    display: inline;
}
.bi-faicon {
	vertical-align: top;
	padding-top: 6px;
}
.fa-lg2 {
    width: 30px;
}
.fa-2x {
    vertical-align: middle;
    font-size: 1.4em !important;
}
.fafacontact {
    text-align: inherit;
    margin-bottom: 3px;
    display: inline-block;
}
.custom-width99 {
	width: 200px;
}
.contact-span {
font-size: 75%;
color: rgba(51, 51, 51, 0.7);
}
.contact-socialmedia {
    margin-left: 45px;
    margin-top: 10px;
}
.vc_btn3.vc_btn3-color-primary, .vc_btn3.vc_btn3-color-primary.vc_btn3-style-flat {
    background-color: #344C9F !important;
}
.vc_btn3.vc_btn3-color-primary.vc_btn3-style-flat:focus, .vc_btn3.vc_btn3-color-primary.vc_btn3-style-flat:hover, .vc_btn3.vc_btn3-color-primary:focus, .vc_btn3.vc_btn3-color-primary:hover {
    background-color: #63b94d !important;
}
.vc_btn3.vc_btn3-size-md {
    padding: 10px 15px !important;
}

.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type="submit"], .gform_wrapper .gform_page_footer input.button, .gform_wrapper .gform_page_footer input[type="submit"] {
    font-size: 1.2em;
    background: #344C9F;
    color: #ffffff;
	padding: 5px 15px 5px 15px;
}
.gform_wrapper .gform_footer input.button:hover, .gform_wrapper .gform_footer input[type="submit"]:hover, .gform_wrapper .gform_page_footer input.button:hover, .gform_wrapper .gform_page_footer input[type="submit"]:hover {
    background: #63b94d;
}
.custom-form-css .gform_footer {
	text-align:center;
}ul.small-thumb .teaser-title {
    font-size: 1.0em !important;
    line-height: 22px !important;
}

.ug-gallery-wrapper, .ug-gallery-wrapper * {
    margin-left: auto !important;
    margin-right: auto !important;
}

.image-motionless {
	background: fixed;
}
.ph1 {
    color: #6EBE56;
    font-size: 190%;
    line-height: 90%;
    font-weight: 900;
	text-shadow: rgb(255, 255, 255) 1px 0px 0px, rgb(255, 255, 255) 0.540302px 0.841471px 0px, rgb(255, 255, 255) -0.416147px 0.909297px 0px, rgb(255, 255, 255) -0.989992px 0.14112px 0px, rgb(255, 255, 255) -0.653644px -0.756802px 0px, rgb(255, 255, 255) 0.283662px -0.958924px 0px, rgb(255, 255, 255) 0.96017px -0.279415px 0px;
}
.ph2 {
	color:#344C9F;
	font-size: 36px;
    font-weight: 700;
	line-height: 50px;
	text-shadow: rgb(255, 255, 255) 2px 0px 0px, rgb(255, 255, 255) 1.75517px 0.958851px 0px, rgb(255, 255, 255) 1.0806px 1.68294px 0px, rgb(255, 255, 255) 0.141474px 1.99499px 0px, rgb(255, 255, 255) -0.832294px 1.81859px 0px, rgb(255, 255, 255) -1.60229px 1.19694px 0px, rgb(255, 255, 255) -1.97998px 0.28224px 0px, rgb(255, 255, 255) -1.87291px -0.701566px 0px, rgb(255, 255, 255) -1.30729px -1.5136px 0px, rgb(255, 255, 255) -0.421592px -1.95506px 0px, rgb(255, 255, 255) 0.567324px -1.91785px 0px, rgb(255, 255, 255) 1.41734px -1.41108px 0px, rgb(255, 255, 255) 1.92034px -0.558831px 0px;
}
.ph2 a:hover {
	color:#63B94D;
	font-size: 36px;
    font-weight: 700;
	line-height: 50px;
	text-shadow: rgb(255, 255, 255) 2px 0px 0px, rgb(255, 255, 255) 1.75517px 0.958851px 0px, rgb(255, 255, 255) 1.0806px 1.68294px 0px, rgb(255, 255, 255) 0.141474px 1.99499px 0px, rgb(255, 255, 255) -0.832294px 1.81859px 0px, rgb(255, 255, 255) -1.60229px 1.19694px 0px, rgb(255, 255, 255) -1.97998px 0.28224px 0px, rgb(255, 255, 255) -1.87291px -0.701566px 0px, rgb(255, 255, 255) -1.30729px -1.5136px 0px, rgb(255, 255, 255) -0.421592px -1.95506px 0px, rgb(255, 255, 255) 0.567324px -1.91785px 0px, rgb(255, 255, 255) 1.41734px -1.41108px 0px, rgb(255, 255, 255) 1.92034px -0.558831px 0px;
}
.text-border-white {
	text-shadow: rgb(255, 255, 255) 1px 0px 0px, rgb(255, 255, 255) 0.540302px 0.841471px 0px, rgb(255, 255, 255) -0.416147px 0.909297px 0px, rgb(255, 255, 255) -0.989992px 0.14112px 0px, rgb(255, 255, 255) -0.653644px -0.756802px 0px, rgb(255, 255, 255) 0.283662px -0.958924px 0px, rgb(255, 255, 255) 0.96017px -0.279415px 0px;
}
.text-border-white2 {
	text-shadow: rgb(255, 255, 255) 2px 0px 0px, rgb(255, 255, 255) 1.75517px 0.958851px 0px, rgb(255, 255, 255) 1.0806px 1.68294px 0px, rgb(255, 255, 255) 0.141474px 1.99499px 0px, rgb(255, 255, 255) -0.832294px 1.81859px 0px, rgb(255, 255, 255) -1.60229px 1.19694px 0px, rgb(255, 255, 255) -1.97998px 0.28224px 0px, rgb(255, 255, 255) -1.87291px -0.701566px 0px, rgb(255, 255, 255) -1.30729px -1.5136px 0px, rgb(255, 255, 255) -0.421592px -1.95506px 0px, rgb(255, 255, 255) 0.567324px -1.91785px 0px, rgb(255, 255, 255) 1.41734px -1.41108px 0px, rgb(255, 255, 255) 1.92034px -0.558831px 0px;
}
.text-border-white2 a:hover {
	color:#63B94D;
}
.image-pop a:hover {
    position: relative;
}
.image-pop a:hover:after {
    content: url(http://investincleanfloors.com/wp-content/uploads/2018/03/greenseal-certified-products.gif);
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.before-after-gallery {
	font-size:120%;
}
.uc_slide_down_button .uc_container_holder .uc_btn-1 {
    width: 100%;
}

.change-background {
   background-color: #344C9F;
}
.change-background:hover {
  background-color: #63b94d;
}
.change-background2 {
   background-color: #344C9F;
}
.change-background2:hover {
  background-color: #63b94d;
}
#top-elements .phone-number-padding {
    padding: 13px 20px 0 0;
}
.font-color1 a {
	color: #ffffff !important;
}
.font-color1 a:hover {
	color: #344C9F !important;
}
.text-change1 {
	color: #ffffff;
	font-size: 30px;
	text-align: center;
}
.text-change2 {
	color: #FFFFFF;
	text-align: center;
}
h3.font-color1:hover {
    background-color: #ffffff;
}
.phone-contact-page {
	vertical-align:middle;
}
#footer a:hover, #footer_text a:hover {
    color: #000000 !important;
}

@media screen and (max-width: 959px) {
#dropdown-holder {
    background-color: #6EBE56;
}
}
@media screen and (max-width: 959px) {
.ubermenu-responsive-toggle, .ubermenu-sticky-toggle-wrapper {
    color: #ffffff;
}
}



@media screen and (max-width: 959px) {
.ubermenu-responsive-default.ubermenu-responsive.ubermenu .ubermenu-nav {
    background: #F2F3ED;
}
}
@media screen and (max-width: 959px) {
#mobile-background {
	background-image: none !important
}
}
@media screen and (max-width: 959px) {
#mobile-background2 {
	background-image: none !important;
	background-color:#D5E2FC
}
}
@media screen and (max-width: 480px) {
#top-elements .phone-number-padding {
    width: 100%;
}
}
@media screen and (max-width: 480px) {
.ph2 {
    color: #344C9F;
    font-size: 42px;
    font-weight: 700;
    line-height: 55px;
    text-shadow: rgb(255, 255, 255) 2px 0px 0px, rgb(255, 255, 255) 1.75517px 0.958851px 0px, rgb(255, 255, 255) 1.0806px 1.68294px 0px, rgb(255, 255, 255) 0.141474px 1.99499px 0px, rgb(255, 255, 255) -0.832294px 1.81859px 0px, rgb(255, 255, 255) -1.60229px 1.19694px 0px, rgb(255, 255, 255) -1.97998px 0.28224px 0px, rgb(255, 255, 255) -1.87291px -0.701566px 0px, rgb(255, 255, 255) -1.30729px -1.5136px 0px, rgb(255, 255, 255) -0.421592px -1.95506px 0px, rgb(255, 255, 255) 0.567324px -1.91785px 0px, rgb(255, 255, 255) 1.41734px -1.41108px 0px, rgb(255, 255, 255) 1.92034px -0.558831px 0px;
}
}
@media screen and (max-width: 719px) and (min-width: 480px) {
#top-elements .phone-number-padding {
    width: 100%;
}
}
@media screen and (max-width: 719px) and (min-width: 480px) {
.ph2 {
    color: #344C9F;
    font-size: 45px;
    font-weight: 700;
    line-height: 60px;
    text-shadow: rgb(255, 255, 255) 2px 0px 0px, rgb(255, 255, 255) 1.75517px 0.958851px 0px, rgb(255, 255, 255) 1.0806px 1.68294px 0px, rgb(255, 255, 255) 0.141474px 1.99499px 0px, rgb(255, 255, 255) -0.832294px 1.81859px 0px, rgb(255, 255, 255) -1.60229px 1.19694px 0px, rgb(255, 255, 255) -1.97998px 0.28224px 0px, rgb(255, 255, 255) -1.87291px -0.701566px 0px, rgb(255, 255, 255) -1.30729px -1.5136px 0px, rgb(255, 255, 255) -0.421592px -1.95506px 0px, rgb(255, 255, 255) 0.567324px -1.91785px 0px, rgb(255, 255, 255) 1.41734px -1.41108px 0px, rgb(255, 255, 255) 1.92034px -0.558831px 0px;
}
}

/**** START POPUP BUTTONS ****/
.bld-step-1-el-0 {
    width: 100%;
    height: 100%;    
}
.bld-step-1-el-0 img {
    -webkit-transition: all 1s ease; /* Safari and Chrome */
  	-moz-transition: all 1s ease; /* Firefox */
  	-o-transition: all 1s ease; /* IE 9 */
  	-ms-transition: all 1s ease; /* Opera */
  	transition: all 1s ease;
}
.bld-step-1-el-0:hover img {
    -webkit-transform:scale(1.1); /* Safari and Chrome */
    -moz-transform:scale(1.1); /* Firefox */
    -ms-transform:scale(1.1); /* IE 9 */
    -o-transform:scale(1.1); /* Opera */
     transform:scale(1.1);
}
.bld-step-1-el-1 {
    width: 100%;
    height: 100%;    
}
.bld-step-1-el-1 img {
    -webkit-transition: all 1s ease; /* Safari and Chrome */
  	-moz-transition: all 1s ease; /* Firefox */
  	-o-transition: all 1s ease; /* IE 9 */
  	-ms-transition: all 1s ease; /* Opera */
  	transition: all 1s ease;
}
.bld-step-1-el-1:hover img {
    -webkit-transform:scale(1.1); /* Safari and Chrome */
    -moz-transform:scale(1.1); /* Firefox */
    -ms-transform:scale(1.1); /* IE 9 */
    -o-transform:scale(1.1); /* Opera */
     transform:scale(1.1);
}

/**** END POPUP BUTTONS ****/