@charset "utf-8";

@import url(https://fonts.googleapis.com/css?family=Lato:400,900);

* {
	box-sizing:border-box;
	-webkit-transition:all .4s ease;
	-moz-transition:all .4s ease;
	-ms-transition:all .4s ease;
	-o-transition:all .4s ease;
	transition:all .4s ease;
}

#animation1 {
	transition: 2s ease all;
}

.animate-in {
    -webkit-animation: fadeIn .5s ease-in;
    animation: fadeIn .5s ease-in;
    background: #111;
}

.animate-out {
    -webkit-transition: opacity .5s;
    transition: opacity .5s;
    opacity: 0;
    background: #111;
}

@-webkit-keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

body {
	width:100%;
	height:100%;
	margin:0;
	padding:0;
}
p,ul,li,ol, h5, h6 {
	font-family: 'Lato', sans-serif;
	font-size:21px;
	color:#111;
	line-height:normal;
    font-weight: 400;
}
h1, h2, h3, h4 {
	font-family:'Lato', sans-serif;
	color:#111;
	line-height:normal;
	margin:7px 0;
    font-weight: 900;
}

.thanks {
	position: relative;
	width: 100%;
	height: 100vh;
	background: url(../images/banners/banner-home.jpg) no-repeat center #111;
	background-size: cover;
}
.thanks .content {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 0;
	right: 0;
	margin: 0 auto;
}

a:link,a:hover,a:active,a:visited {
	text-decoration:none;
	color:inherit;
}
a:hover {
	color:#29ABE2;
}

.heading {
	border-bottom:1px solid #ddd;
	padding:0 0 10px 0;
	margin:50px 0;
}
.heading p {
    max-width: 700px;
    margin: auto;
}
.heading-banner {
	width:90%;
	max-width:1200px;
	height:auto;
	display:block;
	margin:0 auto;
	position:absolute;
	bottom:5%;
	right:0;
	left:0;
}
h1 {
	font-size:72px;
}
h2 {
	font-size:60px;
}
h3 {
	font-size:48px;
}
h4 {
	font-size:36px;
}
h5 {
	font-size:24px;
}
h6 {
	font-size:14px;
}
p {
    font-size: 21px;
}


/*--containers--*/
header {
	width:100%;
	margin:0 auto;
	padding:10px 0;
	background:#111;
	position:fixed;
	z-index:10000;
	right:0;
	left:0;
	top:0;
}
footer {
	width:100%;
	height:auto;
	margin:0;
	padding:50px 0 0 0;
	background:#29ABE2;
	clear:both;
}
footer .content-black {
	width:100%;
	height:auto;
	margin:25px 0 0 0;
	padding:25px 0;
	background:#111;
}
footer a:link {
	color:inherit;
}
footer a:hover {
	color:#29ABE2;
}

.content,.heading-case {
	width:90%;
	max-width:1200px;
	margin:0 auto;
	padding:0;
	position:relative;
}
.heading-case {
	margin-top:150px;
}

.content-blue {
	width:100%;
	height:auto;
	margin:25px 0 0 0;
	padding:0 0 25px 0;
	background:#111;
	background-size:cover;
	position:relative;
}
.content-blue .heading {
	width:100%;
	height:auto;
	margin:0;
	padding:2%;
	background:#29ABE2;
}
.content-blue .heading h3 {
	margin:0;
	color:#111;
	float:left;
}
.content-blue .cell-1-2 {
	text-align:left;
}

.slogan {
	margin:0 auto;
	padding:100px 0;
}

.container-white,.container-grey,.container-black {
	width:100%;
	height:auto;
	display:block;
	margin:0;
	padding:100px 0;
}
.container-white {
	background:#fff;
}
.container-grey {
	background:#f4f4f4;
}
.container-black {
	background:#111;
}
#the-beard {
	background: url(../images/banners/banner-home.jpg) no-repeat center fixed;
    background-size: cover;
}

.container-home {
	width:100%;
	height:100vh;
	min-height:900px;
	display:block;
	margin:0;
	background:url(../images/banners/banner-beard.jpg) no-repeat center fixed;
	background-size:cover;
	position:relative;
}
.container-home .content {
	position:absolute;
	left:0;
	right:0;
	top:50%;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
    text-align: center;
}
.container-about {
	width:100%;
	height:400px;
	display:block;
	margin:0;
	padding:0;
	background:url(../images/banners/banner-about.jpg) no-repeat top center fixed;
	background-size:auto;
	position:relative;
}
.container-job {
	width:100%;
	height:400px;
	display:block;
	margin:0;
	padding:0;
	background:url(../images/banners/banner-job.jpg) no-repeat top center fixed;
	background-size:auto;
	position:relative;
}
.container-portfolio {
	width:100%;
	height:400px;
	display:block;
	margin:0;
	padding:0;
	background:url(../images/banners/banner-portfolio.jpg) no-repeat top center fixed;
	background-size:auto;
	position:relative;
}
.container-services {
	width:100%;
	height:400px;
	display:block;
	margin:0;
	padding:0;
	background:url(../images/banners/banner-services.jpg) no-repeat top center fixed;
	background-size:auto;
	position:relative;
}
.container-contact {
	width:100%;
	height:400px;
	display:block;
	margin:0;
	padding:0;
	background:url(../images/banners/banner-contact.jpg) no-repeat top center fixed;
	background-size:auto;
	position:relative;
}

.container-testimonials {
	width:100%;
	height:100vh;
	min-height:900px;
	display:block;
	margin:0;
	padding:100px 0;
	background:url(../images/img-background.jpg) no-repeat center fixed;
	background-size:cover;
	position:relative;
}
.container-testimonials .content {
	position:absolute;
	right:0;
	left:0;
	top:50%;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
}
.container-testimonials .testimony {
	width:100%;
	margin:25px 0;
	padding:2%;
	background:rgba(0,0,0,0.5);
	overflow:hidden;
	text-align:center;
}
.container-testimonials .heading {
    margin: auto 0;
    border-bottom: 1px solid #111;
    width: 50%;
}
.container-testimonials .item > div {
    width: 50%;
}

.container-adventure {
	width:100%;
	height:100vh;
	min-height:900px;
	display:block;
	margin:0;
	padding:100px 0;
	background:url(../images/projects/kateBuilds/bg.jpg) no-repeat center fixed #f4f4f4;
	background-size:cover;
	position:relative;
}
.container-adventure .content {
	position:absolute;
	right:0;
	left:0;
	bottom:5%;
}

