@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Poppins:200,400,700');
 @import url('https://fonts.googleapis.com/css?family=Montserrat:400,700');
*{
	padding:0px;
	margin:0px;
	box-sizing:border-box;
	}
a {
    color: #14416e;
}
.holiday-lights  a {
    color: #fff;
}

.blog p, .articleBody {
    line-height: 1.6em;
}
.articleBody {
    margin-top: 40px;
}

.blog_tags {
    padding: 15px 0px;
    color: #aaaaaa;
    margin-top: 25px;
    border-top: 1px solid #ddd;
}
.review-container{
	float: left;
    width: 100%;
    padding: 45px 0px;
	
    
	}
	
.subheader .column span.saw{

	background: url("../imgs/001-house.png") center center  no-repeat;
	background-size: 50px;

	
	}
.subheader .column span.wash{

	background: url("../imgs/004-bushcraft.png") center center  no-repeat;
	background-size: 50px;

	
	}
.subheader .column span.grease{
	background: url("../imgs/012-oil-free.png") center center  no-repeat;
	background-size: 50px;
}
.subheader .column span.graffiti{

		background: url("../imgs/006-eraser.png") center center  no-repeat;
		background-size: 50px;
}
.subheader .column span.painting{

	background: url("../imgs/002-tennis-court.png") center center  no-repeat;
	background-size: 50px;

	
	}
.subheader .column span.firewatch{

	background: url("../imgs/008-emergency.png")center center  no-repeat;
	background-size: 50px;

	
	}
.subheader .column span.wood_clean {
  background: url("../imgs/007-wood.png") center center no-repeat;
    background-size: auto;
  background-size: 60px;
}


	
.subheader .column span.electrical{

	background: url(../imgs/svg/005-idea.svg) center center  no-repeat;
	background-size: 80px;

	
	}	
.header.contact {
	background: url("../imgs/contact-page-header.jpg") no-repeat center 55px;
	background-size:cover;
	}	
.header.review {
	background:url(../imgs/review-header.jpg) no-repeat center 55px;
	background-size:cover;
	}	
	
.subheader .column span.excavation{

	background: url(../imgs/svg/006-excavator.svg) center center  no-repeat;
	background-size: 70px;

	
	}		
	
.video_background, .map_background {
    position: absolute;
    background: #000;
    bottom: 0px;
    right: 0px;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -1000;
    filter: alpha(opacity=80);
    opacity: 0.8;
}


.footer{
	    color: #fff;
    font-size: 0.9em;

	position:relative;
	

	 
 
    padding: 100px 0px;
	width:100%;
	border-top: 5px solid #14416e;
	float:left;

	background:#14416e  url("../imgs/footer-image.jpg") center 50px no-repeat;
	background-size:cover;
	z-index: 11;
}
.footer:before{

}

.footer .container .row > div {
    width: 285px;
    min-height: 200px;
    float: left;
    padding: 0px 30px;
}
.footer h4 {
    text-transform: uppercase;
    color: #fff;

	padding-bottom: 20px;
}
.required-box.captcha{
	max-width: 300px;
	overflow: hidden;
	font-size: 0.5em !important;
	
}
.footer .container .row a {
    color: #fff;
	text-decoration: underline;
}
.footer li {
    margin: 10px 0px;
}
.footer li a, .footer p {
    padding: 10px 0px;
    color: #fff;
    
}
.footer .container .row > div + div + div + div {
    padding-left: 55px;
    padding-right: 0px;

}
.footer .social li {
    padding-right: 10px;
    float: left;
}












.blog {
    background: #fff;
}
.page-title {
    padding: 30px 15px 15px;
}

.about aside .column .labels a {
    text-transform: uppercase;
    transition: all .6s;
    font: 11px Lato;
 
    color: #646464;
    padding: 6px 10px;
    border: 1px solid #ccc;
    line-height: 14px;
    margin: 2px;
    display: inline-block;
}

.blog .page-title h1, .blog .page-title h2 {
	padding: 0px 15px;
color: #333;
	}
