/*--------------PLEASE PLACE ALL CUSTOM CSS HERE ----------------*
NOTES: If you use Appearance/Customize/Additional CSS to test your custom CSS, please make sure that once you're done you add that code to this stylesheet and remove it from the Appearance/Customize/Additional CSS section.

Please add a commented out title to the custom code you add to this page so it's easy for developers to find what they need. 
----------------------------------------------------------------*/
/*--------------PLEASE PLACE ALL CUSTOM CSS HERE ----------------*/

#content {
    background: #fff;
    max-width: 1400px;
    margin: auto;
}



#content a{
	color: #6ab8d9;
}

#content a:hover{
	color: #f83030 
}
body {
    background: #fff;
    color: #101010;
    font-family: 'Noto Serif JP', serif;
    font-size: 17px;
}
h1 {
    font-weight: normal;
    font-size: 2em;
    margin-top: 0;
}


.wpcf7-form input[type=submit], button, html input[type="button"], input[type="reset"], input[type="submit"], a.contact-btn,.biziq-button,.client-button, #content .btn, #slider .btn, .view-article, .rev-read-more, #respond #submit, .btn, .link-button {
    font-weight: 700;
    background: #fff;
    color: #000;}

#footer .btn:hover, .link-button:hover, .billboard .slider-content a:hover, .video-container .slider-content a:hover, .btn:hover, #slider:hover .btn, button:hover, .rev-read-more:hover, html input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, #content .view-article:hover, .wpcf7-form input[type=submit]:hover, #content .btn:hover, #slider .btn:hover {
    background: #ffd700;
    color: #000;}
.phone-wrap {
    display: none;
}

.header-c .logo {
    padding: 0em;
}


.logo p {
    margin: 0;
}

.breakout {
    background-color: #000;
    max-width: 1025px;
    margin: auto;
}
/*--------------HEADER ----------------*/
.logo {
    margin: auto;
}


.woocommerce .logo img, .woocommerce-page .logo img, .logo img {
    width: 1500px;
    max-height: 500px;
    margin: auto;
}

#header, .passed-header .sticky-background, .sticky-background {
    width: 100%;
    color: #fff;
    background: #fff;}

.nav-bar ul a {
    color: #000;
}

.current-menu-item {
    border-bottom: 3px solid #fff;
}

.nav-bar ul a {
    color: #000;
    font-size: 1.75em;
    padding-bottom: .5em!important;
    padding-top: .5em!important;
}

.nav-bar {
    padding-bottom: 1em;
}
/*--------------Home ----------------*/
.nav-bar ul a {
    color: #000 !important;
    font-size: 1.3em;
    margin: 0 5px;
    line-height: 1.3em;
}

.nav-bar ul a:hover {
    background: yellow;
    color: #000;
}
.not-bold {
    font-weight: normal;
}

hr {
    border-top:2px solid #fff;
}

.grow{
	animation: crescendo 1.5s alternate infinite ease-in;
}

@keyframes crescendo {
  0%   {transform: scale(.8);}
  100% {transform: scale(1);}
}


.home-cred-builders img {
    margin: 0 auto;
}

.service-grid img {
    max-width: 250px;
    margin: 0 auto;
}

#content .service-grid a{ 
    color: #000;
    font-weight: normal;
    font-size: 1.5em;
 }

#content .service-grid a:hover{
	text-decoration: none;
}

h2.red {
    color: #f83030;
}

/*--------------Service Pages ----------------*/
#content div[id*="gallery"] .gallery-item {
    float: none;
    padding: 0em .25em;
    margin: .25em 0em;
}

h2.underline {
    font-weight: normal;
    text-decoration: underline;
    margin-bottom: 0em!important;
}

#content div[id*="gallery"] {
	justify-content: LEFT;}

#content .brand-galleries div[id*="gallery"] {
	justify-content: center;}
/*--------------Product Pages ----------------*/
.white-bkgd {
    background: #fff;
    padding: 1em;
    color: #222;
}
.prod-title h1 {
    font-size: 1.5em;
    margin-bottom: 0em;
    line-height: 1.2;
}

.prod-title h2 {
    font-weight: normal;
    margin-top: 0;
    font-size: 1.2em;
}

#content .instock a {
    font-family: open sans, sans-serif;
    font-weight: normal!important;
    color: #666666;
    font-size: .7em;
    margin: 0;
    display: block;
    text-align: center;
}
#content .instock img{
	margin: 0;
	width:100%;
}
/*--------------Blog----------------*/

#sidebar .blog-wrap {
    background: #222;}

#content .entry-title a {
    color: #666666;
}
/*--------------Contact ----------------*/
.contact-info h2 {
    font-size: 1.2em;
    margin-bottom: 0;
    line-height: .2;
    font-weight: normal;
    text-transform: uppercase;
}

#content .contact-info p {
    margin-bottom: 2em;
}
.page-contact-us form.wpcf7-form {
    padding: 0;
  /*  background: #000; */
}
.red {
    color: #ff2825;
}
/*--------------FOOTER ----------------*/
footer.footer{
	background: #fff;
	color: #9b9a9a;
}

#copyright {
    text-align: center;
    padding: 10px;
    background: #fff;	
}
/*--------------MOBILE ----------------*/
#mobile-menu-container .menu-bar, #mobile-menu-container.left, #mobile-menu-container.right {
	background: #000;
}


#mobile-menu-container .menu, #mobile-menu-container .menu-icon {
	background:  #000;
	}
@media only screen and (max-width: 27em){
	.medium-wrapper, .small-wrapper, .large-wrapper {
    padding: 1em;}
.service-grid img {
    max-width: 500px;
    width: 100%;
    margin: 1em auto!important;}
.home-cred-builders {
    padding: 0em 3em 0em 1em;
}
.service-grid .col-md-4 {
    padding: 0;
}
    .banner{
    	margin-top:
		-3em;
    }
}

.nav-bar a[href="#"]:hover {
    background: yellow;
}


li#menu-item-811:hover {
    background: yellow;
}

li#menu-item-811:hover > a {
    color: #000;
}

  .img-container {
	width: 100%;
	margin: 20px;
	height: 400px;
	border: 3px solid #eee;
	overflow: hidden;
	position: relative;
	float: left;
	display: inline-block;
	cursor: pointer;
  }
  .img-child {
	height: 100%;
	width: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
  }
  .bg-one {
	background-image: url(/wp-content/uploads/IMG_5830.jpg);
  }
  .bg-two {
	background-image: url(/wp-content/uploads/IMG_5830.jpg);
  }
  .img-child span {
/*	display: none;*/
	font-size: 20px;
	color: #ffffff !important;
	font-family: sans-serif;
	text-align: center;
	margin: auto;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	height: 50px;
	cursor: pointer;
	text-decoration: none;
  }
  .img-container:hover .img-child,
  .img-container:focus .img-child {
	-ms-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
  }
  .img-container:hover .img-child:before,
  .img-container:focus .img-child:before {
	display: block;
  }
  .img-container:hover span,
  .img-container:focus span {
	display: block;
  }
  .img-child:before {
	content: "";
/*	display: none;*/
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(52, 73, 94, 0.75);
  }
  @media screen and (max-width: 960px) {
	.img-container {
	  width: 100%;
	  margin: 20px 0;
	}
	  
	  .page-id-1423 .large-wrapper, #post-1423 .col-md-4 { 
		  padding: 0em;
	  }
	  
	   
  }