/*
Theme Name:     3clicks Child Theme
Theme URI:      http://3clicks.bringthepixel.com
Description:    Got questions? Visit our <a href="http://bringthepixel.com/support/">support forum</a>.
Author:         bring the pixel
Author URI:     http://www.bringthepixel.com/
Template:       3clicks
Version:        1.0
Tags:           flexible-width, custom-colors, custom-menu, featured-images, post-formats, theme-options, threaded-comments, translation-ready
*/

/* Place all your CSS modifications below */

@font-face {
    font-family: 'proxima-bold';
    src: url('fonts/PROXIMANOVA-BOLD.OTF');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gotham-book';
    src: url('fonts/GOTHAM-BOOK.TTF');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'proxima-extrabold';
    src: url('fonts/PROXIMANOVA-EXTRABOLD.OTF');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'proxima-semibold';
    src: url('fonts/PROXIMANOVA-SEMIBOLD.OTF');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'proxima-light';
    src: url('fonts/PROXIMANOVA-LIGHT.OTF');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'proxima-regular';
    src: url('fonts/PROXIMANOVA-REGULAR.OTF');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'proxima-boldit';
    src: url('fonts/PROXIMANOVA-BOLDIT.OTF');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'agaramondpro-reg';
    src: url('fonts/AGARAMONDPRO-REGULAR.OTF');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'agaramondpro-bold';
    src: url('fonts/AGARAMONDPRO-BOLD.OTF');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'agaramondpro-italic';
    src: url('fonts/AGARAMONDPRO-ITALIC.OTF');
    font-weight: normal;
    font-style: normal;
}

body{
	font-family: proxima-light, arial, helvetica, sans-serif;
	font-size:16.95;
}

h2{
	font-family: proxima-light, arial, helvetica, sans-serif;
}

/*Begin homepage styling */

#how-it-works{
	color:#fff;
	font-family: proxima-light, arial, helvetica, sans-serif;
	font-size:17.95;
	padding-bottom:30px;
}
#how-it-works p {
font-family:proxima-regular;
font-size:16px;
}

#how-it-works img {
padding-bottom:10px;
}

#how-it-works h2{
	color:#fff;
	font-family: proxima-bold; 
	font-size: 49px;
}

#how-it-works h3{
	color:#fff;
	font-family: proxima-bold; 
	font-size: 22px;
}

#logo-ethical {
	color:#000;
	font-family: proxima-regular, arial, helvetica, sans-serif;
	font-size:17.4px;
	line-height:28px;
}

#logo-ethical h2 {
	color:#fff;
	font-family: proxima-bold; 
	font-size: 49px;
	text-shadow:0px 1px 1px #545454;
}

#logo-ethical span {
	color:#e7e7e7;
	font-family: agaramondpro-italic; 
	font-size: 35px;
}

#ethical1{
	padding-top: 30px
}

#ethical2{
	padding-top: 55px
}

#ethical3{
	padding-top: 35px
}

#stats h3 {
	color:#434343;
	font-family: proxima-bold; 
	font-size: 49px;
	text-shadow:0px 1px 0px #545454;
}

#stats h2{
font-family:agaramondpro-italic;
margin-top:0px;
margin-bottom:10px;
padding-left:60px;
font-size:36px;
color:#474747;
}

#happy-clients h3 {
	color:#434343;
	font-family: proxima-bold; 
	font-size: 49px;
	text-shadow:0px 1px 0px #545454;
}

#happy-clients h2{
font-family:agaramondpro-italic;
margin-top:15px;
margin-bottom:10px;
padding-left:60px;
font-size:36px;
color:#474747;
}

#happy-clients p {
margin-bottom:0;
line-height:48px;
padding-left:10px;
}

#happy-clients p{
font-size:17px;
}

#happy-clients p a:hover{
color:#e24b60;
}


#featured-in h2 {
	font-size:15.5px;
	color:#fff;
	text-shadow:0px 1px 1px #545454;
}

#pricing-home {
	text-align: center;

}

#pricing-home h6 {
	color:#fff;
	font-family: proxima-bold; 
	font-size: 49px;
	text-shadow:0px 1px 1px #545454;
}

.g1-tabs-nav{
color:#fff;
}

#silver-pricing {
	text-align: center;
	font-family: proxima-regular;
	color:#fff;
	margin-bottom:18px;
	position:relative;
	border:1px solid #c9c9c9;
}

.page-id-4887 #g1-content div {
border-color:#c9c9c9;
}

#silver-pricing p {
}

#orange-btn{
margin-top:30px;
}

.page-id-3799 #g1-content .g1-button{
font-size:18px;
text-shadow:0px 1px 0px #bababa;
}

.page-id-3799 #g1-content .g1-button:hover{
background-color:#E17600;
border-color:#E17600;
}

#silver-pricing span:hover ~ h2,#silver-pricing span:hover ~ p a, #gold-pricing span:hover h2,#gold-pricing span:hover p a,#platinum-pricing span:hover h2,#platinum-pricing span:hover p a{
cursor:pointer;
color:#000;
text-shadow:0px 1px 0px #fff;
}
/*#silver-pricing span:hover, #gold-pricing span:hover, #platinum-pricing span:hover{
cursor:pointer;
box-shadow:0px 3px 4px #bababa;
}*/

#silver-price{
background:#303030;
height:90px;
width:100%;
font-size:50px;
position:relative;
left:0px;
}

#silver-pricing h2, #gold-pricing h2, #platinum-pricing h2{
	color:#fff;
	margin-bottom:0px;
	font-size:35px;
	padding: 10px;
	font-family:proxima-light;
	text-shadow:0px 1px 0px #656565;
	letter-spacing:2px;
}

#silver-pricing h1, #gold-pricing h1, #platinum-pricing h1{
	color:#fff;
	margin:0px;
	padding-top:18px;
	font-size:50px;
}

#silver-pricing a, #gold-pricing a, #platinum-pricing a{
color:#fff;
text-shadow:0px 1px 0px #000;
margin-top:60px;
text-align:center;
font-size:18px;
}

#silver-pricing a:hover, #gold-pricing a:hover, #platinum-pricing a:hover{
color:#000;
text-shadow:0px 0px 0px #000;
}

#gold-pricing {
	background-size: cover;
	text-align: center;
	margin-bottom:18px;
	position:relative;
}

#gold-price{
background:#f59147;
width:100%;
font-size:37px;
position:relative;
left:0px;
bottom:15px;
}

#platinum-pricing {
	background: url(/wp-content/uploads/2014/04/plat-bkg.png) no-repeat;
	background-size: cover;
	text-align: center;
	margin-bottom:18px;
	height:150px;
	position:relative;
}

#plat-price{
background:url(/wp-content/uploads/2014/04/plat-price.png);
width:100%;
font-size:37px;
position:relative;
left:0px;
bottom:15px;
}

#pricing-section{
border:1px solid #484848;
padding:7px 10px;
width:260px;
}

#most-pop p, #sil p, #plat p{
margin-bottom:0;
padding:8px 0px;
font-size:16px;
font-family:proxima-light;
font-weight:bold;
color:#000;
}
	
#g1-content li {
border-color: #484848;
}
#pricing-section p {
margin:0;
line-height:25px;
}

