/* Theme Name: typodepot */

/* ===================================================
                        Reset
   =================================================== */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
}

* {
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	outline: none;
	-webkit-touch-callout:none;                /* prevent callout to copy image, etc when tap to hold */
    -webkit-text-size-adjust:none;             /* prevent webkit from resizing text to fit */
    -webkit-tap-highlight-color:rgba(0,0,0,0); /* prevent tap highlight color / shadow */
    -webkit-user-select:auto;    
}

html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

body {
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-o-font-smoothing: antialiased;
	font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	font-family: "centrale_sans_condensed";
	line-height: 1.2;
   	font-size:19px;
	color: #3e444a;
    	background: #f3f3f3;
}

article, aside, details, figcaption, 
figure, footer, header, nav, section {
	display: block;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: 400;
}

ul li {
	list-style: none;
}

address {
	font-size: 18px;
	font-style: normal;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
}

caption, th, td {
	font-weight: normal;
	text-align: left;
}

img {
	max-width: 100%;
	vertical-align: middle;
	border: none;
    -ms-interpolation-mode: bicubic;

}

    .bicubic {
            -ms-interpolation-mode: bicubic;
            image-rendering: optimizeQuality;
        }

img[class*="align"], 
img[class*="wp-image-"], 
img[class*="attachment-"] {
	height: auto;
}

img.size-full, img.size-large,
img.header-image, img.wp-post-image {
	max-width: 100%;
	height: auto;
}

p a:link {
color: #cc4834;
text-decoration: underline;
font-weight: normal;
font-size: 15px;
}


a {
	text-decoration: none;
	color: #444;
	-webkit-appearance: none;
}

a:hover, a:active, a:focus {
	outline: 0;
}

input, textarea, button, select {
	border: none;
	margin: 0;
}

input[type="submit"] {
	-webkit-appearance: none;
  	-webkit-border-radius: 0;
}

input:focus, textarea:focus, button:focus, button {
	outline: 0;
}

button::-moz-focus-inner {
	outline: none;
}

input::-webkit-input-placeholder { line-height: 35px; }
input:-ms-input-placeholder      { line-height: 35px; }
input:-moz-placeholder           { line-height: 35px; }

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
    line-height: 0;
}

::selection, ::-webkit-selection, ::-moz-selection {
	background: #04A4CC;
	color: #FFF;
	text-shadow: none;
}

/* ===================================================
                         Fonts
   =================================================== */

@font-face {
    font-family: 'CorsaGroteskRegular';
    src: url('fonts/CorsaGrotesk-Regular.eot');
    src: url('fonts/CorsaGrotesk-Regular.eot?#iefix') format('embedded-opentype'),
         url('fonts/CorsaGrotesk-Regular.woff') format('woff'),
        url('fonts/CorsaGrotesk-Regular.woff2') format('woff2'),
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'CorsaGroteskBold';
    src: url('fonts/CorsaGrotesk-Bold.eot');
    src: url('fonts/CorsaGrotesk-Bold.eot?#iefix') format('embedded-opentype'),
         url('fonts/CorsaGrotesk-Bold.woff') format('woff'),
        url('fonts/CorsaGrotesk-Bold.woff2') format('woff2'),
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Centrale_Sans';
    src: url('fonts/CentraleSans-Light.eot');
    src: url('fonts/CentraleSans-Light.eot?#iefix') format('embedded-opentype'),
         url('fonts/CentraleSans-Light.woff') format('woff'),
         url('fonts/CentraleSans-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'Centrale_Sans_Condensed';
    src: url('fonts/centralesanscondensed-regular.eot');
    src: url('fonts/centralesanscondensed-regular.eot?#iefix') format('embedded-opentype'),
         url('fonts/centralesanscondensed-regular.woff') format('woff'),
         url('fonts/centralesanscondensed-regular.ttf') format('truetype');
    font-weight: normal;
}



@font-face {
    font-family: 'Centrale_Sans_Condensed_Bold';
    src: url('fonts/centralesanscondensed-bold.eot');
    src: url('fonts/centralesanscondensed-bold.eot?#iefix') format('embedded-opentype'),
         url('fonts/centralesanscondensed-bold.woff') format('woff'),
         url('fonts/centralesanscondensed-bold.ttf') format('truetype');
    font-weight: bold;
    font-style: bold;
}

h2, h2 a, h3, h4, h4 a, h5 a, input[type='submit'] { 
	font-family: 'Centrale_Sans_Condensed_Bold'; 
}

b, strong {font-family: 'Centrale_Sans_Condensed_Bold'; }


h6, nav a, .tags *, footer a, input[type='text'], 
textarea, .variations label, .single_variation_wrap, 
.cart-users, .cart-total-item-prise, .product-cart-total, 
.cart_table_item td h4 a, .chzn-container-single .chzn-single span,
#billing_country_field .chzn-container .chzn-results li { 
	font-family: 'Centrale_Sans_Condensed'; 
}

li a {
	font-size: 19px;
	display: block;
}

/* ===================================================
                         Main
   =================================================== */
@media (min-width: 768px) {
	html, body { height: 100%; }
	.lohin-bar { height: 34px; }
	body > .wrapper { min-height: calc(100% - (34px + 99px)); }
	.footer { height: 99px; }
}




.login-bar {
	background: #4c5255;
	border-bottom: solid #343739 1px;
	width: 100%;
	text-align: right;
	color: #c3c6c7;
}

.login-bar .wrapper {
	padding-right: 1.6%;
}

.login-bar a {
	font-family: 'Verdana';
	font-size: 12px;
	line-height: 34px;
	color: #c3c6c7;
}

.login-bar a:hover {
	color: #fff;
}

.wrapper {
	width: 98%;
	max-width: 1024px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}

