@charset "utf-8";
/* CSS Document */

::selection { background: transparent; }
::-moz-selection { background: transparent; }

input, textarea {
  -webkit-appearance: none;
  -webkit-border-radius: 0;
}


* {position: relative;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: none;}

::-webkit-input-placeholder {
font-size: 14px;
font-weight: 400;
line-height: 18px;
}

:-moz-placeholder { /* Firefox 18- */
font-size: 14px;
font-weight: 400;
line-height: 18px;
}

::-moz-placeholder {  /* Firefox 19+ */
font-size: 14px;
font-weight: 400;
line-height: 18px; 
}

html {
min-width: 320px;
margin: 0;
background: #212121;
overflow-x: hidden;}


body {
color: #212121;
font-family: 'Roboto', Arial, Helvetica, Geneva, SunSans-Regular, sans-serif;
font-size: 14px;
text-align: center;
margin: 0;
font-weight: 400;
line-height: 20px;
padding: 0;
}

input, textarea, select {
font-family: 'Roboto', Arial, Helvetica, Geneva, SunSans-Regular, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 18px;
color: #212121;
outline: none;
}

img {
border: 0;
margin: 0;
display: block;}

form {
display: block;
width: 100%;}

ul, li {
list-style: none;
margin: 0;
padding: 0;}

hr, .clear {
display: block;
visibility: hidden;
width: 0;
height: 0;
clear: both;
float: none;
margin: 0;
padding: 0;
border: 0;
font-size: 0;
line-height: 0;
}

a {
color: #03a9f4;
text-decoration: none;
cursor: pointer;}

a:hover {
color: #0091EA;
text-decoration: underline;}

.bg {
padding-left: 20px;
padding-right: 20px;}

.fiximg {
background: #4E342E;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
 min-width: 100%; min-height: 100%;
width: auto; height: auto;
z-index: 2;
}
 