.blog.about .column {
    width: 70%;
    float: left;
    padding: 15px 15px 100px;
    position: relative;
}
.blog.about aside .column {
    width: 28%;
    float: right;
	position:relative;
}
.blog a:hover{
	color:#333;}
.blog .article {
    padding: 0px 0px;
        padding-bottom: 0px;
    margin-bottom: 50px;
    float: left;
    position: relative;
    margin-bottom: 45px;
    padding-bottom: 45px;
    border-bottom: 1px solid #eaeaea;
}
.blog .about-column-frame {
    padding: 30px 25px;
    border: 1px solid #eee;
    margin-bottom: 40px;
}
.about .column h2 span {
    background: #fff;
    z-index: 4;
    position: relative;
	text-transform: capitalize;
}
.recent-post .content-frame {
    float: left;
    padding: 0px 0px 0px 3%;
    width: 53%;
}

.recent-post {
    margin: 5px 0px;
}
.two-column .column video, .two-column .column img, .three-column .column img, .investors .column img, .about img{
    width: 100%;
}


.about .about-column-frame, .recent-post, .bt_box {
	float:left;
	width:100%;}
img {
    border: none;
    vertical-align: middle;
}
.recent-post .image-frame {
    width: 43%;
    float: left;
    padding: 0px;
}

.projects.section{
	padding:0px;}
	
.header.holiday-lights{
	background:url(../imgs/background-holiday-lights.jpg) no-repeat center center;
	background-size:cover;}	

    .header.about-us{
        background:url(../imgs/about-us-page-header.jpg) no-repeat center bottom;
        background-size:cover;}	 

	
.header._404{
	background:url(../imgs/404.jpg) no-repeat center bottom;
	background-size:cover;}		
	
	
.header.projects{
	background:url(../imgs/projects-header.jpg) no-repeat center top;
	background-size:cover;}

.header.services{
	background: url("../imgs/services-page-header.jpg") no-repeat center bottom;
	background-size:cover;	
	
	}
.header.payments{
	background:url(../imgs/payments.jpg) no-repeat center top;
	background-size:cover;	
	
	}

.header.blog, .header.category {
	background:url(../imgs/blog.jpg) no-repeat center top;
	background-size:cover;	
	
	}

.about-us.section .column, .projects.section .column{
	width:50%;
	float:left;}

.projects.section .content-holder h2{
	text-align:center;
	font-size:2.0em;
	color:#fff;
	
	}
.content-holder .button_box{
	text-align:center;
}
.close-message{
	position: absolute;
right: 0px;
top: 0px;
color: #fff;
font-size: 2.0em;}
.content-holder .button_box .button{
	border-color:#fff;
	color:#fff;
	background:none;
	
	}
.content-holder .button_box .button:hover{
	background:#fff;
	color:#333;
	
	}
.projects.section .content-holder{
	padding:200px 50px;}
.projects.section .content-holder p{
	padding:20px 0px;
	color:#fff;
	text-align:center;
	}

.projects.section .column{
	background:url(../imgs/projects-residential.jpg) no-repeat center center;
	background-size: cover;
	
	}
	
.projects.section .column + .column{
		background:url(../imgs/projects-commercial.jpg) no-repeat center center;
	background-size: cover;
	}

.about-us.section .grand-column{
	width:70%;
	float:left;
	}
.about-us.services.section .grand-column{
	padding: 15px 0px;
}
.about-us.section .grand-column > div.row{
	width: 100%;
	margin: 15px 0px;
}
.about-us.section .grand-column > div.row:nth-child(even){
	background: #ececec;
}
.about-us.section .grand-column + .grand-column{
	width:25%;
	margin-left: 5%;
	}

 .title-page h3{
	padding:15px;
	 text-transform: capitalize;
	 font-size: 2.0em;
	width:100%;
		position: relative;
		float:left;
}
/*	
.header-content-page .title-page h1:after {
    content: '';
    width: 100px;
    height: 2px;
    position: absolute;
		text-shadow: 2px 2px #000;

bottom: 50%;
left: -10%;
    background: #fff;
}
*/	


	
.header-content-page{

	  height: 200px;
  line-height: 200px;}	
	
.subheader .column span{	
	  transition: transform 0.5s;
  transform-style: preserve-3d;
  left: 0px;
top: 15px;

	width:100px;
	height:100px;
	float:left;
	position:absolute;
}
.header-title h1{
	text-transform: uppercase;
	display:block;
	font-weight: bold;
	font-size:3.2em;}
.header-title h2{
	font-size:3.0em;
}
.header-title span.sub-main	{
	margin-top:40px;
	display: block;

font-size: 0.76em;}
.subheader .column:hover span{
	transform: rotateX(360deg);
	}


.subheader  span.concrete-mixer{
		background: url("../imgs/009-lawn-mower.png") center center  no-repeat;
	background-size:60px;
	
	
	
	}

.subheader .column span.scale{
	background: url("../imgs/005-home.png")center center  no-repeat;
	background-size:50px;

	}
.subheader .column span.drywall{
	background: url(../imgs/svg/004-paintbrush.svg) center center  no-repeat;
	background-size:50px;

	}

.subheader .column span.electrical{
		background:  url("../imgs/003-mouse.png")  center center  no-repeat;
	background-size:50px;
	}

.subheader .column span.excavation{
		background: url("../imgs/011-roof.png")center center  no-repeat;
	background-size:50px;
	}
	
.subheader .column.gutters{
		background: url(../imgs/021-drop-silhouette.svg) center 0px  no-repeat;
	background-size:50px;
	}
	
.subheader .column.electrical{
	background: url(../imgs/005-siren.svg) center 0px  no-repeat;
	background-size:50px;
	}	
	
.subheader .column.HVAC{
	background: url(../imgs/008-air-conditioner.svg) center 0px  no-repeat;
	background-size:50px;
	}	
	
.subheader .column.masonry{
	background: url(../imgs/004-brickwall.svg) center 0px  no-repeat;
	background-size:50px;
	}	
	
.subheader .column.maintenance {
	background: url(../imgs/010-wrench.svg) center 0px  no-repeat;
	background-size:50px;
	}
	
.subheader .column.metal {
	background: url(../imgs/019-bracket.svg) center 0px  no-repeat;
	background-size:50px;
	}
	
.subheader .column h4{
	text-transform: uppercase;

	text-align:left;
	width:100%;
	}
.comp-name{
	font-size: 1.8em;
	text-shadow: 2px 2px #382a68;
text-align: center;
font-weight: 700;
	}
.contact-info-box {
	z-index:16;
	position:relative;
}
.contact-info-box .column{
	width:53%;
	float:left;}
.contact-info-box .column + .column{
		width:20%;
	}
.contact-info-box .column + .column + .column{
		width:20%;
		position:relative;
		float:right;
	}
.contact-info-box span.message-chi{
background: #fff;
top: 36px;
right: 15px;
color: #000;
padding: 5px;
	}
.zoom{
	font-size:1.2em;
	}
.contact-info-box a:hover{
	text-decoration:underline;
}
.ada-assistant{
	background:#fff;

z-index: 6;
position: relative;
	}
.contrast #highContrast a, .zoom #zoom a{
	color:#999;}
.ada-assistant .column{
	cursor:pointer;
	padding: 5px;
	margin:0px 15px;
	float:right;}
.ada-assistant .column:hover{
	background:#111;
	color:#fff;}
.ada-assistant i{
	padding:0px 7px;}s	
	
	
	
	
	
	
	
	
	


.amrocket{
	margin-top:40px;
	float:left;}
	
.contact-info-box a span{

}
.contact-info-box a:hover{
	text-decoration:underline;
	color:#7cc244;
}
body {
	overflow-y: scroll;
	font-family: 'Montserrat', sans-serif;
	font-size:0.9em;
	
}
.container{
	width:1200px;
	margin:0 auto;
}
.message-chi{
	position:absolute;
	right:0px;
	display:none;
	}
.contactus.section a:hover{
	color:#000;}
p{
	padding:0px 0px 15px;
	line-height:1.6em;}

.gallery .form-information {
	background: #14416e;
	width:100%;
	
	
	}
.header-title{
	top:180px;
	position: absolute;
	text-align:left;
	z-index:11;
	font-weight: 700;
font-style: normal;
font-family: 'Montserrat', sans-serif;

color: #14416e;
	}
.header-title .form-information label{
	font-size:1.0em;
}	
.header-title.h1{
	text-align: center;
	
}
	


.header-title .column{
	float:left;
	width:68%;
	padding:15px;
	position:relative;

	}

.award {
    position: absolute;
    left: 15px;
    bottom: -450px;
}
.award a{
	    position: absolute;
   left: 315px;
bottom: 50px;
}


.header-title .column + .column{
	width:32%;

	
	}
	
	
	


.subheader .column{
	width:33%;
	text-align:left;
	float:left;
	min-height: 195px;
	position:relative;
	padding: 16px 40px 15px 110px;
	margin:20px 0px;
	
	}
.our_services .column {
    float: left;
    width: 25%;
    padding: 15px;
}
.our_services .column + .column {
    width: 50%;

}
.our_services .column + .column  + .column {
    width: 25%;

}
.our_services .column h3{
	color:#fff;
	
	}

.our_services span {
    font-size: 3.4em;


}


.our_projects{
	overflow:hidden;}
.gallery-wrap{
	width:101%;}
      .instagram-post {
        position: relative;
        overflow: hidden;
        border-radius: 10px;
        max-width: 370px;
        margin-left: auto;
        margin-right: auto;
        box-shadow: 0 4px 15px rgba(17,29,48,.06);
      }
      .slick-slide img {
        width:100%
      }   
.gallery-background{
	background: url(../imgs/wood-background.jpg) no-repeat top left;
	background-size:cover;
	width:100%;
	padding:50px 0px 100px;
	margin-top:100px;
	float:left;}
.instagram-post img{
	width:100%;}

.instagram-post div{
	width: 320px;
overflow: hidden;

	visibility:hidden;
	position:absolute;
	padding:40px;
	
		z-index:3;
		color:#fff;
	top: 15px;
left: 15px;
opacity: 0;

	
	}
.gallery-background .page-title h2{
	color:#fff;}
.instagram-post:hover div{
	  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;	
  opacity:1;
	visibility:visible;}
.instagram-post div.likes{
	bottom:15px;
	top:inherit;
left: 25px;
text-align: left;
font-size:1.4em;
display: block;
width: 110px;
}
.instagram-post div.comments:before{
	content:'\f086';
		    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
	padding-right:10px;
	}
.instagram-post div.likes:before{
	content:'\f164';
		    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
	padding-right:10px;
	}
.instagram-post div.comments{
	bottom: 15px;
right: 75px;
font-size:1.4em;
top:inherit;
left: inherit;
text-align: left;
display: block;
width: 90px;
overflow:inherit;
}

.our_projects{
	float: left;
width: 100%;
position: relative;
background: #fff;
z-index: 5;
}


.slick-next {
    right: 20px;
    top: 0px;
}
.slick-prev {
    left: 20px;
    top: 0px;
}
button.slick-prev::before {
    content: '\f060';
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
    width: 30px;
    height: 30px;
    font-size: 40px;
    color: #ccc;
    z-index: 10;
    left: -10px;
    position: relative;
}
.center:hover button{
	opacity:1;}
button.slick-next::before {

    content: '\f061';
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
    width: 30px;
    height: 30px;
    font-size: 40px;
    color: #ccc;
    z-index: 10;
    right: -10px;
    position: relative;

}
.slick-prev, .slick-next {
    font-size: 0;
    background: none;
    line-height: 0;
    position: absolute;
    display: block;
    width: 100px;
    height: 100%;
    opacity: 0.8;
    border: none;
    cursor: pointer;
    z-index: 5;
    text-shadow: 0px 0px 8px 
    #000;
    opacity: 0;
    transition: all .5s;
}





.testimonials .column{
	background:#f5f5f5;
	float:left;
	color:#000;
	width:47%;
	margin:20px 15px;
	
	}	
.testimonials .column .content{
	padding: 30px 30px 30px 80px;
	position:relative;

	
	
	}
	
.section.about-us{
	background:#f5f5f5;}	
	.section.about-us h3{
		padding:25px 25px 15px;
text-transform: capitalize;}
	
	
.testimonials p {
  display: block;
  color: #555;
  margin-bottom: 22px;
}	
.testimonials .column .content:before{
	position:absolute;
top: 31px;

left: 8px;
opacity:0.5;
	
		content: "\f10d";
	font-family: "Font Awesome 5 Free";
	text-decoration:none;
	font-weight:bold;
	color:#392c61;
	font-size:50px;
	}
.testimonials .name {
    font-weight: 700;
    font-style: normal;
    font-family: 'Poppins', sans-serif;
    color: #40403f;
    font-size: 16px;
    line-height: 1.9;
    letter-spacing: 0px;
}
	
	
	

.section.gallery-block{
	z-index:11;}



.gatewaypage .column h2 {
    text-align: center;
    font-size: 2.0em;
    padding: 30px 0px;
    text-transform: uppercase;
}
.gatewaypage .column{
	width:30%;
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.12), 0 2px 4px 0 rgba(0,0,0,0.08);
	margin:0px 1%;
	
	}
.gatewaypage .column h2{
	margin:0px -15px 20px;
	font-size: 1.2em;
	background:#382a68;
	color:#fff;
	padding:15px}
.gatewaypage .column h3{
	color:#777;
	padding:5px 0px;}
.gatewaypage{
	min-height:700px;}
.subheader .column h3{
	text-transform:capitalize;
	color:#382a68;
	font-size:2.0em;}


.gallery{
	position: absolute;
	float: left;
	width:100%;
	z-index:5;}

.button-box{
	z-index:4;
	padding:15px 0px;
	position:relative;}

#slides > div img{
	width:100%;
	
	}	
.column.right a{
	color:#fff;
}
	.testimonials.about .column{
	width:100%;
	}
	
.section.gateway{
	background: url(../imgs/counter-background.jpg) no-repeat center bottom;
	text-align: center;
	min-height: 260px;
	background-size:cover;}
.section.gateway.services{
	min-height:100px;}
.section.gateway .button-box{
top: 40%;                         /* 3 */
transform: translate(0, -50%);
left: 50%;                         /* 3 */
transform: translate(-50%, 0);
position: absolute;

	font-size:2.0em;}
.button:hover {
	background: rgba(0,0,0,0);
	color: #fff;
	box-shadow: inset 0 0 0 0px #3a7999;
}
.button {
   background: #fff;
   color: #FFFFFF;
   border: solid #fff 3px;
   text-decoration: none;
   display: inline-block;
   cursor: pointer;
   padding:25px 50px;

   text-transform:uppercase;
}
.button.white {
	 color: #fff;
	   background:#7cc244;
	    border: solid #fff 3px;
	}
.button.white:hover {
	 color: #7cc244;
	   background: #fff;
	    border: solid #7cc244 3px;
	}

.button:hover {
	color:#fff;
	 border: solid #fff 3px;
   background:#382a68;
   text-decoration: none;
}
.section.gateway .button-box a{
	vertical-align:middle;}
	
	
/*	
.slidesjs-previous:before{
	content: "\f053";
	font-weight:bold;
	font-family: "Font Awesome 5 Free";
	font-size:70px;
		text-decoration:none;


	}
.slidesjs-next:before{
	content: "\f054";
	font-family: "Font Awesome 5 Free";
		text-decoration:none;
	font-weight:bold;
	font-size:70px;


	}
	*/
.slidesjs-previous{
	position:absolute;
	top:40%;
	left:15px;
	color:#fff;
	z-index:13;
	}		
	
	
	
	
.slidesjs-next{
	position:absolute;
	top:45%;
	right:15px;
	color:#fff;
	z-index:13;
	}
.slidesjs-previous, .slidesjs-next, .slidesjs-pagination-item{
		text-decoration:none;
		z-index: 15;
		display:none;
	font-size:0;}
.navigation li.dropdown{
	position:relative;}


.dropdown > a:after{
		content: "\f0dd";
	font-family: "Font Awesome 5 Free";
font-size: 17px;
font-weight: bold;
position: absolute;
bottom: 0px;
left: 42%;
color:#ccc;
	}

.dropdown.right > a:after{
		content: '';
	font-family: "Font Awesome 5 Free";
font-size: 17px;
font-weight: bold;
position: absolute;
bottom: 41px;
right: 18px;
	}

	
.required-box .span_er, .required-box .not{
position: absolute;
display:none;
font-size:13px;
text-transform:capitalize;
top: 10px;
right: 15px;
color: red;}
.required-box{
	position:relative;}
.gallery .required-box{
	
}
.gallery .required-box.third{
	width: 33.3%;
}
.failure-form, .success-form{
width: 320px;
padding: 20px;
top:100px;
background: #fff;
z-index: 103;
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.22);
-moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.22);
-webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.22);
position:fixed;}
	
