@media only screen
and (min-device-width: 1024px)
{
#button_previous_mobile {
	display: none;
	}
	
#button_next_mobile {
	display: none;
	}
}

@media only screen
and (min-device-width: 320px)
and (max-device-width: 568px)
{
#button_previous_mobile {
	width: 45px;
	height: 65px;
	background-color: rgba(255,255,255,1.00);
	margin: 0;
	padding: 0;
	opacity: .5;
	position: fixed;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	transition: .35s;
	-webkit-transition: .35s;
	-moz-transition: .35s;
	-ms-transition: .35s;
	-o-transition: .35s;
	}
	
#button_previous_mobile:hover {
	opacity: 1;
	}
	
#button_next_mobile {
	width: 45px;
	height: 65px;
	background-color: rgba(255,255,255,1.00);
	margin: 0 0 0 979px;
	padding: 0;
	opacity: .5;
	position: fixed;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	transition: .35s;
	-webkit-transition: .35s;
	-moz-transition: .35s;
	-ms-transition: .35s;
	-o-transition: .35s;
	}
	
#button_next_mobile:hover {
	opacity: 1;
	}
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  
{ 
#button_previous_mobile {
	width: 45px;
	height: 65px;
	background-color: rgba(255,255,255,1.00);
	margin: 0;
	padding: 0;
	opacity: .5;
	position: fixed;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	transition: .35s;
	-webkit-transition: .35s;
	-moz-transition: .35s;
	-ms-transition: .35s;
	-o-transition: .35s;
	}
	
#button_previous_mobile:hover {
	opacity: 1;
	}
	
#button_next_mobile {
	width: 45px;
	height: 65px;
	background-color: rgba(255,255,255,1.00);
	margin: 0 0 0 979px;
	padding: 0;
	opacity: .5;
	position: fixed;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	transition: .35s;
	-webkit-transition: .35s;
	-moz-transition: .35s;
	-ms-transition: .35s;
	-o-transition: .35s;
	}
	
#button_next_mobile:hover {
	opacity: 1;
	}
}

/****************************/
/********** GLOBAL **********/
/****************************/
html {
	height: 100%;
	margin: 0;
	padding: 0;
	}

body, body * {
	max-height: 1000000px;
	}

body {
	height: 100%;
	margin: 0;
	padding: 0;
	background-image: url(../images/shattered.png);
	}
	
h1 {
	font-family: "omnes-pro", sans-serif;
	font-size: 62px;
	font-weight: normal;
	color: #191919;
	}
	
h2 {
	font-family: "omnes-pro", sans-serif;
	font-size: 36px;
	line-height: 36px;
	font-weight: normal;
	color: #191919;
	margin: 0;
	padding: 0;
	}
	
h3 {
	font-family: "omnes-pro", sans-serif;
	font-size: 24px;
	font-weight: normal;
	line-height: 24px;
	color: #191919;
	margin: 0;
	padding: 0;
	}
	
p {
	font-family: "Roboto", sans-serif;
	font-size: 16px;
	line-height: 22px;
	font-weight: 300;
	margin: 0;
	padding: 0;
	color: #4D4D4D;
	}

a {
	text-decoration: none;
	}

#clear_both {
	clear: both;
	}
	
#wrapper {
	width: 1024px;
	margin: 0 auto;
	}
/***********************************/
/********** END OF GLOBAL **********/
/***********************************/

/**************************/
/********** MAIN **********/
/**************************/	
#header {
	width: 1024px;
	height: 600px;
	background-image: url(../images/hero_header.jpg);
	background-repeat: no-repeat;
	}
	
#logo img {
	width: 133px;
	height: 25px;
	margin: 25px 0 25px 50px;
	float: left;
	}
	
#nav {
	width: 1024px;
	height: 75px;
	}
	
nav {
	font-family: "omnes-pro", sans-serif;
	font-size: 14px;
	margin: 27.5px 0 27.5px 0;
	padding: 0;
	float: right;
	}
	
nav a.nav_link:link, a.nav_link:visited, a.nav_link:active {
	color: #FFFFFF;
	text-decoration: none;
	margin: 0 50px 0 0;
	transition: .25s;
	-webkit-transition: .25s;
	-moz-transition: .25s;
	-ms-transition: .25s;
	-o-transition: .25s;
	}

nav a.nav_link:hover {
	color: #29ABE2;
	}
	
#welcome_text {
	color: #FFFFFF;
	margin: 180px 0 0 0;
	padding: 0;
	position: relative;
	clear: both;
	}
	
#description {
	width: 1024px;
	background-color: #FFFFFF;
	}
	
#description_text {
	width: 700px;
	margin: 0 auto;
	padding: 0;
	}
	
#clients {
	width: 847px;
	margin: 0 auto;
	padding: 50px 0 100px 0;
	display: block;
	}
	
#client1 {
	width: 65px;
	height: 65px;
	margin: 0 75px 0 0;
	opacity: .75;
	float: left;
	transition: .35s;
	-webkit-transition: .35s;
	-moz-transition: .35s;
	-ms-transition: .35s;
	-o-transition: .35s;
	}
	
#client1:hover {
	opacity: 1;
	}
	
#client2 {
	width: 151px;
	height: 65px;
	margin: 0 75px 0 0;
	opacity: .75;
	float: left;
	transition: .35s;
	-webkit-transition: .35s;
	-moz-transition: .35s;
	-ms-transition: .35s;
	-o-transition: .35s;
	}
	
#client2:hover {
	opacity: 1;
	}
	