.gray-line {
	background: #C5C5C5;
	width: 98.2%;
	height: 1px;
	margin: 0 auto;
}

h4 {
	font-size: 20px;
	color: #444444;
}

p {
	font-size: 15px;
	color: #444444;
}


/* ===================================================
                        Hedaer
   =================================================== */
.header {
	border-bottom: solid #c5c5c5 1px;
	margin: 0 3.2%;
	padding: 40px 0 35px 0;
}

.header .logo {
	display: block;
	text-align: center;
}

.header .logo img {
	max-width: 165px;
}

.main-nav {
	height: 33px;
	padding-top: 7px;
}

.main-nav li {
	position: relative;
	display: inline-block;
	height: 23px;
	margin-left: 10px;
}

.main-nav li a {
	height: 59px;
}

.main-nav li.active a:after {
	background: #cc4834;
	content: "";
	position: absolute;
	left: 0;
	bottom: -39px;
	width: 100%;
	height: 3px;
}

.main-nav, .sub-nav {
	font-size: 18px;
	color: #3e444a;
}

nav ul li.active a,
.about-sub-menu .active a {
	color: #cc4834;
} 

@media (min-width: 1025px) {
	.main-nav li:hover a:after {
		background: #cc4834;
		content: "";
		position: absolute;
		left: 0;
		bottom: -39px;
		width: 100%;
		height: 3px;
	}

	nav a:hover {
		color: #cc4834;
	} 
}

/* ===================================================
                        Content
   =================================================== */
.content {	
	overflow: hidden;
	min-height: 450px;
	margin: 0 2.3%;
	padding: 35px 0 20px 0;
}

/*--- Home Page ---*/
.content .banner {
	border-bottom: solid #c5c5c5 1px;
	margin: 0 0.9% 35px 0.9%;
	padding-bottom: 35px;
}

.col {
	float: left;
	width: 31.5333%;
	margin: 0 0.9% 20px 0.9%;
}

.featured-fonts {
	overflow: hidden;
	padding-bottom: 15px;
}

.featured-fonts h4 {
	margin: 15px 0 0 0;
}

@media (min-width: 1025px) {
	.col a:hover img {
		opacity: 0.9;

	}

	.col a:hover h4 {
		color: #CC4834;
	}
}





.featured-fonts p {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	color: #939597;
}

.latest-post {
	overflow: hidden;
	padding-top: 35px;
}

.latest-post .col p + p {
	margin-top: 30px;
}

span.date {
	display: inline-block;
	font-size: 19px;
	text-transform: lowercase;
	white-space: nowrap;
	color: #939597;
}

.home span.date {
	margin-bottom: 30px;
}

.get-in-touched {
	background: #ffffff;
	border-radius: 5px;
	padding: 12px;
}

.get-in-touched li {
	border-bottom: solid #ccdce1 1px;
	padding: 7px 0;
}

.get-in-touched li:first-child {
	border-top: none;
}

.get-in-touched li:last-child {
    border-bottom: none;
}

.get-in-touched li a {
	background: url('images/icons_sprite.png') no-repeat;
	padding-left: 40px;
	background-size: 20px; 
}

.get-in-touched li a:hover {
	color: #cc4834;
}

.get-in-touched li a.twitter         { background-position: 7px    1px; }
.get-in-touched li a.facebook        { background-position: 7px  -80px; }
.get-in-touched li a.rss             { background-position: 7px -156px; }
.get-in-touched li a.mail            { background-position: 7px -236px; }
.get-in-touched li a.instagram         { background-position: 7px    1px; }

.get-in-touched li a.twitter:hover   { background-position: 7px  -39px; }
.get-in-touched li a.facebook:hover  { background-position: 7px -120px; }
.get-in-touched li a.rss:hover       { background-position: 7px -196px; }
.get-in-touched li a.mail:hover      { background-position: 7px -276px; }
.get-in-touched li a.instagram:hover   { background-position: 7px  -39px; }

.fonts-shops-holder {
	padding-top: 21px;
}

.fonts-shops-holder .icon-box {
	float: left;
	width: 20%;
	padding: 0 4%;
	text-align: center;
}

/*--- Fonts Page ---*/

.fonts .col img {
    border: solid #b2b2b2 0px;
}

.fonts .col > a img + img {
	display: none;
}


@media (min-width: 1025px) {
	.fonts .col > a:hover img {
		display: none;
	}

	.fonts .col > a:hover img + img {
		display: inline;
	}
}

.fonts .col h5 a {
	display: block;
	margin-top: 10px;
	margin-bottom: 5px;
	font-size: 21px;
	color: #cc4734
   
}

.fonts .col span {
	font-size: 18px;
	color: #a5a5a5;
}


/*--- Single Font Page ---*/
.single-font-page h2 {
	border: none;
	margin-left: 0.9%;
	font-size: 30px;
}

.sub-menu {
	float: right;
	margin-right: 0.9%;
	padding-top: 0px;
}

.sub-menu li {
	float: left;
	margin-left: 20px;
}

.sub-menu li a {
	white-space: nowrap;
}

.tab-content {
    display: none;
}

.slider {
	margin: 0 0.9%;
}

#info, #about-as {
	display: block;
    margin-top: -3px;
}

.price-box {
	background: #eae8e7;
	float: right;
	margin-top: 20px;
	padding: 26px;
}

.purchase-btn-holder {
	border-radius: 5px;
	overflow: hidden;
    cursor: pointer;
    
}

.purchase-btn {
	display: block;
    border-radius: 5px;
	padding: 15px 15px 15px 0;
    color: #fff;
    cursor: pointer;

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#656c70), color-stop(100%,#656c70)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #656c70 0%,#656c70 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #656c70 0%,#656c70 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #656c70 0%,#656c70 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #656c70 0%,#656c70 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#656c70', endColorstr='#656c70',GradientType=0 ); /* IE6-9 */
}

