table{
 color:inherit;
}

html {
	max-width:100%;
    margin: 0px;
    padding: 0px;
}

body {
	background: #fff;
	max-width:100%;
    margin: 0px !important;
    padding: 0px !important;
}

.visible-mobile {
	visibility: hidden;
	position: absolute;
}

.page-wrap {
	background: #383838;
    width: 100%;
    margin: 0px;
    padding: 0px;
	display: block;
	overflow-x: hidden;
}


.contact-flag{
	background-image: url("images/contact-flag.png");
	background-repeat: no-repeat;
}

img {
	width: 100%;
	margin-bottom: 20px;
}

.fixed-width-img {
	width: 60px;
	display:block;
	margin:auto;
	margin-bottom: 30px;
}

.team {
	width: 120px;
	display:block;
	margin:auto;
	margin-bottom: 30px;
}
	

.tiny-icon {
	width: 50px !important;
}

.img-text-wrap-left {
	width: 78px;
	float: left;
	margin: 0px 20px 20px 0;
}

.img-text-wrap-right {
	width: 78px;
	float: right;
	margin: 0px 20px 20px 0;
}


	.fixed-width-img-half {
	width: 60px;
	display:block;
	margin:auto;
	margin-bottom: 30px;
	}

p {
	font-size: 1.1em;
	font-family: 'Lato', 'sans-serif';
	text-align: center;
	margin-top: 0px;
	margin-bottom: 30px;
	font-weight: 400;
}

.small {
	font-size: 1.2em;
}

.light-text {
	color: #fff !important;
}

.dark-text {
	color: #666 !important;
}

h1 {
	font-family: "Lato", Sans-serif;
	font-weight: 900;
	overflow: hidden;
	font-weight: 900 !important;
	font-size: 2em;
	margin: 10px auto 80px 0px;
	text-align: center;
	display: inline-block;
}

h2 {
	font-size: 1.8em;
	color: #aaa;
	font-family: 'Lato', 'sans-serif';
	overflow: hidden;
	font-weight: 400 !important;
	margin-top: 0px;
	margin-bottom: 30px;
}

h3 {
	font-size: 1.4em;
	color: #aaa;
	font-family: 'Lato', 'sans-serif';
	overflow: hidden;
	font-weight: 900 !important;
}

h4, h5, h6 {
	font-size: 1.2em;
	color: #ccc;
	font-family: 'Lato', 'sans-serif';
	overflow: hidden;
	font-weight: 400 !important;
	margin-top: 15px;
}

.small-text-margin {
	margin-top: 0px;
	margin-bottom: 10px;
}

.small-font p {
	font-size: .7em;
}

.small-font ul {
	font-size: 1em !important;
}

.small-font li {
	font-size: 1em !important;
}

.white-header {
	color: #FFF !important;
}

.highlight {
	color: #FFF;
}

.background-red {
	background: #db4747 !important;
}

.background-red-2 {
	background: #db4747 !important;
}

.background-red-2:hover {
	background: #ea5555 !important;
}

.background-blue {
	background: #49959f;
}

.background-blue:hover {
	background: #438b95;
	cursor: pointer;
}


.background-red {
	background: #db4747;
}

.background-red a {
	color: #CCC;
}

.background-red a:hover {
	color: #FFF;
}


.inner-wrap-border {
	width: 100%;
	margin: 0 auto 10px auto;
	overflow: hidden;
	padding: 0 0 0 0;
}

.border-btm {
	border-bottom: 1px solid;
}


.underline-space {
	border-bottom: 1px solid #666;
	margin-top: 20px;
	margin-bottom: 20px;
	width: 100%;
}


.custom-ul {
	color: white;
	font-size: 2em;
	list-style: none;
	padding-left: 0px;
}

.custom-ul li {
	color: white !important;
	list-style: none;
}

.custom-ul ul li {
	font-weight: 200 !important;
	font-size: .8em !important;
	list-style: none;
}


ol {
	font-size: 1.7em;
	margin-top: 0px;
}

.my-ul {
	text-align: left;
	font-size: 1.4em;
}

li {
	font-family: 'Lato', 'sans-serif';
	color: #666 !important;
	margin-bottom: 20px;
}

.bio-par {
	text-align: left;
	font-size: 1.4em;
}

/* Tell the <li> to not display numbers, but keep track of what the numbers should be */
ol li {
  counter-increment: list;
  list-style-type: none;
  position: relative;
}
/* Outout the numbers using the counter() function, but use a custom color, and position the numbers how we want */
ol li:before {
  color: #db4747;
  font-weight: 900;
  content: counter(list) ".";
  left:-32px;
  position: absolute;
  width: 26px;
  padding-right: 30px;
}


.h2-link {
	font-family: 'Lato', 'sans-serif';
	font-size: 1.5em !important;
	vertical-align: middle;
	float: left;
	padding: 10px 10px 10px 0;
}

.header-link {
	font-family: 'Lato', 'sans-serif';
}

a {
	font-family: 'Lato', 'sans-serif';
	color: #DB4747;
	text-decoration: none;
}

a:hover {
	color: #EA5757;
}

.section-link {

	display: block;"
}

.section-link:hover {
	background: #666;

}

.flex {
	display: -webkit-flex;
    display: flex;
}

.custom-lists {
	margin-top: 0px;
	margin-bottom: 0px;	
	margin-left: 0px !important;
	padding-left: 0px !important;
}