#client3 {
	width: 59px;
	height: 65px;
	margin: 0 75px 0 0;
	opacity: .75;
	float: left;
	transition: .35s;
	-webkit-transition: .35s;
	-moz-transition: .35s;
	-ms-transition: .35s;
	-o-transition: .35s;
	}
	
#client3:hover {
	opacity: 1;
	}
	
#client4 {
	width: 207px;
	height: 65px;
	margin: 0 75px 0 0;
	opacity: .75;
	float: left;
	transition: .35s;
	-webkit-transition: .35s;
	-moz-transition: .35s;
	-ms-transition: .35s;
	-o-transition: .35s;
	}
	
#client4:hover {
	opacity: 1;
	}
	
#client5 {
	width: 65px;
	height: 65px;
	margin: 0 0 50px 0;
	opacity: .75;
	float: left;
	transition: .35s;
	-webkit-transition: .35s;
	-moz-transition: .35s;
	-ms-transition: .35s;
	-o-transition: .35s;
	}
	
#client5:hover {
	opacity: 1;
	}
	
#our_work_button {
	width: 175px;
	height: 46px;
	background-color: #29ABE2;
	border: solid 2px #29ABE2;
	margin: 0 auto;
	padding: 0;
	border-radius: 5px;
	clear: both;
	transition: .35s;
	-webkit-transition: .35s;
	-moz-transition: .35s;
	-ms-transition: .35s;
	-o-transition: .35s;
	}
	
#our_work_button:hover {
	background-color: #FFFFFF;
	}

#our_work_button p {
	color: #FFFFFF;
	}
	
#our_work_button:hover p {
	color: #29ABE2;
	}
	
#reviews {
	width: 1024px;
	height: 365px;
	background-image: url(../images/header_reviews.jpg);
	background-repeat: no-repeat;
	}
	
#quotes {
	width: 700px;
	position: relative;
	margin: 0 auto;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	transform-style: preserve-3d;
	}
	
#quote1 {
	margin: 0;
	padding: 0;
	}
	
#reviews_controller {
	height: 10px;
	width: 50px;
	margin: 0 auto;
	padding: 0;
	}

#dot1 {
	width: 10px;
	height: 10px;
	float: left;
	margin: 0 10px 0 0;
	cursor: pointer;
	}
	
#dot2 {
	width: 10px;
	height: 10px;
	float: left;
	margin: 0 10px 0 0;
	cursor: pointer;
	}
	
#dot3 {
	width: 10px;
	height: 10px;
	float: left;	
	cursor: pointer;
	}
	
#reviews_controller img {
	margin: 0;
	padding: 0;
	}
	
#say_hello {
	width: 1024px;
	background: -webkit-linear-gradient(left, #29ABE2, #2BD994);
	background: -moz-linear-gradient(right, #29ABE2, #2BD994);
	background: -ms-linear-gradient(right, #29ABE2, #2BD994);
	background: -o-linear-gradient(right, #29ABE2, #2BD994);
	background: linear-gradient(to right, #29ABE2, #2BD994);
	clear: both;
	}
	
#say_hello_text {
	width: 700px;
	margin: 0 auto;
	padding: 0;
	}
	
#icons {
	width: 500px;
	height: 60px;
	margin: 0 auto;
	padding: 50px 0 85px 0;
	}

#icon_email {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background-color: rgba(0,0,0,.00);
	margin: 0 50px 0 0;
	padding: 0;
	float: left;
	transition: .35s;
	-webkit-transition: .35s;
	-moz-transition: .35s;
	-ms-transition: .35s;
	-o-transition: .35s;
	}
	
#icon_email:hover {
	background-color: rgba(0,0,0,.15);
	}
	
#icon_form {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background-color: rgba(0,0,0,.00);
	margin: 0 50px 0 0;
	padding: 0;
	float: left;
	transition: .35s;
	-webkit-transition: .35s;
	-moz-transition: .35s;
	-ms-transition: .35s;
	-o-transition: .35s;
	}
	
#icon_form:hover {
	background-color: rgba(0,0,0,.15);
	}
	
#icon_facebook {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background-color: rgba(0,0,0,.00);
	margin: 0 50px 0 0;
	padding: 0;
	float: left;
	transition: .35s;
	-webkit-transition: .35s;
	-moz-transition: .35s;
	-ms-transition: .35s;
	-o-transition: .35s;
	}
	
#icon_facebook:hover {
	background-color: rgba(0,0,0,.15);
	}

#icon_twitter {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background-color: rgba(0,0,0,.00);
	margin: 0 50px 0 0;
	padding: 0;
	float: left;
	transition: .35s;
	-webkit-transition: .35s;
	-moz-transition: .35s;
	-ms-transition: .35s;
	-o-transition: .35s;
	}
	
#icon_twitter:hover {
	background-color: rgba(0,0,0,.15);
	}
	
#icon_dribbble {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background-color: rgba(0,0,0,.00);
	margin: 0;
	padding: 0;
	float: left;
	transition: .35s;
	-webkit-transition: .35s;
	-moz-transition: .35s;
	-ms-transition: .35s;
	-o-transition: .35s;
	}

#icon_dribbble:hover {
	background-color: rgba(0,0,0,.15);
	}
	
#footer {
	width: 1024px;
	height: 300px;
	background-image: url(../images/footer_bg.jpg);
	position: relative;
	}

a.footer_link:link, a.footer_link:visited, a.footer_link:active {
	color: #29ABE2;
	text-decoration: none;
	padding: 0 0 2px 0;
	}

