.translate-this {text-align: left;}
.section-main__node__hero__translate-this {
	background: url(/img/1212-bg.jpg) center/cover !important;
	padding: 38px 0 0 0;
}
.translate-this__hero__left {
	width: 55%;
	float: left;
	margin: 5rem 0;
}

.translatethis h1 {display: block;width: 100%;clear: both;}
.translatethis h3 {padding: 10px 0;;font-size: 1.8rem;}
.translatethis h3 code {font-size: 1.8rem;padding: 5px;}
.translatethis p {font-size: 1.6rem;display: block;width: 100%;clear: both;}
.translate-this__hero__left h1 {font-size: 3rem;font-weight: 600;padding: 0;margin: 2rem 0 3rem 13rem;width: auto;clear: none;}
.translatethis .globe { float: left; width: 117px;height:117px;display:inline-block;}


.translate-this__hero__right {
	width: 40%;
	float: right;
	background: rgba(255,255,255,0.8);
	border-radius: 12px;
	padding: 18px;
	margin: 5rem 0;
}
	.translate-this__hero__right h2 {
		font-size: 1.8rem;
		letter-spacing: 0;
		font-weight: 600;
		padding: 0 0 .5rem 0;
	}

.translatethis textarea {
	width: 100%;
	margin: 0 0 3px 0;
	font-size: 1.4rem;
	padding: 10px;
	border-radius: 4px;
	border: 1px solid rgba(0,0,0,0.4);
	height: 220px;
	font-family: monospace;
}
.translatethis small {
	font-size: 1.1rem;
}
.translate-this__copy {
	background: #0062cf;
	border-radius: 99px;
	font-size: 1.2rem;
	padding: 6px 24px;
	color: white;
	cursor: pointer;
	display: inline-block;
	font-weight: 600;
}
	.translate-this__copy:hover {
		background: #3e98fd;
	}

.section-main__node__translate-this {
	padding: 5rem 0;
}


.translate-this__left {
	width: 45%;
	float: left;
}
.translate-this__left h2, .translate-this__right h2 {font-size: 18px;font-weight: 600;letter-spacing: 0;}
.translate-this__left p {padding: 0;}
.translate-this__left ul {margin: 5px 0;}
.translate-this__right {
	width: 45%;
	float: right;
	
}

.translate-this__hero__try {
	display: inline-block;
	float: left;
	padding: 0 10px 0 0;
	font-weight: 600;
	font-size: 1.8rem;
}



@media (max-width: 980px) {
	.translate-this__hero__left {
		width: 90%;
		margin: 0 5% 2rem 5%;
		float: none;
	}
	.translatethis .globe {margin:5rem 0 0 0;text-align: center;display: block;float:none;width: 64px;height: 64px;}
	.translatethis h1 {margin: 2rem 0 1rem 0rem;}
	.translate-this__hero__right {
		width: 90%;
		margin: 0 5% 5rem 5%;
		float: none;
	}
	.translate-this__left, .translate-this__right {
		width: 90%;
		margin: 0 5% 2rem 5%;
		float: none;
	}
	
	.header__menu__sub__translate-this {
		display: block;
		top: 50px;
		overflow: hidden;
	}
	.header__menu__sub__translate-this .header__menu__sub__content {
		text-align: left;
	}
	.header__menu__sub__translate-this .header__menu__sub__content a {
		margin: 0 15px 0 0;
		font-size: 1.1rem;
		letter-spacing: -1px;
	}
	.header__menu__sub__translate-this.f-nav {
		top: 0 !important;
	}
}




/* TRANSLATE THIS BUTTON */

table {
	width: 100%;
	border-collapse: collapse;
	margin: 10px 0 30px 0;
	font-size: 1.3rem;
    background: white;
}
	table tr th {
		text-align: left;
		background: #f8f8f8;
		border-bottom: 1px solid #cfcfcf;
		padding: 8px 0 4px 10px;
	}
	table tr td {
		border-bottom: 1px solid #cfcfcf;
		padding: 8px 10px;
		width: auto;
	}


.translatethis .col4 h2 {font-size: 24px;}

.translatethis .col7 {padding: 25px 0 0 0;}

.translatethis .col4 p {font-size: 14px;margin: 0 0 6px 0;}

.translatethis .col4 li { font-size: 14px; margin: 0 0 6px 0;}

.translatethis .col4 {padding: 0 0 100px 0;}

.translatethis .col8 {padding: 0 0 100px 0;}

.translatethis .col4 .try-ttb {margin: 0 0 30px 0;}

.subpage .col4 #translate-this {margin: 110px 0 20px 0;}


.translatethis #subnav img {
	display: block;
	float: left;
	margin: 3px 0 0 15px;

}

.try-ttb {
	-webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    background: #e2e7ec;
    overflow: hidden;
    padding: 10px;
}

.try-ttb h3 {float: left; margin: 3px 10px 0 0;} 


.ttb {
	border: 1px solid #cfcfcf;
    border-radius: 4px;
    background: white;
    padding: 3px 30px 3px 0;
    text-transform: uppercase;
    font-size: 10px;
    color: #444;
    font-family: Helvetica;
    line-height: 1.6;
    background: white url(/img/down-arrow.png) right center no-repeat;
    overflow: hidden;
    float:left;
    display: block;
    transition: all 200ms ease-in-out;
}
.ttb:hover {
	box-shadow: 0 0 6px rgba(0,0,0,0.4);
	color: #0062cf;
}
.ttb img {display: block;float:left;margin: 0 3px;}


.wordpress, .drupal {
	display: block;
	background: #f8f8f8;
	border: 1px solid #cfcfcf;
    border-radius: 4px;
    overflow: hidden;
    margin: 0 0 10px 0;
    padding: 0 0 6px 0;
    font-size: 1.4rem;
	
}
.wordpress {
	margin: 10px 0;
}
.wordpress img, .drupal img {
	display: block;
	margin: 6px 6px 0 12px;
	float: left;
}

.wordpress span, .drupal span {
	float: left;
	display: inline-block;
}

.wordpress strong, .drupal strong, .wordpress em, .drupal em
{
	display: block;
	color: #222;
	margin: 6px 0 0 0;
}
.wordpress em, .drupal em {
	font-size: 11px;
	margin: 0;
	font-style: normal;
}
.wordpress:hover, .drupal:hover
{Background:white;}

.translatethis .btn {margin: 0 0 0 3px;}



.about-ttb .col8 {padding: 0 0 60px 0;}


.faq .col8  h3 {
	text-transform: uppercase;
	margin: 18px 0 3px 0;
}
.faq .col8 h4 {
	margin: 24px 0 0 0;
}
textarea {
	height:200px;
	font-size: 1.2rem;
}

pre {
	padding: 6px;
}

pre, code {
    background: #e4edf0;
    font-size: 1.3rem;
    font-family: monospace;
    line-height: 1.4;
    border-radius: 4px;
    padding: 2px;
    letter-spacing: normal;
  
}
pre {box-shadow: inset 0 0 6px rgba(0,0,0,0.2);}
pre code {background: transparent;}

.translate-this__sidebar ul {
	list-style: none;
	margin-top: 20px;
}
.translate-this__sidebar li a {
	border: 1px solid #0062cf;
	padding: 2px 6px;
	display: inline-block;
	border-radius: 4px;
	float: left;
	margin-right: 5px;
	margin-bottom: 10px;
}
#translate-this {
	display: inline-block;
	margin-top: 5px;
}