.overlay {
	background:transparent;
	position:relative;
	width:100%;
	height:400px;
	top:400px;
	margin-top:-400px;
}
.map {
	width:100%;
	height:400px;
	margin:0;
	padding:0;
}

.popup {
	width: 100%;
    height: 100vh;
    margin: 0;
    padding: 0;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.9);
    position: fixed;
    z-index: 90000;
    display: none;
}
.popup > div {
    width: 75%;
    max-width: 1000px;
    margin: 0 auto 0;
    padding: 50px;
    top: 0;
    left: 0;
    right: 0;
    background: #111;
    text-align: center;
}
.popup > div h3,h5 {
    color: #fff;
}
.popup > div img {
    width: 200px;
    margin: 0 auto;
}

.audit {
	width: 100%;
    padding: 50px;
    margin: 0;
    background: #29ABE2;
    color: #fff;
    text-align: center;
}
.audit img {
    width: 100px;
    filter: brightness(0);
    margin: 0 auto;
}
.audit h5 {
    margin: 0 auto;
}


/*--modal--*/
.modal {
	position:fixed; 
	top:0; 
	right:0; 
	bottom:0; 
	left:0; 
	background:url(../images/banners/menu-bg.jpg) no-repeat center #111; 
	background-size:cover;
	z-index:10000; 
	opacity:0; 
	pointer-events:none;
}
.modal:target {
	opacity:1; 
	pointer-events:auto;
}
.modal > div {
	width:auto; 
	max-width:768px;
	margin:0 auto;
	padding:2%; 
	text-align:center;
	position:absolute;
	top:50%;
	right:0;
	left:0;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
}
.modal > div ul {
	list-style:none;
	padding:0;
	margin:2px;
}
.modal > div ul li {
	width:150px;
	height:125px;
	padding:25px 0 0 0;
	margin:0;
	display:inline-block;
	color:#29abe2;
	letter-spacing:inherit;
}
.modal >  div ul li:hover {
	background:#29abe2;
	color:#111;
}

.modal > .content-slide {
	width:100%;
	max-width:800px;
	height:100%;
	margin:0 auto;
	padding:0;
	text-align:center;
	position:absolute;
	top:50%;
	right:0;
	left:0;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
}
.modal > .content-slide img {
	width:100%;
}

.close {
	position:absolute; 
	right:0; 
	top:50px;
	width:60px;
	height:60px;
}

.modal-resume {
	position:fixed; 
	top:0; 
	right:0; 
	left:0; 
	bottom:0; 
	background:url(../images/banners/apply.jpg) no-repeat center #111;
	background-size:cover; 
	z-index:10000; 
	opacity:0; 
	pointer-events:none;
}
.modal-resume:target {
	opacity:1; 
	pointer-events:auto;
}
.modal-resume > div {
	width:90%; 
	max-width:960px; 
	position:relative; 
	margin:0 auto; 
	padding:150px 0 0 0;
}


/*--cells--*/
.cell-adventure {
	width:50%;
	height:auto;
	margin:0;
	float:right;
    text-align: right;
}
.cell-adventure span {
    color: #111;
}

.cell-services {
	width:calc(20% - 2px);
	width:-webkit-calc(20% - 2px);
	width:-moz-calc(20% - 2px);
	height:250px;
	float:left;
	vertical-align:top;
	margin:1px;
	padding:2%;
	background:#F8F8F8;
	position:relative;
}
.cell-services:hover {
	background:#111;
}
.cell-services p {
	margin:0;
	padding:0;
	font-weight:bold;
}
.cell-services:hover p {
	color:#eee;
	letter-spacing:1px;
}
.cell-services span:before {
	font-weight:lighter;
	font-style:italic;
}
.cell-services:hover span:before {
	color:#29ABE2;
}

.icon-develop {
	width:90px;
	height:90px;
	display:inline-block;
	margin:0;
	padding:0;
	background:url(../images/icons/icon-develop-grey.png) no-repeat center;
	background-size:contain;
}
.cell-services:hover .icon-develop {
	background:url(../images/icons/icon-develop-blue.png) no-repeat center;
	background-size:contain;
}
.cell-services .develop span:before {
	content:'virtual presence';
}
.cell-services:hover .develop span:before {
	content:'read more';
}

.icon-logo {
	width:90px;
	height:90px;
	display:inline-block;
	margin:0;
	padding:0;
	background:url(../images/icons/icon-logo-grey.png) no-repeat center;
	background-size:contain;
}
.cell-services:hover .icon-logo {
	background:url(../images/icons/icon-logo-blue.png) no-repeat center;
	background-size:contain;
}
.cell-services .logo span:before {
	content:'making a name';
	font-style:italic;
}
.cell-services:hover .logo span:before {
	content:'read more';
	color:#29ABE2;
}

.cell-services .icon-media {
	width:90px;
	height:90px;
	display:inline-block;
	margin:0;
	padding:0;
	background:url(../images/icons/icon-media-grey.png) no-repeat center;
	background-size:contain;
}
.cell-services:hover .icon-media {
	background:url(../images/icons/icon-media-blue.png) no-repeat center;
	background-size:contain;
}
.cell-services .media span:before {
	content:'tangible is nice';
	font-style:italic;
}
.cell-services:hover .media span:before {
	content:'read more';
	color:#29ABE2;
}

.icon-marketing {
	width:90px;
	height:90px;
	display:inline-block;
	margin:0;
	padding:0;
	background:url(../images/icons/icon-marketing-grey.png) no-repeat center;
	background-size:contain;
}
.cell-services:hover .icon-marketing {
	background:url(../images/icons/icon-marketing-blue.png) no-repeat center;
	background-size:contain;
}
.cell-services .marketing span:before {
	content:'raising the bar';
	font-style:italic;
}
.cell-services:hover .marketing span:before {
	content:'read more';
	color:#29ABE2;
}

.icon-services {
	width:90px;
	height:90px;
	display:inline-block;
	margin:0;
	padding:0;
	background:url(../images/icons/icon-services-grey.png) no-repeat center;
	background-size:contain;
}
.cell-services:hover .icon-services {
	background:url(../images/icons/icon-services-blue.png) no-repeat center;
	background-size:contain;
}
.cell-services .services span:before {
	content:'spider work';
	font-style:italic;
}
.cell-services:hover .services span:before {
	content:'read more';
	color:#29ABE2;
}