/*#silver-pricing span, #gold-pricing span, #platinum-pricing span {
position:absolute;
width:100%;
height:100%;
left:0px;
top:0px;
}*/

#silver-pricing span, #gold-pricing span, #platinum-pricing span {
position:relative;
top:-10px;
}

#progress-bar.g1-progress-bar .g1-progress-bar__bar{
background:#464646;
background-size:contain;
}

#g1-precontent > .g1-background {
background:#f5f5f5;
}

.g1-progress-bar__track {
background: url(/wp-content/uploads/2014/05/progressbar.png);
}

#g1-content .g1-button--solid, #g1-content .g1-button--solid:hover, #g1-content .g1-button--simple:hover, #g1-content a.button, #g1-content button.button{
text-shadow:0px 1px 0px #bababa;
}

#pricing h1{
	font-size: 40px;
	margin-bottom:30px;
	font-family: proxima-bold; 
	color:#474747;
}
#pricing p {margin-bottom:0;
color:#e24b60;
font-size:18px;
line-height:44px;
text-align:center;
padding-left:4px;
}
#pricing{padding-bottom:30px;}
#pricing h2{
	color:#fff;
	font-family: proxima-bold; 
	font-size: 49px;
}

#pricing a{color:#474747;}
#pricing-divider {
border-color:#555555;
margin:40px;
}

#pricing #g1-content div {
border-color:#555555;
}

/* #g1-header.g1-fixed > .g1-background {
height:71px; */
}

.g1-nav--collapsed #g1-primary-nav-menu .g1-type-tile .g1-submenus .g1-nav-item__title{
font-weight:400;
}

.g1-nav--collapsed #g1-primary-nav-menu .g1-type-tile .g1-submenus .g1-color-red-1 > a{
background-color:none;
background:url(/wp-content/uploads/2014/10/biz.jpg);
filter: brightness(100%);
	-webkit-filter: brightness(100%);
	-moz-filter: brightness(100%);
	-o-filter: brightness(100%);
	-ms-filter: brightness(100%);
	background-size:cover;
	font-size: 1px;
	color:transparent;
}

.g1-nav--collapsed #g1-primary-nav-menu .g1-type-tile .g1-submenus .g1-color-red-1 > a:hover{
background-color:none;
filter: brightness(95%);
	-webkit-filter: brightness(95%);
	-moz-filter: brightness(95%);
	-o-filter: brightness(95%);
	-ms-filter: brightness(95%);
color:transparent;
}

.g1-nav--collapsed #g1-primary-nav-menu .g1-type-tile .g1-submenus .g1-color-blue-2 > a{
background-color:none;
background:url(/wp-content/uploads/2014/10/everything.jpg);
filter: brightness(100%);
	-webkit-filter: brightness(100%);
	-moz-filter: brightness(100%);
	-o-filter: brightness(100%);
	-ms-filter: brightness(100%);
	background-size:cover;
	font-size: 1px;
	color:transparent;
}

.g1-nav--collapsed #g1-primary-nav-menu .g1-type-tile .g1-submenus .g1-color-blue-2 > a:hover{
background-color:none;
filter: brightness(95%);
	-webkit-filter: brightness(95%);
	-moz-filter: brightness(95%);
	-o-filter: brightness(95%);
	-ms-filter: brightness(95%);
color:transparent;
}

.g1-nav--collapsed #g1-primary-nav-menu .g1-type-tile .g1-submenus .g1-color-blue-1 > a{
background-color:none;
background:url(/wp-content/uploads/2014/10/banners.jpg);
filter: brightness(100%);
	-webkit-filter: brightness(100%);
	-moz-filter: brightness(100%);
	-o-filter: brightness(100%);
	-ms-filter: brightness(100%);
	background-size:cover;
	font-size: 1px;
	color:transparent;
}

.g1-nav--collapsed #g1-primary-nav-menu .g1-type-tile .g1-submenus .g1-color-blue-1 > a:hover{
background-color:none;
filter: brightness(95%);
	-webkit-filter: brightness(95%);
	-moz-filter: brightness(95%);
	-o-filter: brightness(95%);
	-ms-filter: brightness(95%);
color:transparent;
}

.g1-nav--collapsed #g1-primary-nav-menu .g1-type-tile .g1-submenus .g1-color-red-2 > a{
background-color:none;
background:url(/wp-content/uploads/2014/10/stationery.jpg);
filter: brightness(100%);
	-webkit-filter: brightness(100%);
	-moz-filter: brightness(100%);
	-o-filter: brightness(100%);
	-ms-filter: brightness(100%);
	background-size:cover;
	font-size: 1px;
	color:transparent;
}

.g1-nav--collapsed #g1-primary-nav-menu .g1-type-tile .g1-submenus .g1-color-red-2 > a:hover{
background-color:none;
filter: brightness(95%);
	-webkit-filter: brightness(95%);
	-moz-filter: brightness(95%);
	-o-filter: brightness(95%);
	-ms-filter: brightness(95%);
color:transparent;
}

.g1-nav--collapsed #g1-primary-nav-menu .g1-type-tile .g1-submenus .g1-color-orange-1 > a{
background-color:none;
background:url(/wp-content/uploads/2014/10/logos.jpg);
filter: brightness(100%);
	-webkit-filter: brightness(100%);
	-moz-filter: brightness(100%);
	-o-filter: brightness(100%);
	-ms-filter: brightness(100%);
	font-size: 1px;
	background-size:cover;
	color:transparent;
}

.g1-nav--collapsed #g1-primary-nav-menu .g1-type-tile .g1-submenus .g1-color-orange-1 > a:hover{
background-color:none;
filter: brightness(95%);
	-webkit-filter: brightness(95%);
	-moz-filter: brightness(95%);
	-o-filter: brightness(95%);
	-ms-filter: brightness(95%);
color:transparent;
}

.g1-nav--collapsed #g1-primary-nav-menu .g1-type-tile .g1-submenus .g1-color-orange-2 > a{
background-color:none;
background:url(/wp-content/uploads/2014/10/websites.jpg);
filter: brightness(100%);
	-webkit-filter: brightness(100%);
	-moz-filter: brightness(100%);
	-o-filter: brightness(100%);
	-ms-filter: brightness(100%);
	background-size:cover;
	font-size: 1px;
	color:transparent;
}

.g1-nav--collapsed #g1-primary-nav-menu .g1-type-tile .g1-submenus .g1-color-orange-2 > a:hover{
background-color:none;
filter: brightness(95%);
	-webkit-filter: brightness(95%);
	-moz-filter: brightness(95%);
	-o-filter: brightness(95%);
	-ms-filter: brightness(95%);
color:transparent;

}

#g1-primary-nav-menu > .g1-type-tile .g1-submenus > ul > li > a {
margin:1px 0px 0px 1px;
}

#pricing-divide{
margin:20px;}

.choosebox{
height:369px;
position:relative;
}

.page-id-4193 .choosebox{
height:321px;
position:relative;
}

.page-id-1359 #g1-content .g1-box--simple .g1-box__inner{height:338px;}

#click{
position:absolute;
top:0;
left:0;
display:block;
width:100%;
height:100%;
}

#click:hover{
cursor:pointer;
}

.choosebox:hover{
box-shadow:0px 3px 3px #bababa;
}