.purchase-btn:hover {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bb2d2f), color-stop(100%,#cb3d3f)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #bb2d2f 0%,#cb3d3f 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #bb2d2f 0%,#cb3d3f 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #bb2d2f 0%,#cb3d3f 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #bb2d2f 0%,#cb3d3f 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bb2d2f', endColorstr='#cb3d3f',GradientType=0 ); /* IE6-9 */
	/*border-bottom: solid transparent 1px;*/
}

.hand-icon {
	display: inline-block;
	padding-left: 20px;
	font-family:'Centrale_Sans_Condensed_Bold';
    letter-spacing:0.5px;
	color: #fff;
}

.prices {
	border-top: solid #bcbcbc 1px;
	border-bottom: solid #bcbcbc 1px;
	margin: 25px 0 16px 0;
	padding-bottom: 16px;
}

.prices p {
	margin-top: 16px;
	font-size: 14px;
	line-height: 30px;
}

.prices span {
	white-space: nowrap;
}

.prices p span:first-child {
	float: left;
}

.prices p span + span {
	float: right;
}

.prices > span {
	font-size: 14px;
	color: #a6a6a6;
}

.download-links > p {
	margin-top: 10px;
    font-size: 14px;
}

.download-links .pdf {
	color: #a6a6a6;
    font-size: 14px;
}

.download-links .dla {
	color: #ca3b3d;
    font-size: 14px;
}

/*--- Blog Roll Pages ---*/
.col_2 {
	margin: 0 0.9%;
}

article {
	margin-bottom: 50px;
}

article span.date {
	margin-bottom: 3px;
}

.help article span.date,
.single-help-post article span.date {
	display: none;
}

article > h2 {
	border-bottom: solid #c5c5c5 1px;
	padding-bottom: 12px;
}

article > h2 a:hover {
	color: #cc4834;
}

article > p, article .col_2 p {
	margin-top: 20px;
	line-height: 22px;
}

.more-link {
	color: #cc4834;
}

.tags {
	margin-top: 30px;
	color: #7e7e7e;
}

.tags > span {
	color: #CC4834;
}

.tags > a {
	color: #7e7e7e;
}

.posts-nav {
	overflow: hidden;
	border-top: solid #c5c5c5 1px;
	padding-top: 30px;
	padding-bottom: 10px;
}

.nav-previous {
	float: left;
}

.nav-next {
	float: right;
}

.posts-nav {
	font-size: 15px;
}

aside {
	margin: 0 0.9% 20px;
}

.blog aside, 
.single-blog-post aside {
	padding-top: 29px;
}

aside img {
	margin-top: 20px;
}

aside h3 {
	border-bottom: solid #c5c5c5 1px;
	padding-bottom: 12px;
	font-size: 25px;
	color: #8cacb4;
}

aside h4 {
	margin-top: 20px;
	padding-bottom: 20px;
	border-bottom: solid #c5c5c5 1px;
}

aside ul li {
	border-bottom: solid #c5c5c5 1px;
	line-height: 42px;
}

aside ul li a:hover,
aside ul li.active a {
	color: #cc4834;
}

.archive-title {
	border-bottom: solid #c5c5c5 1px;
	margin-bottom: 46px;
	padding-bottom: 14px;
	font-size: 25px;
	line-height: 1.1;
	color: #8cacb4;
}

/*--- Contact ---*/
.contact {
	padding-bottom: 100px;
}

.contact article, section.form {
	margin: 0 0.9%;
} 

.contact article p {
	margin-bottom: 25px;
	font-size: 18px;
} 

.contact article a p {
	color: #CC4834;
} 

.contact .gray-line {
	width: 100%;
	margin: 20px 0;
}

section.form {
	padding-top: 41px;
}

section.form .row {
	margin-bottom: 10px;
}

input[type=text],
input[type=email],
input[type=password] {
	border: solid #ccc 1px;
	width: 100%;
	height: 35px;
	padding: 0px 18px;
	font-size: 14px;
	line-height: 35px;
	color: #8f8f8f;
}

textarea {
	border: solid #ccc 1px;
	max-width: 100%;
	width: 100%;
	min-height: 120px;
	padding: 10px 18px;
	font-size: 14px;
	color: #8f8f8f;
	overflow: auto;
}

section.form .submit-holder {
	border-radius: 3px;
	display: inline-block;
	overflow: hidden;
	float: left;
}

section.form input[type=submit] {
	background: #bb2d2f;
	border-radius: 3px;
	border-top: solid #eecacb 1px;
	border-bottom: solid #000 1px;
	padding: 5px 25px;
	font-size: 18px;
	color: #fff;
	cursor: pointer;

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cb3d3f), color-stop(100%,#bb2d2f)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #cb3d3f 0%,#bb2d2f 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #cb3d3f 0%,#bb2d2f 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #cb3d3f 0%,#bb2d2f 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #cb3d3f 0%,#bb2d2f 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cb3d3f', endColorstr='#bb2d2f',GradientType=0 ); /* IE6-9 */
}

section.form input[type=submit]:hover {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bb2d2f), color-stop(100%,#cb3d3f)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #bb2d2f 0%,#cb3d3f 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #bb2d2f 0%,#cb3d3f 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #bb2d2f 0%,#cb3d3f 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #bb2d2f 0%,#cb3d3f 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bb2d2f', endColorstr='#cb3d3f',GradientType=0 ); /* IE6-9 */
}

/*--- 404 ---*/
body.error404 {
	background: url('images/bg_404.png') repeat;
}

body.error404 > .wrapper {
	background: #fff;
}

.error404 .content {
	margin: 0 3%;
	padding: 80px 0 50px 0;
}