.icon-client {
	width:90px;
	height:90px;
	display:inline-block;
	margin:0;
	padding:0;
	background:url(../images/icons/icon-client-grey.png) no-repeat center;
	background-size:contain;
}
.cell-services:hover .icon-client {
	background:url(../images/icons/icon-client-blue.png) no-repeat center;
	background-size:contain;
}
.cell-services .client span:before {
	content:'the motivation';
	font-style:italic;
}
.cell-services:hover .client span:before {
	content:'read more';
	color:#29ABE2;
}

.cell-service-detail {
	width:100%;
	height:auto;
	margin:50px 0 0 0;
	padding:2% 2% 4% 2%;
	background:#111;
	text-align:center;
	clear:both;
	position:relative;
	transition:none !important;
}
.cell-service-detail .down-arrow {
	width:30px;
	height:30px;
	display:block;
	margin:0 auto;
	background:#111;
	position:absolute;
	bottom:-7px;
	left:0;
	right:0;
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
	overflow:visible;
}
.cell-service-detail .more-info {
	position:absolute;
	margin:0 auto;
	right:0;
	left:0;
	bottom:20px;
	text-align:center;
	font-size:10px;
	color:#fff;
}
.cell-service-detail:hover .more-info {
	color:#29ABE2;
	bottom:12px;
}
.cell-service-detail .down-arrow-white {
	width:20px;
	height:20px;
	display:block;
	margin:0 auto;
	border-left:4px solid #fff;
	border-bottom:4px solid #fff;
	position:absolute;
	bottom:0px;
	left:0;
	right:0;
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
	z-index:100;
}
.cell-service-detail:hover .down-arrow {
	bottom:-10px;
}
.cell-service-detail:hover .down-arrow-white {
	bottom:-5px;
	border-left:4px solid #29ABE2;
	border-bottom:4px solid #29ABE2;
}
.cell-service-specs {
	width:100%;
	height:500px;
	margin:0;
	padding:0 2%;
	clear:both;
	transition:none !important;
	background: rgb(248,248,248);
	background: -moz-linear-gradient(top,  rgba(248,248,248,1) 0%, rgba(255,255,255,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(248,248,248,1) 0%,rgba(255,255,255,1) 100%);
	background: linear-gradient(to bottom,  rgba(248,248,248,1) 0%,rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#ffffff',GradientType=0 );
}
.cell-service-specs .cell-1-2 {
	vertical-align:top;
}
.cell-service-specs .spec {
	clear:both;
	margin:10px 0;
	padding:2% 0;
	font-size:14px;
	text-align:justify;
}
.cell-service-specs .spec strong {
	font-size:21px;
}
.cell-service-detail .cell-heading {
	width:33.3%;
	height:auto;
	display:inline-block;
	margin:0;
	padding:2% 4% 2% 2%;
	border-right:1px solid #111;
	text-align:center;
	vertical-align:middle;
}
.cell-service-detail .cell-service-info {
	width:66%;
	height:auto;
	display:inline-block;
	text-align:left;
	margin:0;
	padding:2%;
	vertical-align:middle;
}

#cell-client {
	display:none;
}

.cell-social {
	width:calc(33.3% - 2px);
	width:-webkit-calc(33.3% - 2px);
	width:-moz-calc(33.3% - 2px);
	height:600px;
	overflow:hidden;
	float:left;
	margin:25px 1px;
	padding:2%;
	background:#F8F8F8;
	vertical-align:top;
}

.cell-1-2 {
	width:calc(50% - 20px);
	width:-webkit-calc(50% - 20px);
	width:-moz-calc(50% - 20px);
	height:auto;
	float:left;
	margin:10px;
	padding:2%;
	position:relative;
}
.cell-1-2 .img {
	width:100%;
}

.services-icon {
	width: 80px;
}

.cell-1-2 .project {
	width:90%;
	margin:0 auto;
}
.cell-1-2 .logo {
	width:90%;
	margin:0 auto;
	opacity:0.2;
}

.cell-2-3 {
	width:66.66%;
	height:auto;
	float:left;
	margin:0;
	padding:2%;
	position:relative;
}
.cell-2-3 .img {
	width:100%;
	border:1px solid #ddd;
}
.cell-1-3 {
	width:33.33%;
	height:auto;
	float:left;
	margin:0;
	padding:2%;
	position:relative;
}

.cell-team {
	width:100%;
	height:auto;
	margin:10px 0;
	padding:2%;
	border:1px solid #eee;
}
.cell-team em {
    color: #000;
}

.cell-beard {
    width: 33.33%;
    float: left;
    margin: 0;
    padding: 20px;
}
.cell-beardcontent {
	width: 66.66%;
    float: left;
    margin: 0;
    padding: 20px;
    text-align: left;
}

.team-rob,
.team-corny,
.team-jeremy,
.team-justin,
.team-bernie,
.team-michael,
.team-frank,
.team-keron,
.team-dan,
.team-mary,
.team-vanessa,
.team-tanner,
.team-john {
	width:100%;
	height:300px;
	margin:10px 0 25px 0;
	padding:0;
	position:relative;
    -webkit-filter:grayscale(100%);
    filter:grayscale(100%);
}
.team-rob {
	background:url(../images/team/team-robOver.jpg) no-repeat center;    
}
.team-michael {
	background:url(../images/team/team-michaelOver.jpg) no-repeat center;
}
.team-corny {
	background:url(../images/team/team-cornyOver.jpg) no-repeat center;
}
.team-jeremy {
	background:url(../images/team/team-jeremyOver.jpg) no-repeat center;
}
.team-justin {
	background:url(../images/team/team-justinOver.jpg) no-repeat center;
}
.team-bernie {
	background:url(../images/team/team-bernieOver.jpg) no-repeat center;
}
.team-frank {
	background:url(../images/team/team-frankOver.jpg) no-repeat center;
}
.team-keron {
	background:url(../images/team/team-keronOver.jpg) no-repeat center;
}
.team-dan {
	background:url(../images/team/team-danOver.jpg) no-repeat center;
}
.team-mary {
	background:url(../images/team/team-maryOver.jpg) no-repeat center;
}
.team-vanessa {
    background: url(../images/team/team-vanessaOver.jpg) no-repeat center;
}
.team-tanner {
    background: url(../images/team/team-tannerOver.jpg) no-repeat center;
}
.team-john {
    background: url(../images/team/team-johnOver.jpg) no-repeat center;
}
.team-rob:hover,
.team-corny:hover,
.team-jeremy:hover,
.team-justin:hover,
.team-bernie:hover,
.team-michael:hover,
.team-frank:hover,
.team-keron:hover,
.team-dan:hover,
.team-mary:hover,
.team-vanessa:hover,
.team-tanner:hover,
.team-john:hover {
    -webkit-filter:grayscale(0%) opacity(100%);
    filter:grayscale(0%) opacity(100%);
}

.cell-contact-rob {
	width:100%;
	height:auto;
	margin:10px 0;
	padding:2%;
	border:1px solid #eee;
}
.cell-contact-team {
	width:calc(50% - 10px);
	width:-webkit-calc(50% - 10px);
	width:-moz-calc(50% - 10px);
	height:auto;
	float:left;
	margin:10px 5px;
	padding:20px;
	border:1px solid #eee;
	vertical-align:top;
}
.cell-contact-team p {
    font-size: 18px;
}
.cell-img {
	width:45%;
	height:300px;
	margin:0 2% 0 0;
	padding:0;
	float:left;
	overflow:hidden;
	text-align:center;
	position:relative;
}
.cell-img img {
	height:100%;
	position:absolute;
	right:-50px;
	margin:0 auto;
}
.cell-info {
	width:auto;
	height:auto;
	margin:0;
	padding:0;
	text-align:left;
}

.cell-portfolio {
	width:100%;
	height:auto;
	margin:10px 0;
	padding:2%;
	border:1px solid #eee;
}
.client {
	width:40%;
	height:auto;
	display:inline-block;
	margin:0;
	padding:0;
}
.client .project {
	width:90%;
	margin:0 auto;
}
.client-info {
	width:50%;
	height:auto;
	display:inline-block;
	margin:0 0 0 8%;
	padding:0;
}
.cell-portfolio-thumb {
	width:calc(50% - 2px);
	width:-webkit-calc(50% - 2px);
	width:-moz-calc(50% - 2px);
	height:auto;
	margin:1px;
	padding:0;
	float:left;
	position:relative;
	background:#111;
	overflow:hidden;
}
.cell-portfolio-thumb .img {
	width:100%;
	margin:0;
}
.cell-portfolio-thumb .title,.links {
	text-align:center;
	position:absolute;
	margin:0 auto;
	right:0;
	left:0;
	color:#fff;
}
.cell-portfolio-thumb .title {
	top:50%;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
}
.cell-portfolio-thumb:hover .title {
	top:40%;
	-webkit-transform:translateY(-60%);
	transform:translateY(-60%);
	color:#29ABE2;
}
.cell-portfolio-thumb .links {
	bottom:-100px;
}
.cell-portfolio-thumb:hover .links {
	top:50%;
	bottom:inherit;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
}
.cell-portfolio-thumb:hover .img {
	opacity:0.2;
}

.cell-location, .cell-hours, .cell-contact {
	width:33.3%;
	height:auto;
	float:left;
	margin:0;
	padding:2%;
}

.cell-case {
	width:33%;
	height:250px;
	margin:0;
	padding:0;
	text-align:center;
	float:left;
	overflow:hidden;
	background:#f4f4f4;
    border: 2px solid #fff;
	position:relative;
}
.cell-case img {
	width:100%;
	position:absolute;
	top:0;
	left:0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
}
.cell-case .icon-expand {
	width:60px;
	height:60px;
	margin:0 auto;
	padding:5px;
	background:rgba(255,255,255,0.9);
	position:absolute;
	right:0;
	left:0;
	top:50%;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
	opacity:0;
}
.cell-case:hover img {
	width:100%;
	opacity:1;
    top: -20px;
}
.cell-case:hover p {
	opacity:0;
}
.cell-case:hover .icon-expand {
	width:60px;
	opacity:1;
    top: 25%;
    top: 25%;
    -webkit-transform:none;
	transform:none;
}


/*--objects--*/
.logo-redding {
	width:300px;
	height:auto;
	display:block;
	margin:0;
	padding:0;
	float:left;
}

.logo-beard {
	width:176px;
	height:176px;
	margin:0;
	padding:0;
}
.logo-beard:hover {
	width:170px;
	height:170px;
	padding:3px;
	margin:3px;
}
.logo-beard-large {
	width:90%;
	max-width:500px;
}

.celebrate {
	width:80px;
	height:80px;
	margin:0;
	padding:0;
	display:block;
	position:absolute;
	z-index:9000;
	top:80px;
	right:20px;
	background:url(../images/logos/10years.png) no-repeat center;
	background-size:contain;
}
.celebrate:hover {
	width:74px;
	height:74px;
	padding:3px;
	margin:3px;
}

.logo-client {
	width:calc(20% - 20px);
	width:-webkit-calc(20% - 20px);
	width:-moz-calc(20% - 20px);
	height:auto;
	margin:25px 10px;
	float:left;
}
.logo-client:hover {
	opacity:0.6;
}
.logo-client-case {
	width:100%;
	max-width:400px;
	margin:0;
}

.icon-beard {
	width:60px;
	height:60px;
	border-radius:60px;
	background:#fff;
	margin:0;
	position:absolute;
	top:10px;
	right:10px;
	z-index:100;
	display:block;
}
.icon-noBeard {
	width:75%;
	max-width:300px;
	display:inline-block;
}

.icon-compass {
	width:50px;
	height:50px;
	position:absolute;
	right:5%;
	bottom:2%;
	display:none;
	z-index:200;
	-webkit-transform:rotate(0);
	transform:rotate(0);
}
.icon-compass:hover {
	-webkit-transform:rotate(360deg);
	transform:rotate(360deg);
}

.icon-social-blue {
	width:50px;
	height:50px;
	display:inline-block;
}

.icon {
	width:40px;
	height:40px;
	background:#29abe2;
	display:inline-block;
	margin:0 0 50px 0;
	border:1px solid #111;
}
.icon:hover {
	background:#fff;
	border:1px solid #fff;
}

.icon-service {
	width:125px;
	height:125px;
}

.icon-nav {
	width:50px;
	height:50px;
	display:inline-block;
	margin:0;
	padding:0;
}

.icon-detail {
	width:80px;
	height:auto;
	margin:0 15px 0 0;
	float:left;
}

.icon-team {
	width:40px;
	height:40px;
	background:#f4f4f4;
	display:inline-block;
	margin:0 2px 2px 0;
}
.icon-team:hover {
	background:#fff;
}

.icon-visit {
	width:60px;
	height:60px;
	display:none;
	margin:0 auto;
	position:absolute;
	top:60%;
	right:0;
	left:0;
	-webkit-transform:translateY(-40%);
	transform:translateY(-40%);
}

.border-right {
	border-right:1px solid #111;
}
.rule-short {
	width:50%;
	height:1px;
	border-bottom:1px solid #999;
	margin:10px auto;
}
.rule {
	width:auto;
	height:1px;
	border-bottom:1px solid #ddd;
	margin:50px 0;
	padding:0;
}

.arrow {
	margin-top:100px;
	text-align:center;
}
.arrow span {
	width:20px;
	height:20px;
	display:inline-block;
	border-left:5px solid #111;
	border-bottom:5px solid #111;
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
}
.arrow:hover span {
	border-left:5px solid #29ABE2;
	border-bottom:5px solid #29ABE2;
}

.instagramfeed {
	width: 100%;
    border: 0;
    overflow: hidden;
}


/*--buttons--*/
.btn-nav {
	width:40px;
	height:40px;
	display:block;
	float:right;
}
.btn-nav:hover {
	width:34px;
	height:34px;
	margin:3px;
	cursor:pointer;
}

.btn-grey {
	width:auto;
	height:auto;
	display:inline-block;
	margin:0;
	padding:10px 20px;
	background:#111;
	letter-spacing:inherit;
	color:#29ABE2;
}
.btn-grey:hover {
	background:#111;
	letter-spacing:1px;
	color:#fff;
	cursor:pointer;
}

.btn-black {
	width:auto;
	height:auto;
	display:inline-block;
	margin:2% 0;
	padding:10px 20px;
	border:1px solid #29ABE2;
	color:#29ABE2;
	letter-spacing:inherit;
}
.btn-black:hover {
	color:#fff;
	letter-spacing:1px;
}

.btn-blue {
	width:auto;
	height:auto;
	display:inline-block;
	margin:2% 0;
	padding:10px 20px;
	background:#29ABE2;
	border:1px solid #29ABE2;
	color:#111;
	letter-spacing:inherit;
}
.btn-blue:hover {
	color:#fff;
	letter-spacing:1px;
}

.btn-service {
	width:auto;
	height:auto;
	display:inline-block;
	margin:2% 0;
	padding:10px;
	background:#fff;
	color:inherit;
	font-size:16px;
}
.btn-service:hover {
	color:#29ABE2;
	letter-spacing:1px;
}

.btn-send {
    width:auto;
	height:40px;;
	display:inline-block;
	margin:3px 0 3px 3px;
	padding:8px 20px;
	background:#29ABE2;
	color:#111;
	letter-spacing:inherit;
}
.btn-send:hover {
	color:#fff;
	letter-spacing:1px;
}

.update {
    width: 650px;
    height: 200px;
    margin: 0 auto 25px;
    text-align: center;
    position: relative;
    border-top-left-radius: 100px;
    border-bottom-left-radius: 100px;
    background: #f4f4f4;
}
.update .cell-1-2 {
    margin: 0;
}
.update:hover {
    box-shadow: 1px 2px #999;
}
.update img {
    width: 150px;
    background: #fff;
    border-radius: 150px;
    border: 5px solid #29ABE2;
    position: absolute;
    top: 25px;
    left: 25px;
}
.update p {
    color: #29ABE2;
    font-size: 24px;
    text-align: left;
    position: absolute;
    top: 40px;
    left: 200px;
}
.update strong {
    font-size: 36px;
}


/*--forms--*/
.textbox {
	width:100%;
	padding:20px;
	margin:5px 0;
	display:block;
	background:#222;
	-webkit-appearance:none;
	border:1px solid #222;
	border-radius:0;
	outline:none;
	
}
.textbox:hover {
	border:1px solid #29ABE2;
	background:#111;
}

.selectbox {
	width:100%;
	padding:20px;
	margin:0;
	display:block;
	background:#222;
	-webkit-appearance:none;
	border:1px solid #222;
	border-radius:0;
	outline:none;
}
.selectbox:hover {
	border:1px solid #29ABE2;
	background:#111;
}

.textarea {
	width:100%;
	height:140px;
	padding:20px;
	margin:5px 0;
	display:block;
	background:#222;
	-webkit-appearance:none;
	border:1px solid #222;
	border-radius:0;
	outline:none;
}
.textarea:hover {
	border:1px solid #29ABE2;
	background:#111;
}

.container-captcha {
	width: 175px;
	height: 52px;
	position: relative;
	overflow: hidden;
	float: left;
}
.captcha {
	position: absolute;
	top: -13px;
	left: -2px;
}

form .btn-send {
	padding: 14px;
	height: auto;
	margin: 0 5px;
}

input, select, textarea {
	font-family:'Lato', sans-serif;
	font-size:18px;
	color:#ddd;
}
label {
	display:none;
}
::-webkit-input-placeholder {
   font-family:'Lato', sans-serif;
   font-size:18px;
   color:#eee;
   padding:0;
}
:-moz-placeholder {
   font-family:'Lato', sans-serif;
   font-size:18px;
   color:#eee;
   padding:0;
}
::-moz-placeholder {
   font-family:'Lato', sans-serif;
   font-size:18px;
   color:#eee;
   padding:0;
}
:-ms-input-placeholder {  
   font-family:'Lato', sans-serif;
   font-size:18px;
   color:#eee;
   padding:0;
}

.btn-upload {
	width:100%;
	height:auto;
	display:inline-block;
	margin:0;
	padding:10px;
	background:#111;
	border:1px solid #111;
	color:#fff;
	letter-spacing:inherit;
}
.btn-upload:hover {
	background:#111;
	border:1px solid #29ABE2;
	cursor:pointer;
}

input[type=checkbox] {
	visibility: hidden;
}
.checkbox {
	width: 200px;
	height: 40px;
	background: #111;
	margin: 20px auto;
	position: relative;
    padding: 10px;
    margin: 3px 3px 3px 0;
    float: left;
}
.ckeckbox:hover {
    border: 1px solid #29ABE2;
}

.checkbox:after {
	content: 'ROBOT? *';
	font-family:'Lato', sans-serif;
	font-size:16px;
	color:#fff;
	position: absolute;
	right: 15px;
    top: 10px;
	z-index: 0;
}

.checkbox:before {
	content: 'HUMAN';
	font-family:'Lato', sans-serif;
	font-size:18px;
	color:#29ABE2;
	position: absolute;
	left: 15px;
    top: 9px;
	z-index: 0;
}

.checkbox label {
	display: block;
	width: 100px;
	height: 40px;
	cursor: pointer;
	position: absolute;
	top:0;
	left:0;
	z-index: 1;
	background: #fff;
}
.checkbox label:before {
    content: 'ARE YOU';
    color: #111;
    font-family:'Lato', sans-serif;
	font-size:16px;
    position: absolute;
    top: 10px;
    left: 15px;
}

.checkbox input[type=checkbox]:checked + label {
	left: 100px;
    background: #111;
}
.checkbox input[type=checkbox]:checked + label:before {
    content: 'I AM';
    color: #29ABE2;
    font-size: 18px;
    position: absolute;
    top: 9px;
    left: 20px;
}

/*--modifiers--*/
strong {
	font-weight:900;
}

.ftlt {
	float:left;
}
.ftrt {
	float:right;
}
.clear {
	clear:both;
}

.center {
	text-align:center;
}
.right {
	text-align:right;
}
.left {
	text-align:left;
}
.justify {
	text-align:justify;
}

.valign-t {
	vertical-align:top;
}
.valign-m {
	vertical-align:middle;
}
.valign-b {
	vertical-align:bottom;
}

.white {
	color:#eee;
}
.blue {
	color:#29ABE2;
}
.grey {
	color:#777;
}
.lite-grey {
	color:#ddd;
}
.black {
	color:#111;
}

.hidden {
	display:none;
}

div.cd-mob-chat-widget{
	display: none !important; 
}


/*contracts*/
.contracts {
	background: url(../images/banners/banner-beard.jpg) no-repeat center #000;
    background-size: cover;
    width: 100%;
    height: 100vh;
    position: relative;
}
.contracts section {
	position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    margin: 0 auto;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
    max-width: 1200px;
}
.contracts section i {
    margin: 10px;
    color: #29ABE2;
}
.contracts section i:hover {
    color: white;
}

.cell-logo,
.cell-website,
.cell-priceguide,
.cell-portfolio {
    margin: 50px 0;
    padding: 50px;
    background: rgba(0,0,0,0.1);
    border: 1px solid rgba(0,0,0,0);
    width: 25%;
    float: left;
}
.cell-logo:hover,
.cell-website:hover,
.cell-priceguide:hover,
.cell-portfolio:hover {
    background: rgba(0,0,0,0.8);
    border: 1px solid #29ABE2;
    transform: scale(.95);
    transform-origin: center;
}

.cell-logo img,
.cell-website img,
.cell-priceguide img,
.cell-portfolio img {
    width: 100px;
}

.cell-logo p,
.cell-website p,
.cell-priceguide p,
.cell-portfolio p {
    color: #29ABE2;
}


/*--media queries--*/
@media (max-width:1024px)
{
	.cell-location, .cell-hours {
		width:50%;
	}
	.cell-contact {
		width:100%;
	}
	.cell-services {
		height:225px;
	}
	
	.cell-contact-team .cell-img {
		width:100%;
		height:175px;
	}
	.cell-contact-team {
		height:425px;
	}
	.cell-img img {
		width:100%;
		height:auto;
		right:0;
		left:0;
	}
	
	.container-about,.container-job,.container-portfolio,.container-services,.container-contact,.map {
		height:250px;
	}
	.overlay {
		height:250px;
		top:250px;
		margin-top:-250px;
	}
	
	.cell-portfolio-thumb .title {
		top:40%;
		-webkit-transform:translateY(-60%);
		transform:translateY(-60%);
	}
	.cell-portfolio-thumb .links {
		display:none;
	}
	.icon-visit {
		display:block;
	}
}

@media (max-width:960px)
{
	.cell-services {
		width:calc(33.3% - 2px);
		width:-webkit-calc(33.3% - 2px);
		width:-moz-calc(33.3% - 2px);
		margin:1px;
		height:250px;
	}
	#cell-client {
		display:inline-block;
	}
	
	#meet-beards {
		display:none;
	}
	
	.cell-case {
		width:calc(50% - 4px);
		width:-webkit-calc(50% - 4px);
		width:-moz-calc(50% - 4px);
		height:200px;
	}
	
	.modal {
		background:url(../images/banners/menu-bg-960.jpg) no-repeat center #111;
		background-size:cover;
	}
	.modal-resume {
		background:url(../images/banners/apply-960.jpg) no-repeat center #111;
		background-size:cover;
	}
}