.page-id-2075 #g1-content a{
border:3px solid #f3f3f3;
}

.gallery-icon {
box-shadow:0px 1px 0px #bababa;
margin-bottom:20px;
}

#gallery h1 {
font-family:proxima-bold;
color:#474747;
}

#gallery{
}

/*#left-progressbar .g1-progress-bar__track{
border-top-left-radius:15px;
border-bottom-left-radius:15px;
}

#right-progressbar.g1-progress-bar .g1-progress-bar__bar{
border-top-right-radius:15px;
border-bottom-right-radius:15px;
} */

.page-id-2476 h2 {
font-size:16px;
}
.page-id-2476 #g1-content h3 {
text-align: center; color: #999999; font-size: 28px;margin-bottom: 0px;
}
.page-id-2476 h1 {
font-size:16px;
text-decoration:underline;
}

.page-id-2549 p,.page-id-2595 p,.page-id-2837 p,.page-id-2578 p, .page-id-2623 p, .page-id-2593 p, .page-id-2573 p, .page-id-2610 p, .page-id-2604 p, .page-id-2588 p, .page-id-2616 p, .page-id-2602 p, .page-id-2591 p, .page-id-2608 p, .page-id-2598 p, .page-id-2600 p, .page-id-2575 p, .page-id-2618 p, .page-id-2606 p, .page-id-2614 p, .page-id-2612 p{
margin-bottom:0px;
padding:10px 0px;
color: #555555;
}

.page-id-2549 h1,.page-id-2578 h1,.page-id-2837 h1,.page-id-2595 h1, .page-id-2623 h1, .page-id-2593 h1, .page-id-2573 h1, .page-id-2610 h1, .page-id-2604 h1, .page-id-2588 h1, .page-id-2616 h1, .page-id-2602 h1, .page-id-2591 h1, .page-id-2608 h1, .page-id-2598 h1, .page-id-2600 h1, .page-id-2575 h1, .page-id-2618 h1, .page-id-2606 h1, .page-id-2614 h1, .page-id-2612 h1 {
margin-top:10px;
color:#e24b60;
}

.page-id-2549 #g1-content h1,.page-id-2837 #g1-content h1,.page-id-2578 #g1-content h1,.page-id-2595 #g1-content h1, .page-id-2623 #g1-content h1, .page-id-2593 #g1-content h1, .page-id-2573 #g1-content h1, .page-id-2610 #g1-content h1, .page-id-#g1-content h1, .page-id-2588 #g1-content h1, .page-id-2616 #g1-content h1, .page-id-2602 #g1-content h1, .page-id-2591 #g1-content h1, .page-id-2608 #g1-content h1, .page-id-2598 #g1-content h1, .page-id-2600 #g1-content h1, .page-id-2575 #g1-content h1, .page-id-2618 #g1-content h1, .page-id-2606 #g1-content h1, .page-id-2614 #g1-content h1, .page-id-2612 #g1-content h1 {
color:#000;
}

.page-id-2549 #g1-content h2,.page-id-2837 #g1-content h2,.page-id-2578 #g1-content h2,.page-id-2595 #g1-content h2, .page-id-2623 #g1-content h2, .page-id-2593 #g1-content h2, .page-id-2573 #g1-content h2, .page-id-2610 #g1-content h2, .page-id-#g1-content h2, .page-id-2588 #g1-content h2, .page-id-2616 #g1-content h2, .page-id-2602 #g1-content h2, .page-id-2591 #g1-content h2, .page-id-2608 #g1-content h2, .page-id-2598 #g1-content h2, .page-id-2600 #g1-content h2, .page-id-2575 #g1-content h2, .page-id-2618 #g1-content h2, .page-id-2606 #g1-content h2, .page-id-2614 #g1-content h2, .page-id-2612 #g1-content h2 {
color:#4c96a1;
}

#state-content {
padding-top:0px;
}

#state-content p {
line-height:38px;
font-size:16px;
}

#design-brief.g1-section {
background-repeat:repeat; 
background-position:center top; 
background-attachment:static;
padding-top:20px;
width:750px;
margin:auto;
position:relative;
}

#design-brief.g1-section h1 {
text-align:center;
font-size:22px;
font-family:proxima-regular;
}

#design-brief.g1-section h2{
font-size:18px;
font-family:proxima-regular;
}

#design-brief.g1-section #basic-info label{
float:left;
text-align:right;
font-family:proxima-regular;
font-weight:normal;
font-size:18px;
margin-top:10px;
color:#000;
}

#design-brief.g1-section #basic-info input, #briefdescribe, #briefindustry, #other-color{
float: right;
height: 45px;
font-size:16px;
text-align: left;
color:#666;
width: 280px;
border: 1px solid #EDEDED;
box-shadow: 0px -1px 0px #B8B8B8;
margin-bottom:15px;
}

#anythingelse {
float: right;
height: 45px;
text-align: left;
color:#666;
font-size:16px;
width: 300px;
border: 1px solid #EDEDED;
box-shadow: 0px -1px 0px #B8B8B8;
float:right;
bottom:25px;
height:140px;
}

#briefdescribe {
height:140px;
color:666;
}


#logo-design-layout ul li {
float:left;
display:inline;
list-style:none;
padding:10px 18px;
}

#logo-design-layout ul li label {
font-family:proxima-regular;
font-weight:normal;
font-size:14px;
color:#000;
margin-bottom:5px;
}

#logo-design-layout ul li input[type="checkbox"] {
    width:20px;
	height:20px;
}

#logo-design-layout label:hover, #logo-design-layout input:hover  {
    cursor:pointer;
}

#logo-color label:hover, #logo-color input:hover  {
    cursor:pointer;
}

#logo-design-layout ul li span {
position:relative;
bottom:4px;
}

#logo-color ul li {
float:left;
display:inline;
list-style:none;
padding:10px 18px;
}

#logo-color ul li label {
font-family:proxima-regular;
font-weight:normal;
font-size:14px;
color:#000;
}

#logo-color ul li input[type="checkbox"] {
    width:20px;
	height:20px;
}

#logo-color img {
border:1px solid #d0d0d0;
box-shadow:0px 1px 0px #f5f5f5;
}

#color-description{
margin-bottom:30px;
}

#color-description p {
line-height:0px;
padding:16px;
border:1px solid #e3e3e3;
border-top:none;
margin:0px;
}

#color-description span {
color:#000;
}

#emotions-section{
margin:auto;
width:540px;
}

#logo-emotions{
width:310px;
margin:auto;
float:left;
margin-top:5px;
}

#logo-emotions label {
margin-bottom:10px;
width:300px;
margin:auto;
}

#emotion-labels {
float:left;
padding:0px 10px;
}

#emotion-labels p{
margin:0px;
line-height:35px;
font-size:16px;
font-family:proxima-regular;
}

#logo-emotions span {
font-weight:normal;
font-size:18px;
}

#emotion1, #emotion2, #emotion3, #emotion4, #emotion5, #emotion6 {
	height: 17px;
	position: relative;
	margin:auto;
	background: #f5f5f5;
	border:1px solid #e3e3e3;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border-radius: 40px;
	
	-webkit-box-shadow: inset 0px 0px 0px 0px #e3e3e3, 0px 1px 0px 0px #e3e3e3;
	-moz-box-shadow: inset 0px 0px 0px 0px #e3e3e3, 0px 1px 0px 0px #e3e3e3;
	box-shadow: inset 0px 0px 0px 0px #e3e3e3, 0px 0px 0px 0px #e3e3e3;
}