.header.page .gallery:hover .slidesjs-previous, .header.page .gallery:hover .slidesjs-next{
	display:none;
	}
.gallery:hover .slidesjs-previous, .gallery:hover .slidesjs-next{
	display:block;
}

#slides .slide-3 {
    width: 100%;
    height: 100%;
      background: url(../imgs/architecture-768432_1920.jpg) center center no-repeat; 
        background-size:cover;
}


#slides .slide-2 {
    width: 100%;
    height: 100%;
    background: url(../imgs/facade-919043_1920.jpg) center center no-repeat;
        background-size:cover;
}

#slides .slide-1 {
    width: 100%;
    height: 100%;
	 background: url(../imgs/slide-2.jpg) center center no-repeat;

        background-size:cover;
}
.section.mission{
	}

.row{
	margin-left:-15px;
	margin-right:-15px;}
.nav-wrap{
	position:relative;}
.logo{
	position:relative;
	width: 250px;
	margin: 0 auto;
	}
.contact-information, .contact-information a{
	color:#fff;}

ul li{
	list-style:none;}
.privacy-policy ul li{
	padding:10px 0px;
	
	}
a:hover{
	color:#f1f1f1;
	text-decoration:underline;
	
	}
.row, .header, .portfolio,  .footer, .about-personal-trainer, .frame-container, .contact-box, .blog, .trainers-about, .contactus, .testimonials-container, .contact-info-box, .header-title, .founders-box, .founder-cell, .breadcrumbs, .ada-assistant, .testimonials, .our_projects, .title-wraper, .client-slides, .awards, .button-box{
	float:left;
	width:100%;
}
#slides a{
	text-decoration:none !important; }
