/* Goxee Main Site Cascading Style Sheets */

html {
font-size: 17px;
color:#333;
margin:0px!important;
padding:0px!important;
background:#F5F5F5;
}

body {
margin:0px!important;
padding:0px!important;
background:transparent;
}

* {
box-sizing:border-box;
}

@media (max-width: 1500px) { html { font-size: 16px; } }
@media (max-width: 1400px) { html { font-size: 13px; } }
@media (max-width: 1300px) { html { font-size: 13px; } }
@media (max-width: 1000px) {
	#gheader-mm { display:none; }
	.gbox-banner-text > div > h1 { font-size:60px!important; }
}
@media (max-width: 800px) {
	html { font-size: 12px; }
	#goxeedealerlogo { margin:0!important; }
	.noformobile, .gbox-banner-img, .gbox-banner-features-img, .gbox-banner-marketing-img { display:none!important; }
	.gbox-banner-text, .gbox-banner-img-mobile, .gbox-banner-features-img-mobile, .gbox-banner-marketing-img-mobile { width:100%; display:table!important; }
	.gbox-banner-text { width:auto!important; padding:45px 0px 0px 0px!important; font-size:19px!important; text-align:center!important; }
	.gbox-banner-text > div { margin:20px!important; }
	.gbox-banner-text > div > h1 { font-size:50px!important; }
	.gbox-inf-text { font-size:18px!important; }
	.gbox-inf { max-width:100%!important; height:auto!important; margin-bottom:15px; }
	.gbox-inf-det {  max-width:100%!important; height:auto!important; margin-bottom:30px; padding:0 30px!important; }
	.gbox-icon-frame { width:auto!important; max-width:100%!important; }
	.gform-lowertext { font-size:18px!important; }
	.comptatd, .comptatd-left, .comptatd-right, .comptatd-g { font-size:15px!important; }
	.gheaderloc { text-align:center; }
	.gplan-act { display:table-row!important; }
	.gbox-dashboard { min-height:330px!important; }
	.gbox-laptop { display:none!important; }
	.gbox-laptop-text, .gbox-laptop-text-sa { display:table-row!important; text-align:center!important; }
	.gbox-laptop-mobimg { display:block!important; min-height:280px!important; text-align:center!important; padding-bottom:50px!important; }
	.gbox-laptop-mobimg-vid { display:block!important; min-height:420px!important; text-align:center!important; }
	.gbox-laptop-text > div { padding:60px 40px 0px 40px!important; max-width:100%!important; }
	.gbox-laptop-text-sa > div { padding:60px 40px!important; max-width:100%!important; }
	.gbox-vidbut-model { margin:10px 0 30px 0!important; }
	.g-header-mobilever { width:100%; padding:0!important; }
	.g-header-mobilever > div { text-align:center; }
	.g-header-mobile-only { display:table-cell!important; width:80px; }
	.g-cell-to-row { display:table-row!important; text-align:center!important; }
	.g-madeinca-ico { margin-bottom:20px; }
	.gnav-three { display:block!important; }
	.gnav-three > div { display:inline-block!important;width:100%!important; }
	.gnav-three > div:not(:last-child) { border-right:none!important; border-bottom:1px solid #FFF!important; }
	.gplan-op-n-header-plan { font-size:15px!important; }
	.gplan-name-pro { font-size:16px!important; }
	.gplan-desc-op-n, .gplan-desc-op-n-sub { font-size:13px!important; }
	.gplan-op-n-header-plan-price-sides, .gplan-op-n-header-plan-price { font-size:16px; }
	.g-smtext br { display:none; }
}
@media (max-width: 500px) {
	html { font-size: 11px; }
}

.gbox-step {
	display:inline-block;
	background:#7b34e6;
	text-transform: uppercase;
	font-size:17px;
	padding:0;
    width:40px;
	height:40px;
	line-height:40px;
    text-align:center;
    margin-right:15px;
	color:#FFF;
	border-radius: 84px;
	-moz-border-radius: 84px;
	-webkit-border-radius: 84px;
}

.g-header-mobilever {
	padding:0 20px;
}

.gplan-name-pro {
	padding:14px 0;
	font-size:28px;
}

.g-openphone-mobile {
	background:url('../svg/phone.svg');
	background-size:34px 34px;
	background-repeat:no-repeat;
	background-position:center center;
	opacity:0.4;
	cursor:pointer;
}

.g-openmenu-mobile {
	background:url('../svg/menu.svg');
	background-size:40px 40px!important;
	background-repeat:no-repeat;
	background-position:center center;
	opacity:0.4;
	cursor:pointer;
}

.gdlogosvg { fill:#090909; }
.gheaderloc { background:#FFF; transition: background 0.3s; box-shadow: rgba(0, 0, 0, 0.2) 0px -7px 40px 0px; }
.gheaderloc-transparent { background:transparent; transition: background 0.3s; box-shadow: none;  }
.gheaderloc-transparent .gdlogosvg { fill:#FFF; }
.gheaderloc-transparent .gland-tab, .gheaderloc-transparent .gland-menu-selected { color:rgba(255,255,255,1)!important; }
.gheaderloc-transparent .gland-tab:hover { color:rgba(255,255,255,0.6)!important; }
.gheaderloc-transparent .gland-menu { color:#FFF; }
.gheaderloc-transparent .g-openphone-mobile { background:url('../svg/phone-2.svg'); background-size:34px 34px; background-repeat:no-repeat; background-position:center center; }
.gheaderloc-transparent .g-openmenu-mobile { background:url('../svg/menu-2.svg'); background-size:34px 34px; background-repeat:no-repeat; background-position:center center; }
.gheaderloc-transparent .submitbut-green-sm { color:#FFF; border:1px solid #FFF; background: transparent; }
.gheaderloc-transparent .submitbut-green-sm-outline { color:#FFF; }


.g-cell-to-row { display:table-cell; text-align:left; vertical-align:middle; }

.g-header-mobile-only { display:none; }

.g-mainmenu-mobile {
	display:none;
	width:100%;
	position:fixed;
	z-index:100000000;
	top:70px;
	left:0;
	right:0;
}

.g-menulink-mobile {
display:block;
width:100%;
background:#F5F5F5;
color:#666666;
font-size:16px;
padding:0px 22px;
height:48px;
line-height:48px;
border-bottom:1px solid #E1E1E1;
}

a:focus { outline:0; }

h1 {
font-style: normal;
font-weight: 300;
}

.g-p-title {
color:#FFF;
font-size:18px;
font-weight:400;
text-align:left;
margin-bottom:10px;
padding:0 10px;
}

.g-p-text {
color:#F2F2F2;
font-size:15px;
font-weight:300;
text-align:left;
padding:0 10px;
opacity:0.75;
}

.gland-menu {
display:table-cell;vertical-align:middle;
}

.gfaq-q {
margin:3px 0;
font-weight:500;
font-size:19px;
text-align:left;
}

.gfaq-a {
margin-bottom:18px;
font-size:16px;
text-align:left;
}

.gland-tab {
display:inline-block;
cursor:pointer;
padding:0 2px;
margin:0 15px 2px 15px;
font-size:17px;
font-weight:400;
color:#AEAEAE;
transition: color .15s;
-ms-transition: color .15s;
-moz-transition: color .15s;
-webkit-transition: color .15s;
-o-transition: color .15s;
}

.gland-menu-selected, .gland-tab:hover {
color:#000!important;
}

.newitem_box_border {
box-shadow: 0px 0px 0px 1pt #E8E8E8!important;
}

.newitems_box {
margin:0 0 0 17px!important;
}

.gbox-inf {
display:inline-table;
vertical-align:top;
max-width:290px;
min-width:200px;
padding:10px;
text-align:center;
font-size:18px;
color:#1b1e24;
}

.gbox-inf-det {
display:inline-table;
vertical-align:top;
max-width:368px;
min-width:200px;
padding:10px 10px 40px 10px;
text-align:center;
font-size:18px;
}

.gbox-inf-text {
font-size:15px;
color:rgba(255,255,255,.5);
padding:0px 10px;
line-height:145%!important;
}

.gbox-icon-frame {
max-width:290px;
min-width:200px;
text-align:center;
}

.gbox-icon {
display:inline-block;
width:84px!important;
height:84px!important;
line-height:83px;
text-align:center!important;
color:#333;
border-radius: 84px;
-moz-border-radius: 84px;
-webkit-border-radius: 84px;
font-size:40px!important;
font-weight:100;
margin:0px 0px 20px 0px;
background:transparent;
border:3px solid #333;
}

.gcustomerpic {
display:inline-block;
width:65px;
height:65px;
border-radius: 65px;
-moz-border-radius: 65px;
-webkit-border-radius: 650px;
background-repeat:no-repeat;
background-size:cover;
}

.gcomp-icon {
display:inline-block;
width:44px!important;
height:44px!important;
line-height:44px;
text-align:center!important;
color:#FFF;
border-radius: 80px;
-moz-border-radius: 80px;
-webkit-border-radius: 80px;
font-size:34px!important;
font-weight:100;
margin:0px 0px 2px 0px;
background:transparent;
}

.gbox-title {
text-align:center;
font-size:20px;
font-weight:400;
margin:12px 0 15px 0;
color:#FFF;
}

.gbox-banner {
display:table;
background: linear-gradient(130deg,#0081da -5%,#64c1f5 75%, #b6f0ff 120%);
width:100%;
height:900px;
color:#FFF;
overflow: hidden;
}

.gbox-banner-craigslist {
display:table;
background: linear-gradient(130deg,#7826e8 -5%,#9064f5 75%, #ceb6ff 120%);
width:100%;
height:900px;
color:#FFF;
overflow: hidden;
}

.gbox-banner-container {
width:100%;
height:100%;
max-width:1350px;
}

.gbox-vidbut-model {
display:inline-block;
margin:25px 0 0 0;
width:280px;
height:163px;
background:url('../jpg/videobutsm.jpg');
background-size:cover;
background-repeat:no-repeat;
background-position:center center;
}



.gbox-res-menu {
-webkit-transition: box-shadow 0.5s;
transition: box-shadow 0.5s;
}

.gbox-res-menu-main {
cursor:pointer;
display: inline-block;
position: relative;
z-index: 0;
opacity: 0.999;
}

.gbox-res-menu:hover {
display: block;
box-shadow:0 0 0 3000px rgba(0,0,0,0.4) inset!important;
}

.gbox-res-menu img {
display: block;
position: relative;
z-index: -1;
}




.gbox-vidbut-model-sem {
display:block;
width:100%;
height:100%;
-webkit-transition: background 0.5s;
transition: background 0.5s;
}

.gbox-vidbut-model-sem:hover {
background:rgba(0, 0, 0, .25);
}

.gbox-banner-img, .gbox-banner-img-mobile {
display:table-cell;
width:48%;
margin:0px;

}

.gbox-banner-img-mobile {
display:none;
width:100%!important;
background:url('../png/model4m.png');
background-repeat:no-repeat;
background-size:contain;
background-position:center bottom;
height:500px;
}

.gbox-banner-features-img, .gbox-banner-features-img-mobile {
display:table-cell;
width:48%;
background:url('../png/model2.png');
background-repeat:no-repeat;
background-size:auto 100%;
background-position:left bottom;
margin:0px;
}

.gbox-banner-features-img-mobile {
display:none;
width:100%!important;
background:url('../png/model2m.png');
background-repeat:no-repeat;
background-size:contain;
background-position:center bottom;
height:500px;
}

.gbox-banner-marketing-img, .gbox-banner-marketing-img-mobile {
display:table-cell;
width:48%;
background:url('../png/model3.png');
background-repeat:no-repeat;
background-size:auto 100%;
background-position:left bottom;
margin:0px;
}

.gbox-banner-marketing-img-mobile {
display:none;
width:100%!important;
background:url('../png/model3m.png');
background-repeat:no-repeat;
background-size:contain;
background-position:center bottom;
height:500px;
}

.gbox-banner-text-table {
position:relative;
display:table;
z-index:3;
width:100%;
height:100%;
max-width:1350px;
}

.gbox-banner-text-cell {
display:table-cell;
width:100%;
height:100%;
text-align:left;
vertical-align:middle;
font-size:1.3rem;
font-weight:300;
}

.gbox-banner-cell {
display:table-cell;
width:50%;
height:100%;
text-align:left;
vertical-align:middle;
font-size:1.3rem;
font-weight:300;
}

.gbox-video-container {
cursor:pointer;
width:100%;
background-color:#999;
}

.gbox-video-container-websites {
background:url('../jpg/websitesvideo.jpg');
background-size:contain;
background-repeat:no-repeat;
}

.gbox-video-container-videobg {
background:rgba(0,0,0,0.4);
position:relative;
}

.gbox-video-container-videobut {
position:absolute;
top:0;
width:100%;
}

.gbox-banner-text- {
width:50%;
text-align:left;
}

.gbox-banner-text-form {
margin:15px;
}

.gbox-banner-text {
width:100%;
text-align:left;
padding:0 20px;
}

.gbox-banner-text > div > h1 {
font-size: 3.3rem;
font-weight:400;
line-height:110%;
color:#FFF;
}

.gbox-banner-button {
display:inline-block;
cursor:pointer;
border:3px solid #FFF;
color:#FFF;
transition: border .15s, color .15s;
-ms-transition: border .15s, color .15s;
-moz-transition: border .15s, color .15s;
-webkit-transition: border .15s, color .15s;
-o-transition: border .15s, color .15s;
font-size:20px;
font-weight:400;
height:40px;
line-height:39px;
padding:0px 22px;
margin-top:35px;
margin-bottom:75px;
border-radius: 30px;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
}

.gbox-banner-button:hover {
border:3px solid #1b1e24;
color:#1b1e24;
}


.gbox-resignup-button {
display:inline-block;
cursor:pointer;
transition:color .15s;
-ms-transition: color .15s;
-moz-transition: color .15s;
-webkit-transition: color .15s;
-o-transition: color .15s;
font-size:20px;
font-weight:300;
padding:0px 22px;
margin-top:30px;
}

.bgabsimg {
position:absolute;
width:100%;
height:100%;
top:8%;
z-index:2;
}



.bgabsimg01 {
background:url('../png/dashboard.png');
}

.gnav-three {
display:table;
margin-top:20px;
width:100%;
}

.gnav-three > div {
display:table-cell;
width:33.33%;
height:300px;
background:#E1E1E1;
}

.gnav-three > div:not(:last-child) {
border-right:1px solid #FFF;
}


.gbox-banner-carimg {
display:table-cell;
width:100%;
height:60%;
background:url('../png/car3.png');
background-size:contain;
background-position:center bottom;
background-repeat:no-repeat;
}

.gbox-tplmain {
max-width:1200px;
padding:45px 25px 70px 25px;
}

.gbox-tpl {
display:inline-block;
width:162px;
height:75px;
background-size:50% auto!important;
background-position:center center!important;
background-repeat:no-repeat!important;
margin:0 2px 1px 2px;
opacity:0.75;
-webkit-transition: all 300ms;
transition: all 300ms;
}

.gbox-tpl:hover {
opacity:1;
}

.gbox-tpl1 { background:url('../png/googlelogo.png'); background-size:55% auto!important; }
.gbox-tpl2 { background:url('../png/craigslistlogo.png'); background-size:60% auto!important; }
.gbox-tpl3 { background:url('../png/carguruslogo.png'); background-size:75% auto!important; }
.gbox-tpl4 { background:url('../png/ebaylogo.png'); background-size:46% auto!important; }
.gbox-tpl5 { background:url('../png/autotraderlogo.png'); background-size:80% auto!important; }
.gbox-tpl6 { background:url('../png/carscomlogo.png'); background-size:56% auto!important; }
.gbox-tpl7 { background:url('../png/carfaxlogo.png'); background-size:68% auto!important; }
.gbox-tpl8 { background:url('../png/carsforsalelogo.png'); background-size:55% auto!important; }
.gbox-tpl9 { background:url('../png/youtubelogo.png'); background-size:48% auto!important; }
.gbox-tpl10 { background:url('../png/facebooklogo.png'); background-size:67% auto!important; }
.gbox-tpl11 { background:url('../png/twitterlogo.png'); background-size:65% auto!important; }
.gbox-tpl12 { background:url('../png/chromedatalogo.png'); background-size:79% auto!important; }
.gbox-tpl13 { background:url('../png/classiccarslogo.png'); background-size:60% auto!important; }
.gbox-tpl14 { background:url('../png/vautologo.png'); background-size:46% auto!important; }
.gbox-tpl15 { background:url('../png/ovelogo.png'); background-size:32% auto!important; }
.gbox-tpl16 { background:url('../png/oodlelogo.png'); background-size:55% auto!important; }
.gbox-tpl17 { background:url('../png/vastlogo.png'); background-size:42% auto!important; }
.gbox-tpl18 { background:url('../png/olxlogo.png'); background-size:35% auto!important; }


.gbox-blk-tplmain {
max-width:1000px;
padding:45px 25px 70px 25px;
}

.gbox-blk-tpl {
display:inline-block;
width:175px;
height:90px;
background-size:50% auto!important;
background-position:center center!important;
background-repeat:no-repeat!important;
margin:0 2px 1px 2px;
transition: opacity .25s;
-ms-transition: opacity .25s;
-moz-transition: opacity .25s;
-webkit-transition: opacity .25s;
-o-transition: opacity .25s;
opacity:0.4;
}

.gbox-blk-tpl:hover {
opacity:0.85;
}

.gbox-blk-tpl1 { background:url('../png/craigslistlogo-2.png'); background-size:70% auto!important; }
.gbox-blk-tpl2 { background:url('../png/autotraderlogo-2.png'); background-size:85% auto!important; }
.gbox-blk-tpl3 { background:url('../png/carscomlogo-2.png'); background-size:58% auto!important; }
.gbox-blk-tpl4 { background:url('../png/ebaylogo-2.png'); background-size:55% auto!important; }
.gbox-blk-tpl5 { background:url('../png/carguruslogo-2.png'); background-size:90% auto!important; }
.gbox-blk-tpl7 { background:url('../png/carsforsalelogo-2.png'); background-size:55% auto!important; }
.gbox-blk-tpl6 { background:url('../png/carfaxlogo-2.png'); background-size:80% auto!important; }
.gbox-blk-tpl8 { background:url('../png/classiccarslogo-2.png'); background-size:60% auto!important; }
.gbox-blk-tpl9 { background:url('../png/ovelogo-2.png'); background-size:33% auto!important; }
.gbox-blk-tpl10 { background:url('../png/vastlogo-2.png'); background-size:42% auto!important; }


.g-share-ico {
display:inline-block;
width:25px;
height:25px;
margin-left:7px;
background-position:center center;
background-repeat:no-repeat;
background-size:contain;
opacity:0.5;
transition: opacity .25s;
-ms-transition: opacity .25s;
-moz-transition: opacity .25s;
-webkit-transition: opacity .25s;
-o-transition: opacity .25s;
}

.g-share-ico-facebook { background:url('../svg/facebook-2.svg'); }
.g-share-ico-twitter { background:url('../svg/twitter-2.svg'); }
.g-share-ico-google { background:url('../svg/googleplus-2.svg'); }
.g-share-ico-linkedin { background:url('../svg/linkedin-2.svg'); }
.g-share-ico-youtube { background:url('../svg/youtube-2.svg'); }

.g-madeinca-ico {
display:inline-block;
width:116px;
height:48px;
background:url('../png/madeincalifornia.png');
background-position:center center;
background-repeat:no-repeat;
background-size:contain;
opacity:0.5;
transition: opacity .25s;
-ms-transition: opacity .25s;
-moz-transition: opacity .25s;
-webkit-transition: opacity .25s;
-o-transition: opacity .25s;
}

.g-share-ico:hover, .g-madeinca-ico:hover {
opacity:1;
}

.gbox-flexlogo1 { background:url('../png/flexphotologo.png'); background-size:100% auto!important; }
.gbox-flexlogo2 { background:url('../png/flexwatermarklogo.png'); background-size:100% auto!important; }
.gbox-flexlogo3 { background:url('../png/flexdescriptionlogo.png'); background-size:100% auto!important; }


.subbut-gra-blue {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}


.comptatd, .comptatd-left, .comptatd-right, .comptatd-g {
height:60px;
border:1px solid #dcdcdc;
font-size:16px;
font-weight:300;
text-align:center;
}

.comptatd-left {
padding-left:15px;
border-left:0px;
text-align:left;
}

.comptatd-right {
color:#999;
border-right:0px;
}

.comptatd-g {
border:1px solid #2ab8e4;
border-bottom:1px solid #8fdaf1;
background:#2ab8e4;
color:#FFF;
}

.comptatd-company {
text-align:center;
font-size:16px;
font-weight:600;
height:55px;
}

.viewallcomp {
margin-top:35px;
cursor:pointer;
display:inline-block;
font-size:26px;
color:#999;
transition: color .15s;
-ms-transition: color .15s;
-moz-transition: color .15s;
-webkit-transition: color .15s;
-o-transition: color .15s;
font-weight:300;
}

.complink-main {
margin:30px 0;
cursor:pointer;
display:inline-block;
font-size:18px;
color:#FFF;
border:2px solid #FFF;
padding:0 16px;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
height:39px;
line-height:34px;
transition: background 0.3s ease, color 0.3s;
-ms-transition: background 0.3s ease, color 0.3s;
-moz-transition: background 0.3s ease, color 0.3s;
-webkit-transition: background 0.3s ease, color 0.3s;
-o-transition: background 0.3s ease, color 0.3s;
font-weight:400;
}

.complink-main:hover {
background:#FFF;
color:#009bde;
}

.complink {
margin-bottom:20px;
cursor:pointer;
display:inline-block;
font-size:23px;
color:#29ade2;
transition: color .15s;
-ms-transition: color .15s;
-moz-transition: color .15s;
-webkit-transition: color .15s;
-o-transition: color .15s;
font-weight:300;
}

.complink_rnd {
cursor:pointer;
display:inline-block;
border:2px solid #29ade2;
padding:0 30px;
height:32px;
line-height:32px;
font-size:14px;
color:#29ade2;
transition: color .15s;
-ms-transition: color .15s;
-moz-transition: color .15s;
-webkit-transition: color .15s;
-o-transition: color .15s;
font-weight:400;



border-radius: 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
}

.viewallcomp:hover, .complink-main:hover .complink:hover {
color:#333;
}

.comptatd-hidden {
display:none;
}

.gform-title {
font-size:52px;
font-weight:300;
}

.gform-title-2 {
font-size:36px;
font-weight:100;
margin-bottom:10px;
}

.gform-lowertext {
font-size:18.5px;
font-weight:300;
margin-bottom:25px;
}

::-webkit-scrollbar {
width:15px;
}

#comscreen-border {
background:url('../png/comscreentop.png');
background-position:bottom center;
background-repeat:no-repeat;
background-size:contain;
padding:0px;
width:540px;
height:300px;
}

#comscreen-inside {
background:url('../jpg/26.jpg');
background-size:cover;
background-repeat:no-repeat;
background-position:center center;
width:540px;
height:300px;
}

#comscreen-bottom {
width:730px;
height:35px;
background:url('../png/comscreenbottom.png');
background-position:top center;
background-size:contain;
background-repeat:no-repeat;
}

.comicon-left, .comicon-right, .comicon {
cursor:pointer;
display:inline-block;
font-size:42px;
color:#999;
padding:0px 5px;
transition: color .15s;
-ms-transition: color .15s;
-moz-transition: color .15s;
-webkit-transition: color .15s;
-o-transition: color .15s;
font-weight:300;
}

.comicon-left:hover, .comicon-right:hover, .comicon:hover {
color:#2ab8e4;
}

.gplan-desc-op {
margin:0 10px 5px 10px;
background:#F8F8F8;
padding:12px 20px;
text-align:left;
font-size:14px;
}

.gplan-title {
color:#e53b2c;
display:block;
padding-top:30px;
font-size:28px;
}

.footerlink {
color:#999;
}

#searchbar {
border:1px solid #FFF;
background:#FFF;
height:28px;
-moz-border-radius:28px;
-webkit-border-radius:28px;
border-radius:28px;
}

#goxeelogo {
width:117px;
}

#goxeedealerlogo {
width:180px;
}

#goxeelogo, #goxeedealerlogo {
height:70px;
line-height:85px;
margin-right:30px;
display:inline-block;
}


#bgabstractrel {
    position:relative;
    width: 100%;
    height: 100%;
    display:inherit;
}

.bgabsimg {
    position:absolute;
    z-index:2;
    background:url('../png/dashboard.png');
    background-position: calc(100% + 480px - 50%) 50px;
    background-repeat:no-repeat;
    width:100%;
    height:100%;
}

.bgabsimg-craigslist {
    position:absolute;
    z-index:2;
    background:url('../png/craigslistpostingsoftwarehome.png');
    background-position: calc(100% + 480px - 50%) 50px;
    background-repeat:no-repeat;
    width:100%;
    height:100%;
}

.bgabsimg-websites {
    position:absolute;
    z-index:2;
    background:url('../png/.png');
    background-position: calc(100% + 480px - 50%) 50px;
    background-repeat:no-repeat;
    width:100%;
    height:100%;
}

.bgabstractabs {
    position:absolute;
    top:80%;
    width: 100%;
    height: 150%;
    transform: skewY(-32deg);
    transform-origin: 0;
}

.bgabstractsacc {
    top: 0;
    position: absolute;
    left: 0;
    right: 0;
    pointer-events: none;
}
.bgabstractsacc .stripe {
    height: 200px;
    position: absolute;
    bottom:0;
    width:400px;
}
.bgabstractsacc .s1 {
    width:1200px;
    top: 0;
    right: 0;
    left: 700px;
    background: rgba(255,255,255,1);
    opacity: .3;
}
.bgabstractsacc .s2 {
    top: 0;
    right: 0;
    left: 0;
    background: rgba(255,255,255,1);
    opacity: .15;
}
.bgabstractsacc .s3 {
    top: 200px;
    right: 0;
    left: 550px;
    background: rgba(255,255,255,1);
    opacity: .1;
}
.bgabstractsacc .s4 {
    top: 400px;
    right: 0;
    left: 400px;
    background: rgba(255,255,255,1);
    opacity: .2;
}

.bgabstractsacc .s5 {
    top: 400px;
    right: 0;
    left: 800px;
    background: rgba(255,255,255,1);
    opacity: .1;
}

.gplan-table {
    cursor:default;
}

.gplan-row:hover td {
    background:#FFF;
}

.gplan-feature {
    padding:10px 20px;
}

.gplan-feature-sub {
    padding:10px 20px 10px 30px;
}

.gplan-fdesc-rel {
    position:relative;
}

.gplan-fdesc, .gplan-fdesc-sub {
    position:absolute;
    z-index:3;
    width:100%;
    box-sizing:border-box;
    background:#FFF;
    border-bottom:1px solid #E1E1E1;
    font-size:13px;
    font-weight:300;
    visibility:hidden;
    opacity:0;
}

.gplan-fdesc div, .gplan-fdesc-sub div {
    opacity:0;
    transition: opacity 0.5s linear;
}

.gplan-fdesc {
    padding:0 20px 15px 20px;
}

.gplan-fdesc-sub {
    padding:0 30px 15px 30px;
}

.gplan-desc-op-n, .gplan-desc-op-n-sub {
    border-bottom:1px solid #E1E1E1;
    text-align:left;
    font-size:15px;
    font-weight:500;
    height:41px;
    background:#F6F6F6;
}

.gplan-desc-op-n-sub {
    font-weight:300;
}

.gplan-op-n, .gplan-op-n-most {
    border-left:1px solid #F6F6F6;
    border-bottom:1px solid #E1E1E1;
    text-align:center;
    font-size:15px;
    height:37px;
    line-height:100%;
    background:#FBFBFB;
}

.gplan-op-n-most {
    background:#FFF;
}

.gplan-op-n-header-plan {
    vertical-align:bottom;
    border-left:1px solid #F6F6F6;
    font-size:25px;
    font-weight:300;
    text-align:center;
    width:17%;
}

.gplan-op-n-header-plan-bottom {
    vertical-align:top;
    border-left:1px solid #F6F6F6;
    font-size:25px;
    font-weight:300;
    text-align:center;
    width:17%;
}

.gplan-op-n-header-plan-bot-price-section, .gplan-op-n-header-plan-bot-price-section-sides {
    vertical-align:top;
    border-left:1px solid #F6F6F6;
    font-size:25px;
    font-weight:300;
    text-align:center;
}

.gplan-op-n-header-plan-bot-price-section-sides {
    font-size:22px;
}

.gplan-op-n-header-plan-button {
    display:inline-block;
    cursor:pointer;
    background:#5fca00;
    color:#FFF;
    font-size:18px;
    text-align:center;
    padding:0 20px;
    height:37px;
    line-height:36px;
    margin:10px;
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    transition: background 0.2s;
    overflow:hidden;s
}

.gplan-limited {
    background: #999999;
    background: -moz-linear-gradient(-45deg,  #999999 0%, #4c4c4c 100%);
    background: -webkit-linear-gradient(-45deg,  #999999 0%,#4c4c4c 100%);
    background: linear-gradient(135deg,  #999999 0%,#4c4c4c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#999999', endColorstr='#4c4c4c',GradientType=1 );
    padding:6px;
    font-size:14px;
    color:#FFF;
    text-align:center;
}

.gplan-limited-sides {
    padding:10px;
}

.gplan-op-n-header-plan-button-sec {
    display:inline-block;
    cursor:pointer;
    background:#c2c2c2;
    color:#FFF;
    font-size:15px;
    text-align:center;
    padding:0 20px;
    height:33px;
    line-height:32px;
    margin:10px;
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    transition: background 0.2s;
    overflow: hidden;
}

.gplan-op-n-header-plan-button-sec:hover {
    background:#999;
}

.gplan-mostpop {
    background:#000;
    color:#FFF;
    font-size:13px;
    text-align:center;
    padding:5px;
}

.gplan-op-n-header-plan-button:hover {
    background:#4ea600;
}

.gplan-op-n-header-plan-price {
    vertical-align:top;
    background:#FFF;
    padding:15px 0 12px 0;
    border-bottom:2px solid #E1E1E1;
}

.gplan-op-n-header-plan-price-time {
    font-size:15px;
    margin:15px 0 5px 0;
}

.gplan-bg1 {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f6f6f6+90,e5e5e5+100&0+0,1+100 */
    background: -moz-linear-gradient(-45deg,  rgba(246,246,246,0) 0%, rgba(246,246,246,0.9) 90%, rgba(229,229,229,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg,  rgba(246,246,246,0) 0%,rgba(246,246,246,0.9) 90%,rgba(229,229,229,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg,  rgba(246,246,246,0) 0%,rgba(246,246,246,0.9) 90%,rgba(229,229,229,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f6f6f6', endColorstr='#e5e5e5',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}

.gplan-bg2 {
    background: -moz-linear-gradient(45deg,  rgba(246,246,246,0) 0%, rgba(246,246,246,0.82) 82%, rgba(229,229,229,1) 100%);
    background: -webkit-linear-gradient(45deg,  rgba(246,246,246,0) 0%,rgba(246,246,246,0.82) 82%,rgba(229,229,229,1) 100%);
    background: linear-gradient(45deg,  rgba(246,246,246,0) 0%,rgba(246,246,246,0.82) 82%,rgba(229,229,229,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f6f6f6', endColorstr='#e5e5e5',GradientType=1 );
}

.gplan-op-n-header-plan-price-sides {
    vertical-align:top;
    background:#FBFBFB;
    padding:15px 0 0 0;
    border-bottom:1px solid #E1E1E1;
}

.gplan-op-n-header {
    padding:0 15px;
    font-size:24px;
    font-weight:300;
    border-bottom:1px solid #E1E1E1;
}

.gplan-op-n-price {
    padding:10px 0;
    font-size:30px;
    font-weight:300;
    text-align:center;
}

.gplan-name {
    background:#009bde;
    color:#FFF;
    padding:10px 0;
}

.gplan-table tbody:hover .gplan-row:not(:hover) {
    transition: opacity 0.2s;
    opacity: 0.5;
}

.gplan-row:hover > .gplan-desc-op-n > .gplan-fdesc-rel > .gplan-fdesc, .gplan-row:hover > .gplan-desc-op-n-sub > .gplan-fdesc-rel > .gplan-fdesc-sub {
    visibility: visible;
    opacity: 1;
    box-shadow: 0px 4px 3px rgba(0,0,0,0.075);
}

.gplan-row:hover > .gplan-desc-op-n > .gplan-fdesc-rel > .gplan-fdesc div, .gplan-row:hover > .gplan-desc-op-n-sub > .gplan-fdesc-rel > .gplan-fdesc-sub div {
    opacity: 1;
}

.gplan-row:hover {
    box-shadow: 0px 4px 3px rgba(0,0,0,0.12);
}

.gplan-inc-icon {
    fill:#009bde;
    width:40px;
}

.gp-checked {
    fill:#5fca00;
    width:25px;
    height:25px;
}

.gp-unchecked {
    fill:#E1E1E1;
    width:25px;
    height:25px;
}

.gsignup-form {
    color:#333;
    width:100%;
    max-width:440px;
    background:#FFF;
    border-radius:6px;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    box-shadow: 0px 2px 0px rgba(0,0,0,0.075);
}

#setupform input[type="text"], #setupform select, #setupform .input-warning {
    border-top:0!important;
    border-left:0!important;
    border-right:0!important;
    border-radius:0!important;
    -moz-border-radius:0!important;
    -webkit-border-radius:0!important;
    padding:0 0!important;
    font-family:'roboto';
    font-size:14px!important;
    font-weight:300!important;
    height:31px;
    line-height:31px;
    width:100%;
}


input:focus ~ .placeholderfloat,
input:not(:focus):valid ~ .placeholderfloat {
  top:-11px;
  bottom: 10px;
  left:0;
  font-size: 11px;
  color:#999;
  opacity: 1;
}


#setupform .input-warning:not(:focus) {
    box-shadow:0 1px 0 red!important;
}

#setupform input[type="text"]:focus:not(.input-warning), #setupform .input-warning:focus {
    border-bottom:1px solid #009bde!important;
    box-shadow:0 1px 0 #009bde!important;
}

input:focus ~ .placeholderfloat {
  color:#009bde!important;
}

input:hover ~ .placeholderfloat {
  color:#999;
}

.gplaceholder-rel {
    position:relative;
    margin-top:12px;
}

.placeholderfloat {
  position: absolute;
  pointer-events: none;
  left:0;
  top: 5px;
  font-size:14px;
  color:#999;
  font-weight:400;
  transition: 0.2s ease all;
}

.warning-mess {
    font-size:11px;
    margin: 0px 0px;
}

.gsignup-form-footer {
    width:100%;
    max-width:460px;
    padding:8px 5px;
    text-align:right;
}

.gbox-provideo-container {
    cursor:pointer;
    margin-top:40px;
    background: #ff986c;
    display:inline-block;
    box-shadow:inset 0 0 0 100px rgba(255,122,66,0.2);
    transition:all 0.2s;
}

.gbox-provideo-img {
    display:block;
    text-align:center;
    vertical-align:top;
    background-size:140px 105px!important;
    background-position:center center!important;
    width:140px;
    height:72px;
    box-shadow:inset 0 0 0 100px rgba(0,0,0,0.5);
    transition:all 0.2s;
}

.gbox-provideo-img svg {
    display:inline-block;
    width:38px;
    height:38px;
    margin-top:16px;
    fill:#FFF;
    opacity:0.7;
    transition:all 0.2s;
}

.gbox-provideo-text {
    padding:0 30px 0 30px;
    text-align:center;
    font-size:16px;
    font-weight:600;
    color:#FFF;
}

.gbox-provideo-arrow {
    width:50px;
    text-align:center;
}

.gbox-provideo-arrow svg {
    width:22px;
    height:55px;
    opacity:0.95;
    fill:#FFF;
}

.gbox-provideo-container:hover {
    box-shadow:inset 0 0 0 100px rgba(255,122,66,0.6);
}

.gbox-provideo-container:hover .gbox-provideo-img {
    background-size:154px 116px!important;
    box-shadow:inset 0 0 0 100px rgba(0,0,0,0.7);
}

.gbox-provideo-container:hover .gbox-provideo-img svg {
    opacity:1;
}