#logo-emotions .bar {
	width: 300px;
	height: 5px;
	background: #333;
	position: relative;
	top: -4px;
	left: 4px;	
	
	background: #f5f5f5;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border-radius: 40px;
}

#logo-emotions input[type="range"] {
	-webkit-appearance: none;
	background-color: #f5f5f5;
	height: 8px;
	margin:12.8px 0px;
}

#logo-emotions input[type="range"]::-webkit-slider-thumb {
	-webkit-appearance: none;
	position: relative;
	top: 0px;
	z-index: 1;
	width: 20px;
	height: 20px;
	cursor:pointer;
	box-shadow:0px 1px 0px #bababa;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border-radius: 40px;
	border:1px solid #e3e3e3;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ebf1f6), color-stop(50%,#abd3ee), color-stop(51%,#89c3eb), color-stop(100%,#d5ebfb));
}

#logo-plan{
float:right;
}

#logo-plan span{
color:#666666;
}

#logo-plan label {
font-weight:normal;
margin-bottom:10px;
color:#000;
font-size:16px;
}
#logo-plan input[type="checkbox"] {
    width:20px;
	height:20px;
	position:relative;
	top:5px;
}

#upsell-1{
position:relative;
bottom:20px;
width:300px;
float:right;
}

#upsell-1 span{
color:#666666;
}

#upsell-1 label{
font-weight:normal;
margin-bottom:10px;
color:#000;
font-size:16px;
}

#upsell-1 input[type="radio"] {
width:20px;
height:20px;
position:relative;
top:5px;
}

#fileupload input[type="file"]{
padding-left:70px;

}

#logo-design-layout input[type="checkbox"]{
margin-right:5px;
}

#logo-design-layout label {
position:relative;
}

#logo-design-layout #label1 {
display:block;
height:122px;
width:122px;
background:url(/wp-content/uploads/2014/06/logo-style-1.png);
}

#logo-design-layout #label2 {
display:block;
height:122px;
width:122px;
background:url(/wp-content/uploads/2014/06/logo-style-2.png);
}

#logo-design-layout #label3 {
display:block;
height:122px;
width:122px;
background:url(/wp-content/uploads/2014/06/logo-style-6.png);
}

#logo-design-layout #label4 {
display:block;
height:122px;
width:122px;
background:url(/wp-content/uploads/2014/06/logo-style-8.png);
}

#logo-design-layout #label5 {
display:block;
height:122px;
width:122px;
background:url(/wp-content/uploads/2014/06/logo-style-4.png);
}

#logo-design-layout #label6 {
display:block;
height:122px;
width:122px;
background:url(/wp-content/uploads/2014/06/logo-style-3.png);
}

#logo-design-layout #label7 {
display:block;
height:122px;
width:122px;
background:url(/wp-content/uploads/2014/06/logo-style-5.png);
}

#logo-design-layout #label8 {
display:block;
height:122px;
width:122px;
background:url(/wp-content/uploads/2014/06/logo-style-7.png);
}
#logo-design-layout ul li span{
font-family:proxima-regular;
}
#logo-design-layout input[type=checkbox]:checked + span{
color:red;
}

#logo-color input[type=checkbox] {
position:relative;
top:5px;
margin-right:5px;
}

#logo-color #redlabel{
background: url(http://wp-dev.logoworks.com/wp-content/uploads/2014/05/red.png);
height:73px;
width:73px;
border: 1px solid #d0d0d0;
box-shadow: 0px 1px 0px #f5f5f5;
}

#logo-color #orangelabel{
background: url(http://wp-dev.logoworks.com/wp-content/uploads/2014/05/orange.png);
height:73px;
width:73px;
border: 1px solid #d0d0d0;
box-shadow: 0px 1px 0px #f5f5f5;
}

#logo-color #yellowlabel{
background: url(http://wp-dev.logoworks.com/wp-content/uploads/2014/05/yellow.png);
height:73px;
width:73px;
border: 1px solid #d0d0d0;
box-shadow: 0px 1px 0px #f5f5f5;
}

#logo-color #greenlabel{
background: url(http://wp-dev.logoworks.com/wp-content/uploads/2014/05/green.png);
height:73px;
width:73px;
border: 1px solid #d0d0d0;
box-shadow: 0px 1px 0px #f5f5f5;
}

#logo-color #bluelabel{
background: url(http://wp-dev.logoworks.com/wp-content/uploads/2014/05/blue.png);
height:73px;
width:73px;
border: 1px solid #d0d0d0;
box-shadow: 0px 1px 0px #f5f5f5;
}

#logo-color #purplelabel{
background: url(http://wp-dev.logoworks.com/wp-content/uploads/2014/05/purple.png);
height:73px;
width:73px;
border: 1px solid #d0d0d0;
box-shadow: 0px 1px 0px #f5f5f5;
}

#logo-color #whitelabel{
background: url(http://wp-dev.logoworks.com/wp-content/uploads/2014/05/white.png);
height:73px;
width:73px;
border: 1px solid #d0d0d0;
box-shadow: 0px 1px 0px #f5f5f5;
}

#logo-color #graylabel{
background: url(http://wp-dev.logoworks.com/wp-content/uploads/2014/05/gray.png);
height:73px;
width:73px;
border: 1px solid #d0d0d0;
box-shadow: 0px 1px 0px #f5f5f5;
}

#logo-color #blacklabel{
background: url(http://wp-dev.logoworks.com/wp-content/uploads/2014/05/black.png);
height:73px;
width:73px;
border: 1px solid #d0d0d0;
box-shadow: 0px 1px 0px #f5f5f5;
}

#logo-color #brownlabel{
background: url(http://wp-dev.logoworks.com/wp-content/uploads/2014/05/brown.png);
height:73px;
width:73px;
border: 1px solid #d0d0d0;
box-shadow: 0px 1px 0px #f5f5f5;
}

#logo-color #pinklabel{
background: url(http://wp-dev.logoworks.com/wp-content/uploads/2014/05/pink.png);
height:73px;
width:73px;
border: 1px solid #d0d0d0;
box-shadow: 0px 1px 0px #f5f5f5;
}

#logo-color #teallabel{
background: url(http://wp-dev.logoworks.com/wp-content/uploads/2014/05/teal.png);
height:73px;
width:73px;
border: 1px solid #d0d0d0;
box-shadow: 0px 1px 0px #f5f5f5;
}
#logo-color label{
z-index:3;
}

#logo-color{
position:relative;
}

#logo-color ul li span {
font-family:proxima-regular;
}

#logo-color input[type=checkbox]:checked + span{
color:red;
}

.page-id-2961 #g1-content div, .page-id-3503 #g1-content div{
padding-top:0px;
}

#logo-brief-box .g1-layout-inner {
border:5px solid #f2f2f2;
padding:0px 20px;
}