.error404 .content > p {
	margin-top: 40px;
	font-size: 27px;
}

.error404 .content > p > a {
	margin-top: 40px;
	font-size: 27px;
	color: #cc4834;
}

/* ===================================================
                         Footer
   =================================================== */
.footer {
	background: #292f34;
	padding: 30px 0;
}

.footer-content {
	margin: 0 3.3%;
}

.footer-logo img {
	max-width: 200px;
}

.coolio p {
	padding-top: 12px;
	font-size: 13px;
	line-height: 1.3;
	text-transform: uppercase;
	color: #747d82;
}

@media (max-width: 767px) {
	.footer-logo, .coolio {
		text-align: center;
	}
}

@media (min-width: 767px) {
	.footer-logo {
		float: left;
	}

	.coolio {
		float: right;
	}
}

.modal--overlay {
	background: rgba(0, 0, 0, 0.7);
	overflow-y: auto; position: fixed;
	top: 0; right: 0; bottom: 0; left: 0;
	width: 100%; height: 100%;
	padding: 10px; z-index: 99999;
	transition: all 0.6s ease;
	cursor: pointer; 
	opacity: 0; visibility: hidden;
}

.modal--overlay.opened {
  	opacity: 1;
  	visibility: visible;
    font-family: "centrale_sans_condensed";
}

.modal--overlay.opened .modal--holder {
  opacity: 1;
  visibility: visible;
  cursor: default;
}

.modal--overlay .modal--holder {
	position: relative;
	background: #fff;
	padding: 35px;
	max-width: 500px;
	margin: 0 auto;
	cursor: default; 
}

@media (min-width: 768px) {
	.modal--overlay .modal--holder {
		position: relative; top: 50%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}
}

.modal--close-btn {
	position: absolute;
	top: 10px; right: 10px;
	width: 20px; height: 20px;
	cursor: pointer;
}

.modal--close-btn:after, 
.modal--close-btn:before {
	background: #000;
	position: absolute;
	content: ''; top: 50%;
	width: 100%; height: 2px;
}

.modal--close-btn:after  { transform: rotate(-45deg); }
.modal--close-btn:before { transform: rotate(45deg); }

.modal--title {
	font-size: 20px;
	font-family: "centrale_sans_condensed";
}

.modal--subtitle {
	font-size: 14px;
    line-height: 1.3;
    margin: 20px 0 30px;
    font-family: "centrale_sans_condensed";
}

.icon-boxes {
	font-size: 0;
	text-align: center;
}

.icon-boxes .icon-box {
	display: inline-block;
    max-width: 50px;
    margin-right: 34px;
    margin-left: 2px;
}

.icon-boxes .icon-box-text {
	margin: 20px 0 10px;
	font-size: 12px;
    text-align: center;
}

/* Subscribe Modal Content */
/* MailChimp Form Embed Code - Classic - 12/17/2015 v10.7 */
#mc_embed_signup form {display:block; position:relative; text-align:left; padding:10px 0 10px 3%}
#mc_embed_signup h2 {font-weight:bold; padding:0; margin:15px 0; font-size:1.4em;}
#mc_embed_signup input {border: 1px solid #ABB0B2; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
#mc_embed_signup input[type=checkbox]{-webkit-appearance:checkbox;}
#mc_embed_signup input[type=radio]{-webkit-appearance:radio;}
#mc_embed_signup input:focus {border-color:#333;}
#mc_embed_signup .button {clear:both; background-color: #aaa; border: 0 none; border-radius:4px; transition: all 0.23s ease-in-out 0s; color: #FFFFFF; cursor: pointer; display: inline-block; font-size:15px; font-weight: normal; height: 32px; line-height: 32px; margin: 0 5px 10px 0; padding: 0 22px; text-align: center; text-decoration: none; vertical-align: top; white-space: nowrap; width: auto;}
#mc_embed_signup .button:hover {background-color:#777;}
#mc_embed_signup .small-meta {font-size: 11px;}
#mc_embed_signup .nowrap {white-space:nowrap;}

#mc_embed_signup .mc-field-group {clear:left; position:relative; width:96%; padding-bottom:3%; min-height:50px;}
#mc_embed_signup .size1of2 {clear:none; float:left; display:inline-block; width:46%; margin-right:4%;}
* html #mc_embed_signup .size1of2 {margin-right:2%; /* Fix for IE6 double margins. */}
#mc_embed_signup .mc-field-group label {display:block; margin-bottom:3px;}
#mc_embed_signup .mc-field-group input {display:block; width:100%; padding:8px 0; text-indent:2%;}
#mc_embed_signup .mc-field-group select {display:inline-block; width:99%; padding:5px 0; margin-bottom:2px;}

#mc_embed_signup .datefield, #mc_embed_signup .phonefield-us{padding:5px 0;}
#mc_embed_signup .datefield input, #mc_embed_signup .phonefield-us input{display:inline; width:60px; margin:0 2px; letter-spacing:1px; text-align:center; padding:5px 0 2px 0;}
#mc_embed_signup .phonefield-us .phonearea input, #mc_embed_signup .phonefield-us .phonedetail1 input{width:40px;}
#mc_embed_signup .datefield .monthfield input, #mc_embed_signup .datefield .dayfield input{width:30px;}
#mc_embed_signup .datefield label, #mc_embed_signup .phonefield-us label{display:none;}

#mc_embed_signup .indicates-required {text-align:right; font-size:11px; margin-right:4%;}
#mc_embed_signup .asterisk {color:#e85c41; font-size:150%; font-weight:normal; position:relative; top:5px;}     
#mc_embed_signup .clear {clear:both;}

