.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;
}

.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: 7rem 0 3rem 20rem;width: auto;clear: none;}
.translatethis .globe { float: left; width: 250px;height:270px;display:inline-block;}
svg {
  height:0px;
}
.translate-items {
    height: 30px;
    color:#555;
    float:left;
    width:160px;
    margin: 2px 0px 0px 5px;
}

.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: 300px;
    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 {

}


.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;
}