.page-id-2961 #g1-content .g1-button--solid, .page-id-3503 #g1-content .g1-button--solid{
margin-top:30px;
width:100px;
color:#fff;
background:#ff9400;
border:3px solid #fff;
box-shadow:0px 1px 0px #bababa;

}

.page-id-2961 #g1-content .g1-button--solid:hover,.page-id-3503 #g1-content .g1-button--solid:hover {
background: #f08c02;
}

.ui-tooltip {
	padding: 10px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
	-webkit-box-shadow: 0 1px 0px #bababa;
	box-shadow: 0px 1px 2px #bababa;
	background:#fff;
	color:#000;
	font-family:sans-serif;
	font-size:14px;
	border:5px solid #f2f2f2;
}

.page-id-2961 #g1-content span, .page-id-3503 #g1-content span {
border-color:#ff9400;
}

#question-mark{
font-family:proxima-bold;
color:#ff9400;
left:8px;
font-size:18px;
top:2px;
position:relative;
}

.page-id-3267 .g1-message--success{
background-color:#0a0;
font-size:18px;
border-radius:3px;
font-family:proxima-regular;
}

.page-id-3799 #g1-content > .g1-layout-inner {
padding-top:0px;
}
/*TEST******************************************/

#price-header {
width:250px;
margin:auto;
text-align:center;
font-family:proxima-light;
font-size:15px;
position}

.myMenu {
	margin:0;
	padding-bottom:15px;
}

.myMenu li {
	list-style:none;
	float:left;
	font:12px Arial, Helvetica, sans-serif #111;
}

.myMenu li a:link, .myMenu li a:visited {
	display:block;
	text-decoration:none;
	line-height:;
	margin:0;
	color:#fff;
	padding:10px 15px;
	border-right:1px solid #fff;
}
#current-pricing {
		background: #31666e;
		width:250px;
		text-align:left;
		line-height:28px;
		color:#fff;
		margin-bottom:30px;
}

#current-pricing  span {
float:right;
padding-left:15px;
}
.myMenu li a:hover {
}

.myMenu li ul {
	position:absolute;
	visibility:hidden;
	margin:0;
	padding:0;
	z-index:100;
	overflow-y:scroll;
	height:300px;
	width:250px;
	border:1px solid #e3e3e3;
}

.myMenu li ul li {
	display:inline;
	float:none;
	font-size:18px;
}

.myMenu li ul li a:link, .myMenu li ul li a:visited {
	background-color:#f5f5f5;
	width:auto;
	border-bottom:1px solid #e3e3e3;
	padding:10px 15px;
}

.myMenu li ul li a:hover {
	background-color:#e3e3e3;	
}


.page-id-2549 #g1-content li,.page-id-2593 #g1-content li,
.page-id-4050 #g1-content li,.page-id-2598 #g1-content li,
.page-id-847 #g1-content li,.page-id-2573 #g1-content li,
 .page-id-2595 #g1-content li, .page-id-2623 #g1-content li,
 .page-id-2610 #g1-content li , .page-id-2604 #g1-content li ,
 .page-id-2588 #g1-content li, .page-id-2602 #g1-content li ,
 .page-id-2591 #g1-content li, .page-id-2608 #g1-content li ,
 .page-id-2600 #g1-content li , .page-id-2612 #g1-content li,
 .page-id-2614 #g1-content li  , .page-id-2606 #g1-content li ,
 .page-id-2618 #g1-content li , .page-id-2575 #g1-content li ,
 .page-id-2616 #g1-content li , .page-id-2595 #g1-content li {
 border-color:#e3e3e3;
 }

.page-id-2549 #g1-content > .g1-layout-inner,.page-id-2593 #g1-content > .g1-layout-inner,
.page-id-4050 #g1-content > .g1-layout-inner,.page-id-2598 #g1-content > .g1-layout-inner,
.page-id-847 #g1-content > .g1-layout-inner,.page-id-2573 #g1-content > .g1-layout-inner,
 .page-id-2595 #g1-content > .g1-layout-inner, .page-id-2623 #g1-content > .g1-layout-inner,
 .page-id-2610 #g1-content > .g1-layout-inner , .page-id-2604 #g1-content > .g1-layout-inner ,
 .page-id-2588 #g1-content > .g1-layout-inner, .page-id-2602 #g1-content > .g1-layout-inner ,
 .page-id-2591 #g1-content > .g1-layout-inner, .page-id-2608 #g1-content > .g1-layout-inner ,
 .page-id-2600 #g1-content > .g1-layout-inner , .page-id-2612 #g1-content > .g1-layout-inner,
 .page-id-2614 #g1-content > .g1-layout-inner  , .page-id-2606 #g1-content > .g1-layout-inner ,
 .page-id-2618 #g1-content > .g1-layout-inner , .page-id-2575 #g1-content > .g1-layout-inner ,
 .page-id-2616 #g1-content > .g1-layout-inner , .page-id-2595 #g1-content > .g1-layout-inner   {
padding-top:20px;
}

.pricing-left .g1-divider, .pricing-center .g1-divider, .pricing-right .g1-divider {
margin:0px;
}

.page-id-2549 #g1-content a:hover,.page-id-2593 #g1-content a:hover,
.page-id-4050 #g1-content a:hover,.page-id-2598 #g1-content a:hover,
.page-id-847 #g1-content a:hover,.page-id-2573 #g1-content a:hover,
 .page-id-2595 #g1-content a:hover, .page-id-2623 #g1-content a:hover,
 .page-id-2610 #g1-content a:hover , .page-id-2604 #g1-content a:hover ,
 .page-id-2588 #g1-content a:hover, .page-id-2602 #g1-content a:hover ,
 .page-id-2591 #g1-content a:hover, .page-id-2608 #g1-content a:hover ,
 .page-id-2600 #g1-content a:hover , .page-id-2612 #g1-content a:hover,
 .page-id-2614 #g1-content a:hover  , .page-id-2606 #g1-content a:hover ,
 .page-id-2618 #g1-content a:hover , .page-id-2575 #g1-content a:hover ,
 .page-id-2616 #g1-content a:hover, .page-id-2595 #g1-content a:hover ,
 .page-id-2837 #g1-content a:hover , .page-id-4038 #g1-content a:hover
  {

}

