html, body {
font-family: 'Calibri'
}
input[type="file"] {
height: 0;
width: 0;
}
.white-box {
border: 1px solid #e3e3e3;
border-radius: 5px;
}
.white-box .col-md-6:first-child {
padding-right: 7px;
z-index: 2;
}
.white-box .col-md-6:last-child {
padding-left: 7px;
z-index: 1;
}
.blue-box {
margin: 12px 0;
padding: 30px 15px 15px 15px;
border-radius: 5px;
}
.blue-box.left{
background: #f6f6f6;
}
.blue-box.right {
padding: 0px;
}
.blue-box.right .row-1,
.blue-box.right .row-2,
.blue-box.right .row-3 
{
position: relative;
}
.blue-box.right .row-1{
padding: 0 0 0px 0;
font-size: 18px;
color: #fff;
font-weight: 700;
background: url(//www.usatranslate.com/wp-content/themes/bridge-child/img/i (1).png") 100% 24px no-repeat;
overflow: hidden;
}
.blue-box.right .row-1 div{
color: #fff;
padding: 32px 0 25px 0;
max-width: 237px;
float: right;
box-sizing: border-box;
}
.blue-box.right .row-1 img{
float: left;
}
.blue-box.right .row-2 {
color: #7a7a7a;
font-size: 21px;
font-weight: 700;
padding: 32px 145px 42px 0;
line-height: 1;
background: url(//www.usatranslate.com/wp-content/themes/bridge-child/img/i (7).png") 100% 0 no-repeat;
}
.blue-box.right .row-3 {
color: #1EA8C1;
padding: 22px 0 23px 120px;
background: url(//www.usatranslate.com/wp-content/themes/bridge-child/img/i (8).png") 0 0 no-repeat;
font-size: 16px;
line-height: 1.2;
}
.blue-box.left {
text-align: center;
border: 2px solid #d8d8d8;
}
.blue-box.left form > span {
font-size: 12px;
display:block;
text-align:left;
color: #727779;
padding-left: 25px;
}
.blue-box.left form a.upload {
display: inline-block;
background: #d4d2d2;
font-size: 14px;
color: #727779;
margin-bottom: 5px;
padding: 3px 10px;
border-radius: 100px;
text-decoration: none;
}
.blue-box.left .title {
color: #fff;
font-weight: 700;
font-size: 18px;
margin-bottom: 10px;
}
.blue-box.left button {
margin-top: 9px;
background: none;
border: 0;
color: #fff;
font-weight: 700;
font-size: 20px;
background: #37b0c9;
position: relative;
}
.blue-box.left button:after, .blue-box.left button:before {
content: ' ';
display: block;
width: 21px;
height: 12px;
position: absolute;
}
.blue-box.left button:after {
background: url(//www.usatranslate.com/wp-content/themes/bridge-child/img/i (9).png") 0 0 no-repeat;
right: -38px;
top: 15px;
}
.blue-box.left button:before {
background: url(//www.usatranslate.com/wp-content/themes/bridge-child/img/i (10).png") 0 0 no-repeat;
left: -38px;
top: 15px;
}
.form-group {
padding: 0 25px;
}
.shadow {
padding-top: 30px;
height: 20px;
clear: both;
position: relative;
top: -1px;
background: url(//www.usatranslate.com/wp-content/themes/bridge-child/img/shadow.jpg) 50% 0 no-repeat;
}
.five-blocks {
text-align: center;
color: #7a7a7a;
}
.five-blocks div div {
line-height: 1.6;
}
.five-blocks h2 {
font-size: 25px;
}
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
position: relative;
min-height: 1px;
padding-right: 10px;
padding-left: 10px;
}
.col-xs-15 {
width: 20%;
float: left;
}
.footer {
color: #7a7a7a;
font-size: 24px;
font-weight: 700;
}
.footer > div img, .footer > div div{
display: inline-block;
vertical-align: middle;
}
.footer > div:nth-child(1) {
margin-top: 20px;
}
.footer > div:nth-child(2) {
margin-left: 150px;
position: relative;
top: -20px;
}
.footer > div:last-child {
margin-top: 10px;
margin-bottom: 20px;
}
@media (max-width: 420px) {
.blue-box.right .row-1 div {
max-width: 180px;
font-size: 14px;
}
}
@media (max-width: 992px) {
.white-box .col-md-6 {
padding: 0 15px 0 15px !important;
}
.blue-box.left .row-3 {
padding: 20px 152px 25px 0;
background: url(//www.usatranslate.com/wp-content/themes/bridge-child/img/i (2).png") 80% 0 no-repeat;
width: 100%;
text-align: left;
}
.footer > div:nth-child(2) {
top: 0px;
}
}
@media (min-width: 768px) {
.col-sm-15 {
width: 20%;
float: left;
}
}
@media (min-width: 992px) {
.col-md-15 {
width: 20%;
float: left;
}
.blue-box.left .row-3 {
padding: 20px 152px 25px 0;
background: url(//www.usatranslate.com/wp-content/themes/bridge-child/img/i (2).png") 89% 0 no-repeat;
}
}
@media (min-width: 1200px) {
.col-lg-15 {
width: 20%;
float: left;
}
}
@media (max-width: 1200px) {
.blue-box.right .row-1 div {
max-width: 180px;
font-size: 14px;
}
}
.flex-direction-nav .flex-next {
right: 0;
}
.flex-direction-nav .flex-prev {
left: 0;
}
.flex-direction-nav a {
margin: 0;
top: 0;
}
.spinner {
width: 70px;
height: 40px;
position: fixed;
text-align: center;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
z-index: 1001;
visibility: hidden;
opacity: 0;
-webkit-animation: sk-rotate 2.0s infinite linear;
animation: sk-rotate 2.0s infinite linear;
}
.spinner > div {
width: 18px;
height: 18px;
background-color: #fff;
border-radius: 100%;
display: inline-block;
-webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}
.spinner .bounce1 {
-webkit-animation-delay: -0.32s;
animation-delay: -0.32s;
}
.spinner .bounce2 {
-webkit-animation-delay: -0.16s;
animation-delay: -0.16s;
}
.under {
text-decoration: underline;
}
select {
min-width: 100%;
padding: 0 !important;
}
.cd-testimonials-wrapper, .cd-testimonials-wrapper * {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
.cd-testimonials-wrapper ul {
list-style: none;
}
*, *:after, *:before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.cd-testimonials a {
color: #79b6e4;
text-decoration: none;
}
.cd-testimonials img {
max-width: 100%;
}
.cd-testimonials-wrapper {
position: relative;
width: 90%;
max-width: 768px;
background-color: #30AFC6;
margin: 2em auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
padding: 20px 40px 70px;
z-index: 1;
}
.cd-testimonials-wrapper::after { content: '\201C';
position: absolute;
top: 10px;
left: 0;
width: 50px;
height: 50px;
padding-top: 8px;
margin-left: -25px;
background: rgba(48, 175, 198, 0.9);
font-family: "Georgia", serif;
color: white;
font-size: 70px;
font-size: 4.375rem;
text-align: center; display: none;
}
@media only screen and (min-width: 768px) {
.cd-testimonials-wrapper {
margin: 4em auto;
padding: 64px 50px 114px;
}
}
@media only screen and (min-width: 1170px) {
.cd-testimonials-wrapper::after { display: block;
}
}
.cd-testimonials {
color: white;
text-align: center;
}
.cd-testimonials:after {
content: "";
display: table;
clear: both;
}
.cd-testimonials > li {
position: absolute;
opacity: 0;
}
.cd-testimonials > li:first-child {
position: relative;
opacity: 1;
}
.cd-testimonials p {
font-family: "Georgia", serif;
font-style: italic;
line-height: 1.4;
margin-bottom: 1em;
padding: 0 14px;
}
@media only screen and (min-width: 768px) {
.cd-testimonials p {
font-size: 22px;
font-size: 1.375rem;
}
}
@media only screen and (min-width: 1170px) {
.cd-testimonials p {
font-size: 26px;
font-size: 1.625rem;
line-height: 1.6;
}
}
.cd-author img, .cd-author .cd-author-info {
display: inline-block;
vertical-align: middle;
}
.cd-author img {
width: 32px;
height: 32px;
border-radius: 50%;
margin-right: 5px;
box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
}
.cd-author .cd-author-info {
text-align: left;
line-height: 1.2;
}
.cd-author .cd-author-info li:first-child {
font-size: 14px;
font-size: 0.875rem;
}
.cd-author .cd-author-info li:last-child {
font-size: 12px;
font-size: 0.75rem;
color: #6b6b70;
}
@media only screen and (min-width: 768px) {
.cd-author img {
width: 50px;
height: 50px;
}
.cd-author .cd-author-info {
line-height: 1.4;
}
.cd-author .cd-author-info li:first-child {
font-size: 16px;
font-size: 1rem;
}
.cd-author .cd-author-info li:last-child {
font-size: 14px;
font-size: 0.875rem;
}
}
.flex-direction-nav li {
position: absolute;
height: 100%;
width: 40px;
top: 0;
}
.flex-direction-nav li:first-child {
left: 0;
}
.flex-direction-nav li:last-child {
right: 0;
}
.flex-direction-nav li a {
display: block;
height: 100%;
width: 100%; overflow: hidden;
text-indent: 100%;
white-space: nowrap;
-webkit-transition: background-color 0.2s;
-moz-transition: background-color 0.2s;
transition: background-color 0.2s;
}
.flex-direction-nav li:hover {
background-color: #323234;
}
.no-touch .flex-direction-nav li a:hover {
background-color: #323234;
}
.flex-direction-nav li::before, .flex-direction-nav li:after { content: '';
position: absolute;
left: 50%;
top: 55%;
width: 2px;
height: 13px;
background-color: white;
}
.flex-direction-nav li::before {
-webkit-transform: translateY(-35px) rotate(45deg);
-moz-transform: translateY(-35px) rotate(45deg);
-ms-transform: translateY(-35px) rotate(45deg);
-o-transform: translateY(-35px) rotate(45deg);
transform: translateY(-35px) rotate(45deg);
}
.flex-direction-nav li::after {
-webkit-transform: translateY(-27px) rotate(-45deg);
-moz-transform: translateY(-27px) rotate(-45deg);
-ms-transform: translateY(-27px) rotate(-45deg);
-o-transform: translateY(-27px) rotate(-45deg);
transform: translateY(-27px) rotate(-45deg);
}
.flex-direction-nav li:last-child::before {
-webkit-transform: translateY(-35px) rotate(-45deg);
-moz-transform: translateY(-35px) rotate(-45deg);
-ms-transform: translateY(-35px) rotate(-45deg);
-o-transform: translateY(-35px) rotate(-45deg);
transform: translateY(-35px) rotate(-45deg);
}
.flex-direction-nav li:last-child::after {
-webkit-transform: translateY(-27px) rotate(45deg);
-moz-transform: translateY(-27px) rotate(45deg);
-ms-transform: translateY(-27px) rotate(45deg);
-o-transform: translateY(-27px) rotate(45deg);
transform: translateY(-27px) rotate(45deg);
}
@media only screen and (min-width: 768px) {
.flex-direction-nav li {
width: 50px;
}
}
@media only screen and (min-width: 1170px) {
.flex-direction-nav li:before, .flex-direction-nav li:after {
background-color: #fff;
-webkit-transition: background-color 0.2s;
-moz-transition: background-color 0.2s;
transition: background-color 0.2s;
}
.flex-direction-nav li:hover::before, .flex-direction-nav li:hover:after {
background-color: white;
}
}
.cd-see-all {
position: absolute;
z-index: 1;
left: 0;
bottom: 0;
width: 100%;
height: 50px;
line-height: 50px;
background-color: #252527;
text-align: center;
text-transform: uppercase;
color: #6b6b70;
font-weight: 700;
font-size: 12px;
font-size: 0.75rem;
-webkit-transition: color, 0.2s;
-moz-transition: color, 0.2s;
transition: color, 0.2s;
}
.no-touch .cd-see-all:hover {
color: #79b6e4;
}
.cd-testimonials-all {
position: fixed;
top: 0;
left: 0;
height: 100%;
width: 100%;
background-color: white;
z-index: 2;
visibility: hidden;
opacity: 0;
-webkit-transition: opacity .3s 0s, visibility 0s .3s;
-moz-transition: opacity .3s 0s, visibility 0s .3s;
transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-testimonials-all .cd-testimonials-all-wrapper {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
overflow: auto;
-webkit-overflow-scrolling: touch;
}
.cd-testimonials-all .cd-testimonials-all-wrapper > ul {
width: 90%;
max-width: 1170px;
margin: 4em auto;
}
.cd-testimonials-all .cd-testimonials-all-wrapper > ul:after {
content: "";
display: table;
clear: both;
}
.cd-testimonials-all .cd-testimonials-item {
margin-bottom: 2em;
opacity: 0; -webkit-transform: translate3d(0, 0, 0) scale(0.4);
-moz-transform: translate3d(0, 0, 0) scale(0.4);
-ms-transform: translate3d(0, 0, 0) scale(0.4);
-o-transform: translate3d(0, 0, 0) scale(0.4);
transform: translate3d(0, 0, 0) scale(0.4);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: -webkit-transform .3s, opacity .3s;
-moz-transition: -moz-transform .3s, opacity .3s;
transition: transform .3s, opacity .3s;
}
.cd-testimonials-all p {
position: relative;
background: #79b6e4;
color: white;
padding: 2em;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
line-height: 1.4;
border-radius: 0.25em;
margin-bottom: 1em;
}
.cd-testimonials-all p::after { content: '';
position: absolute;
top: 100%;
left: 2em;
height: 0;
width: 0;
border: 8px solid transparent;
border-top-color: #79b6e4;
}
.cd-testimonials-all .cd-author {
text-align: left;
margin-left: 1.5em;
}
.cd-testimonials-all .cd-author img {
box-shadow: 0 0 0 transparent;
}
.cd-testimonials-all.is-visible {
visibility: visible;
opacity: 1;
-webkit-transition: opacity .3s 0s, visibility 0s 0s;
-moz-transition: opacity .3s 0s, visibility 0s 0s;
transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-testimonials-all.is-visible .cd-testimonials-item {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0) scale(1);
-moz-transform: translate3d(0, 0, 0) scale(1);
-ms-transform: translate3d(0, 0, 0) scale(1);
-o-transform: translate3d(0, 0, 0) scale(1);
transform: translate3d(0, 0, 0) scale(1);
}
@media only screen and (min-width: 768px) {
.cd-testimonials-all .cd-testimonials-item {
width: 46%;
margin: 0 2% 3em;
}
.cd-testimonials-all .cd-author {
margin-left: 1em;
}
}
@media only screen and (min-width: 1170px) {
.cd-testimonials-all .cd-testimonials-item {
width: 30%;
margin: 0 1.6666% 3em;
}
}
.cd-testimonials  .close-btn {
position: fixed;
display: block;
width: 40px;
height: 40px;
top: 10px;
right: 5%; overflow: hidden;
text-indent: 100%;
white-space: nowrap;
}
.cd-testimonials .close-btn::before, .cd-testimonials .close-btn::after { content: '';
position: absolute;
display: inline-block;
width: 2px;
height: 24px;
top: 8px;
left: 19px;
background-color: #39393c;
}
.cd-testimonials .close-btn::before {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.cd-testimonials .close-btn::after {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.cd-light.cd-testimonials-wrapper {
background: #fff
}
.cd-light.cd-testimonials-wrapper::after {
color: rgba(59, 88, 152, 0.9);
background: #f0f0f0;
}
.cd-light .cd-testimonials {
color: #39393c;
}
.cd-light .flex-direction-nav li a::before, .cd-light .flex-direction-nav li a::after {
background-color: #39393c;
}
.cd-light .flex-direction-nav li:hover {
background: #eee;
}
.cd-testimonials-wrapper {
padding: 64px 50px 70px;
}
.cd-author .cd-author-info li:last-child {
color: #fff;
font-size: 16px;
}
.md-show {
display: block;
}