#mc_embed_signup .mc-field-group.input-group ul {margin:0; padding:5px 0; list-style:none;}
#mc_embed_signup .mc-field-group.input-group ul li {display:block; padding:3px 0; margin:0;}
#mc_embed_signup .mc-field-group.input-group label {display:inline;}
#mc_embed_signup .mc-field-group.input-group input {display:inline; width:auto; border:none;}

#mc_embed_signup div#mce-responses {float:left; top:-1.4em; padding:0em .0em 0em .0em; overflow:hidden; width:120%; margin: 0 0%; clear: both;}
#mc_embed_signup div.response {margin:1em 0; padding:1em .5em 1.5em 0; font-weight:bold; float:left; top:-1.5em; z-index:1; width:80%;}
#mc_embed_signup #mce-error-response {display:none;}
#mc_embed_signup #mce-success-response {color:#529214; display:none;}
#mc_embed_signup label.error {display:block; float:none; width:auto; margin-left:1.05em; text-align:left; padding:.5em 0;}

#mc-embedded-subscribe {clear:both; width:auto; display:block; margin:1em 0 1em 5%;}
#mc_embed_signup #num-subscribers {font-size:1.1em;}
#mc_embed_signup #num-subscribers span {padding:.5em; border:1px solid #ccc; margin-right:.5em; font-weight:bold;}

#mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error {display:inline-block; margin:2px 0 1em 0; padding:5px 10px; background-color:rgba(255,255,255,0.85); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size:14px; font-weight:normal; z-index:1; color:#e85c41;}
#mc_embed_signup #mc-embedded-subscribe-form input.mce_inline_error {border:2px solid #e85c41;}


/* ===================================================
                       WooCommerce
   =================================================== */