#cssmenu {
  position: relative;
  height: 44px;
  background: #ef5d5f;
  width: 250px;
  margin:auto;
  margin-bottom:25px;
}
#cssmenu ul {
  list-style: none;
  padding: 0;
  margin: 0;
  line-height: 1;
}
#cssmenu > ul {
  position: relative;
  display: block;
  background: #ef5d5f;
  width: 100%;
  z-index: 500;
}
#cssmenu:after,
#cssmenu > ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
#cssmenu.align-right > ul > li {
  float: right;
}
#cssmenu.align-center ul {
  text-align: center;
}
#cssmenu.align-center ul ul {
  text-align: left;
}
#cssmenu > ul > li {
  display: inline-block;
  position: relative;
  margin: 0;
  padding: 0;
  width:100%;
}
#cssmenu > ul > #menu-button {
  display: none;
}
#cssmenu ul li a {
display: block;
text-decoration: none;
font-size:18px;
}
#cssmenu > ul > li > a {
  font-size: 18px;
  padding: 15px 20px;
  color: #5e5e5e;
  -webkit-transition: color 0.25s ease-out;
  -moz-transition: color 0.25s ease-out;
  -ms-transition: color 0.25s ease-out;
  -o-transition: color 0.25s ease-out;
  transition: color 0.25s ease-out;
}
#cssmenu > ul > li.has-sub > a {
  padding-right: 32px;
}
#cssmenu > ul > li:hover > a {
color: #5e5e5e;
}
#cssmenu li.has-sub::after {
  display: block;
  content: "";
  position: absolute;
  width: 0;
  height: 0;
}
#cssmenu > ul > li.has-sub::after {
  right: 10px;
  top: 20px;
  border: 5px solid transparent;
  border-top-color: #5e5e5e;
}
#cssmenu > ul > li:hover::after {
  border-top-color: #5e5e5e;
}
#indicatorContainer {
  position: absolute;
  height: 12px;
  width: 100%;
  bottom: 0px;
  overflow: hidden;
  z-index: -1;
}
#pIndicator {
  position: absolute;
  height: 0;
  width: 100%;
  border: 12px solid transparent;
  border-top-color: #2b2f3a;
  z-index: -2;
  -webkit-transition: left .25s ease;
  -moz-transition: left .25s ease;
  -ms-transition: left .25s ease;
  -o-transition: left .25s ease;
  transition: left .25s ease;
}
#cIndicator {
  position: absolute;
  height: 0;
  width: 100%;
  border: 12px solid transparent;
  border-top-color: #2b2f3a;
  top: -12px;
  right: 100%;
  z-index: -2;
}
#cssmenu ul ul {
  position: absolute;
  left: -9999px;
  top: 70px;
  opacity: 0;
  -webkit-transition: opacity .3s ease, top .25s ease;
  -moz-transition: opacity .3s ease, top .25s ease;
  -ms-transition: opacity .3s ease, top .25s ease;
  -o-transition: opacity .3s ease, top .25s ease;
  transition: opacity .3s ease, top .25s ease;
  z-index: 1000;
}
#cssmenu ul ul ul {
  top: 37px;
  padding-left: 5px;
}
#cssmenu ul ul li {
  position: relative;
  background: #31666e;
}
#cssmenu > ul > li:hover > ul {
  left: auto;
  top: 44px;
  opacity: 1;
}
#cssmenu.align-right > ul > li:hover > ul {
  left: auto;
  right: 0;
  opacity: 1;
}
#cssmenu ul ul li:hover > ul {
  left: 250px;
  top: 0;
  opacity: 1;
}
#cssmenu.align-right ul ul li:hover > ul {
  left: auto;
  right: 170px;
  top: 0;
  opacity: 1;
  padding-right: 5px;
}
#cssmenu ul ul li a {
  width: 230px;
  padding: 10px 0px 10px 20px;
  font-size: 18px;
  color: #fff;
  font-family:proxima-regular;
  background: #31666e;
  -webkit-transition: all .35s ease;
  -moz-transition: all .35s ease;
  -ms-transition: all .35s ease;
  -o-transition: all .35s ease;
  transition: all .35s ease;
}
#cssmenu.align-right ul ul li a {
  text-align: right;
}
#cssmenu ul ul li:hover > a {
  background: #204c52;
  color: #fff;
}
#cssmenu ul ul li:last-child > a,
#cssmenu ul ul li.last > a {
  border-bottom: 0;
}
#cssmenu > ul > li > ul::after {
  content: '';
  border: 6px solid transparent;
  width: 0;
  height: 0;
  border-bottom-color: #31666e;
  position: absolute;
  top: -12px;
  left: 30px;
}
#cssmenu.align-right > ul > li > ul::after {
  left: auto;
  right: 30px;
}
#cssmenu ul ul li.has-sub::after {
  border: 4px solid transparent;
  border-left-color: #ffffff;
  right: 10px;
  top: 12px;
  -moz-transition: all .2s ease;
  -ms-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
  -webkit-transition: -webkit-transform 0.2s ease, right 0.2s ease;
}
#cssmenu.align-right ul ul li.has-sub::after {
  border-left-color: transparent;
  border-right-color: #9ea2a5;
  right: auto;
  left: 10px;
}
#cssmenu ul ul li.has-sub:hover::after {
  border-left-color: #ffffff;
  right: -5px;
  -webkit-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
#cssmenu.align-right ul ul li.has-sub:hover::after {
  border-right-color: #ffffff;
  border-left-color: transparent;
  left: -5px;
  -webkit-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
@media all and (max-width: 800px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
  #cssmenu {
    width: auto;
  }
  #cssmenu.align-center ul {
    text-align: left;
  }
  #cssmenu.align-right > ul > li {
    float: none;
  }
  #cssmenu ul {
    width: auto;
  }
  #cssmenu .submenuArrow,
  #cssmenu #indicatorContainer {
    display: none;
  }
  #cssmenu > ul {
    height: auto;
    display: block;
  }
  #cssmenu > ul > li {
    float: none;
  }
  #cssmenu li,
  #cssmenu > ul > li {
    display: none;
  }
  #cssmenu > ul > li.active > a,
  #cssmenu > ul > li.active > span {
    display: none;
  }
  #cssmenu ul ul,
  #cssmenu ul ul ul,
  #cssmenu ul > li:hover > ul,
  #cssmenu ul ul > li:hover > ul,
  #cssmenu.align-right ul ul,
  #cssmenu.align-right ul ul ul,
  #cssmenu.align-right ul > li:hover > ul,
  #cssmenu.align-right ul ul > li:hover > ul {
    position: relative;
    left: auto;
    top: auto;
    opacity: 1;
    padding-left: 0;
    padding-right: 0;
    right: auto;
  }
  #cssmenu ul .has-sub::after {
    display: none;
  }
  #cssmenu ul li a {
    padding: 12px 20px;
  }
  #cssmenu ul ul li a {
    border: 0;
    background: none;
    width: auto;
    padding: 8px 35px;
  }
  #cssmenu .category {
  font-family:proxima-bold;
  }
    #cssmenu.align-right ul ul li a {
    text-align: left;
  }
  #cssmenu ul ul li:hover > a {
    background: none;
    color: #1b363a;
  }
  #cssmenu ul ul ul a {
    padding: 8px 50px;
  }
  #cssmenu ul ul ul ul a {
    padding: 8px 65px;
  }
  #cssmenu ul ul ul ul ul a {
    padding: 8px 80px;
  }
  #cssmenu ul ul ul ul ul ul a {
    padding: 8px 95px;
  }
  #cssmenu > ul > #menu-button {
    display: block;
    cursor: pointer;
  }
  #cssmenu #menu-button > a {
    font-weight: 700;
    padding: 14px 20px;
  }
  #cssmenu ul.open li,
  #cssmenu > ul.open > li {
    display: block;
  }
  #cssmenu > ul.open > li#menu-button > a {
    color: #fff;
    border-bottom: 1px solid rgba(150, 150, 150, 0.1);
  }
  #cssmenu ul ul::after {
    display: none;
  }
  #cssmenu #menu-button::after {
    display: block;
    content: '';
    position: absolute;
    height: 3px;
    width: 22px;
    border-top: 2px solid #7a8189;
    border-bottom: 2px solid #7a8189;
    right: 20px;
    top: 15px;
  }
  #cssmenu #menu-button::before {
    display: block;
    content: '';
    position: absolute;
    height: 3px;
    width: 22px;
    border-top: 2px solid #7a8189;
    right: 20px;
    top: 25px;
  }
  #cssmenu ul.open #menu-button::after,
  #cssmenu ul.open #menu-button::before {
    border-color: #fff;
  }
}