@media (max-width:800px)
{
	.thanks {
		background: url(../images/banners/banner-home-2.jpg) no-repeat center #111;
		background-size: cover;
	}
    
    .popup > div {
        width: 90%;
        margin: 0 auto;
        padding: 25px;
    }
    .popup > div img {
        width: 150px;
    }
    .popup > div h3 {
        font-size: 7vw;
    }
    .popup > div h5 {
        font-size: 3vw;
    }

	.hide-800 {
		display:none;
	}
	.show-800 {
		display:block;
	}
	
	.container-white .btn-blue {
		float:none;
	}
	.container-home {
		background:url(../images/banners/banner-beard-2.jpg) no-repeat center;
		background-size:cover;
	}
	.container-testimonials {
		background:url(../images/img-background-2.jpg) no-repeat center;
		background-size:auto;
	}
	.container-adventure {
		display:none;
	}
	
	.content-blue .cell-1-2 {
		text-align:center;
	}
	.content-blue .heading h3 {
		float:none;
		text-align:center;
	}
	
	#view-all {
		display:none;
	}
	
	.logo-testimony {
		display:none;
	}
	.logo-client {
		width:calc(25% - 20px);
		width:-webkit-calc(25% - 20px);
		width:-moz-calc(25% - 20px);
	}
	
	.cell-social {
		margin:2px 0;
	}
	#social {
		display:none;
	}
    
    .update {
        margin: 50px auto;
    }
	
	.cell-1-2 {
		width:96%;
	}
	
	.cell-adventure {
		width:100%;
	}
	
	.cell-service-detail .cell-heading {
		width:100%;
		border-right:none;
	}
	.cell-service-detail .cell-service-info {
		width:100%;
		text-align:center;
	}
	.cell-service-info p {
		font-size:16px;
		text-align:justify;
	}
	
	.cell-services {
		height:225px;
	}
	
	.client {
		width:100%;
	}
	.client-info {
		width:100%;
		margin:0;
	}
	
	.team-rob,.team-corny,.team-jeremy,.team-justin,.team-bernie,.team-michael,.team-mary,.team-frank,.team-keron,.team-dan,.team-vanessa,.team-tanner,.team-john {
		height:200px;
        -webkit-filter:none;
        filter:none;
	}
	.team-rob,.team-rob:hover {
		background:url(../images/team/team-robx800.jpg) no-repeat center;
	}
	.team-michael,.team-michael:hover {
		background:url(../images/team/team-michaelx800.jpg) no-repeat center;
	}
	.team-corny,.team-corny:hover {
		background:url(../images/team/team-cornyx800.jpg) no-repeat center left;
	}
	.team-jeremy,.team-jeremy:hover {
		background:url(../images/team/team-jeremyx800.jpg) no-repeat center;
	}
	.team-justin,.team-justin:hover {
		background:url(../images/team/team-justinx800.jpg) no-repeat center;
	}
	.team-bernie,.team-bernie:hover {
		background:url(../images/team/team-berniex800.jpg) no-repeat center;
	}
	.team-vanessa,.team-vanessa:hover {
		background:url(../images/team/team-vanessax800.jpg) no-repeat center;
	}
	.team-frank,.team-frank:hover {
		background:url(../images/team/team-frankx800.jpg) no-repeat center;
	}
    .team-keron,.team-keron:hover {
        background: url(../images/team/team-keronx800.jpg) no-repeat center;
    }
    .team-dan,.team-dan:hover {
        background: url(../images/team/team-danx800.jpg) no-repeat center;
    }
	.team-mary,.team-mary:hover {
		background:url(../images/team/team-maryx800.jpg) no-repeat center;
	}
    .team-tanner,.team-tanner:hover {
        background: url(../images/team/team-tannerx800.jpg) no-repeat center;
    }
    .team-john,.team-john:hover {
        background: url(../images/team/team-johnx800.jpg) no-repeat center;
    }
	
	.icon-beard {
		width:60px;
		height:60px;
	}
	
	.celebrate {
		display:none;
	}
    
    .contracts {
        height: auto;
        padding: 100px 0;
    }
    .contracts section {
        position: relative;
        top: auto;
        transform: none;
    }
    
    .cell-logo,
    .cell-website,
    .cell-priceguide,
    .cell-portfolio {
        margin: 25px 0;
        padding: 25px;
    }
    
    .cell-logo img,
    .cell-website img,
    .cell-priceguide img,
    .cell-portfolio img {
        width: 70px;
    }
    
    .cell-logo p,
    .cell-website p,
    .cell-priceguide p,
    .cell-portfolio p {
        font-size: 2vw;
    }
    
}