.custom-lists li {
	color: #383838 !important;
	padding-bottom: 5px !important;
	padding-top: 15px !important;
	list-style-type: none !important;
	margin-left: 0px !important;
	border-bottom: 1px solid #999;
	padding-left: 0px !important;
}

.spacer {
	overflow: hidden;
	width: 100%;
	text-align: center;
	height: 1px;
	background-position:center;
	background-repeat: no-repeat;
	padding: 20px 0 20px 0;
}

.thin-spacer {
	background: #999;
	overflow: hidden;
	width: 100%;
	text-align: center;
	height: 1px;
}

.inner-wrap-spacer {
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
	padding: 0 0 0 0;
}

.center {
	text-align: center !important;
}

.left {
	text-align: left;
}

.right {
	text-align: right;
}

.go-button {
	color: #fff;
	background: #379380;
	font-family: 'Lato', sans-serif;
	padding: 10px;
	border-radius: 50% 50% 50% 50% ;
	
	display: inline-block;
	margin-top: 0;
}

.h1-link {
	display: inline-block;
	overflow: hidden;
	text-align: center;
	margin: 0 auto;
}



.go-button:hover  {
	background: #00AA99 !important;
	color: #fff !important;
	text-decoration: none !important;
}


.giant-text {
	font-size: 60px;
}


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



.fade-in {
	opacity:0;  /* make things invisible upon start */
	-webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
	-moz-animation:fadeIn ease-in 1;
	animation:fadeIn ease-in 1;
 
	-webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
 
	-webkit-animation-duration:1s;
	-moz-animation-duration:1s;
	animation-duration:1s;
}
 
.fade-in.one {
-webkit-animation-delay: .8s;
-moz-animation-delay: .8s;
animation-delay: .8s;
}

.fade-in.two {
-webkit-animation-delay: 1.2s;
-moz-animation-delay:1.2s;
animation-delay: 1.2s;
}


.key {
	width:40px;
	float: left;
	margin-right:30px;
}

/*----------------------------------special box---------------------------*/