.footer{
	z-index:10;
	color:#999;
	padding:100px 0px;
	position:relative;
	}
.footer .column{
	width:33%;
	float:left;}
.footer a{
	color:#ccc;
	text-decoration:underline;}
.contact-info-box {
	z-index:13;
	position:relative;
	}
.contact-info-box a{
		padding:8px 15px;

	display:inline-block;
	text-decoration:none;}
.contact-info-box a:hovoer{
	color:#ccc;
	text-decoration:underline;
	
	}
.contact-info-box .column{
	width:40%;
	
	float:left;}
.contact-info-box .column + .column{
		width:24%;
	}
.contact-info-box .column + .column + .column{
		width:23%;
		position:relative;
		float:right;
		text-align:right;
	}
.contact-info-box .column + .column + .column a{
	border-right: 1px solid #f5f5f5;
	border-left: 1px solid #f5f5f5;
	padding:8px 25px;
	
	}
.contact-info-box .column + .column + .column a + a{
	border-left:none;
	padding:8px 20px;	
	}
.contact-info-box .column + .column + .column a + a + a{
	border-left:none;	
		padding:8px 20px;	
	}
.contact-info-box span.message-chi{
background: #fff;
top: 36px;
right: 15px;
color: #000;
padding: 5px;
	}
.language-choice{
	margin-left:20px;
	float: right;
	
	}
.language-choice > a{
	float:left;
	padding:3px;
	margin:13px 0px 13px 5px;
	height:17px;
	width:30px;}
.language-choice > a.eng{
	background: url(../imgs/eng.jpg) center center no-repeat;}
.language-choice > a.chi{
	background: url(../imgs/chi.jpg) center center no-repeat;}
.contact-info-box i{
		line-height: 3.0em;
	
	}
.column.right{
	text-align:right;}

.contactus .frame-container{
	margin:50px 0px 0px;}
	
	
.navigation ul{
	padding:0px 15px;}	
.navigation ul ul ul{
	min-width:200px;
	left: 135px;
		top: 65px;
	}
.navigation ul ul a{
	padding-right:25px;
	border-bottom:1px solid #f1f1f1;
		padding-left:25px;
	background:#fff;
	display:block;}
.gatewaypage .intro{
	padding:25px 15px;
	float: left;
	width:100%;	
	}

.navigation ul li  ul:hover{
	box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);}

.navigation ul ul{
	position:absolute;
	     opacity: 0;
	 visibility:hidden;
	 top:90px;
	 text-align: left;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;	
  background: #fff;
	
	
	}
ul li.dropdown:hover > ul{
		   opacity: 1;
	   visibility: visible;
	   top:55px;}
ul li.dropdown.right:hover > ul{
  top:0px;

}
.navigation ul ul ul a{
	text-align:left;
}






.navigation li {
    list-style: none;
    display: inline-block;
	font-family: 'Poppins', sans-serif;
}
.navigation li a {
    position: relative;
    text-transform: uppercase;
    padding: 15px 15px;
    font-size: 1.0em;
	display:block;
	color:#14416e;
    text-decoration: none;
	transition: all .25s ease;
	font-weight: bold;
}