@media (max-width:700px)
{
	.hide-700 {
		display:none;
	}
	.show-700 {
		display:block;
	}
	
	.slogan {
		width:100%;
	}
	
	.container-white {
		padding:25px 0;
	}
	.container-black {
		padding:25px 0;
	}
	.container-testimonials {
		padding:25px 0;
	}
	.container-home,.container-testimonials {
		min-height:700px;
	}
	.container-about,.container-job,.container-portfolio,.container-services,.container-contact {
		height:125px;
		background:#29ABE2;
	}
	
	.heading-banner h3 {
		font-size:24px;
		color:#fff;
	}
	.heading-banner span {
		display:none;
	}
	
	.map {
		display:none;
	}
	.overlay {
		height:125px;
		top:125px;
		margin-top:-125px;
	}
	
	.icon-compass {
		display:block;
	}
	
	.cell-location, .cell-hours {
		width:100%;
	}
	
	.cell-portfolio-thumb {
		width:100%;
		margin:2px 0;
	}
    
    .update {
        width: 500px;
        height: 150px;
    }
    .update img {
        width: 100px;
    }
    .update strong {
        font-size: 21px;
    }
    .update p {
        top: 25px;
        left: 150px;
        font-size: 18px;
    }
    
    .container-testimonials .heading {
        width: 100%;
    }
    .container-testimonials .item > div {
        width: 100%;
    }
    
    .cell-beard, .cell-beardcontent {
        width: 100%;
        padding: 20px 0;
    }
    
    
    
    .contracts {
        background: url(../images/banners/banner-beard-2.jpg) no-repeat center #000;
        background-size: cover;
    }
    
    
    .cell-logo,
    .cell-website,
    .cell-priceguide,
    .cell-portfolio {
        width: 50%;
        margin: 0;
    }
}