#footer a {
	color: #29ABE2;
	border-bottom: solid 1px rgba(255,255,255,.00);
	transition: .35s;
	-webkit-transition: .35s;
	-moz-transition: .35s;
	-ms-transition: .35s;
	-o-transition: .35s;
	}
	
#footer a:hover {
	color: #29ABE2;
	border-bottom: solid 1px rgba(255,255,255,1.00);
	}
	
#button_to_top {
	width: 23px;
	height: 19px;
	background-image: url(../images/button_to_top.png);
	margin: 0 0 0 -11px;
	position: absolute;
	opacity: .5;
	cursor: pointer;
	top: 20px;
	left: 50%;
	transition: .35s;
	-webkit-transition: .35s;
	-moz-transition: .35s;
	-ms-transition: .35s;
	-o-transition: .35s;
	}
	
#button_to_top:hover {
	top: 15px;
	opacity: 1;
	}
	
#footer_icons {
	width: 950px;
	height: 92px;
	margin: 0 auto;
	padding: 99px 0 0 0;
	}
	
#work_with_us {
	width: 200px;
	height: auto;
	margin: 0 25px 0 0;
	padding: 0;
	float: left;
	}
	
#start_convo {
	width: 200px;
	height: auto;
	margin: 0 25px 0 0;
	padding: 0;
	float: left;
	}
	
#location {
	width: 200px;
	height: auto;
	margin: 0 25px 0 0;
	padding: 0;
	float: left;
	}
	
#seven {
	width: 200px;
	height: auto;
	float: left;
	}
	
#legal {
	width: 1024px;
	height: auto;
	margin: 0;
	padding: 0 0 20px 0;
	position: absolute;
	left: 0;
	bottom: 0;
	}
	
.strip {
	width: 1024px;
	height: 5px;
	background: -webkit-linear-gradient(left, #29ABE2, #2BD994);
	background: -moz-linear-gradient(right, #29ABE2, #2BD994);
	background: -ms-linear-gradient(right, #29ABE2, #2BD994);
	background: -o-linear-gradient(right, #29ABE2, #2BD994);
	background: linear-gradient(to right, #29ABE2, #2BD994);
	}
/*********************************/
/********** END OF MAIN **********/
/*********************************/

/******************************/
/********** SERVICES **********/
/******************************/
#capabilities {
	width: 1024px;
	background-color: #FFFFFF;
	}
	
#graphic_design {
	width: 824px;
	margin: 0 auto;
	}

#header_services {
	width: 1024px;
	height: 600px;
	background-image: url(../images/hero_header_services.jpg);
	background-repeat: no-repeat;
	}
	
#capabilities img {
	margin: 50px 0 0 141px;
	padding: 0;
	}	
	
#study {
	width: 350px;
	margin: 0 100px 0 12px;
	padding: 0;
	float: left;
	}
	
#design {
	width: 350px;
	float: left;
	}
	
#branding {
	width: 350px;
	margin: 0 100px 0 12px;
	padding: 0;
	float: left;
	}
	
#marketing {
	width: 350px;
	float: left;
	}
	
#header_services_main {
	width: 1024px;
	height: 350px;
	background-image: url(../images/header_services_main.jpg);
	margin: 0;
	padding: 0;
	clear: both;
	}
	
#header_services_main_text {
	width: 505px;
	height: auto;
	margin: 0 0 0 100px;
	padding: 125px 0 0 0;
	}
	
#web_development {
	width: 824px;
	margin: 0 auto;
	}
	
#multiplatform {
	width: 350px;
	margin: 0 100px 0 12px;
	padding: 0;
	float: left;
	}
	
#multiplatform img {
	margin: 50px 0 0 100px;
	padding: 0;
	}
	
#templates {
	width: 350px;
	float: left;
	}
	
#content_management {
	width: 350px;
	margin: 0 100px 0 12px;
	padding: 0;
	float: left;
	}
	
#quality {
	width: 350px;
	float: left;
	}
	
#good_fit {
	width: 1024px;
	height: 200px;
	background-color: #29ABE2;
	position: relative;
	}
	
#good_fit_text {
	width: 824px;
	margin: -50px 0 0 -412px;
	position: absolute;
	top: 50%;
	left: 50%;
	}
	
#button_form {
	width: 200px;
	height: 46px;
	background-color: transparent;
	margin: 0 auto;
	padding: 0;
	border: solid 2px #FFFFFF;
	border-radius: 5px;
	clear: both;
	transition: .35s;
	-webkit-transition: .35s;
	-moz-transition: .35s;
	-ms-transition: .35s;
	-o-transition: .35s;
	}
	
#button_form:hover {
	background-color: #FFFFFF;
	}
	
#button_form p {
	font-weight: 400;
	color: #FFFFFF;
	}

#button_form:hover p {
	color: #29ABE2;
	}
/**************************/
/***** END OF SERVIES *****/
/**************************/

/*********************/
/***** PORTFOLIO *****/
/*********************/
#wrapper_portfolio {
	width: 1024px;
	height: auto;
	background-color: #FFFFFF;
	margin: 0 auto;
	padding: 0;
	position: relative;
	}
	
#button_previous {
	width: 15px;
	height: 25px;
	background-image: url(../images/button_previous.png);
	margin: 0 0 0 -35px;
	padding: 0;
	opacity: .5;
	position: fixed;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	transition: .35s;
	-webkit-transition: .35s;
	-moz-transition: .35s;
	-ms-transition: .35s;
	-o-transition: .35s;
	}
	
#button_previous:hover {
	opacity: 1;
	}
	