#pricing-cta-btn  {
font-size:16px;
background:#ff9400;
text-transform:uppercase;
padding:10px 5px;
font-family:proxima-regular;
}

#recentwork ul li {
display:inline;
float:left;
width:280px;
margin:10px;
}

#recentwork ul li img{
border: 3px solid #fff;
box-shadow: 0px 1px 2px #bababa;
}

#testi-btnn{
width:200px;
float:right;
margin-right:100px;
margin-top:15px;
}

#testi-btn {
	font-size:20px;
	font-family:proxima-bold;
	padding:10px 20px;
}

#industry-main h3 {
color: #434343;
font-family: proxima-bold;
font-size: 49px;
text-shadow: 0px 1px 0px #545454;
}

#industry-main h2{
font-family: agaramondpro-italic;
margin-top: 15px;
margin-bottom: 10px;
padding-left: 60px;
font-size: 36px;
color: #474747;
}

#gallery {
padding-bottom:30px;
}

#industry-main p {
font-family:proxima-regular;
line-height: 38px;
font-size: 16px;
}


#gallery h3{
	color:#434343;
	font-family: proxima-bold; 
	font-size: 49px;
	text-shadow:0px 1px 0px #545454;
}

/* Home pricing style */
#homepricing h1 {
	font-size: 49px;
	margin-bottom:30px;
	font-family: proxima-semibold; 
	color:#000;
}

#homepricing ul li {
display:inline;
float:left;
width:300px;
list-style:none;
margin:10px 5px;
position:relative;
}

#homepricing ul li span{
position:absolute;
top:0px;
left:0px;
height:100%;
width:100%;
}

#homepricing ul li span:hover{
cursor:pointer;
}

#homepricing #big {
width:200px;
background:#f8f8f8;
border-right:1px solid #ef5d5f;
float:left;
height:77px;
}

#homepricing #small {
width:95px;
background:#eeeeee;
float:left;
height:77px;
-webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}

#homepricing #big h1, #homepricing #small h1 {
font-size:18px;
font-family:proxima-regular;
color:#000;
line-height:29px;
margin-bottom:0px;
padding-top:12px;
}

#homepricing #big h1, #homepricing #small h1 {
font-size:18px;
font-family:proxima-regular;
color:#000;
line-height:29px;
margin-bottom:0px;
padding-top:0px;
}

#homepricing #big h2, #homepricing #small h2 {
font-size:22px;
font-family:proxima-regular;
color:#000;
line-height:29px;
margin-bottom:0px;
padding-left:20px;
}

#homepricing #big p, #homepricing #small p {
font-size:13px;
font-family:proxima-regular;
color:#303030;
line-height:21px;
margin-bottom:0px;
padding-top:15px;
padding-left:20px;
}

#homepricing #big img, #homepricing #small img {
float:left;
padding:12px 10px;
}

#big:hover ~ #small {
background:#c4dddf;
}

#pcalltoaction{
background:#ef5d5f;
padding:10px 20px;
color:#fff;
font-family:proxima-regular;
border-radius:3px;
letter-spacing:2px;
font-size:18px;
margin:auto;
margin-top:40px;
margin-bottom:40px;
width:580px;
text-align:center;
-webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}

#pcalltoaction:hover {
cursor:pointer;
background:#C83739;
}

#main-content-a h1{
font-size:70px;
font-family:proxima-extrabold;
color:#000;
margin-top:20px;
text-align:center;
}

#spanz{
font-size:105px;
color:#000;
font-family:agaramondpro-italic;
letter-spacing:2px;
}

#hiw {
padding:0px;
}

#main-content-a p {
font-size:15px;
font-family:gotham-book;
color:#6e6e6e;
letter-spacing:1px;
margin-top:40px;
line-height:27px;
}

#main-content-b h2 {
font-size:35px;
font-family:agaramondpro-italic;
color:#ef5d5f;
}

#homepricing p {
margin:0px;
}

#main-content-b p {
font-size:15px;
font-family:proxima-regular;
color:#000;
letter-spacing:1px;
}

#pm-stats {
background:#fff;
padding:22px;
}

#pm-stats img {
float:left;
padding:22px 10px 0px 0px;
}

#pm-stats p {
float:left;
color:b8b8b8;
font-size:21px;
font-family:proxima-regular;
margin:0px;
}
#maincalltoaction{
background:#ef5d5f;
padding:10px 20px;
color:#fff;
font-family:proxima-regular;
border-radius:3px;
letter-spacing:2px;
font-size:18px;
margin:auto;
margin-top:40px;
margin-bottom:40px;
width:160px;
text-align:center;
-webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}

#maincalltoaction:hover {
cursor:pointer;
background:#C83739;
}

#pricingcalltoaction{
background:#ef5d5f;
padding:10px 20px;
color:#fff;
font-family:proxima-regular;
border-radius:3px;
letter-spacing:2px;
font-size:17px;
margin:auto;
margin-top:40px;
margin-bottom:40px;
text-align:center;
-webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}

#pricingcalltoaction:hover {
cursor:pointer;
background:#C83739;
}

#packages-pricing h3 {
font-family: proxima-bold;
font-size:49px;
color:#000;
margin-top:30px;
}

#also{
border-top:1px solid #cacaca;
width:70%;
margin:20px auto 20px auto;
}

#also p {
font-family:proxima-light;
line-height:25px;
margin:0px;
padding:0px;
font-weight:normal;
}

#g1-content .g1-button:hover {
border-color:#C83739;
}

#g1-content .g1-button:hover {
background-color:#C83739;
}

.pm {
width:250px;
margin:auto;
}

.page-id-210 .g1-banda > .g1-fluid-wrapper, .page-id-4298 .g1-banda > .g1-fluid-wrapper {
margin-left:28px;
}

#pm-section p {
color:#000;
font-family:proxima-regular;
letter-spacing:1px;
font-size:15px;
}

#pm-section h1 {
color:#000;
font-family:proxima-bold;
font-size:49px;
margin-bottom:30px;
}

#logo-galleryz {
padding-bottom:30px;
}

#product-gallery-div {
width:100%;
}

#product-gallery-div ul li {
list-style:none;
display:inline;
float:left;
position:relative;
width:24%;
height:auto;
margin:2px;
padding:0px;
line-height:0px;
}

#product-gallery-div ul {
margin:0px;
padding:0px;
}

#product-gallery-div ul li img {
background-size:cover;
background-position:center center;
width:100%;
border-radius:3px;
height:auto;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
filter: brightness(60%);
-webkit-filter: brightness(60%);
-moz-filter: brightness(60%);
-o-filter: brightness(60%);
-ms-filter: brightness(60%);
}

#product-gallery-div ul li img:hover {
filter: brightness(100%);
-webkit-filter: brightness(100%);
-moz-filter: brightness(100%);
-o-filter: brightness(100%);
-ms-filter: brightness(100%);
}