.header.page.about-us .navigation li a, .header.page.contact .navigation li a, .header.page.about-us .contact-info-box a, .header.page.services .navigation li a, .header.page.services .contact-info-box a {
	color:#fff;
}
.holiday-lights .navigation li a {
    color:#fff;}
.text_right > *{
	text-align:right !important;
}
.holiday-lights .title-page h3, .header.page.about-us .title-page h3, .header.page.services .title-page h3, .header.page.contact .title-page h3 {
	color:#fff;
	text-transform: capitalize;
	
}
.title-page h2{
	padding:5px 30px;
}
.navigation.moving a:hover{
	color:#7cc244;}
.navigation li .schedule-link:hover{
	color:#8187d5;
	}
.column{
	padding:0px 15px;}

.about-us.section .column{
	width:40%;

	padding:0px;
	float:left;}

.about-us.holiday-lights.grey.section .column {
float: right;
}
.about-us.section .column + .column{
width:60%;
}

.about-us.section .row > .column {
		padding:5px 15px;
}

.about-us.section .column + .column

.about-us.section.services .grand-column ul li, .about-us.section.services .grand-column h2{
	padding:5px 15px;}	
.about-us.section.services .grand-column .row .column{
	padding: 0px;
	width: 20%;
	
}
.about-us.section.services .grand-column .row.right .column{
	float: right;
}
.about-us.section.services .grand-column .row.right .column + .column{
	float: left;
}


.about-us.section.services .grand-column .row .column + .column{
	width: 70%;
}

.about-us.section.services .grand-column ul li{
	text-transform:uppercase;
	padding:5px 15px;
}
.about-us.section.services .column + .column{

	padding:5px 15px 15px;
	}
	
	
.about-us.section .column .counters {
    font-weight: 200;
    font-style: normal;
    font-family: 'Poppins', sans-serif;
    color: #000000;
    font-size: 50px;
    line-height: 0.1;
    letter-spacing: 0px;

}
.about-us.section .column .counters p{	
	padding:0px;
}
.about-us.section .column .counters p.lesser_rating{
	font-size: 0.5em;
	margin-top: 40px;
	
}
.about-us.section .column .counters span{
	    font-size: 0.4em;
		display: block;
		font-weight:200;
		color: #999;
        width: 100%;
float: left;

line-height: 1.1;
}
	
.about-us.section .column .counters .column{
	width:33%;
	float:left;
	padding:0px;}	
	
	
    .about-us.section.holiday-lights .column .counters .column {
        width:50%;
        min-height: 120px;
    }
.about-us .column img{
	width:100%;}
.about-us .awards .column{
	padding:0px;}	
.about-us .awards .column img{
	
	
	}	

.founder-cell .button-box a{
	padding:15px 45px;}
.about-us .column .button-box {
	padding:0px;}


.section .title-page h2{
	text-align:left;
	font-weight: 700;
font-style: normal;
font-family: 'Poppins', sans-serif;
color: #011144;
font-size: 2.6em;
margin-bottom:40px;
line-height: 1.1;
letter-spacing: 0px;}
.section.about-us p{
	
	line-height:1.8em;

	}
.section.about-us.services p{
	padding:5px 25px 10px;
	
	}


.navigation a:hover{
	color:#7cc244;}
.navigation {
    width: 100%;
    padding: 10px 15px;
    float: left;
    position: relative;
    z-index: 14;

	
}
.navigation .nav-wrap > ul{
   text-align: left;
	}
.navigation .logo{
	width: 110px;
float: left;
	
}
.navigation.moving .logo{
	display: block !important;
}
.navigation .nav-wrap .logo img{
	width: 100%;
}
.header{
	min-height:850px;
	position:relative;
	overflow:hidden;
	width:100%;

	}
.breadcrumbs{
	margin-bottom:30px;
	text-transform:capitalize;}

.breadcrumbs li{
	padding: 0px 15px 0px 0px;
	float:left}
.breadcrumbs li a{
	padding:0px;}
.breadcrumbs li a:hover, .gatewaypage a:hover{
	color:#000;}
.gatewaypage a{
	display:block;}

.header-content{
		background: url(../imgs/header-background.png) bottom right no-repeat;

		width:100%;
		height:100%;
		position:absolute;
		top:0px;
		z-index: 3;
		left:0px;
	background-size:contain;}
.button{
	transition: all 0.3s ease;	
	}
.header.page .gallery{
	z-index:3;}
.button:before {
	content:'';
	top: 0px;
	left: 0px;
	width: 100%;
	height: 0px;
	background: #fff;

}
.practice-areas h2{
	padding:45px 0px 15px;}
.gatewaypage .practice-areas h3{
		padding:15px 15px 7px;
	
	}
.founder-profile{
	padding-top:30px;}
.gatewaypage .practice-areas h2{
	text-transform:capitalize;

	padding:15px 15px 27px;
	}
.footer .rights{
	margin-bottom:50px;}
.gatewaypage .practice-areas p{
	padding:5px 15px;
	}
.button:hover:before {
	height: 42px;
}
.column-content .button{
	font-size:0.8em;}	
.column-content .button:hover, .header-title-intro .button:hover, .member .button:hover, .schedule-now .button:hover, .section.founders-page{
	background:#fff;}	
.schedule-now .button{
	font-size: 20px;
	
	
	}
.member .button{
	padding:5px 45px;}

.button-box{
	float: left;
	margin:15px;
	}

.section{
	width:100%;
	padding:80px 0px;
	z-index:5;
	background:#fff;
	position:relative;
	float:left;}
.awards.section{
	background:#ffffff;
	padding-top:0px;}
.section .title h2, .practice .title h2, .title-page h1, .section .title h1{
	text-align:left;
	font-size:3.0em;
	padding:30px 15px;
	color:#14416e;
	text-transform:uppercase;
	font-family: 'Poppins', sans-serif;
	}

    .holiday-lights .title h2 {
        color: #fff;
            }
            .holiday-lights.grey.section .column{
                background: #00000099;
            }
            .holiday-lights.grey.section{
                color: #fff;
            }

.holiday-lights .title h1 {
    color: rgb(248, 73, 73);

}
.contactus.section .title-page h1:after {
	left:15px;
	}
.header-title-intro{
	padding-top:300px;
	color:#fff;
		font-family: 'Poppins', sans-serif;
		z-index: 2;
position: relative;
	
	
	}
.about-personal-trainer .column{
	width:33.3%;
	float:left;
	height:600px;	
	
	}
.about-personal-trainer .column .content{
	padding:32% 15px;
	
	
	}
.about-personal-trainer{
	padding:0px; }
.navigation.moving .logo img, .section.practice .column img{
	width:90%;}
.navigation.moving{
	position: fixed;
	top:0px;
	left:0px;
	width:100%;
	background:#fff;
	box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
	}
.navigation.moving li a {
	color: #14416e !important;
	
	
	}

.about-personal-trainer .column .content .button-box{
	text-align:center;}	
	
.about-personal-trainer .column .content h3{
    font-weight: 700;
font-style: normal;
	font-family: 'Oswald', sans-serif;

font-size: 36px;
line-height: 1.7;
letter-spacing: 2px;
text-align:center;
color:#222;
}

.about-personal-trainer .column p {
	text-align:center;
	padding:0px 20px;

    font-weight: 400;
    font-style: normal;
    font-family: 'Montserrat', sans-serif;
    color: #222225;
    font-size: 18px;
    line-height: 1.4;
    letter-spacing: 0px;

}

	
	
.focus {
  -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
       -o-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
          transition: all 0.3s ease;
		    border: 70px solid #9fe9ea;
}
 
.focus:hover {
  border: 50px solid #9fe9ea;

}


.title p{
	text-align:center;
}
.section .title.white, .section.gateway.services p{
	color:#fff;
	}
.why-choose-us{
	background:url(../imgs/why-choose-us.jpg);
	background-size: cover;
	}
.why-choose-us .column{
	background-position:center center;
	text-align:center;
	min-height:300px;}
.counter{
	font-size:3.0em;
	color:#fff;
	font-weight: 800;}

.why-choose-us .title{
	padding:0px 0px 50px;
	}
.divider {
	border-bottom: 0px;

	height: 0;
	text-align:center;
    width: 68px;
	margin: 20px auto;
    border-top: 3px solid #66e9ec;
}
.video_background {
    position: fixed;
    top: -150px;
    right: 0px;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: 1;
	opacity:1;
    background: url("../imgs/background-website-header.jpg") no-repeat center center;
	background-size: cover;
}







/*new buttn */
.mobile-nav {
    float: right;
   padding: 6px;
    display: none;
}
.btn {
    display: inline-block;
    color: #fff;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px !important;
   font-size: 20px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	background: #14416e;
}
.btn.btn-primary:hover{
	background: #000;
	color: #fff;
}
.floating-box {
position: fixed;
border-radius: 5px;
background: none;
top: 45px;
overflow: visible;
display: none;
z-index: 10003;
width:320px;
}

.floating-box-close{
right: 0px;
position: absolute;
top: -10px;
display: block;
padding: 15px;
color: #000;
font-size: 2.0em;
z-index: 20000;
	}
.success-form .floating-box-close{
	color:#fff;
	padding:15px;}
.floating-box .floating-box-close{
	color:#fff;
	top: 42px;
	padding:15px;}
.header.page{
	min-height:300px;}
.header.page .header-title-intro{
	display:none;
	padding:0px;
	
	}
.header.page .video_background {

	}
.header.page .logo img{
	}
.header.page .logo {



}
.page-header{
	width:100%;
	text-align:center;
	padding:155px 15px;
	position:absolute;
		font-family: 'Oswald', sans-serif;
		text-transform:uppercase;
		font-size:3.0em;
		color: #2cbbbb;

}
.frame-container {
    min-height: 250px;
}
.frame-container {
    position: relative;
	background: #fff;
    z-index: 6;
}
.frame-container .frame-mask {
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    z-index: 3;
    position: absolute;
}
.frame-container iframe {
    z-index: 2;
    position: relative;
}
.contact-box, .testimonials-container {
    background:#333333;
	position:relative;

    z-index: 8;
}

.contact-box > div[id^="product-"] {
    width: 700px;
    padding: 100px 0px;
    margin: 0 auto;
    overflow: hidden;
}
.form-information .button{
	width: 100%;
	margin:30px 0px 0px;
	font-size: 18px;
	text-align:center;
	background: #7cc244;
	}
.form-information .button:hover{
	border-color:#fff;
	color:#382a68 ;
	
	}
.form-information label{
	color:#fff;
	float: left;

	margin:5px 0px;}
.required-box label{
		font-size: 0.9em !important;
}
.contact-information {
    width: 370px;
	padding:15px;
    float: left;
}
.form-box textarea {
    margin: 0px;
    padding: 26px 20px;
    width: 100%;
    line-height: 15px;
    box-sizing: border-box;
    color: #000;
    resize: none;
    overflow: auto;
}
#instantMessage-form {
    padding-top: 25px;
}
.form-box input {
    padding: 10px;
    height: auto;
    color: #333;
    margin-bottom: 20px;
    width: 100%;
    line-height: 15px;
    box-sizing: border-box;
}
.contact-information h4 {
    color: #fff;
    padding: 25px 0px 3px;
    font-family: 'Oswald', sans-serif;
    font-size: 20px;
    line-height: 1em;
    text-transform: uppercase;
    letter-spacing: 7px;
    font-weight: 400;
    font-style: normal;
}
.form-information {
    width: 320px;
    float: left;
	padding:30px;
}

.blog h1, .contactus h2{
	font-size:3.0em;
	text-transform:uppercase;
	}
dd{
margin-bottom: 15px;
margin-top: 5px;}
dd i{
	font-size:0.4em;
	color:#555;
	position:absolute;
	top:35%;}

.article-info h3 {
    display: inline-block;
}
.contactus h2{
text-align: left;
font-weight: 700;
font-style: normal;
font-family: 'Poppins', sans-serif;
color: #011144;
font-size: 2.0em;
margin-bottom: 60px;
line-height: 1.1;
letter-spacing: 0px;

	
	}
.contactus h3{
	padding-bottom:30px !important;}
.social-media-column h3, .contactus h3{
    font-family: 'Oswald', sans-serif;
	    padding: 15px 0px;		
	}


.article-info{
	padding:15px 0px;
	color: #888;
	    font-family: 'Oswald', sans-serif;}
.column.article_page p{
	padding:10px 0px 20px;}
	
	

.page-title h2, .page-title h1, .archive, .social-media-column h3, .contactus h2, .contactus h3{
	color:#555;}
.top_article_image_box .blog_posting_image, .blog_posting_content, .blog_posting_image {
    width: 50%;
    float: left;
    position: relative;
    padding: 15px;
}
.blog .article {
    box-shadow: 0 0 1px #ccc;
    padding: 0px 0px;
    margin-bottom: 50px;
	float: left;
}
#archive {
    margin-top: 15px;
}
.articles-stack > div {
    padding-bottom: 15px;
}

.articles-stack > div {
    padding-bottom: 15px;
}
.social-media-column {
    padding-top: 20px;
    float: left;
    margin-top: 20px;
    border-top: 1px solid #ccc;
}
.top_article_image_box img, .founder .column img {
    width: 100%;
}
.blog_listing_published {
    color: #999;
    font-size: 0.8em;
}
p {
    line-height: 1.8em;
}
.blog .button {
    font-size: 12px;
    padding: 12px 30px;
	color:#fff;
}
.blog .column h2{
	padding:35px 0px 15px;
	text-align:left;}

    .blog li{
        padding:10px;
}

.blog .button_box{
	text-align:left;
	margin:20px 0px;}
.blog .button:hover{
	color:#2cbbbb;
	
	}
.container.trainers{
	z-index: 2;
	position:relative;}

.attention{
	background:#d8c62a;
	color:#fff;
	border-radius:5px;
	padding:7px 15px;}
.article_image img{
	width:100%;
	}
.contactus h4{
	color:#777;
	margin-bottom:40px;
	font-size:1.8em;
	    font-family: 'Oswald', sans-serif;
	position: relative;}
.contactus h4:after{
    content: '';
    width: 50px;
    height: 2px;
    position: absolute;
    bottom: -18px;
    left: 0;
    background: #382a68;
}
.contactus .column{
	width:33.3%;
	color:#555;
	font-family: "Montserrat",Sans-serif;
	float:left;
	padding:15px;}


.section.awards .column{
	width:100%;
	float:left;

	}
	
.message{
	width:100%;
	float:left;
	padding:15px 25px;
	position:relative;

	}
.message i{
	line-height:3.0em; 
	padding-right:15px;}
.message p{
	font-size:1.4em;}
.message.success{
	
	color:#fff;
		background: #0C6;
		z-index: 10;
}
.message.success > *{
	float:left;
}
	

.about-us.grey .column ul li	{
    padding-left: 100px;
	margin-bottom:30px;
}

.holiday-lights.grey .column ul li{
    padding-left: 0px;
   
}
.holiday-lights.grey .column ul{
    padding: 30px;
}

.residential{
	background:url(../imgs/svg/002-house.svg) no-repeat left 5px;
	background-size: 60px;
	}
.industrial{
	background:url(../imgs/svg/001-crane.svg) no-repeat left 5px;
	background-size: 60px;
	}
.commercial{
	background:url(../imgs/svg/003-skyline.svg) no-repeat left 5px;
	background-size: 60px;
	}
.client-slides .column{
	width:16.6%;
	margin:0%;
	float:left;
	}	
	
.client-slides{
	background: #f5f5f5;

}

.awards .button-box {
	margin-top:60px;
	
	}
.section.about-us{
	background:#ffffff;
	}	

.grey.section{
	background:#f5f5f5;
	
	}	

.holiday-lights.grey.section{  
    background: url(../imgs/background-gray-section.jpg) no-repeat center center;
  background-size: cover;
}  
.section.about-us .column h4{
	font-size:1.2em;
	padding-bottom:15px;
	
	}	
.testimonials p {
  display: block;
  color: #555;
  margin-bottom: 22px;
}	



.about-us.grey h3{
	padding:0px;
	}
	
.testimonials .column .content:before{
	position:absolute;
top: 31px;

left: 8px;
opacity:0.5;
	
		content: "\f10d";
	font-family: "Font Awesome 5 Free";
	text-decoration:none;
	font-weight:bold;
	color:#392c61;
	font-size:50px;
	}
.testimonials .name {
    font-weight: 700;
    font-style: normal;
    font-family: 'Poppins', sans-serif;
    color: #40403f;
    font-size: 16px;
    line-height: 1.9;
    letter-spacing: 0px;
}
	
	
	



::selection { background: #7cc244;
color:#fff; }
::-moz-selection { background: #7cc244;
color:#fff; }
::-webkit-selection { background: #7cc244;
color:#fff; }

::-webkit-input-placeholder { /* WebKit browsers */
  color: #ccc;
  font-style: italic;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color: #ccc;
  font-style: italic;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: #ccc;
  font-style: italic;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
  color: #ccc !important;
  font-style: italic;  
}

br { display: block; line-height: 2.2em; }
hr { width: 100%; border: 1px solid #f5f5f5;
float:left;margin: 15px; }



input, textarea { 
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  outline: none; 
}

blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
b,strong { font-weight: bold; } 
i,em { font-style: italic; }




#topbar {
  background: #4f4a41;
  padding: 10px 0 10px 0;
  text-align: center;
  height: 36px;
  overflow: hidden;
}
#topbar a {
  color: #fff;
  font-size:1.3em;
  line-height: 1.25em;
  text-decoration: none;
  opacity: 0.5;
  font-weight: bold;
}
#topbar a:hover {
  opacity: 1;
}



.testimonials h1:before, h3:before {    
  left: -.5em;
  margin: 0 0 0 -50%;
}
.testimonials h1:after, h3:after {    
  left: .5em;
  margin: 0 -50% 0 0;
}
.testimonials h1 > span, .testimonials h3 > span {
  display: inline-block;
  vertical-align: middle;
  white-space: normal;
}



.testimonials h3 {
  font-size: 1.8em;
  margin-bottom: 4px;
}


.testimonials i{
	color:#fff;}
a:hover { text-decoration: underline; }

.center { display: block; text-align: center; }

/** page structure **/

#content {
  display: block;
  width: 100%;
  background: none;
  padding: 25px 20px;
  padding-bottom: 35px;
}
.slick-slide {
    margin: 0 15px;
    position: relative;
    float: left;
  }

  

input[type="image"], .form-box.payment table, .client-slides .column img{
	width:100%;}	
.payment .form-information{
	margin:0 auto;
	float:none;}	
	
	
	
   #residential-1{

		background-image:url(../imgs/New_Home_1.jpg);
		
		}
		

	    #residential-2{

		background-image: url(../imgs/New_Home_2.jpg);
		
		}
		
	    #residential-3{

		background-image: url(../imgs/house3.jpg);
		
		}	
		  #residential-4{

		background-image: url(../imgs/Kit_1.jpg);
		
		}	
		
				  #residential-5{

		background-image: url(../imgs/Kit_2.jpg);
		
		}	
		
				  #residential-6{

		background-image: url(../imgs/kitchen1.jpg);
		
		}
		
		 #residential-7{

		background-image: url(../imgs/kitchen2.jpg);
		
		}				
		
						  #residential-8{

		background-image: url(../imgs/kitchen3.jpg);
		
		}	
		
						  #residential-9{

		background-image: url(../imgs/kitchen4.jpg);
		
		}	
		
						  #residential-10{

		background-image: url(../imgs/bath1.jpg);
		
		}	
		
						  #residential-11{

		background-image: url(../imgs/bath3.jpg);
		
		}	
		
						  #residential-12{

		background-image: url(../imgs/bath4.jpg);
		
		}	
								  #residential-13{

		background-image: url(../imgs/house4.jpg);
		
		}
								  #residential-14{

		background-image: url(../imgs/hvac.jpg);
		
		}
								  #residential-15{

		background-image: url(../imgs/kitchen1.jpg);
		
		}
			
			
			    #commercial-1{

		background-image:url(../imgs/Hobby_Lobby.jpg);
		
		}
		

	    #commercial-2{

		background-image: url(../imgs/Perform_Trans.jpg);
		
		}
		
	    #commercial-3{

		background-image: url(../imgs/sal1.jpg);
		
		}	
		  #commercial-4{

		background-image: url(../imgs/sal2.jpg);
		
		}	
		
				  #commercial-5{

		background-image: url(../imgs/sal3.jpg);
		
		}	
		
				  #commercial-6{

		background-image: url(../imgs/sal5.jpg);
		
		}
		
		 #commercial-7{

		background-image: url(../imgs/sal7.jpg);
		
		}				
		
						  #commercial-8{

		background-image: url(../imgs/sal10.jpg);
		
		}	
		
						  #commercial-9{

		background-image: url(../imgs/sal12.jpg);
		
		}	
		
		
	
		
		
		 .thumb {
            float: left;
			width:100%;
        }
 
        .thumb > div{
            margin: 0;
            float: left;
            position: relative;
            /* Set the absolute positioning base coordinate */
width: 33%;
height: 400px;
margin: 8px 0px;
        }
 
        .thumb .thumbnail-wrap {
           width: 380px;
			height:400px;
            /* Set the small thumbnail size */
            -ms-interpolation-mode: bicubic;
            /* IE Fix for Bicubic Scaling */
            border: 1px solid #ddd;
            padding: 5px;
            background-size: cover;
            background-repeat: no-repeat;
 
            -webkit-box-shadow: inset -3px 0px 40px -15px rgba(0, 0, 0, 1);
            -moz-box-shadow: inset -3px 0px 40px -15px rgba(0, 0, 0, 1);
            box-shadow: inset -3px 0px 40px -15px rgba(0, 0, 0, 1);
 
        }
 
        .thumb .thumbnail-wrap.hover {
            -webkit-box-shadow: -2px 1px 22px -1px rgba(0, 0, 0, 0.75);
            -moz-box-shadow: -2px 1px 22px -1px rgba(0, 0, 0, 0.75);
            box-shadow: -2px 1px 22px -1px rgba(0, 0, 0, 0.75);
		
        }
 
        .thumnail-zoomed-wrapper {
            display: none;
            position: fixed;
            top: 0px;
            left: 0px;
            height: 100vh;
            width: 100%;
            background: #000000d3;
	
            z-index: 99;
        }
 
        .thumbnail-zoomed-image {
            margin: auto;
            display: block;
            text-align: center;
            margin-top: 12%;
			margin-top: 210px;
        }
 
        .thumbnail-zoomed-image img {
            max-width: 100%;
				border: 10px solid #fff;
        }
 

        .close-image-zoom {
            z-index: 10;
            float: right;
            margin: 10px;
            cursor: pointer;
			position: absolute;
			font-size:4.0em;
			color:#fff;
top: 10%;
right: 2%;
        }	
	
	