.woocommerce { 
	margin: 0 0.9%; 
	padding-top: 20px;
}
.woocommerce h2 { 
	font-size: 30px; 
}
.def-page article > h2 { 
	margin: 0 0.9%; 
	font-size: 30px; 
}
article .woocommerce > h2 { 
	margin: 20px 0 3px 0; 
}
.woocommerce form.login, 
.woocommerce form.register { 
	position: relative;
	margin-top: 50px; 
}
.woocommerce form.login .form-row input,
.woocommerce form.register .form-row input { 
	margin: 10px 0 15px 0; 
	color: #4b4444;
}
.woocommerce form .form-row label, 
.woocommerce-page form .form-row label {
	height: 23px;
	line-height: 23px;
	font-size: 19px;
}
.woocommerce .myaccount_user { 
	margin-top: 20px; 
}
.woocommerce .checkout h3 { 
	margin-bottom: 20px; 
}
.woocommerce h4 { 
	margin-bottom: 7px; 
	font-size: 16px; 
}
.woocommerce ul.products li.product, 
.woocommerce-page ul.products li.product {
    position: relative;
    margin-bottom: 10px;
    padding: 28px;
    overflow: hidden;
}
.woocommerce .products li.odd { 
	background: #f7f8f8; 
}
.product-add-to-cart-button-section {
	padding-bottom: 2px;
	vertical-align: bottom;
}
.single-font-page .woocommerce .variations td { 
	vertical-align: bottom;
}
.single-font-page .woocommerce .variations td.value { 
	padding-left: 15px;
	padding-right: 25px;
}
.single-font-page .woocommerce .variations td.value label,
.woocommerce .single_variation_holder label { 
	display: block;
	padding-bottom: 22px;
	line-height: 1;
	text-transform: capitalize;
}
.woocommerce .variations .value select,
.cart_table_item .variation_selection select { 
	border: 1px solid #C5C5C5; 
}
.woocommerce .variations .value select option { 
	padding-left: 6px; 
}
.woocommerce .single_variation_wrap { 
	overflow: hidden;
	width: 170px;
}
.woocommerce .single_variation_wrap .variations_button .button {
	float: right;
	padding: 0 6px;
}
.woocommerce .single_variation_wrap .amount,
.woocommerce .single_variation_wrap .price { 
	display: block;
	height: 21px;
	font-size: 18px;
	line-height: 1.2;
}
.woocommerce .single_variation_wrap .price { 
	min-width: 45px;
}
.woocommerce .single_variation_wrap .cart-total-item-prise {
	display: none;
}
.lost_password {
	margin-left: 25px;
	font-size: 20px;
	line-height: 56px;
}
.lost_password:hover,
.digital-downloads li a:hover {
	color: #cc4834;
}
.def-page .woocommerce table.my_account_orders {
	border: 1px solid rgba(0, 0, 0, 0.1);
	margin-top: 20px;
}
#order_review .shop_table,
.shop_table.order_details {
	border: 1px solid rgba(0, 0, 0, 0.1);
}
#order_review .shop_table thead th,
#order_review .shop_table tbody td.product-name,
#order_review .shop_table tbody td.product-total,
.shop_table.order_details thead th,
.shop_table.order_details tbody td.product-name,
.shop_table.order_details tbody td.product-total {
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
#order_review .shop_table thead th.product-total,
.shop_table.order_details thead th.product-total {
	padding-left: 0px;
}
#order_review .shop_table tfoot tr.cart-subtotal th,
#order_review .shop_table tfoot tr.cart-subtotal td,
.shop_table.order_details tfoot tr:first-child th,
.shop_table.order_details tfoot tr:first-child td {
	border: none;
}
.def-page .woocommerce table.my_account_orders th,
.def-page .woocommerce table.my_account_orders td {
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	font-size: 18px;
	line-height: 35px;
	white-space: nowrap;
	overflow: hidden;
}
.woocommerce .myaccount_address {
	margin-top: 10px;
	margin-bottom: 20px;
}
.woocommerce .addresses address {
	font-size: 18px;
}
p#mc4wp-checkbox {
/*    position: absolute;
    bottom: 30px;
    margin-left: 0.9%;*/
}
p#mc4wp-checkbox label {
    white-space: nowrap;
}
.def-page .checkout_coupon .form-row #coupon_code {
	height: 35px;
	font-size: 18px;
	line-height: 35px;
}
.def-page .checkout_coupon {
	margin-bottom: 30px;
}
.woocommerce form .form-row select, 
.woocommerce-page form .form-row select {
    float: left;
	border: 1px solid #CACACA;
	height: 35px;
    padding: 5px;
    font-size: 16px;
    cursor: pointer;
}
#customer_details h2 {
	border-bottom: 1px solid #C5C5C5;
	margin-bottom: 20px;
	padding: 10px 0 20px 0;
}
#customer_details .col-1 > p {
	margin-bottom: 10px;
}
#order_review_heading {
	border-top: 1px solid #C5C5C5;
	margin: 30px 0 0 0;
	padding: 30px 0;
}
#order_review > a {
	color: #cc4834;
}
#order_review #payment {
	border-top: 1px solid #C5C5C5;
	padding-top: 40px;
}
.customer_details {
	margin: 10px 0;
}
/*kkkk*/
.product-remove {
	width: 48px;
}
.shop_table.cart thead,
.product-quantity {
	display: none;
}
.shop_table #coupon_code {
	border: 1px solid #E0DADF;
	height: 35px;
	margin-right: 5px;
	padding: 0 12px;
	line-height: 35px;
}
.woocommerce .checkout-button.button,
.woocommerce-page .checkout-button.button {
	border-top: solid #eecacb 1px;
	border-bottom: solid #000 1px;
	border-radius: 5px;
	float: right;
	color: #fff;

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cb3d3f), color-stop(100%,#bb2d2f)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #cb3d3f 0%,#bb2d2f 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #cb3d3f 0%,#bb2d2f 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #cb3d3f 0%,#bb2d2f 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #cb3d3f 0%,#bb2d2f 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cb3d3f', endColorstr='#bb2d2f',GradientType=0 ); /* IE6-9 */
}
.woocommerce .checkout-button.button:hover,
.woocommerce-page .checkout-button.button:hover {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bb2d2f), color-stop(100%,#cb3d3f)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #bb2d2f 0%,#cb3d3f 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #bb2d2f 0%,#cb3d3f 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #bb2d2f 0%,#cb3d3f 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #bb2d2f 0%,#cb3d3f 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bb2d2f', endColorstr='#cb3d3f',GradientType=0 ); /* IE6-9 */
}
.product-featured-image-holder {
	width: 100%;
	vertical-align: top;
}
.product-featured-image-holder .pfi-holder {
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 37px;
}
.product-featured-image-holder .pfi-holder a {
	cursor: default;
}
.shop_table .product-featured-image-holder .pfi-holder {
	top: 4px;
}
.product-featured-image-holder .pfi-holder img {
	position: absolute;
	top: 0;
	left: 0;
	width: 590px;
	max-width: 590px;
	height: 37px;
}
.cart_table_item .total-holder .product-price span.price {
	display: block;
	height: 21px;
	line-height: 22px;
}
.cart-total-item-prise {
	position: relative; 
	top: -25px;
}
.cart-users,
.product-cart-total {
	position: relative;
	top: -25px;
}
.cart-users, .cart-total-item-prise,
.product-cart-total,
.cart_table_item td h4 a {
	text-transform: capitalize;
	color: #82878d;
}
.total-holder .product-subtotal .amount {
	display: block;
	height: 20px;
	position: relative;
	top: 1px;
}
.woocommerce table.shop_table td.total-holder td:first-child, 
.woocommerce-page table.shop_table td.total-holder td:first-child {
	padding-left: 10px;
}
.shop_table td.actions {
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	padding: 20px 0;
}
.checkout-update-holder {
	float: right;
}
.woocommerce table.cart td.actions .coupon > input, 
.woocommerce-page table.cart td.actions .coupon > input, 
.woocommerce #content table.cart td.actions .coupon > input, 
.woocommerce-page #content table.cart td.actions .coupon > input {
	float: left;
}
#woocommerce_eu_vat_number > h3 {
	float: none;
	height: 45px;
	margin-top: 35px;
	font-size: 30px;
}
#woocommerce_eu_vat_number > p > small {
	display: block;
	height: 73px;
	font-size: 20px;
	line-height: 22px;	
}
#woocommerce_eu_vat_number > p.vat-number > label {
	display: none;
}
.woocommerce #payment div.form-row, 
.woocommerce-page #payment div.form-row {
    position: relative;
    padding: 20px 0 0 0;
}
.woocommerce #payment ul.payment_methods, 
.woocommerce-page #payment ul.payment_methods {
    background: #ededee;
    margin: 0;
    padding: 1em;
    text-align: left;
}
.woocommerce #payment .terms, 
.woocommerce-page #payment .terms {
    position: absolute;
    top: -45px;
    left: 180px;
}
#billing_country_field .chzn-container,
#billing_country_field .chzn-container-single .chzn-drop {
	width: 100%!important;
	box-shadow: none;
	border-radius: 0;
}
#billing_country_field .chzn-container-single .chzn-drop {
	border: 1px solid #CACACA;
	border-top: none;
}
#billing_country_field .chzn-container-single .chzn-single {
	border: 1px solid #CACACA;
	background: none;
	border-radius: 0px;
	box-shadow: none;
	height: 35px;
	padding: 0;
    line-height: 35px;
	color: #000;
}
#billing_country_field .chzn-container-single .chzn-single span {
	padding-left: 5px;
	font-size: 16px;
	color: #8F8F8F;
}
#billing_country_field .chzn-container-single .chzn-single div b {
    background-position: 0 7px;
}
#billing_country_field .chzn-container-single .chzn-search input {
	background: url("../images/chosen-sprite.png") no-repeat 100% -19px;
	height: 27px;
	padding-top: 0px;
	padding-bottom: 0px;
	line-height: 27px;
}
#billing_country_field .chzn-container .chzn-results .highlighted {
	background: none;
	color: #000;
}
#billing_country_field .chzn-container .chzn-results li {
	font-size: 16px;
	color: #8F8F8F;
}
.woocommerce form .form-row label.checkbox a, 
.woocommerce-page form .form-row label.checkbox a {
	white-space: nowrap;
    text-decoration: underline;
    color: #D43F43;
}
.woocommerce > form.login > p.form-row.form-row-first > label,
.woocommerce > form.login > p.form-row.form-row-last > label {
	display: inline-block;
	white-space: nowrap;
}
.woocommerce a.button, .woocommerce-page a.button, 
.woocommerce button.button, .woocommerce-page button.button, 
.woocommerce input.button, .woocommerce-page input.button, 
.woocommerce #respond input#submit, .woocommerce-page #respond input#submit, 
.woocommerce #content input.button, .woocommerce-page #content input.button {
    background: #ededee;
    border-radius: 3px;
    display: block;
    float: left;
    height: 35px;
    padding: 0px 12px;
    font-family: "centrale_sans_condensed";
    font-size: 18px;
    line-height: 35px;
    color: #353e43;
    cursor: pointer;
}
.total-vat-text {
	float: left;
	width: 60%;
}
.woocommerce .cart-collaterals, 
.woocommerce-page .cart-collaterals {
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	position: relative;
    width: 100%;
    margin-bottom: 30px;
    padding-bottom: 30px;
}
.woocommerce .cart-collaterals .cart_totals, 
.woocommerce-page .cart-collaterals .cart_totals {
    position: absolute;
    right: 0;
    bottom: 30px;
    width: 192px;
    font-size: 19px;
}
.woocommerce .cart-collaterals .cart_totals .cart-subtotal td,
.woocommerce .cart-collaterals .cart_totals .cart-subtotal th,
.woocommerce .cart-collaterals .cart_totals .total td,
.woocommerce .cart-collaterals .cart_totals .total th {
	padding: 0 5px;
}
.woocommerce .shop_table .actions .coupon, 
.woocommerce-page .shop_table .actions .coupon {
	float: left;
}