.1a:hover{
background:url(/wp-content/uploads/2014/10/1a.jpg);
}

.page-id-210 #packages-pricing {
padding-top:0px;
}

#g1-content .g1-button--solid, #g1-content .g1-button--solid {
text-shadow:none;
}

#packages-pricing {
padding-top:30px;
}

#logo-text {
position:absolute;
color:#fff;
font-family:agaramondpro-italic;
padding:20px 0px;
width:100%;
background:#000;
opacity:.7;
z-index:10;
display:none;
}

#product-gallery-div ul li img:hover ~ #logo-text {
display:block;
}

#featuredin ul li {
display:inline;
float:left;
padding:10px 10px;
}

#featuredin ul li img {
}

#featuredin ul {
margin:0px;
}

#featured-in h2 {
margin-bottom:0px;
color:#fff;
}

/* gallery */
@media screen and (min-width: 300px) {
   #product-gallery-div ul li {
   width:100%;
   }
}
@media screen and (min-width: 380px) {
    #product-gallery-div ul li {
   width:48%;
   }
}
@media screen and (min-width: 580px) {
    #product-gallery-div ul li {
   width:32%;
   }
}
@media screen and (min-width: 1200px) {
    #product-gallery-div ul li {
   width:24%;
   }
}

/* footer */
@media screen and (min-width: 300px) {
   #featuredin ul li {
   width:100%;
   }
}
@media screen and (min-width: 380px) {
    #featuredin ul li {
   width:14%;
   }
}
@media screen and (min-width: 580px) {
    #featuredin ul li {
   width:15%;
   }
}
@media screen and (min-width: 1200px) {
    #featuredin ul li {
   width:17%;
   }
}

#fluid-wrapper-counter-1, #fluid-wrapper-counter-2, #fluid-wrapper-counter-3 {
margin:auto;
}

/* NEW HOME PAGE */

#g1-header .g1-nav--collapsed #g1-primary-nav-menu > .g1-type-tile > .g1-submenus {
background:#dbdbdb;
padding:1px;
}

#g1-header .g1-nav--collapsed #g1-primary-nav-menu > li > a .g1-nav-item__arrow{
border-color:#dbdbdb;
}

#how-it-works2 {
position:relative;
}

#how-it-works2 h1{
color:#fff;
font-family:proxima-semibold;
font-size:49px;
position:relative;
z-index:10;
}

#meet-clients h1, #pm-video h1 {
color:#000;
font-family:proxima-semibold;
font-size:49px;
}

#home-testimonials {
position:relative;
}

.test-column {
float:left;
margin:0px;
padding:0px;
width:33.333333%;
font-family:proxima-extrabold;
}

.test-column li {
list-style:none;
display:block;
color:#262d3b;
text-transform:uppercase;
}

.test-column li p {
padding:10px;
margin:0px;
}

.test-column li span {
color:#fff;
}

#hiw-text{
width:32.333%;
float:left;
top:0px;
left:0px;
margin-right:10px;
}

#hiw-text ul li {
list-style:none;
display:block;
}

#hiw-text h2{
font-family:proxima-extrabold;
color:#ef5d5f;
font-size:29.32px;
}

#hiw-text p {
font-size:15px;
color:#fff;
}

#hiw-image{
float:left;
width:65.66%;
position:relative;
top:-116px;	
}

#hiw-image img {
background-size:contain;
background-position:center top;
}

#pm-video p {
font-size: 15px;
font-family: proxima-regular;
color: #000;
letter-spacing: 1px;
}

@media screen and (min-width: 320px) {
   #main-content-a p {font-size:14px;}
   
   #meet-clients h1, #pm-video h1, #homepricing h1{
	font-size:29px;
	}
   
   #businesscardz {
   font-size:46px;
   }
   
   #letterheadz {
   font-size:60px;
   }
   
   #pm-stats img {
padding:22px 10px 0px 90px;
}
   
   #column1{
   width:100%;
   margin-bottom:8px;
   }
   #column2 {
	width: 100%;
	margin-bottom:8px;
	}
	#column3 {
	width:100%;
	margin-bottom:8px;
	}
	#homepricing ul li {
	left:-35px;
}
@media screen and (min-width: 480px) {
	#main-content-a p {font-size:15px;}
	
	#meet-clients h1, #pm-video h1, #homepricing h1{
	font-size:39px;
	}
	
	#businesscardz {
   font-size:60px;
   }
   
   #letterheadz {
   font-size:70px;
   }

   #pm-stats img {
padding:22px 10px 0px 150px;
}

   #column1{
   width:42%;
   margin-right:8px;
   margin-bottom:8px;
   }
   #column2 {
	width: 54%;
	}
	#column3 {
	width:100%;
	}
}
@media screen and (min-width: 640px) {
   #meet-clients h1, #pm-video h1, #homepricing h1{
	font-size:49px;
	}
   
   #businesscardz {
   font-size:70px;
   }
   
   #letterheadz {
   font-size:70px;
   }
	   #pm-stats img {
padding:22px 10px 0px 0px;
}
 #column1{
 
   width:40%;
   margin-right:8px;
   margin-bottom:8px;
   }
   #column2 {
	width: 54%;
	}
	#column3 {
	width:100%;
	}
}
@media screen and (min-width: 720px) {
  #column1{
   width:28%;
   margin-right:8px;
   }
   #column2 {
	width: 31%;
	margin-right:8px;
	}
	#column3 {
	width:38%;
	}
}
@media screen and (min-width: 960px) {
 #column1{
   width:28%;
   margin-right:8px;
   }
   #column2 {
	width: 32%;
	margin-right:8px;
	}
	#column3 {
	width:38%;
	}
}
@media screen and (min-width: 1024px) {
    #column1 {
	width: 26.0416667%; 
	margin-right: 8px;
	}
	#column2 {
	width: 33.895%; 
	margin-right: 8px;
	}
	#column3 {
	width:37.5%;
	}
}   

 /*.bwg_title_spun1_0 {
font-family:proxima-light;
font-size:18px;
color:#000;
position:relative;
top:20px;
}

/*#g1-content .g1-button:hover {
background:#F48F04;
border-color:#F48F04;
}*/

*/ Home experiment */

#project-button {
    width: 98%;
    display: block;
    padding: 8px;
    margin-bottom: 33px;
    box-shadow: 1px 1px 6px rgba(0,0,0,0.4);
    font-family: 'proxima-light';
    font-size: 22px;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: box-shadow;
    transition-property: box-shadow;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    background: #f9f9f9;
}
.project-button {
    width: 98%;
    display: block;
    padding: 8px;
    margin-bottom: 33px;
    box-shadow: 1px 1px 6px rgba(0,0,0,0.4);
    font-family: 'proxima-light';
    font-size: 22px;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: box-shadow;
    transition-property: box-shadow;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    background: #f9f9f9;
}
.project-button:hover {
    box-shadow: 2px 2px 8px rgba(0,0,0,0.6);
}
.project-button-img {
    width: 298px;
    height: auto;
    display: block;
    margin: 0 auto;
}
.project-button-name {
    margin-top: 12px;
    margin-left: 2px;
}
.project-button-price {
    text-transform: uppercase;
    margin-left: 2px;
    color: #ef5d5f;
    font-size: 17px;
}