.ui_tpicker_second_label, .ui_tpicker_second, .ui_tpicker_millisec_label, .ui_tpicker_millisec, .ui_tpicker_microsec_label, .ui_tpicker_microsec, .ui_tpicker_timezone_label, .ui_tpicker_timezone{
	display:none;}	



/*//review/*/	

.review-container{
	text-align:center;
	padding:50px 0px 200px;
}
.about-us.review{
	background:#f4f4f4;
	padding-bottom: 100px;
	
	}
.review_box{
	width:370px;
	display:none;

	position: relative;
	padding-bottom: 100px;
	float: left;
	margin-bottom: 100px;
}
#review-form .span_er{
	top:10px;
	right:25px;
}
.review-buttons{
		float:left;
		width:100%;
padding: 50px 0px;
margin: 50px 0px;
	border-top:1px solid #ccc;}
.small{
	background:#382a68;
	text-decoration:none;
	color:#fff;
	padding:10px 20px;
	display:inline-block;
	margin:15px;
	cursor:pointer;
	
	}
#review-form{
	margin: 0px 15px;
}
input, textarea {
	margin:5px 0px;
		padding:10px;
	display:block;
	max-width: 370px;
width: 330px;
	
	}
textarea {
	min-height:150px;
	
	}	
.small:hover{
	text-decoration:none;
	
	}