#button_next {
	width: 15px;
	height: 25px;
	background-image: url(../images/button_next.png);
	margin: 0 0 0 1044px;
	padding: 0;
	opacity: .5;
	position: fixed;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	transition: .35s;
	-webkit-transition: .35s;
	-moz-transition: .35s;
	-ms-transition: .35s;
	-o-transition: .35s;
	}
	
#button_next:hover {
	opacity: 1;
	}

.divider {
	height: 1px;
	width: 75px;
	margin: 20px auto 20px auto;
	padding: 0;
	border-bottom: solid 1px #FFFFFF;
	display: block;
	opacity: .8;
	}
	
#nav_portfolio {
	width: 1024px;
	height: 75px;
	background-color: #191919;
	}

.button_see_more {
	width: 150px;
	height: 40px;
	margin: 20px auto 0 auto;
	padding: 0;
	border: solid 2px #FFFFFF;
	border-radius: 5px;
	background-color: transparent;
	transition: .35s;
	-webkit-transition: .35s;
	-moz-transition: .35s;
	-ms-transition: .35s;
	-o-transition: .35s;
	}
	
.button_see_more:hover {
	background-color: #FFFFFF;
	}
	
#portfolio_sm {
	width: 1024px;
	height: 600px;
	background-image: url(../images/header_sweet_memories.jpg);
	}
	
#sm_container {
	width: 512px;
	height: 220px;
	background-color: rgba(220,53,74,.90);
	margin: 0 auto;
	padding: 190px 256px;
	opacity: 0;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	transition: .35s;
	-webkit-transition: .35s;
	-moz-transition: .35s;
	-ms-transition: .35s;
	-o-transition: .35s;
	}
	
#sm_container .button_see_more p {
	color: #FFFFFF;
	}

#sm_container .button_see_more:hover p {
	color: #DC354A;
	}

#portfolio_sm:hover #sm_container {
	opacity: 1;
	}
	
#portfolio_eagle_cove {
	width: 512px;
	height: 512px;
	background-image: url(../images/header_eagle_cove.jpg);
	float: left;
	}
	
#eagle_cove_container {
	width: 412px;
	height: 220px;
	background-color: rgba(66,33,17,.90);
	margin: 0 auto;
	padding: 146px 50px 146px 50px;
	opacity: 0;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	transition: .35s;
	-webkit-transition: .35s;
	-moz-transition: .35s;
	-ms-transition: .35s;
	-o-transition: .35s;
	}
	
#eagle_cove_container .button_see_more p {
	color: #FFFFFF;
	}

#eagle_cove_container .button_see_more:hover p {
	color: #422111;
	}

#portfolio_eagle_cove:hover #eagle_cove_container {
	opacity: 1;
	}

#portfolio_sup_guild {
	width: 512px;
	height: 512px;
	background-image: url(../images/header_sup_guild.jpg);
	float: left;
	}
	
#sup_guild_container {
	width: 412px;
	height: 248px;
	background-color: rgba(209,76,50,.90);
	margin: 0 auto;
	padding: 132px 50px 132px 50px;
	opacity: 0;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	transition: .35s;
	-webkit-transition: .35s;
	-moz-transition: .35s;
	-ms-transition: .35s;
	-o-transition: .35s;
	}
	
#sup_guild_container .button_see_more p {
	color: #FFFFFF;
	}

#sup_guild_container .button_see_more:hover p {
	color: #D14C32;
	}

#portfolio_sup_guild:hover #sup_guild_container {
	opacity: 1;
	}

#portfolio_mozer {
	width: 1024px;
	height: 600px;
	background-image: url(../images/header_mozer_paving.jpg);
	clear: both;
	}
	
#mozer_container {
	width: 512px;
	height: 220px;
	background-color: rgba(186,8,38,.90);
	margin: 0 auto;
	padding: 190px 256px;
	opacity: 0;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	transition: .35s;
	-webkit-transition: .35s;
	-moz-transition: .35s;
	-ms-transition: .35s;
	-o-transition: .35s;
	}
	
#mozer_container .button_see_more p {
	color: #FFFFFF;
	}

#mozer_container .button_see_more:hover p {
	color: #BA0826;
	}

#portfolio_mozer:hover #mozer_container {
	opacity: 1;
	}
	
#portfolio_strike_city {
	width: 512px;
	height: 512px;
	background-image: url(../images/header_strike_city.jpg);
	float: left;
	}
	
#strike_city_container {
	width: 412px;
	height: 248px;
	background-color: rgba(173,209,60,.95);
	margin: 0 auto;
	padding: 132px 50px 132px 50px;
	opacity: 0;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	transition: .35s;
	-webkit-transition: .35s;
	-moz-transition: .35s;
	-ms-transition: .35s;
	-o-transition: .35s;
	}
	
#strike_city_container .button_see_more p {
	color: #FFFFFF;
	}

#strike_city_container .button_see_more:hover p {
	color: #ADD13C;
	}

#portfolio_strike_city:hover #strike_city_container {
	opacity: 1;
	}
	
#portfolio_first_class_images {
	width: 512px;
	height: 512px;
	background-image: url(../images/header_first_class_images.jpg);
	float: left;
	}
	
#first_class_images_container {
	width: 412px;
	height: 248px;
	background-color: rgba(234,197,46,.90);
	margin: 0 auto;
	padding: 132px 50px 132px 50px;
	opacity: 0;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	transition: .35s;
	-webkit-transition: .35s;
	-moz-transition: .35s;
	-ms-transition: .35s;
	-o-transition: .35s;
	}
	