.sp-box h3 {
	
	color: #FFF;
	padding: 10px 10px 10px 10px !important;
	margin: 0 0px 0 0px !important;
	background: url('images/sp-box01.png');
	background-size: cover;
	
	filter: drop-shadow(0px 0px 5px #000);
	-webkit-filter: drop-shadow(0px 0px 5px #000);
	border-radius: 0 30px 0 0;
	
	/*width: auto;
	min-height: auto;
	-webkit-clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 25%, 90% 0);
	clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 25%, 90% 0);*/
}

.drop-shadow {
	filter: drop-shadow(0px 0px 5px #000);
	-webkit-filter: drop-shadow(0px 0px 5px #000);
}


.sp-box p {
	font-size: 1em;
	color: #FFF;
	padding: 10px 10px 20px 10px !important;
}

.sp-box-img01 {
	background-image: url("images/box-design.png");
	display:block;
}

.sp-box img {
	width: 75px;
	margin-bottom: 10px;
}

.wide-image-right {
	width: 100% !important;
	float: right !important;
	margin-bottom: 10px;
}

.wide-image-left{
	width: 100% !important;
	float: left !important;
	margin-bottom: 10px;
}

.alt-bg-red {
	background: #db4747 !important;
}

.alt-bg-blue {
	background: #4C9CA6 !important;
}


.min-gap-right {
	margin-right: 4%;
}

.min-gap-bottom {
	padding-bottom: 0px !important;
}

/*---------------------------------video------------------------------*/
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 0px;
	height: 0;
	border: 5px solid #000;
	box-sizing: border-box;
	margin-bottom: 40px;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*------------------------------------------------------img-text-slide-------------------------------------------------*/


    .grid-block-container-2 {
    	overflow: hidden;
		padding-top: 24px;
    	margin: 0 0 0 0;
    }
	
	 .grid-block-container {
    	float: left;
		padding-top: 24px;
    	margin: 0 0 0 0;
    }
    .grid-block {
    	position: relative;
    	float: left;
    	width: 100%;
    	height: auto;
    	margin: 10px 0 10px 0;
		text-align: center;
    }
    .grid-block h4 {
    	color: #333;
    	background: #f5f5f5;
    	margin: 0;
    	padding: 10px;
    	border: 1px solid #ddd;
    }
     
    .caption {
    	display: none;
    	position: absolute;
    	top: 0;
    	left: 0;
    	background: url(images/wrap-background-50.png);
    	width: 100%;
    	height: 100%;
		text-align: center !important;
    }
	
	.caption p {
    	margin: 15px !important;
		font-size: 1.1em !important;
		text-align: center !important;
    }
	
	.green {
    	background: #85ba4e !important;
    }
	
	.purple {
	background: #a375af !important;
	}
	
	.blue {
	background: #00aa99 !important;
	}
	
	.red {
	background: #e83e3e !important;
	}
	
	.yellow {
	background: #cab842 !important;
	}
	
    .caption h3, .caption p {
    	color: #fff;
    	margin: 10px;
		line-height: auto;
    }
	
	.caption h2, .caption p {
    	color: #fff;
    	margin: 20px;
    }
    .caption h3 {
    	margin: 20px 20px 10px;
    }
    .caption p {
    	margin: 0 20px 15px;
    }
    .caption a.learn-more {
    	padding: 10px 20px;
    	background: #00968B;
    	color: #FFF;
    	border-radius: 2px;
    	-moz-border-radius: 2px;
    	text-decoration: none;
		display: block;
		text-align: center;
		margin-top: 40px;
    }
    .caption a.learn-more:hover {
    	background: #00AA99;
    	color: #FFF;
    }
    
	
	/*------------------------------------------Box Grid Home Icons-------------------------------------------------------*/
	
.boxgrid {
    display: inline-block;
    width: 220px;
    height: 220px;
    margin: 0px 0px 0px 0px !important;
    overflow: hidden;
    position: relative;
	border-radius: 5px;
}

.boxgrid p {
	color: #ffffff;
	font-size: 17px;
	text-align: center;
	margin: 15px !important;
	opacity:0;
	-webkit-transition: all 2s ease;
     -moz-transition: all 2s ease;
       -o-transition: all 2s ease;
      -ms-transition: all 2s ease;
          transition: all 2s ease;
}

.box-img-01 {
	background-image: url("images/box-design.png");
	background-size: 120% 120%;
	background-position: center;
	-webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}

.box-img-01:hover {
	background-size: 100% 100%;
}
.box-img-01:hover p{
	opacity:1;
}

.boxgrid2 {
	display: inline-block;
    width: 220px;
    height: 220px;
    margin: 0px 0px 0px 0px !important;
    overflow: hidden;
    position: relative;
	border-radius: 4px 4px 0 0;
	}
	
.boxgrid2 p {
	color: #ffffff;
	font-size: 17px;
	text-align: center;
	padding: 15px !important;
	margin: 0px;
	opacity:0;
	height: 100%;
	-webkit-transition: all 2s ease;
     -moz-transition: all 2s ease;
       -o-transition: all 2s ease;
      -ms-transition: all 2s ease;
       transition: all 2s ease;
	   background-image: url("images/box-background-darken.png");
}
	
.boxgrid2 img{
	width: 110%;
    height: 110%;
	-webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}
	
.boxtext {
	position: absolute; 
	top: 0; 
	left: 0; 
}

.boxgrid-wrap  {
	 margin: 0px 0px 0px 0px;
	overflow: hidden;
    position: relative;
	width: 220px;
	 display: inline-block;
}

.boxgrid-title-box  {
	 margin: -4px 0px 0px 0px;
	 padding: 10px 0 10px 0;
	 background: #222426;
	 border-radius: 0 0 4px 4px;
}

.boxgrid-title1  {
	 color: #666666;
}

.boxgrid-title2  {
	 color: #666666;
}

.boxgrid-title3  {
	 color: #666666;
}

.boxgrid-title4  {
	 color: #666666;
}

.boxgrid-title5  {
	 color: #666666;
}

.boxgrid-link{
	display: block;
}

.boxgrid-link:hover > .boxgrid2 img{
	width: 100%;
    height: 100%;
}

.boxgrid-link:hover > .boxgrid-title1{
	color: #91cc54;
}

.boxgrid-link:hover > .boxgrid-title2{
	color: #bf87ce;
}

.boxgrid-link:hover > .boxgrid-title3{
	color: #1bc1b5;
}

.boxgrid-link:hover > .boxgrid-title4{
	color: #e83e3e;
}

.boxgrid-link:hover > .boxgrid-title5{
	color: #e4d466;
}

.boxgrid-link:hover > .boxgrid2 p{
	opacity:1;
}

.client-logos{
	display: inline-block;
	width: 220px;
	height: auto;
	margin: 10px 0px 10px 0px;
	overflow: hidden;
	position: relative;	
}	



/*------------------------------------------------------header-img-wrap-------------------------------------------------*/

.img-wrap {
	background: url('images/banner-stone.jpg') left repeat;
	background-size: cover;
	background-attachment: fixed;
	background-position: bottom;
} 

.banner01 {
	background: url('images/binary-encryption-bg.png') left repeat;
	background-position: top;
}

.banner02 {
	background: url('images/city.jpg') left repeat;
	background-size: cover;
	background-position: top;
} 

.banner03 {
	background: url('images/banner03.png') left repeat;
	background-color: #EFEFEF;
	background-size: cover;
	background-position: top;
}

.bg-color-darkblue{
	background-color: #242828;
}

.bg-color-gray{
	background-color: #ddd;
}

.repeating-stripes {
	background: url('images/repeating-stripes.png') left repeat;
	background-color: #d8d8d8;
	background-position: top;
}

.light-grey {
	background-color: #fff;
}

.white-background {
	background-color: #FFF;
}

.img-wrap-local {
	background: url('images/banner3.jpg') center left repeat;
	background-size: cover;
	background-attachment: fixed;
	background-position: top;
	padding-top: 120px;
	padding-bottom: 120px;
} 

.img-wrap-local p {
	color: #bbb;
} 


.inner-wrap-bigpic {
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
	padding: 0 0;
}

.inner-wrap-bigpic .content {
	margin-top: 200px;
	margin-bottom: 200px;
}

.actioncall-big {
	text-align: center;
	padding: 0 0 0 0!important;
}

.actioncall-big h1{
	font-size: 3em !important;
	color: #fff !important;
	margin-top: 20px;
	margin-bottom: 0px;
	font-family: 'Lato', 'sans-serif';
}

.actioncall-big h2{
	font-size: 1.2em !important;
	color: #fff !important;
	margin-top: 20px;
	margin-bottom: 20px;
}

.actioncall-big h1 a{
	color: #FFF !important;
	text-decoration: none;
}

#tagline-big {
	text-align: center;
	padding: 0 0 0 0!important;
}

#tagline-big-secondary {
	text-align: center;
	padding: 70px 20px 20px 20px !important;
}

#tagline-big-secondary h1{
	font-size: 3em !important;
	color: #fff !important;
	margin-top: 0px;
	margin-bottom: 0px;
	font-family: 'Lato', 'sans-serif';
}


#tagline-big img {
	margin-bottom: 60px;
}