.fiximg .bgimg {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;height: 100%;
background: url(../img/cover-rgb-color.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  opacity: 0.6;}
  
 h1,h2,h3,p {
 margin: 0;}

.page {
z-index: 3;
box-shadow: 0 0 10px rgba(0,0,0,0.3);
}

.hidden {
display: none!important;
visibility: hidden!important;}

.btn {
display: inline-block;
padding: 8px;
line-height: 20px;
border-radius: 2px;
padding-left: 16px;
padding-right: 16px;
min-width: 88px;
font-weight: 500;
text-transform: uppercase;
color: #ffffff;
text-align: center;
background-color: #03a9f4;
font-size: 14px;
text-decoration: none!important;
box-shadow: 0 1px 3px rgba(40,40,40,0.2);
}


.btn:hover {
color: #ffffff;
background-color: #0091ea;}

.btn.transparent, .flash .btn {
color: #03a9f4!important;
background: transparent;
box-shadow: none;
}

.btn.transparent:hover {
background: rgba(0,0,0,0.04);
}

.btn.transparent.dark:hover, .flash .btn:hover {
background: rgba(0,0,0,0.3);
}

/* Header */

.header {
background: #ffffff;
min-height: 64px;
position: fixed;
top: 0;
left: 0;
right: 0;
min-width: 320px;
z-index: 9;
box-shadow: 0 2px 5px rgba(0,0,0,0.13);
}

 
 .header.fixed {
left: 0!important;
right: 0!important;
background-image: linear-gradient(to top , #094F86, #4EABDB);
}

.close {
width: 48px;
height: 48px;
position: absolute;
top: 0;
right: 0;
background: url(../img/ic_clear_white_48dp.png) no-repeat center center;
background-size: auto 24px;
overflow: hidden;
text-indent: -99999px;}

.layer .close {
background: url(../img/ic_close_grey600_48dp.png) no-repeat center center;
background-size: auto 24px;}

.header.fixed {
background: transparent;
position: absolute;
box-shadow: none;}

.header .bg {
min-height: 64px;
padding-left: 24px;
padding-right: 24px;
}

.header .logo {
display: block;
float: left;
width: 140px;
background: url(../img/postaget-logo.png) no-repeat left center;
background-size: auto 34px;
height: 64px;
text-indent: -999999px;
overflow: hidden;}

.header .slogan {
float: left;
border-left: 1px solid #e0e0e0;
margin-left: 12px;
padding-left: 24px;
height: 32px;
line-height: 31px;
font-size: 12px;
font-weight: 400;
font-style: normal;
display: none;
top: 16px;
color: #9e9e9e;
}

.header.fixed .slogan {
color: #ffffff;
border-color: rgba(255,255,255,0.33);
}

@media only screen and (min-width: 900px) {

	.header .slogan {
	display: block;
	}
}

.header.fixed .logo {
background: url(../img/postaget-logo-white.png) no-repeat left center;
background-size: auto 34px;
}

.header .menu {
height: 64px;
float: right;
font-size: 14px;
line-height: 64px;
margin-right: -10px;}

.header .menu .ilayer {
display: none;}

.header .menu ul {
display: block;}


.header .menu ul li {
display: block;
float: left;
height: 64px;
margin-left: 13px;
margin-right: 13px;}

.header .menu ul li a {
color: #212121;}

.header.fixed .menu ul li a {
color: #ffffff;}


.header .menu ul li.addnew {
margin-right: 4px;
margin-left: 4px;}

.header .menu ul li.addnew a {
padding-left: 32px;
display: inline-block;
text-transform: uppercase;
font-weight: 500;
padding: 8px;
padding-left: 34px;
padding-right: 16px;
color: #03a9f4;
line-height: 20px;
border-radius: 2px;
background: url(http://www.postaget.com/img/ic_add_blue_48dp.png) no-repeat 6px center;
background-size: auto 24px;}

.header .menu ul li.addnew a:hover {
background-color: rgba(0,0,0,0.04);
text-decoration: none;}

.header.fixed .menu ul li.addnew a {
background-image: url(http://www.postaget.com/img/ic_add_white_48dp.png);
color: #ffffff;}

.header.fixed .menu ul li.addnew a:hover {
background-color: rgba(0,0,0,0.32);}

.header .menu ul li.cart a {
color: #e0e0e0!important;
text-decoration: none;
cursor: default;}

.header.fixed .menu ul li.cart a {
color: rgba(255,255,255,0.5)!important;}

.header .menu ul li.cart.active a {
color: #ff8800!important;
cursor: pointer;}

.header .menu ul li.cart.active a:hover {
text-decoration: underline;}


.header .menu ul li.signup {
height: 36px;
padding-top: 14px;
padding-bottom: 14px;
line-height: 36px;
margin-right: 0;
margin-left: 5px;
}

.header .menu ul li.addnew {
height: 36px;
padding-top: 14px;
padding-bottom: 14px;
line-height: 36px;
}


.header.fixed .menu ul li.signup {
display: none;}

.header .menu ul li span.num {
display: inline-block;
margin-left: 8px;
min-width: 10px;
height: 14px;
line-height: 15px;
font-weight: 700;
font-size: 11px;
color: #757575;
border: 2px solid #757575;
text-align: center;
padding: 0;
padding-left: 2px;
padding-right: 2px;
border-radius: 2px;}

.header.fixed .menu ul li span.num {
color: #ffffff;
border: 2px solid #ffffff;}

/* Promo */

.promo {
background: url(../img/promo-bg.png) repeat-x top;}

.paypal {
width: auto;
height: 32px;
display: block;
background: url(../img/bdg_now_accepting_pp_2line_w.png) no-repeat right center;
background-size: auto 32px;
overflow: hidden;
text-indent: -999999px;
margin-top: 16px;
}

.promo .box {
width: 50%;
margin-left: 50%;
border-left: 1px solid rgba(255,255,255,1);}

.promo .box .inner {
padding: 40px;
padding-top: 14px;
padding-bottom: 24px;
text-align: left;
color: #ffffff;
max-width: 520px;}

.promo .box .inner h1, .clicklayer h2 {
font-weight: 300;
font-size: 56px;
line-height: 56px;
display: block;
margin: 0;
letter-spacing: -1px;
margin-bottom: 25px;
}

.clicklayer h2 {
color: #ffffff;
margin-bottom: -10px;
text-align: left;}

.free {
display: block;
position: absolute;
top: -40px;
left: -1px;
color: #ffffff;
font-size: 12px;
float: left;
padding: 4px;
padding-bottom: 5px;
padding-right: 12px;
padding-left: 28px;
font-weight: 500;
line-height: 20px;
background: rgba(255,136,0,1) url(../img/ic_grade_white_48dp.png) no-repeat 6px 7px;
background-size: auto 14px;
 }
 
.arrowdown {
position: absolute;
bottom: 45px;
left: 0;
right: 0;
height: 50px;
width: auto;
}

.arrowdown .gotag {
width: 50px;
height: 50px;
margin: auto;
display: block;
text-indent: -999999px;
overflow: hidden;
background: url(../img/ic_keyboard_arrow_down_white_48dp.png) no-repeat center top;
background-size: 32px 32px;
cursor: pointer;}

@-webkit-keyframes toshiba {
      
	  0%,60% {
	  margin-top: 0;
	  opacity: 1;	  
	  }
	  
	  61%,70% { opacity: 0;
		margin-top: 20px;	
	  }
	  
	  71% { opacity: 0;
		margin-top: -30px;	
	  }
	  100% { opacity: 1;
		margin-top: 0;	
	  }

}
.arrowdown .gotag {
-webkit-animation: toshiba 4s linear infinite;
}

.content {
background: #fafafa;
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.13);
z-index: 2;
}

.content .col50 {
width: 50%;
float: left;}

.content .col50.fright {
float: right;}

.content .inner {
padding: 32px;
text-align: left;}

.content p.icon_info {
margin-top: 48px;
display: inline-block;
color: #9e9e9e;
text-align: left;
min-height: 21px;
padding-top: 3px;
max-width: 50%;
font-size: 12px;
font-weight: 400;
line-height: 16px;
margin-bottom: 48px;
padding-left: 32px;
background: url(../img/ic_info_grey600_48dp.png) no-repeat left top;
background-size: auto 24px;}

.meet {
padding-top: 48px;
padding-bottom: 64px;
box-shadow: 0 -1px 20px rgba(0,0,0,0.13);
}


.content .tag {
position: absolute;
top: -111px;
left: 0;
height: 0;
width: 0;
}

h2, h3 {
font-weight: 400;
font-size: 45px;
line-height: 45px;
display: block;
letter-spacing: -1px;
margin-bottom: 50px;
color: #212121;
margin: 0;
}

.meet h2 {
display: block;
text-align: right;
max-width: 90%;
min-width: 272px;
float: right;
margin-bottom: 24px;
font-weight: 300;
color: #757575;
}

.meet h2.aleft, .meet h3.aleft {
float: left;
text-align: left;}

.meet h3 {
padding: 0;
font-size: 24px;
line-height: 28px;
display: block;
text-align: right;
max-width: 56%;
min-width: 272px;
float: right;
letter-spacing: 0;
color: #03a9f4;
font-weight: 400;
margin-bottom: 24px;
}

.meet h3 u {
text-decoration: none;
}

 .meet h3 .free {
 top: -2px;
 left: 0;
 position: relative;
 margin-right: 10px;
 display: inline-block;
 margin-left: 0;}

p {
font-size: 16px;
color: #777777;}

.meet .bg {
max-width: 1200px;
margin: auto;}

.tab {
clear: both;
float: none;
display: none;}

#tab01, #tab01a {
display: block;}

.tab .inner {
margin: auto;
padding: 0;
}

.tab .inner p {
font-size: 14px;
font-weight: 400;
margin-bottom: 32px;
line-height: 18px;
max-width: 56%;
min-width: 272px;
display: block;}

#tab01a .inner p, #tab02a .inner p {
text-align: right;
float: right;
margin-bottom: -16px;}

.tab  .inner p strong {
display: block;
font-size: 16px;
font-weight: 400;
color: #03a9f4;
margin-bottom: 13px;}

.tabs {
display: block;
height: 63px;
padding-top: 21px;
margin: 0;
width: 300px;
border-bottom: 1px solid #e0e0e0;
margin-bottom: 37px;}

#tabsa {
width: 200px;
float: right;}

.tabs li {
width: 33.333333%;
height: 64px;
display: block;
margin: 0;
margin-bottom: -1px;
float: left;
margin: 0;
overflow: hidden;
text-indent: -999999px;
cursor: pointer;
opacity: 0.5;
}

#tabsa li {
width: 50%;}

.tabs li.place {
background: url(../img/ic_location_on_grey600_48dp.png) no-repeat center center;
background-size: auto 24px;
color: #8b8b8b;
}

.tabs li.picture {
background: url(../img/ic_camera_alt_grey600_48dp.png) no-repeat center center;
background-size: auto 24px;
color: #8b8b8b;
}

.tabs li.edit {
background: url(../img/ic_rate_review_grey600_48dp.png) no-repeat  center center;
background-size: auto 24px;
color: #8b8b8b;
}

.tabs li.mail {
background: url(../img/ic_email_grey600_48dp.png) no-repeat  center center;
background-size: auto 24px;
color: #8b8b8b;
}

.tabs li.phone {
background: url(../img/ic_call_grey600_48dp.png) no-repeat  center center;
background-size: auto 24px;
color: #8b8b8b;
}

.tabs li.active {
opacity: 1;
box-shadow: inset 0 -2px 0 #03a9f4;
}


/* Items */

.items {
margin: 0;
}

.items .item {
width: 12.5%;
height: auto;
background: #fafafa;
overflow: hidden;
float: left;}

.items .item img {
width: 100%;
height: auto;
display: block;}

.items .item .hover {
display: none;}

.items .item:hover .hover {
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #03a9f4;
color: #ffffff;
text-align: center;

} 

.items .item:hover .hover div {
display: table;
width: 100%;
height: 100%;
vertical-align: middle;
margin: 0;
padding: 0;
border-spacing: 0;
}

.items .item:hover .hover div div {
display: table-cell;
margin: 0;
padding: 15px;
vertical-align: middle;
line-height: 14px;
font-size: 12px;
font-weight: 400;
cursor: default;
}


/* Contest */

.contest {
background: #fafafa;
border-top: 1px dashed #e0e0e0;
}

.contest .bg {
padding-top: 72px;
padding-bottom: 67px;
max-width: 860px;
min-width: 320px;
background: url(../img/size_comparison_right_large.png) no-repeat 48px 48px;
background-size: 224px auto;
text-align: left;
margin: auto;
}


.contest .bg h2 {
color: #757575;
margin: 0;
margin-left: 229px;
display: block;
font-size: 34px;
font-weight: 300;
line-height: 40px;
float: left;
width: 170px;
letter-spacing: -1px;
border-right: 1px solid #e0e0e0;
padding-right: 30px;
margin-right: 30px;
padding-top: 14px;
padding-bottom: 18px;
text-align: right;
}

/* Plugin Social Share */

.shareus {
display: block;
float: left;
text-align: center;
width: auto;
padding-top: 20px;
padding-bottom: 20px;
}

.shareus div {
min-height: 32px;}


/* Login */

.login {
position: fixed;
top: 0;
right: 0;
bottom: 0;
width: 320px;
overflow: auto;
background: #212121;
z-index: 1;
}

.login .inner {
padding: 32px;
padding-top: 100px;
text-align: left;
background: url(../img/favicon.png) no-repeat center 35px;
background-size: auto 48px;
color: #ffffff;
}

.login h2 {
color: #ffffff;
font-size: 24px;
line-height: 24px;
font-weight: 400;
letter-spacing: 0;
display: block;
text-align: center;
margin-bottom: 25px;
}

.login h2 em {
font-style: normal;
font-size: 18px;}

input[type="text"], input[type="password"] {
width: 100%;
padding: 0;
padding-top: 16px;
padding-bottom: 8px;
margin-bottom: 8px;
font-size: 14px;
font-weight: 400;
line-height: 18px;
height: 18px;
overflow: hidden;
border: 0;
display: block;
float: none;
color: #ffffff;
background: transparent!important;
box-shadow: 0 1px 0 #3e3e3e;
}

.layer input {
color: #212121;
box-shadow: 0 1px 0 #e0e0e0;
}

input[type="text"]:focus, input[type="password"]:focus {
box-shadow: 0 2px 0 #03a9f4;}

.login .forgot {
font-size: 12px;
display: block;
line-height: 12px;
float: right;
color: #ffffff;
margin-bottom: 16px;}

.login p {
margin-top: 45px;
text-align: center;
display: block;}

.login input[type="checkbox"] {
display: none;
}

.login label.check {
padding-left: 28px;
min-height: 19px;
display: block;
text-align: left;
margin-bottom: 8px;
margin-top: 16px;
line-height: 14px;
padding-top: 3px;
font-size: 12px;
color: #BDBDBD;}

.login label.check span {
display: block;
width: 14px;
height: 14px;
border: 2px solid #ffffff;
background: transparent;
position: absolute;
top: 3px;
border-radius: 2px;
left: 0;
}

.login label.check.active span {
background: #03a9f4 url(../img/ic_check_black_48dp.png) no-repeat center center;
background-size: 18px 18px;
width: 18px;
height: 18px;
border: 0;
}

.login label.check a {
color: #ffffff;
text-decoration: underline;}

.login label.check a:hover {
text-decoration: none;}

.login .box {
display: none;
text-align: center;}

.login .box.sign {
display: block;}


.login .box p.small {
color: #bdbdbd;
font-size: 12px;
margin-top: 0;
margin-bottom: 10px;
line-height: 16px;
text-align: left;
display: block;}

.login .btn.submit {
margin-top: 16px;}

/* Footer */

.footer {
padding-top: 40px;
padding-bottom: 40px;
background: #f5f5f5;
font-size: 12px;
margin-bottom: -20px;
border-top: 1px solid #e4e4e4;}

.footer ul {
margin-bottom: 10px;}

.footer ul li {
display: inline-block;
margin-left: 7px;
margin-right: 7px;
margin-bottom: 10px;}

.footer ul li a {
color: #757575;
text-decoration: none!important;}

.footer ul li a:hover {
color: #212121;}


.footer p {
font-size: 11px;
color: #aaaaaa;
margin: 0;
}

.footer .sign {
display: block;
width: 48px;
height:48px;
background: url(../img/favicon-bw.png) no-repeat center top;
overflow: hidden;
margin: auto;
text-indent: -99999px;
background-size: auto 48px;
margin-bottom: 16px;
}

.clicklayer {
background: transparent;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 99;
background: rgba(0,0,0,0.56);
display: none;}

.clicklayer .inner {
position: fixed;
top: 0;
left: 0;
right: 320px;
bottom: 0;
}

.clicklayer .inner .inn {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;}

.clicklayer .inner .box {
width: 380px;
height: 122px;
margin: auto;
margin-top: -71px;
top: 50%;}

.clicklayer .inner .sign {
width: auto;
height: 75px;
background: url(../img/postaget-logo-white.png) no-repeat right center;
background-size: auto 75px;
overflow: hidden;
margin-bottom: 48px;
text-indent: -999999px;}

.clicklayer .feedback {
display: inline-block;
margin: auto;
margin-left: -16px;}

.clicklayer .avatar {
display: block;
position: absolute;
top: 0;
left: 0;}

.clicklayer .avatar img {
display: block;
width: 56px;
height: 56px;
border-radius: 56px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

.clicklayer p {
color: #ffffff;
font-size: 16px;
line-height: 21px;
margin: 0;
display: block;
font-weight: 400;
margin-left: 72px;
text-align: left;
margin-bottom: 0;
font-style: italic;
}

.clicklayer em {
color: #ffffff;
margin-left: 72px;
display: block;
font-size: 13px;
line-height: 16px;
text-align: left;
margin-left: 72px;
font-weight: 500;
margin-bottom: 4px;
font-style: normal;
}

.clicklayer em .rating {
display: inline-block;
margin-left: 9px;
height: 16px;
top: 3px;
}

.clicklayer em .rating span {
display: inline-block;
width: 13px;
height: 16px;
margin: 0;
background: url(../img/ic_grade_white_48dp.png) no-repeat center center;
background-size: 13px 13px;
text-indent: -999999px;
overflow: hidden;}

/* Flash */

.flash {
z-index: 999;
position: fixed;
bottom: 24px;
left: 24px;
float: left;
background: #323232;
border-radius: 2px;
color: #ffffff;
min-width: 288px;
max-width: 568px;
}

.flash p a {
color: #ffffff;
text-decoration: underline;}

.flash p a:hover {
text-decoration: none;}

.flash .inner {
padding: 17px;
padding-left: 24px;
padding-right: 24px;}

.flash p {
font-size: 14px;
text-align: left;
display: block;
color: #ffffff;
line-height: 18px;
margin-right: 120px;
}

.flash .btn {
position: absolute;
top: 8px;
right: 8px;
float: right;
color: #feb500!important;
margin: 0;
}

/* Input Error */

.inputerror {
box-shadow: 0 2px 0 #ff4444!important;
font-size: 12px!important;
line-height: 18px!important;
color: #ff4444!important;
}

/* Layer */

.layer { 
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.56);
text-align: center;
z-index: 99;}

.layer .inner, .layer .closelayer {
position: absolute;
top: 0;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;}

.layer h2 {
color: #212121;
line-height: 30px;
font-size: 24px;
font-weight: 500!important;
margin-bottom: 16px;
max-width: 80%;
letter-spacing: 0;
 margin-left: 0;
 margin-right: 0;}

.layer p {
font-size: 16px;
color: #757575;
line-height: 24px;}

.layer .inner .box {
min-width: 320px;
max-width: 480px;
margin: auto;
top: 50%;
margin-top: -160px;
height: 320px;
background: #ffffff;
border-radius: 2px;
box-shadow: 0 24px 40px rgba(0,0,0,0.26);}

.layer .inner .box .inn {
padding: 24px;
padding-bottom: 65px;
text-align: left;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
overflow-y: auto;}

.layer .inner .box .buttons {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding-top: 14px;
text-align: right;
padding-left: 12px;
padding-right: 12px;
height: 50px;
border-top: 1px solid #e0e0e0;}

.layer .inner .box .btn {
margin: 0;
min-width: 30px;
text-align: center;
margin-right: 4px;
margin-left: 4px;}


.layer .sign {
display: none;}

.now-only {
display: block;
position: absolute;
top: -48px;
left: 300px;
width: 100px;
height: 100px;
background: rgba(255,68,68,0.9) url(http://postaget.com/img/now-only-icon.png) no-repeat center center;
background-size: auto 56%;
border-radius: 100px;
overflow: hidden;
text-indent: -999999px;
}

.quarantee {
display: block;
width: auto;
height: 64px;
overflow: hidden;
margin-top: 16px;
margin-bottom: 32px;
text-indent: -999999999px;
opacity: 0.5;
display: none;
background: url(http://postaget.com/img/quarantee.png) no-repeat center center;
background-size: auto 100%;}

.at-svc-email,.at-svc-print,.at-svc-favorites,.at-svc-google {
display: none!important;}