#first_class_images_container .button_see_more p {
	color: #FFFFFF;
	}

#first_class_images_container .button_see_more:hover p {
	color: #EAC52E;
	}

#portfolio_first_class_images:hover #first_class_images_container {
	opacity: 1;
	}
	
#portfolio_sniperball {
	width: 1024px;
	height: 600px;
	background-image: url(../images/header_sniperball.jpg);
	clear: both;
	}
	
#sniperball_container {
	width: 512px;
	height: 220px;
	background-color: rgba(211,24,51,.90);
	margin: 0 auto;
	padding: 190px 256px;
	opacity: 0;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	transition: .35s;
	-webkit-transition: .35s;
	-moz-transition: .35s;
	-ms-transition: .35s;
	-o-transition: .35s;
	}
	
#sniperball_container .button_see_more p {
	color: #FFFFFF;
	}

#sniperball_container .button_see_more:hover p {
	color: #D31833;
	}

#portfolio_sniperball:hover #sniperball_container {
	opacity: 1;
	}
	
/****************************/
/***** END OF PORTFOLIO *****/
/****************************/

/*******************/
/***** CONTACT *****/
/*******************/
#header_contact {
	width: 1024px;
	height: 80px;
	background-color: rgba(25,25,25,1.00);
	}
	
.strip_contact {
	width: 1024px;
	height: 5px;
	background: -webkit-linear-gradient(left, #29ABE2, #2BD994);
	background: -moz-linear-gradient(right, #29ABE2, #2BD994);
	background: -ms-linear-gradient(right, #29ABE2, #2BD994);
	background: -o-linear-gradient(right, #29ABE2, #2BD994);
	background: linear-gradient(to right, #29ABE2, #2BD994);
	}
	
#nav_contact {
	width: 1024px;
	height: 75px;
	}

#google_map {
	width: 1024px;
	height: 600px;
	margin: 0;
	padding: 0;
	position: relative;
	}

#map_canvas {
	width: 1024px;
	height: 600px;
	margin: 0;
	padding: 0;
	position: absolute;
	}
	
#map_contact_info {
	width: 318px;
	background-color: rgba(41,171,226,.90);
	margin: 144px 50px 0 0;
	padding: 25px 50px 25px 50px;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 3;
	}
	
.contact_link {
	color: #FFFFFF;
	opacity: 1;
	}

.contact_link:hover {
	opacity: .8;
	}
	
.contact_link a:link, .contact_link a:visited, .contact_link a:active {
	color: #FFFFFF;
	}
	
#icon_email_contact {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background-color: rgba(0,0,0,.00);
	margin: 0 10px 10px 0;
	padding: 0;
	float: left;
	transition: .35s;
	-webkit-transition: .35s;
	-moz-transition: .35s;
	-ms-transition: .35s;
	-o-transition: .35s;
	}
	
#icon_email_contact:hover {
	background-color: rgba(0,0,0,.15);
	}
	
#icon_form_contact {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background-color: rgba(0,0,0,.00);
	margin: 0 10px 0 0;
	padding: 0;
	float: left;
	transition: .35s;
	-webkit-transition: .35s;
	-moz-transition: .35s;
	-ms-transition: .35s;
	-o-transition: .35s;
	}
	
#icon_form_contact:hover {
	background-color: rgba(0,0,0,.15);
	}
	
#send_message {
	width: 1024px;
	background-color: #FFFFFF;
	}

#send_message_container {
	width: 824px;
	margin: 0 auto;
	padding: 0;
	}
	
#form_contact {
	width: 824px;
	margin: 0 auto;
	padding: 0;
	}	

.field_contact {
	width: 379.5px;
	height: 36px;
	margin: 25px 0 0 0;
	font-family: "Roboto", sans-serif;
	font-size: 16px;
	line-height: 22px;
	font-weight: 300;
	color: #191919;
	padding: 10px;
	background-color: rgba(25,25,25,.05);
	border: none;
	outline: none;
	transition: .25s;
	-webkit-transition: .25s;
	-moz-transition: .25s;
	-ms-transition: .25s;
	-o-transition: .25s;
	}
	
.field_contact:focus {
	background-color: rgba(25,25,25,.02);
	}
	
#contact_left {
	width: 399.5px;
	margin: 0 25px 0 0;
	float: left;
	}
	
#contact_right {
	width: 399.5px;
	float: left;
	}
	
#name_input_contact {
	margin: 0;
	padding: 0;
	}	
	
#email_input_contact {
	margin: 0;
	padding: 0;
	}
	
#comment_input_contact {
	margin: 0;
	padding: 0;
	}

#comment_contact {
	height: 198px;
	}
	
#button_input_contact {
	width: 250px;
	margin: 25px auto 100px auto;
	padding: 0;
	clear: both;
	}
	
#button_contact {
	width: 250px;
	height: 52px;
	margin: 0;
	background-color: #29ABE2;
	font-family: "Roboto", sans-serif;
	font-size: 16px;
	font-weight: 400;
	color: #FFFFFF;
	border: solid 2px #29ABE2;
	border-radius: 5px;
	cursor: pointer;
	transition: .25s;
	-webkit-transition: .25s;
	-moz-transition: .25s;
	-ms-transition: .25s;
	-o-transition: .25s;
	}
	
#button_contact:hover {
	color: #29ABE2;
	background-color: #FFFFFF;
	}
/**************************/
/***** END OF CONTACT *****/
/**************************/

/****************/
/***** FORM *****/
/****************/
#body_form {
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
	background-image: url(../images/3d_polygon_background.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	}
	