#tagline-big h1{
	font-size: 2em !important;
	color: #fff !important;
	margin-top: 0px;
	margin-bottom: 0px;

}


#tagline-big h2{
	font-size: 1.5em !important;
	color: #fff !important;
	margin-top: 20px;
	font-weight: 400 !important;
}

#tagline-big p{
	color: #fff !important;
}

#look {
	color: #bbb;
}

.how-button {

	display: block;
	white-space:nowrap;
	margin-bottom: 30px;
}

.how-button a{
	color: #EA5757;
	overflow: hidden;
	font-family: 'Lato', sans-serif;
	font-size: 1.2em;
	text-decoration: none;
	padding: 5px 10px;
	border: 1px solid #EA5757;
	/*border-radius: .5em;
	-webkit-box-shadow: 2px 2px 4px #000;
	box-shadow: 2px 2px 4px #000;
	text-shadow: 0px -1px 0px #03567B;*/
	
	border-radius: 2px;
    -moz-border-radius: 2px;
	transition: opacity 0.5s;
-webkit-transition: all ease 0.5s;
-moz-transition: all ease 0.5s;
-o-transition: all ease 0.5s;
-ms-transition: all ease 0.5s ;
transition: all ease 0.5s ;
}

.how-button a:hover {
	color: #fff !important;
	background: #EA5757;
	background: linear-gradient(151deg, rgba(247,126,126,1) 49%, rgba(234,87,87,1) 49%, rgba(234,87,87,1) 49%);  
	transition: opacity 0.5s;
-webkit-transition: all ease 0.5s;
-moz-transition: all ease 0.5s;
-o-transition: all ease 0.5s;
-ms-transition: all ease 0.5s ;
transition: all ease 0.5s ;
}


.dark-wrap {
	background: #383838;
	overflow: hidden;
	overflow: hidden;
}


.section-color {
	background: #222426;
	overflow: visible;
	border-top: 1px solid #FFFFFF;
	transition: opacity 0.5s;
-webkit-transition: all ease 0.5s;
-moz-transition: all ease 0.5s;
-o-transition: all ease 0.5s;
-ms-transition: all ease 0.5s ;
transition: all ease 0.5s ;
}


.section-1-wrap {
	overflow: hidden;
	overflow: hidden;
	color: #fff;
}

.section-2-wrap {
	position: relative;
	z-index: 1000;
	overflow: hidden;
	color: #fff;
	width: 1200px;
	margin: 0 auto 120px auto;
}

.section-3-wrap {
	overflow: hidden;
	overflow: hidden;
	color: #3e4240;
}

.big-quote-wrap {
	overflow: hidden;
	overflow: hidden;
	color: #fff;
	padding: 80px 80px;
}

.email-wrap {
	overflow: hidden;
	overflow: hidden;
	color: #fff;
	margin: 2px 2px;
}



.big-quote-wrap h1 {
		margin-bottom: 40px !important;
		font-family: "Playfair Display", "serif";
}

.big-quote-wrap h3 {
		color: #49959f;
}

.local-link {
	width: 150px;
	height: 150px;
	background-size: 150px 300px;
	background-position: 0 0;
	background-image: url('images/keeplocal.png');
	display: block;
	
}

.local-link:hover {
	background-position:0 -150px;
}



/*-----------------------------------------Services Icons---------------------*/


/*.icons-images01 {
	width: 150px;
	height: 150px;
	background-size: 150px 300px;
	background-position: 0 0;
	background-image: url('images/design.png');
	display: block;
	margin: 20px auto;
}

.icons-link:hover .icons-images01 {
	background-position: 0 -150px;
}



.icons-images02 {
	width: 150px;
	height: 150px;
	background-size: 150px 300px;
	background-position: 0 0;
	background-image: url('images/development.png');
	display: block;
	margin: 20px auto;
}

.icons-link:hover .icons-images02 {
	background-position: 0 -150px;
}


.icons-images03 {
	width: 150px;
	height: 150px;
	background-size: 150px 300px;
	background-position: 0 0;
	background-image: url('images/media.png');
	display: block;
	margin: 20px auto;
}

.icons-link:hover .icons-images03 {
	background-position: 0 -150px;
}


.icons-link {
	text-decoration: none !important;
	text-align: center;
	color: #78AA3D !important;
}

.icons-title {
	color: #379380 !important;
}

.icons-link:hover .icons-title {
	color: #44AD94 !important;
}*/


.services-icons {
	width: 200px; 
	opacity: 0.4;
    filter: alpha(opacity=40);
}

.icons-left {
	width: 70px;
	float: left;
	margin-top: 8px;
	margin-right: 10px;
	margin-bottom: 0px;
}