@media (max-width:600px)
{
	.modal > div h4 {
		margin-bottom:20px;
		font-size:18px;
	}
	.modal > div ul li {
		width:80px;
		height:80px;
		padding:0;
		font-size:12px;
	}
	.modal {
		background:url(../images/banners/menu-bg-600.jpg) no-repeat center #111;
		background-size:cover;
	}
	.modal-resume {
		background:url(../images/banners/apply-600.jpg) no-repeat center #111;
		background-size:cover;
	}
	
	.logo-beard {
		display:none;
	}
	.logo-client {
		width:calc(33.33% - 20px);
		width:-webkit-calc(33.33% - 20px);
		width:-moz-calc(33.33% - 20px);
	}
	
	.icon-detail {
		width:60px;
		height:60px;
		margin-right:10px;
	}
	.cell-service-specs .spec strong {
		font-size:18px;
	}
	
	.cell-services {
		width:calc(50% - 2px);
		width:-webkit-calc(50% - 2px);
		width:-moz-calc(50% - 2px);
	}
	
	.cell-img {
		width:100%;
		height:175px;
	}
	.cell-contact-team {
		width:100%;
		height:auto;
	}
	.cell-contact-team .cell-img {
		display:none;
	}
}

@media (max-width:500px)
{
	.thanks {
		background: url(../images/banners/banner-home-3.jpg) no-repeat center #111;
		background-size: cover;
	}

	h1 {
		font-size:48px;
	}
	h2 {
		font-size:36px;
	}
	h3 {
		font-size:24px;
	}
	h4 {
		font-size:21px;
	}
	h5 {
		font-size:18px;
	}
	h6 {
		font-size:12px;
	}
    p {
        font-size: 16px;
    }
    .textbox, .selectbox, .textarea {
        font-size: 16px;
    }
    ::-webkit-input-placeholder {
       font-size:16px;
    }
    :-moz-placeholder {
       font-size:16px;
    }
    ::-moz-placeholder {
       font-size:16px;
    }
    :-ms-input-placeholder {  
       font-size:16px;
    }
    
    #news h2 {
        font-size: 18px;
    }

	.container-home {
		background:url(../images/banners/banner-beard-3.jpg) no-repeat center;
		background-size:auto;
		min-height:500px;
	}
	.container-testimonials {
		background:url(../images/img-background-3.jpg) no-repeat center;
		background-size:cover;
		min-height:500px;
	}
	
	.logo-redding {
		width:200px;
		margin-top:10px;
	}
	
	.cell-service-detail .cell-service-info {
		display:none;
	}
	#logo-design-branding .cell-service-info {
		display:block;
	}
	
	.hide-500 {
		display:none;
	}
	.show-500 {
		display:block;
	}
	
	.cell-services {
		padding-bottom:5%;
		height:175px;
	}
	.cell-services p {
		font-size:14px;
	}
	.cell-services .rule-short {
		display:none;
	}
	.cell-services span {
		display:none;
	}
	
	.cell-case {
		width:100%;
		height:auto;
		margin:2px 0;
        background: #f4f4f4;
	}
    .cell-case img {
        width:100%;
        -webkit-transform:none;
        transform:none;
        opacity:1;
        position:relative;
        top:0;
        left:0;
    }
    .cell-case p {
        display: none;
    }
    .cell-case .icon-expand {
        display: none;
    }
    .cell-case:hover img {
        width:100%;
        opacity:1;
        -webkit-transform:none;
        transform:none;
    }
    .cell-case:hover p {
        opacity:0;
    }
    .cell-case:hover .icon-expand {
        display: none;
    }
	
	.icon {
		width:40px;
		height:40px;
		margin:0 0 10px 0;
	}
	.icon:hover {
		margin:0 0 10px 0;
	}
	
	.icon-beard {
		width:40px;
		height:40px;
	}
	
	.icon-service {
		width:60px;
		height:60px;
	}
	
	.team-rob,.team-corny,.team-jeremy,.team-justin,.team-bernie,.team-michael,.team-mary,.team-frank,.team-keron,.team-dan,.team-vanessa,.team-tanner,.team-john {
		height:150px;
	}
	.team-rob,.team-rob:hover {
		background:url(../images/team/team-robx500.jpg) no-repeat center;
	}
	.team-michael,.team-michael:hover {
		background:url(../images/team/team-michaelx500.jpg) no-repeat center;
	}
	.team-corny,.team-corny:hover {
		background:url(../images/team/team-cornyx500.jpg) no-repeat center left;
	}
	.team-jeremy,.team-jeremy:hover {
		background:url(../images/team/team-jeremyx500.jpg) no-repeat center;
	}
	.team-justin,.team-justin:hover {
		background:url(../images/team/team-justinx500.jpg) no-repeat center;
	}
	.team-bernie,.team-bernie:hover {
		background:url(../images/team/team-berniex500.jpg) no-repeat center;
	}
	.team-vanessa,.team-vanessa:hover {
		background:url(../images/team/team-vanessax500.jpg) no-repeat center;
	}
	.team-frank,.team-frank:hover {
		background:url(../images/team/team-frankx500.jpg) no-repeat center;
	}
    .team-keron,.team-keron:hover {
        background: url(../images/team/team-keronx500.jpg) no-repeat center;
    }
    .team-dan,.team-dan:hover {
        background: url(../images/team/team-danx500.jpg) no-repeat center;
    }
	.team-mary,.team-mary:hover {
		background:url(../images/team/team-maryx500.jpg) no-repeat center;
	}
    .team-tanner,.team-tanner:hover {
        background: url(../images/team/team-tannerx500.jpg) no-repeat center;
    }
    .team-john,.team-john:hover {
        background: url(../images/team/team-johnx500.jpg) no-repeat center;
    }
	
	footer .content-black {
		padding:25px 0 75px 0;
	}
    
    .checkbox {
        width: 150px;
    }

    .checkbox:after {
        content: 'ROBOT? *';
        font-size:12px;
        right: 10px;
        top: 13px;
    }

    .checkbox:before {
        content: 'HUMAN';
        font-size:12px;
        left: 10px;
        top: 13px;
    }

    .checkbox label {
        width: 75px;
    }
    .checkbox label:before {
        content: 'ARE YOU';
        font-size:12px;
        top: 13px;
        left: 10px;
    }

    .checkbox input[type=checkbox]:checked + label {
        left: 75px;
    }
    .checkbox input[type=checkbox]:checked + label:before {
        content: 'I AM';
        font-size: 12px;
        top: 13px;
    }
    
    .update {
        width: 280px;
        height: 80px;
    }
    .update img {
        width: 50px;
        left: 20px;
        top: 15px;
    }
    .update strong {
        display: none;
    }
    .update p {
        top: -20px;
        left: 80px;
        font-size: 18px;
        font-weight: bold;
    }
    
    .cell-logo,
    .cell-website,
    .cell-priceguide,
    .cell-portfolio {
        width: 100%;
        margin: 0;
    }
    
    .cell-logo p,
    .cell-website p,
    .cell-priceguide p,
    .cell-portfolio p {
        font-size: 18px;
    }
}

@media (max-width:414px)
{
	.slogan {
		padding:100px 0 50px 0;
		text-align:center;
	}
	.slogan h3 {
		font-size:24px;
	}
	.slogan .btn-black, .btn-blue {
		float:none;
		display:inline-block;
		width:200px;
	}
	
	.content-black .cell-1-2 {
		text-align:center;
	}
	.content-black .btn-black, .btn-blue {
		float:none;
		display:inline-block;
		width:200px;
	}
	
	.client-info .btn-black, .btn-blue {
		float:none;
		display:inline-block;
		width:200px;
	}
	
	.heading h3 {
		font-size:24px;
		text-align:center;
	}
	
	.icon-detail {
		width:40px;
		height:40px;
	}
	.cell-service-specs .spec {
		text-align:left;
	}
	.cell-service-specs .spec strong {
		font-size:16px;
	}
	
	.icon {
		width:30px;
		height:30px;
	}
	
	.logo-client {
		width:calc(50% - 20px);
		width:-webkit-calc(50% - 20px);
		width:-moz-calc(50% - 20px);
	}
	
	.captcha {
		-webkit-transform:scale(0.8);
		-webkit-transform-origin:top left;
		transform:scale(0.8);
		transform-origin:top left;
	}
}