#body_form p {
	font-family: "Roboto", sans-serif;
	font-weight: 300;
	color: #FFFFFF;
	margin: 0;
	padding: 0;
	}

#wrapper_form {
	width: 720px;
	margin: 0 auto;
	padding: 0;
	position: relative;
	}

#icon_7cs_form {
	width: 100px;
	height: 100px;
	margin: 0 auto;
	}
	
#form {
	width: 720px;
	height: auto;
	margin: 0 auto;
	padding: 0;
	}
	
.field {
	width: 286px;
	height: 36px;
	font-family: "Roboto", sans-serif;
	font-size: 16px;
	line-height: 22px;
	font-weight: 300;
	color: #FFFFFF;
	padding: 0 0 0 10px;
	background-color: transparent;
	border: solid 2px rgba(255,255,255,.50);
	border-radius: 5px;
	outline: none;
	transition: .25s;
	-webkit-transition: .25s;
	-moz-transition: .25s;
	-ms-transition: .25s;
	-o-transition: .25s;
	-webkit-appearance: none;
	appearance: none;
	}
	
.field:hover {
	border: solid 2px rgba(255,255,255,1.00);
	}
	
.field:focus {
	border: solid 2px rgba(255,255,255,1.00);
	}
	
.line_field {
	width: 284px;
	height: 36px;
	font-family: "Roboto", sans-serif;
	font-size: 16px;
	line-height: 22px;
	font-weight: 300;
	text-align: center;
	color: #FFFFFF;
	background-color: transparent;
	border-top: none;
	border-right: none;
	border-left: none;
	border-bottom: solid 2px rgba(255,255,255,.50);
	-webkit-border-radius: 0;
	border-radius: 0;
	outline: none;
	transition: .25s;
	-webkit-transition: .25s;
	-moz-transition: .25s;
	-ms-transition: .25s;
	-o-transition: .25s;
	-webkit-appearance: none;
	appearance: none;
	}
	
.line_field:hover {
	border: none;
	border-bottom: solid 2px rgba(255,255,255,1.00);
	-webkit-border-radius: 0;
	border-radius: 0;
	-webkit-appearance: none;
	appearance: none;
	}
	
.line_field:focus {
	border: none;
	border-bottom: solid 2px rgba(255,255,255,1.00);
	-webkit-border-radius: 0;
	border-radius: 0;
	-webkit-appearance: none;
	appearance: none;
	}
	
#name_input {
	height: 40px;
	width: 335px;
	margin: 0 50px 35px 0;
	float: left;
	}

#name_input img {
	margin: 9px 10px 0 0;
	float: left;
	}
	
#email_input {
	height: 40px;
	width: 335px;
	margin: 0 0 35px 0;
	float: left;
	}
	
#email_input img {
	margin: 10.5px 10px 0 0;
	float: left;
	}
	
#phone_number_input {
	height: 40px;
	width: 335px;
	margin: 0 50px 35px 0;
	float: left;
	}
	
#phone_number_input img {
	margin: 10px 15px 0 0;
	float: left;
	}
	
#website_input {
	height: 40px;
	width: 335px;
	margin: 0 0 35px 0;
	float: left;
	}
	
#website_input img {
	margin: 7.5px 10px 0 0;
	float: left;
	}
	
#budget_input_text {
	width: 335px;
	margin: 0 50px 35px 0;
	float: left;
	}
	
#budget_input {
	height: 40px;
	width: 335px;
	float: left;
	}
	
#budget_input img {
	margin: 7.5px 10px 0 0;
	float: left;
	}
	
#referral_input_text {
	width: 335px;
	margin: 0 50px 35px 0;
	float: left;
	}
	
#referral_input {
	float: left;
	}
	
#referral_input img {
	margin: 9px 10px 0 0;
	float: left;
	}
	
#comment_input {
	clear: both;
	}
	
#comment {
	width: 696px;
	height: 150px;
	padding: 10px;
	}
	
#button_input {
	width: 200px;
	margin: 0 auto;
	}
	
#button {
	width: 200px;
	height: 46px;
	margin: 25px 0 0 0;
	padding: 0;
	font-family: "Roboto", sans-serif;
	font-size: 16px;
	font-weight: 400;
	color: rgba(255,255,255,.50);
	background-color: transparent;
	border: solid 2px rgba(255,255,255,.50);
	border-radius: 5px;
	cursor: pointer;
	transition: .25s;
	-webkit-transition: .25s;
	-moz-transition: .25s;
	-ms-transition: .25s;
	-o-transition: .25s;
	}
	
#button:hover {
	color: #191919;
	background-color: #FFFFFF;
	}
	
#button_back {
	width: 50px;
	height: 50px;
	position: absolute;
	margin: 0 50px 50px 0;
	bottom: 0;
	right: 0;
	opacity: .5;
	transition: .35s;
	-webkit-transition: .35s;
	-moz-transition: .35s;
	-ms-transition: .35s;
	-o-transition: .35s;
	}
	
#button_back:hover {
	opacity: 1;
	}
	
button {
	border: none;
	background-color: transparent;
	cursor: pointer;
	}

#wrapper_submitted {
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
	background-color: rgba(25,25,25,.90);
	position: fixed;
	filter: 10px;
	-webkit-filter: 10px;
	-moz-filter: 10px;
	-ms-filter: 10px;
	-o-filter: 10px;
	z-index: 10;
	}	