.icons-right {
	width: 70px;
	float: right;
	margin-top: 8px;
	margin-left: 10px;
	margin-bottom: 0px;
}


.hello-icon {
	padding: 0 0 0 0;
	margin: 0px auto 0px auto;
	
	position:relative;
	overflow: visible;
}

.hello-icon-img-01 {
	
	position:relative;
	display: block;
	margin: 0 auto;
	width: 62px;
	height:31px;
	background-image:url('images/hello-wave-top.png');
	background-size: 62px 62px;
	background-position: 0 0px;
}

.hello-icon-img-01:hover {
	background-position: 0px -31px;
}

.hello-icon-img-01-hover {
	
	position:relative;
	display: block;
	margin: 0 auto;
	width: 62px;
	height:31px;
	background-image:url('images/hello-wave-top.png');
	background-size: 62px 62px;
	background-position: 0px -31px;
}


.hello-icon-img-02 {
	
	position:relative;
	display: block;
	margin: 0 auto;
	width: 62px;
	height:31px;
	background-image:url('images/hello-wave-bottom.png');
	background-size: 62px 62px;
	background-position: 0 0px;
}

.hello-icon-img-02:hover {
	background-position: 0px -31px;
}


.section-2-wrap p {
	
}

.section-2-wrap h1 {
	
}


.inner-wrap {
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
	padding: 80px 0 80px 0;
}

.inner-wrap-hack-list {
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
	padding: 0 0 6px 0;
}

.inner-wrap-2 {
	width: 500px;
	margin: 120px auto 0 auto;
	overflow: hidden;
	padding: 60px 0 30px 0;

	text-align:center;


}

.inner-wrap-3 {
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
	padding: 30px 0 30px 0;
}

.client-wrap {
padding: 0px 0 30px 0 !important;
}


.content {
	margin: 0 30px;
	overflow: hidden;
	overflow:visible;
}

.content-hack-list {
	margin: 0 30px;
	overflow: hidden;
	background: #282828;
	padding: 0 20px 20px 20px;
}

.content-hack-list p {
	margin-top: 22px !important;
}

.whole {
	width: 100%;
	text-align: center;
}

.half {
	width: 44%;
	float: left;
}

.email-half {
	width: 50%;
	float: left;
}

.two-third {
	width: 65.32%;
	float: left;
}

.third {
	width: 30.66%;
	float: left;
	margin-bottom: 30px;
}

.one-third {
    width: 30.66%;
    float: left;
	margin-right: 4%;
}

.fourth {
	width: 22%;
	float: left;
}

.quarter {
    width: 18.0%;
    float: left;
	margin-right: 12%;
}


.first {
	margin-right: 12%;
}

.second-fourth {
	margin-right: 12%;
}

.three-fourth {
    width: 74.0%;
    float: left;
}

.first-half {
	margin-right: 2%;
}

.second-half {
	padding-left: 2%;
	border-left: 1px solid #999;
	margin-left: -1px;
}

.first-fourth {
	padding-left: 12%;
}


#local-block {
	margin-bottom: 40px;
	color: #ccc;
}

#local-block h1 {
	color: #aaa;
}

.border-right {
	border-right: 1px solid #000;
}

/*-----------------------------------portfolio---------------------------------*/
.content-portfolio {
	text-align: center;
	padding: 2px;
	margin: 0 30px;
	overflow: hidden;
}

.content-portfolio img {
	width: 100%;
	border: 0px solid #787878;
	margin: 20px 0;
}

.content-portfolio p {
	margin-top: 0px !important;
}

.visit-button {
	text-align:center;
	padding-bottom: 16px;
}

.visit-button a{
	font-family: 'Lato', 'sans-serif';
	text-decoration: none;
	font-size: 1.2em;
	background: #00968B;
	padding: 8px 16px;

	color: #fff;
}

.visit-button a:hover{
	background: #00AA99;
}




/*--------------------------------------nav & header---------------------------*/


.header {
	margin-top: ;
	/*background-image: url("images/background-opacity-20.png");*/
	background-position: center;
	overflow: hidden;
	position: fixed;
	width: 100%;
	z-index: 80000;
}


#inner-wrap-header {
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
	padding: 0 0;
	display: relative;
}

#my-logo {
	padding: 0 0 0 0;
	margin: 20px auto 20px auto;
}

#logo-image {
	z-index: 10000;
	display: block;
	margin: 0 auto;
	border-radius: 4px;
    	-moz-border-radius: 4px;
	width: 350px;
	height:116px;
	background-image:url('images/logo2.png');
	background-size: 350px 116px;
}

#logo-image:hover {

}


#logo-image-robot {
	z-index: 10000;
	display: block;
	margin: 0 auto;
	width: 52px;
	height:70px;
	background-image:url('images/logo.png');
	background-position: 0 0px;
}

#logo-image-robot:hover {
	background-position: 0 -70px;
}

#my-custom-nav {
	display: inline-block;
	margin: 20px auto;
	padding-left: 0px;
}

#my-custom-nav li {
	display: inline;
	margin: 0px 0px 0px 0px;
	padding: 0px !important;
	font-family: 'Lato', 'sans-serif';
}

#my-custom-nav li .white-text {
	color: #fff;
	padding: 20px 9px 20px 9px;
	margin: 0px;
	-webkit-transition: all .6s ease-out;
	-moz-transition: all .6s ease-out;
	-o-transition: all .6s ease-out;
	transition: all .6s ease-out;
	font-family: 'Lato', sans-serif;

}