.breadcrumbs {
	margin-left:15px;}
.dislike{
	background:#ff6666;}
.liked{
	background:#7cd26b;}

.contact-info-box a span{
	margin-left: 10px;
}

	
/*end-review///*/


	
	
@media only screen and (max-width : 1864px) {	
.gallery-wrap{
	width:103%;}
}
	
@media only screen and (max-width : 1825px) {	
.gallery-wrap{
	width:104%;}

}
	
	
@media only screen and (max-width : 1805px) {	
.gallery-wrap{
	width:106%;}


.instagram-post {
	width:15.5%;}	
}	
@media only screen and (max-width : 1205px) {	

    
.gallery-wrap, .about-us.section .grand-column, .top_article_image_box .blog_posting_image, .blog_posting_content, .blog_posting_image{
	width:100%;}
.instagram-post {
	width:33%;}
}
	
@media only screen and (max-width : 1070px) {
	
.navigation ul ul {
	text-align:right;}
.section .left-column strong{
	padding:0px !important;}	
.subheader .column {
	padding: 16px 40px 15px 140px;}
.subheader .column span {
	left: 15px;
	
	}
.thumb > div {
	width:400px;
	float:none;
	margin:15px auto;}
.about-us.section .column {
	padding:20px 15px}
.subheader .column h4 {
	padding-left:15px;}
.logo img{
	width:160px;}	
table td{
	display:block;}	
.practice-areas .left-column, .subheader .column, .about-us.section .column, .testimonials .column, .about-us.section .column .counters .column, .awards .column + .column + .column, .awards .column + .column + .column, .projects.section .column{
	width:100%;}	
		

.container, .meet-trainers .container, .our_services .column {
    width: 100%;
}
.contact-info-box .column, .contact-info-box .column + .column{
	width:30px;
	}
.contact-info-box .column + .column + .column{
	width:60%;
	float:right;}
.header-title-intro h1 span.title1, .header-title-intro h1 span.title2, .header-title-intro h1 span.title3{
font-size: 2.0em;
}
.contact-info-box span{
	display:none;
}
	
.row, .section.awards .column {
	margin:0px;}
.testimonials .column {
	margin:15px 0px;}
.navigation ul{
	display: inline-block;

width: 100%;
	}
.programs .column{
	width:50%;}
.header-title-intro .column {
	width: 520px;
margin: 0 auto;
float:none;
	}
.calendar {
	width: 90%;
	margin: 0 auto;
	float:none;
	
	
	}
.calendar{
	overflow-x:scroll;}
.about-personal-trainer .column{
	width:50%;}
.logo{
	left: inherit;
	z-index:3;	
	}
.logo a{
	display:block;}
	
.navigation.moving ul{
	display:inherit;}
.navigation.moving li a, .navigation ul ul ul a{
	
	display:block;
}
	
.navigation.moving .logo {
  float: left;
  top: 10px;
  left: 10px;
	}
@media only screen and (min-width : 1160px) {
	.video_background {
		width: 100%;
}

	
	
	}

@media only screen and (max-width : 770px) {
	.about-us.section .column .counters p {
		float: left;
	}
	.about-us.section .column .counters p.lesser_rating{
		margin:0px;
	}
	.about-us.section .column .counters .column, .about-us.section .row > .column{
		margin-bottom:30px;
		
		
		
	}
	.title-page h3 {
		font-size: 1.5em;
	}
	.about-us.section.services .grand-column .row .column {
		width:40%;
	}	
	.about-us.section.services .grand-column .row .column + .column {
		width: 50%;
	}	
.subheader .column {
	width:100%;
	min-height:inherit;
	padding:15px 0px;
	}
	.award a {
  bottom: 481px;
}
.subheader .column span{
	display:none;
	
	}
.header-title {
	background:none;
}
.section.founders-page .column img{
	width:320px;
	margin:0 auto;}
.dropdown.right{
	padding:0px 10px;}
.section {
    padding: 20px 0px;
	}
.navigation.moving {
	height: 80px;
	
	}
.nav-wrap > ul {
	margin-top: 80px;}
.subheader .column h3, .section.gateway .button-box {
	font-size:1.0em;
}
.gatewaypage .column {
	margin-bottom:30px;}
.column.content{
	padding:15px;}
.gallery {
	position:relative;
	min-height: 800px;}
	
.header-title {

	font-size:1.0em;
    padding: 70px 15px;
	}
.header-title.h1 {
    padding-top: 43px;
}
.container.founders,  .header-title .column + .column, .header-title .column, .blog.about .column, .blog.about aside .column, .about-us.section .column + .column {

	width:100%;}

.header-title .column + .column{
	display: none;

	
	
}
	
	
.logo, .header-title {
	top:inherit;}
.navigation ul ul ul {
	min-width: 100%;
left: inherit;
top: inherit;
	position:relative;}
.header, .header.page {
    min-height: inherit;}
.navigation ul ul a {
	border-bottom:0px;}
#content, .dropdown.right > a, .container.founders, .founders-box, .founders-box .column + .column{
	padding-left:0px;
	padding-right:0px;}
h1,h2{
	font-size:1.2em !important;}
.navigation ul {
	padding:0px;
	}


.about-personal-trainer .column .content {
	padding: 12% 15px;
	}
.about-personal-trainer .column .content h3 {
	font-size:20px;}
.failure-form, .success-form, .floating-box, .contact-request-form, .form-information, .contact-information, div[id^="product-"], .contact-box > div[id^="product-"], .founders-page .column, .founder .column, .founder .column + .column, .founder .column + .column + .column, .gatewaypage .column, .about-us .column p{
	width:100%;
}


.time-cell {
	width:inherit;}
.about-personal-trainer .column {
	height:300px;}
	.navigation {
		min-height: 80px;
		padding:0px;}
.navigation.moving ul{
	position:absolute;
 top: 0px;
	z-index:2}
	.navigation li{	
		display: block;
background: #fff;
position: relative;
z-index: 1;
		}

.dropdown > a:after, .contact-info-box .column.right{
	display:none;}
.navigation li a {
	display:block;
	padding:10px;}	
.navigation li a{
	color:#000;}
.about-personal-trainer .column, .meet-trainers .column, .header-title-intro .column, .schedule-now .column, .schedule-now .column + .column, .contactus .column {
	width:100%;}
.navigation ul, .navigation.moving ul, .contact-info-box span{
	display:none;}	
.mobile-nav {
	display:block;
	position: absolute;
right: 15px;

z-index: 5;

top: 13px;}
.navigation  ul ul li {
	border:none;}
	.navigation ul > li a{
		border-bottom:1px solid #f1f1f1;
	}
.navigation ul ul, .navigation.moving ul ul{
		visibility:visible;
		left:inherit;
		min-width:100%;
		top:inherit;
		display:block;
		position:relative;
		opacity:1;}
ul li.dropdown:hover > ul{
		   top:inherit}
ul li.dropdown.right:hover > ul{
  top:inherit;

}
.section .title h2::after, .section .title-page h1::after {
	left:15px;}
.section .title h2, .title-page h1, .section p, .section strong, .founder h2, .privacy-policy h2, .practice-areas h2, .contactus h2{
	padding-left:15px;
	padding-right:15px;}
	}
	
	.footer .container .row > div + div + div + div {
		padding: 30px;
	}
	

.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 40%; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }
.ui-timepicker-div .ui_tpicker_unit_hide{ display: none; }

.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input { background: none; color: inherit; border: none; outline: none; border-bottom: solid 1px #555; width: 95%; }
.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input:focus { border-bottom-color: #aaa; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; }
.ui-timepicker-rtl dl dt{ float: right; clear: right; }
.ui-timepicker-rtl dl dd { margin: 0 40% 10px 10px; }

/* Shortened version style */
.ui-timepicker-div.ui-timepicker-oneLine { padding-right: 2px; }
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time, 
.ui-timepicker-div.ui-timepicker-oneLine dt { display: none; }
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time_label { display: block; padding-top: 2px; }
.ui-timepicker-div.ui-timepicker-oneLine dl { text-align: right; }
.ui-timepicker-div.ui-timepicker-oneLine dl dd, 
.ui-timepicker-div.ui-timepicker-oneLine dl dd > div { display:inline-block; margin:0; }
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_minute:before,
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_second:before { content:':'; display:inline-block; }
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_millisec:before,
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_microsec:before { content:'.'; display:inline-block; }
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide,
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide:before{ display: none; }		


}