#notification {
	width: 600px;
	height: 250px;
	background: -webkit-linear-gradient(left, #29ABE2, #2BD994);
	background: -moz-linear-gradient(right, #29ABE2, #2BD994);
	background: -ms-linear-gradient(right, #29ABE2, #2BD994);
	background: -o-linear-gradient(right, #29ABE2, #2BD994);
	background: linear-gradient(to right, #29ABE2, #2BD994);
	border-radius: 5px;
	position: fixed;
	top: 50%;
	left: 50%;
	margin: -125px 0 0 -300px;
	z-index: 10;
	text-align: center;
	}
	
#notification_content {
	width: 500px;
	margin: 0 auto;
	padding: 45.5px 0 0 0;
	}
	
#go_home {
	width: 171px;
	height: 46px;
	background-color: transparent;
	margin: 0 auto;
	padding: 0;
	border: solid 2px rgba(255,255,255,1.00);
	border-radius: 5px;
	transition: .35s;
	-webkit-transition: .35s;
	-moz-transition: .35s;
	-ms-transition: .35s;
	-o-transition: .35s;
	}

#go_home:hover {
	background-color: #FFFFFF;
	}
	
#go_home p {
	color: #FFFFFF;
	}

#go_home:hover p {
	color: #29ABE2;
	}
	
.spacer {
	width: 720px;
	height: 50px;
	}
/***********************/	
/***** END OF FORM *****/
/***********************/

/**********************************/
/********** CASE STUDIES **********/
/**********************************/
#case_study_intro {
	width: 1024px;
	height: auto;
	background-color: #29ABE2;
	}
	
#case_study_content {
	width: 680px;
	height: auto;
	margin: 0 auto;
	padding: 75px 0;
	}
/*****************************************/
/********** END OF CASE STUDIES **********/
/*****************************************/

/************************************/
/********** SWEET MEMORIES **********/
/************************************/
#header_sweet_memories_main {
	width: 1024px;
	height: 686px;
	background-image: url(../images/header_sweet_memories_main.jpg);
	}

#sm_red {
	width: 437px;
	height: 287px;
	background-image: url(../images/sm_red.jpg);
	box-shadow: 0 0 5px rgba(25,25,25,.35);
	margin: 50px;
	padding: 0;
	float: left;
	}
	
#sm_white {
	width: 437px;
	height: 287px;
	background-image: url(../images/sm_white.jpg);
	box-shadow: 0 0 5px rgba(25,25,25,.35);
	margin: 50px 0 50px 0;
	padding: 0;
	float: left;
	}
	
#sweet_memories_white {
	width: 924px;
	height: 424px;
	background-image: url(../images/sweet_memories_white.jpg);
	box-shadow: 0 0 5px rgba(25,25,25,.35);
	margin: 50px;
	padding: 0;
	clear: both;
	}
	
#sweet_memories_red {
	width: 924px;
	height: 424px;
	background-image: url(../images/sweet_memories_red.jpg);
	box-shadow: 0 0 5px rgba(25,25,25,.35);
	margin: 50px;
	padding: 0;
	}
	
#sweet_memories_biz {
	width: 1024px;
	height: 600px;
	background-image: url(../images/sweet_memories_biz.jpg);
	margin: 0;
	padding: 0;
	}
/*******************************************/
/********** END OF SWEET MEMORIES **********/
/*******************************************/

/********************************/
/********** EAGLE COVE **********/
/********************************/
#header_eagle_cove_main {
	width: 1024px;
	height: 678px;
	background-image: url(../images/header_eagle_cove_main.jpg);
	}
	
#eagle_cove_brown {
	width: 437px;
	height: 437px;
	background-image: url(../images/eagle_cove_brown.jpg);
	box-shadow: 0 0 5px rgba(25,25,25,.35);
	margin: 50px;
	padding: 0;
	float: left;
	}
	
#eagle_cove_white {
	width: 437px;
	height: 437px;
	background-image: url(../images/eagle_cove_white.jpg);
	box-shadow: 0 0 5px rgba(25,25,25,.35);
	margin: 50px 0 50px 0;
	padding: 0;
	float: left;
	}
	
#eagle_cove_white_inline {
	width: 924px;
	height: 425px;
	background-image: url(../images/eagle_cove_white_inline.jpg);
	box-shadow: 0 0 5px rgba(25,25,25,.35);
	margin: 50px;;
	padding: 0;
	clear: both;
	}
	
#eagle_cove_wood {
	width: 1024px;
	height: 600px;
	background-image: url(../images/header_eagle_cove_wood.jpg);
	}
/***************************************/
/********** ENF OF EAGLE COVE **********/
/***************************************/

/***********************************/
/********** THE SUP GUILD **********/
/***********************************/
#header_sup_guild_main {
	width: 1024px;
	height: 499px;
	background-image: url(../images/header_sup_guild_main.jpg);
	}
	
#sup_guild_white {
	width: 437px;
	height: 437px;
	background-image: url(../images/sup_guild_white.jpg);
	box-shadow: 0 0 5px rgba(25,25,25,.35);
	margin: 25px 50px 50px 50px;
	padding: 0;
	float: left;
	}
	
#sup_guild_orange {
	width: 437px;
	height: 437px;
	background-image: url(../images/sup_guild_orange.jpg);
	box-shadow: 0 0 5px rgba(25,25,25,.35);
	margin: 25px 0 50px 0;
	padding: 0;
	float: left;
	}
	
#sup_guild_inline {
	width: 924px;
	height: 424px;
	background-image: url(../images/sup_guild_inline.jpg);
	box-shadow: 0 0 5px rgba(25,25,25,.35);
	margin: 50px;;
	padding: 0;
	clear: both;
	}
	