/*#my-custom-nav li a:hover {
	color: #fff;
	background: #EA5757;
}*/

#my-custom-nav li .green-text {
	color: #00968B;
	padding: 22px 15px 22px 15px;
	margin: 0px;
	-webkit-transition: all .6s ease-out;
	-moz-transition: all .6s ease-out;
	-o-transition: all .6s ease-out;
	transition: all .6s ease-out;
	font-family: 'Lato', 'sans-serif';
}

#my-custom-nav li .green-text: hover {
	color: #ffffff;
}
	
/*.active-menu {
	color: #fff !important;
	text-decoration: underline;
}*/


/*-----------Drop Menu------------------*/

/* Dropdown Button */
.dropbtn {
    background-color: #4CAF50;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;
}

/* Dropdown button on hover & focus */
.dropbtn:hover, .dropbtn:focus {
    background-color: #3e8e41;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #f1f1f1}

/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {display:block;}







#header-contact-info {
	float: left;
	padding: 0px 0px 0 0;
	color: #999;
}

#header-contact-info a {
	display: inline;
	overflow: hidden;
	text-decoration: none;
}



#menu-toggle {
	padding: 0 0 0 0px;
	float: right;
	position: absolute;
	visibility: hidden;
}





#toggle-image {
	z-index: 10000;
	display: block;
	margin: 0 auto;
	width: 40px;
	height: 31px;
	background-size: 40px 31px;
	background-image:url('images/toggle2.png');
	background-position: 0 0px;
	transition-timing-function: ease-in;
}

#mobile-menu-box {
	position: absolute;
	display: none;
}



.about-images {
	width: 180px;
	display: block;
}

/*---------------------------------------social links--------------------------------------*/

.social-contact-page {
	padding: 16px 30px 0 0;
}

.social-contact-page ul{
	float: left;
	text-decoration: none;
	list-style-position: inside;
	padding: 0;
	margin-top: 10px;
}

.social-contact-page li {
	overflow: hidden;
	display: inline;
	margin: 0 0 0 10px !important;
}


.social-wrap {
	padding: 0 0 0 0;
	float: left;
}

.social-wrap ul {
	float: right;
	text-decoration: none;
	list-style-position: inside;
	padding: 0;
	margin-top: 25px;
	margin-bottom: 15px;
}

.social-wrap li {
	overflow: hidden;
	display: inline;
	margin: 0 0 0 10px !important;
}

.social-wrap p {
	margin: 20px 0 20px 0;
}


/*-----------------------------------------box grid-----------------------------------*/




.gallery-description {
	text-align: center;
	width:100%;
	margin: 0 0 0 0;
}

.gallery-description p{
	margin: 0 auto;
	width: 70%;
}

.titles-portfolio {
	margin: 20px 0 20px 0;
}

.drop{
	-webkit-box-shadow: 0px 0px 9px #002e43;
	box-shadow: 0px 0px 9px #002e43;
} 

.view-img {
	color: #fff !important;
}

.img-link{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
   
}

.section-wrap {
	text-align: center;
	width: 100%;
}





/*-------------------------------blog----------------------------------*/

.outer-page-wrap {
	margin: 0 auto;
	background: #fefefe;
	overflow: hidden;
	overflow: hidden;
	/*background: url('http://lookshapedesign.com/images/wrap-background.png');*/
	background: #fff;
	background-attachment: fixed;
}

.inner-page-wrap {
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
	overflow: hidden;
}



.blog-wrap {
	width: 70%;
	overflow: hidden;
	padding: 10px 0 30px 0;
	float: right;
	background: #fff;
	margin: 30px 0;
}

.blog-content {
	padding: 0 30px;
	border-left: 1px solid #666;
}


.sidebar-wrap {
	width: 24.4%;
	/*overflow: hidden;*/
	padding: 30px 0 30px 0;
	float: left;
	background: #fff;
	color: #fff !important;
	margin: 30px 0 30px 30px;
}

.sidebar-content {
	padding: 0 0;
}

.post-info {
	font-style: italic;
	font-size: .9em !important;
}









/*select {
	width: 100%;
    padding:6px;
    margin: 0 auto 10px auto;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    -webkit-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    -moz-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    background: #f8f8f8;
    color:#888;
    border:none;
    outline:none;
    display: inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
	font-size: 1.2em;
	font-family: 'Open Sans', 'sans-serif';
}

option {
	background: #001223;
}*/


.hidden_select_container {
	width: 0;
	height: 0;
	overflow: hidden;
}

.simpleselect,
.simpleselect * {
	box-sizing: content-box;
}

.simpleselect {
	position: relative;
	width: 100%;
	height: 38px;
	color: #3e4240;
}

.simpleselect .options {
	width: 98%;
}

.simpleselect .placeholder,
.simpleselect .options .option,
.simpleselect .options .optgroup .optgroup-label {
    padding: 9px 10px;
    line-height: 18px;
    cursor: pointer;
}

.simpleselect .options .optgroup .optgroup-label {
	cursor: default;
}

.simpleselect .options .optgroup .option {
	padding-left: 20px;
}