/* ===================================================
                       Responsive
   =================================================== */
@media only screen and (max-width: 320px) {
	.woocommerce-message, 
	.woocommerce-error, 
	.woocommerce-info {
	    padding: 15px 10px 50px 10px!important;
	    text-align: center;
	}
	.woocommerce-message a.button, 
	.woocommerce-error a.button, 
	.woocommerce-info a.button {
	    margin: 0 -62px 0 0!important;
	    right: 50%!important;
	}
	.woocommerce .products ul li, 
	.woocommerce-page .products ul li, 
	.woocommerce ul.products li, 
	.woocommerce-page ul.products li {
		line-height: 1.1;
	}
	.woocommerce ul.products li.product, 
	.woocommerce-page ul.products li.product {
		padding: 9px;
	}
	.woocommerce .variations_button {
		margin-top: 31px;
		margin-left: 14px;
	}
	.col_2.enter-text-container, 
	.col_2.enter-weight-container {
		margin-bottom: 15px;
	}
	.shop_table #coupon_code {
		width: 143px;
	}
	.woocommerce > form.login > p.form-row.form-row-first > label,
	.woocommerce > form.login > p.form-row.form-row-last > label {
		font-size: 17px;
	}
	.def-page .woocommerce table.my_account_orders tbody .order:last-child td:last-child {
		border-bottom: none;
	}
	.woocommerce .shop_table .actions .coupon, 
	.woocommerce-page .shop_table .actions .coupon {
		float: right;
	}
}

@media only screen and (min-width: 321px) and (max-width: 480px) {
	.try-box-container select, 
	.try-box-container input {
		width: 83%;
	}
	.shop_table #coupon_code {
		width: 170px;
	}
}