#sup_guild_sign {
	width: 1024px;
	height: 600px;
	background-image: url(../images/sup_guild_sign.jpg);
	}
/******************************************/
/********** END OF THE SUP GUILD **********/
/******************************************/

/**********************************/
/********** MOZER PAVING **********/
/**********************************/
#header_mozer_main {
	width: 1024px;
	height: 686px;
	background-image: url(../images/header_mozer_main.jpg);
	}
	
#mozer_red {
	width: 437px;
	height: 437px;
	background-image: url(../images/mozer_red.jpg);
	box-shadow: 0 0 5px rgba(25,25,25,.35);
	margin: 50px;
	padding: 0;
	float: left;
	}
	
#mozer_white {
	width: 437px;
	height: 437px;
	background-image: url(../images/mozer_white.jpg);
	box-shadow: 0 0 5px rgba(25,25,25,.35);
	margin: 50px 0 50px 0;
	padding: 0;
	float: left;
	}
	
#mozer_front_side_van {
	width: 924px;
	height: 424px;
	background-image: url(../images/mozer_front_side_van.jpg);
	box-shadow: 0 0 5px rgba(25,25,25,.35);
	margin: 50px;;
	padding: 0;
	clear: both;
	}
	
#mozer_diag_van {
	width: 1024px;
	height: 600px;
	background-image: url(../images/mozer_diag_van.jpg);
	}
/*****************************************/
/********** END OF MOZER PAVING **********/
/*****************************************/

/*********************************/
/********** STRIKE CITY **********/
/*********************************/
#header_strike_city_main {
	width: 1024px;
	height: 499px;
	background-image: url(../images/header_strike_city_main.jpg);
	}
	
#strike_city_black {
	width: 437px;
	height: 437px;
	background-image: url(../images/strike_city_black.jpg);
	box-shadow: 0 0 5px rgba(25,25,25,.35);
	margin: 25px 50px 50px 50px;
	padding: 0;
	float: left;
	}
	
#strike_city_white {
	width: 437px;
	height: 437px;
	background-image: url(../images/strike_city_white.jpg);
	box-shadow: 0 0 5px rgba(25,25,25,.35);
	margin: 25px 0 50px 0;
	padding: 0;
	float: left;
	}
	
#strike_city_text {
	width: 924px;
	height: 424px;
	background-image: url(../images/strike_city_text.jpg);
	box-shadow: 0 0 5px rgba(25,25,25,.35);
	margin: 50px;;
	padding: 0;
	clear: both;
	}
	
#strike_city_sign {
	width: 1024px;
	height: 600px;
	background-image: url(../images/strike_city_sign.jpg);
	}
/****************************************/
/********** END OF STRIKE CITY **********/
/****************************************/

/****************************************/
/********** FIRST CLASS IMAGES **********/
/****************************************/
#header_first_class_images_main {
	width: 1024px;
	height: 678px;
	background-image: url(../images/header_first_class_images_main.jpg);
	}
	
#first_class_images_black {
	width: 437px;
	height: 437px;
	background-image: url(../images/first_class_images_black.jpg);
	box-shadow: 0 0 5px rgba(25,25,25,.35);
	margin: 50px;
	padding: 0;
	float: left;
	}
	
#first_class_images_white {
	width: 437px;
	height: 437px;
	background-image: url(../images/first_class_images_white.jpg);
	box-shadow: 0 0 5px rgba(25,25,25,.35);
	margin: 50px 0;
	padding: 0;
	float: left;
	}
	
#first_class_images_text {
	width: 924px;
	height: 424px;
	background-image: url(../images/first_class_images_text.jpg);
	box-shadow: 0 0 5px rgba(25,25,25,.35);
	margin: 50px;;
	padding: 0;
	clear: both;
	}
/***********************************************/
/********** END OF FIRST CLASS IMAGES **********/
/***********************************************/

/********************************/
/********** SNIPERBALL **********/
/********************************/
#header_sniperball_main {
	width: 1024px;
	height: 685px;
	background-image: url(../images/header_sniperball_main.jpg);
	}
	
#sniperball_red {
	width: 437px;
	height: 437px;
	background-image: url(../images/sniperball_red.jpg);
	box-shadow: 0 0 5px rgba(25,25,25,.35);
	margin: 50px 50px 50px 50px;
	padding: 0;
	float: left;
	}
	
#sniperball_black {
	width: 437px;
	height: 437px;
	background-image: url(../images/sniperball_black.jpg);
	box-shadow: 0 0 5px rgba(25,25,25,.35);
	margin: 50px 0 50px 0;
	padding: 0;
	float: left;
	}
	
#sniperball_text {
	width: 924px;
	height: 424px;
	background-image: url(../images/sniperball_text.jpg);
	box-shadow: 0 0 5px rgba(25,25,25,.35);
	margin: 50px;
	padding: 0;
	clear: both;
	}
	
#sniperball_jersey {
	width: 1024px;
	height: 600px;
	background-image: url(../images/sniperball_jersey.jpg);
	}
/***************************************/
/********** END OF SNIPERBALL **********/
/***************************************/

/****************************/
/********** LEAGAL **********/
/****************************/
#legal_info {
	width: 1024px;
	height: auto;
	background-color: #FFFFFF;
	margin: 0 auto;
	padding: 0;
	}
	
#legal_content {
	width: 824px;
	height: auto;
	margin: 0 auto;
	padding: 100px 0;
	}
	
.header_legal {
	padding: 20px 0 10px 0;
	}
/***********************************/
/********** END OF LEAGAL **********/
/***********************************/