.simpleselect .placeholder,
.simpleselect .options {
	background: #f8f8f8;
	border: 1px solid #ddd;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

.simpleselect .placeholder {
	position: relative;
}

.simpleselect .placeholder:after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	right: 10px;
	width: 8px;
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAOCAYAAAASVl2WAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjA0Q0FGMUI4RTU1MTFFMzhGMThCQzUzMTMxMzdBN0YiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NjA0Q0FGMUM4RTU1MTFFMzhGMThCQzUzMTMxMzdBN0YiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2MDRDQUYxOThFNTUxMUUzOEYxOEJDNTMxMzEzN0E3RiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2MDRDQUYxQThFNTUxMUUzOEYxOEJDNTMxMzEzN0E3RiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pq8U8ZgAAAClSURBVHjaYpw7dw4DEggEYh4gXgwTYEGS5AfiyVD6FBDfBAkyISloB2JpqAlLgZgNWYENEGciKTYG4haYFSCVKA6BglIg3gdSIAHEfQzYASfj////GfABJgYCgGXevLlyQNoDh/xrkBteAHEREKtjUeAJsuIXEKdgkewG4h0wNxwB4ulIkmeBuAbdkZVA/BSIvwBxNNRklLj4CMS50KC+CRMECDAA5ogdqmResXgAAAAASUVORK5CYII=") 0 center no-repeat;
}

.simpleselect .placeholder:hover {
	background: #fafafa;
}

.simpleselect .options {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1000;
}

.simpleselect .options .option.active {
	background: #666;
	color: #fff;
}

.simpleselect.disabled .placeholder,
.simpleselect.disabled .placeholder:hover {
	background: #fafafa;
	color: #aaa;
	border-color: #eee;
	cursor: default;
}

.simpleselect.disabled .placeholder:after {
	opacity: .5;
}



















/*-----------------------------------------------------------footer----------------------------------------------*/

.footer {
	background: #1b2022;
	overflow: hidden;
	box-shadow: 0px 500px 0px 500px #1b2022;
}

.footer > * {
	font-size: .9em !important;
}


.footer p {
	color: #fff !important;
	margin: 5px 0 5px 0;
}

.footer a {
	overflow: hidden;
	color: #999;
}

.footer a:hover {
	text-decoration: none;
	color: #bbb;
}


.inner-wrap-footer {
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
	padding: 30px 0;
}

.footer ul {
	margin: 5px 0 5px 0;
	padding: 0px;
}

.footer-li {
	overflow: hidden;
	margin: 0 0 5px 0;
	padding: 0 0 5px 0;
	color: #8999A5 !important;
	display: inline;
}




#top-of-page {
	display: inline-block;
	
}

#top-of-page a {

}

#top-of-page li {
	display: inline;
	margin: 0 0 0 0;
}

.slide {
	-moz-transition: background 300ms ease-in-out;
    	-webkit-transition: background 300ms ease-in-out;
    	transition: background 300ms ease-in-out;  
}

.gplus-link {
	display: inline-block;
	background: url('images/gplus.png') no-repeat; 
	background-size: 58px 30px;
	width: 29px; 
	height: 30px;
	background-position: -29px 0;

}

.gplus-link:hover { 
	background-position: 0 0;
}

.twitter-link {
	display: inline-block;
	background: url('images/twitter.png') no-repeat; 
	width: 29px; 
	height: 30px;
	background-position: -29px 0;

}

.twitter-link:hover { 
	background-position: 0 0;
}

.fb-link {
	display: inline-block;
	background: url('images/facebook.png') no-repeat; 
	width: 29px; 
	height: 30px;
	background-position: -29px 0;
	
	margin-right: 10px;
}

.fb-link:hover { 
	background-position: 0 0;
}



.social-wrap-footer {
width: 100%;

}

.social-wrap-footer ul{
	text-decoration: none;
	list-style-position: inside;
	padding: 0;

}

.social-wrap-footer li {
	overflow: hidden;
	list-style-type: none;
	margin: 0 0 0 0 !important;
	display: inline;
}



#footer-contact-info {
	padding: 0px 0px 0 0;
	color: #999;
	margin-top: 0px;
}

#footer-contact-info a {
	display: inline;
	overflow: hidden;
}



#copyright {
	font-size: 1em;
}


@media only screen and (max-width: 1200px), only screen and (max-device-width: 1200px) { 

.inner-wrap {
	overflow: hidden;
	width: 100%;
}

.inner-wrap-hack-list {
	overflow: hidden;
	width: 100%;
}

.inner-wrap-2 {
	overflow: hidden;
	width: 100%;
}

.inner-wrap-3 {
	overflow: hidden;
	width: 100%;
}

.inner-wrap-footer {
	overflow: hidden;
	width: 100%;
}

.inner-wrap-bigpic {
	overflow: hidden;
	width: 100%;
}


#inner-wrap-header {
	overflow: hidden;
	width: 100%;
}


.inner-wrap-border {
	overflow: hidden;
	width: 100%;
	margin-top: ;
	margin-bottom: ;
}


#header-contact-info {
	padding: 0 30px 0 30px;
	color: #999;
	float: left;
}



/*---blog---*/

.inner-page-wrap {
	width: 100%;
	margin: 0 auto;
	background: #fefefe;
	overflow: hidden;
	overflow: hidden;
}

.blog-wrap {
	width: 72%;
	margin: 0;
}

.sidebar-wrap {
	width: 22%;
	margin: 0 0 30px 30px;
	
}