@media only screen and (max-width: 500px) {
	.header { 
		padding: 30px 0 25px 0; 
		text-align: center; 
	}
	.header .logo { 
		margin-bottom: 10px;
	}
	.main-nav li.active a:after, 
	.main-nav li:hover a:after { 
		bottom: -29px; 
	}
	section.form { 
		padding-top: 6px; 
	}
	.footer .col, .fonts .col { 
		float: none; 
		width: auto; 
	}
	.enter-text-container label, 
	.enter-weight-container label,
	.enter-text-container textarea {
		float: none;
		display: block;
		width: 100%;
	}
	.product-featured-image-table > tbody > tr > td,
	.woocommerce table.shop_table td.total-holder,
	.woocommerce-page table.shop_table td.total-holder,
	.woocommerce table.shop_table td.product-featured-image-holder,
	.woocommerce-page table.shop_table td.product-featured-image-holder {
		display: block;
	}
	.woocommerce table.shop_table td.product-featured-image-holder, 
	.woocommerce-page table.shop_table td.product-featured-image-holder {
		border: none!important;
	}
	.single-font-page .woocommerce .variations td.value,
	.woocommerce table.shop_table td.total-holder, 
	.woocommerce-page table.shop_table td.total-holder,
	.woocommerce table.shop_table td.total-holder td:first-child, 
	.woocommerce-page table.shop_table td.total-holder td:first-child,
	.woocommerce table.shop_table td.product-featured-image-holder, 
	.woocommerce-page table.shop_table td.product-featured-image-holder {
		padding-left: 0!important;
	}
	.woocommerce table.shop_table td.total-holder td, 
	.woocommerce-page table.shop_table td.total-holder td {
		padding: 0 23px!important;
	}
	.product-featured-image-holder {
		padding-bottom: 10px;
	}
	.try-box-container .select-font, 
	.enter-text-container .enter-text {
		width: 100%;
	}
	.woocommerce #payment ul.payment_methods, 
	.woocommerce-page #payment ul.payment_methods {
	    padding-bottom: 4em;
	}
	.woocommerce #payment .terms, 
	.woocommerce-page #payment .terms {
	    top: -60px;
	    left: 17px;
	}
	.woocommerce form .form-row label.checkbox a, 
	.woocommerce-page form .form-row label.checkbox a {
		display: inline-block;
	}
	.def-page .woocommerce table.my_account_orders thead, 
	.def-page .woocommerce table.my_account_orders thead {
		display: none;
	}
	.def-page .woocommerce table.my_account_orders th, 
	.def-page .woocommerce table.my_account_orders td {
		display: block;
		line-height: 1.1;
	}
	.woocommerce table.my_account_orders td.order-number, 
	.woocommerce-page table.my_account_orders td.order-number {
		font-weight: bold;
		line-height: 35px;
	}
	.woocommerce table.my_account_orders td.order-number a:before, 
	.woocommerce-page table.my_account_orders td.order-number a:before {
		content: "Order";
	}
	.total-vat-text {
	    width: 100%;
	    margin-bottom: 20px;
	}
	.woocommerce .cart-collaterals .cart_totals, 
	.woocommerce-page .cart-collaterals .cart_totals {
	    clear: left;
	    position: static;
	    float: right;
	    width: 192px;
	}
	.woocommerce table.my_account_orders .button, 
	.woocommerce-page table.my_account_orders .button {
		margin-right: 5px;
	}
	.checkout-update-holder input {
		margin-bottom: 20px;
	}
	.woocommerce .shop_table .actions .coupon, 
	.woocommerce-page .shop_table .actions .coupon {
		float: right;
	}
}

@media only screen and (min-width: 480px) and (max-width: 768px) {
	.col { 
		float: left; 
		width: 48.1333%; 
	}
	aside { 
		width: 100%; 
		margin: 0 0 20px;
	}
	.col:nth-of-type(2n+1) { 
		clear: left; 
	}
	.footer .copyright { 
		width: 98.2%; 
	}
	.woocommerce #payment ul.payment_methods, 
	.woocommerce-page #payment ul.payment_methods {
		padding-bottom: 2.7em; 
	}
	.woocommerce #payment .terms, 
	.woocommerce-page #payment .terms {
	    position: absolute;
	    top: -37px;
		left: 17px;
	}
	#woocommerce_eu_vat_number > p > small {
	    height: 53px;
	}
	.def-page .woocommerce table.my_account_orders th, 
	.def-page .woocommerce table.my_account_orders td {
	    font-size: 16px;
	}
	.my_account_orders .order-actions a.button {
	    clear: left;
	    height: 30px;
	    margin-bottom: 5px;
    	padding: 0 10px;
	    font-size: 16px;
    	line-height: 30px;
	}
	.my_account_orders .order-actions a.button:last-child {
	    margin-bottom: 0;
	}
	.total-vat-text {
	    width: 100%;
	    margin-bottom: 20px;
	}
	.woocommerce .cart-collaterals .cart_totals, 
	.woocommerce-page .cart-collaterals .cart_totals {
	    clear: left;
	    position: static;
	    float: right;
	    width: 192px;
	}
}

@media only screen and (min-width: 500px) {
	.header .logo { 
		float: left; 
	}
	.main-nav { 
		float: right; 
		text-align: right;  
	}
	aside .col { 
		margin: 0 0.9% 50px 0.9%; 
	}
	.def-page .woocommerce table.my_account_orders tbody .order:last-child td {
		border-bottom: none;
	}
}

@media only screen and (max-width: 768px) {
	aside .col { 
		float: none;
		width: auto;
	}
	.col.price-box { 
		width: 98%;
	}
	.def-page .woocommerce .col2-set .col-1, 
	.def-page .woocommerce-page .col2-set .col-1,
	.def-page .woocommerce .col2-set .col-2, 
	.def-page .woocommerce-page .col2-set .col-2 { 
		float: none;
		width: 100%;
		margin-bottom: 20px; 
	}
	.def-page .woocommerce form.login, 
	.def-page .woocommerce form.register { 
		margin-top: 25px; 
	}
}

@media only screen and (min-width: 992px) {
	.col { 
		width: 31.5333%; 
	}
	aside .col { 
		width: 100%; 
		margin: 0 0 50px 0; 
	}
	.col.price-box { 
		width: 98.2%; 
	}
	.contact article { 
		float: left; 
		width: 43%; 
	}
	section.form { 
		float: right; 
		width: 50%; 
	}
	.footer .col:first-child { 
		margin-left: 68.2%; 
	}
	.footer .copyright { 
		margin-top: 0; 
		margin-left: -99%;  
		text-align: left; 
	}
	.woocommerce table.my_account_orders .button, 
	.woocommerce-page table.my_account_orders .button {
		float: none;
		display: inline-block;
		margin: 0 0 0 5px;
	}
}

@media only screen and (max-width: 799px) {
	.home .col { 
		float: none; 
		width: auto; 
	}
}

@media only screen and (min-width: 801px) {
	aside { 
		float: right; 
		width: 31.5333%; 
	}
	.col_2 { 
		float: left; 
		width: 63.0333%; 
	}	
	.col.price-box { 
		width: 31.5333%;
		margin-top: 20px;
	}
	.try-box-container .output {
	    margin-bottom: 0px;
	}
	.col_2.enter-text-container, 
	.col_2.enter-weight-container {
		position: absolute;
		margin: 0;
	}
}