.social-wrap {
	position: absolute;
	visibility: hidden;
	width: 0px !important;
}

.social-wrap ul {
	float: none;
}



.section-2-wrap {
	position: relative;
	z-index: 1000;
	overflow: hidden;
	color: #fff;
	width: 80%;
	margin: 0 auto 120px auto;
}

.inner-wrap-2 {
	width: 80%;
	margin: 120px auto 0 auto;
	overflow: hidden;
	padding: 60px 0 30px 0;
	text-align:center;
}



}



@media only screen and (max-width: 768px), only screen and (max-device-width: 768px) { 

.header {
	background: none;
}

.visible-pc {
	visibility: hidden;
	position: absolute;
}

.visible-mobile {
	visibility: visible;
	position: relative;
}


.inner-wrap {
	width: 100%;
	overflow: hidden;
	padding: 20px 0 20px 0;
}


.inner-wrap-bigpic .content {
	margin-top: 60px;
	margin-bottom: 60px;
}

.img-wrap-secondary {

	padding: 80px 0 80px 0;
} 

.img-wrap-local {
	padding-top: 60px;
	padding-bottom: 60px;
} 

.left {
	text-align:!important;
}

.right {
	text-align: center;
}

.email-half {
	width: 100%;
	float: left;
}

.half {
	width: 100%;
	float: left;
}

.third {
	width: 100%;
	float: none;
}

.fourth {
	width: 48%;
	float: left;
}

.two-third {
	width: 100%;
	float: left;
}

.first {
	margin-right: 0;
}

.first-half {
	margin-right: 0;
}

.second-half {
	padding-left: 0;
	border-left: 0px solid #999;
	margin-left: 0;
}


.phonecenter {
	text-align: center;
}

.flex {
	display: inline !important;
    display: inline !important;
	overflow:visible;
}

.hide-element {
	position: absolute;
	display: none;
}

.fixed-width-img {
	width: 60px;
	display:block;
	margin:auto;
	margin-bottom: 20px;
}

.adv-img {
	width: 120px;
	display:block;
	margin-bottom: 20px;
}



.section-2-wrap {
	position: relative;
	z-index: 1000;
	overflow: hidden;
	color: #fff;
	width: 80%;
	margin: 0 auto 60px auto;
}

.inner-wrap-2 {
	width: 80%;
	margin: 40px auto 40px auto;
	overflow: hidden;
	padding: 60px 0 30px 0;
	text-align:center;
}

.big-quote-wrap {
	padding: 40px 40px;
}


/*#menu-toggle {
	padding: 10px 0 10px 0px;
	float: right;
	visibility: visible;
	position: relative;
}

#toggle-image {
	z-index: 10000;
	display: block;
	margin: 0 auto;
}


#mobile-menu-box {
	background: #1b2022;
	width: 100%;
	position: relative;
	display: block;
	padding: 30px 0 30px 0;
	margin-top: ;
}

#mobile-menu-box ul{
	margin: 0px;
	padding: 0px;
	list-style-type: none !important;
}

#mobile-menu-box li{
	margin-bottom: 5px !important;
}

#mobile-menu-box a {
	text-decoration: none;
	color: #8999a5;
	display: block;
	background: #262d30;
	margin-bottom: 4px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 0;
	border-radius: 0.5em;
}


#mobile-menu-box a:hover {
	background: #2e3539;
}

#my-custom-nav {
	position: absolute;
	display: none;
}*/



#header-contact-info {
	position: absolute;
	visibility: hidden;
	width: 0px !important;
}


.header #inner-wrap-header {
	text-align: center !important;
	width: 100%;
}

#my-logo {
	padding: 0 0 0 0;
	margin: 0 auto 0 auto;
}

#logo-image {
	z-index: 10000;
	display: block;
	margin: 0 auto;
	border-radius: 4px;
    	-moz-border-radius: 4px;
	width: 250px;
	height:83px;
	background-image:url('images/logo2.png');
	background-size: 250px 83px;
}


#my-custom-nav {
	float: none;
	padding: 0 0 0 0;
}

#my-custom-nav li {
	margin: 0 5px 0 5px;
}


#tagline-big {
	text-align: center;
	padding: 0 0 0 0!important;
}


#tagline-big h1{
	font-size: 1.5em !important;
}

#tagline-big h2{
	font-size: 1em !important;
}

#tagline-big-secondary h1{
	font-size: 1.5em !important;
}

.actioncall-big h1 {
	font-size: 2.2em !important;
}

h1 {
	font-size: 1.6em;
}

h2 {
	font-size: 1.2em;
}

h3 {
	font-size: 1.2em;
}

p {
	font-size: 1em;
}

li {
	font-size: 1em;
}

ol {
	font-size: 1em;
}

a {
	font-size: 1em !important;
}

.inner-wrap-footer {
	width: 100%;
	text-align: center;
}


.go-button {

}


.h1-link {
	font-family: 'Lato', 'sans-serif';
	
	vertical-align: middle;
	
	padding: 10px;
}


/*---blog---*/

.blog-wrap {
	width: 100%;
	margin: 0;
}


.sidebar-wrap {
	width: 100%;
	
	padding: 0 0 0 0;
	float: left;
	background: #fff;
	color: #fff !important;
	margin: 0 0;
}


select {
    margin: 0 auto 8px auto;
}


.key {
	width:20px;
	float: left;
	margin-right:30px;
}


}