* {
	margin:0;
	padding:0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

header, section, footer, aside, nav, article, figure, figcaption, embed, address { 
  display: block; 
}


body {
	margin:0;
	padding:0;
	font-family: 'Open Sans', arial, helvetica , sans-serif;
  font-weight:400;
  overflow-x:hidden;
}


/********** Default Setting **********/
.wrapper {
  width:83%;
  margin:0 auto;
}

.clearfix {
  clear:both;
}

img.fit {
  width:100%;
  height:auto;
  display:block;
  border:none;
}

/********** HEADER, NAV & BANNER  **********/
section#homesec1 {
  width:100%;
  position:relative;
}

/******* Header *******/
header#main {
  position:absolute;
  top:0;
  left:0;
  z-index:500;
  width:100%;
  padding:1% 0 0.6%;
  background-color:#ffffff;
  background:rgba(255,255,255,0.8);
  border-top:2px solid #e11f26;
}

.headerwrap {
  width:83%;
  margin:0 auto;
  position:relative;
}

figure.lalogo {
  float:left;
  width:27%;
}

/******* Nav *******/
nav.mainnav {
  float:right;
  width:50%;
  margin-top:0.5%;
}

.nav1sec, .nav2sec {
  width:100%;
}

nav.mainnav p {
  font-size:0.7em;
  color:#e11f26;
  font-weight:600;
  line-height:160%;
}

ul.nav1 {
  list-style:none;
  overflow:hidden;
  margin-bottom:3%;
}

ul.nav1 li {
  float:left;
  margin-right:5%;
}

ul.nav1 li:last-child {
  margin-right:0;
}

ul.nav1 a {
  font-size:0.9em;
  font-weight:600;
  color:#33363b;
  text-decoration:none;
  -webkit-transition:all 0.3s ease;
  -moz-transition:all 0.3s ease;
  transition:all 0.3s ease;
}

ul.nav2 {
  list-style:none;
  overflow:hidden;
}

ul.nav2 li {
  float:left;
  margin-right:6%;
}

ul.nav2 li:last-child {
  margin-right:0;
}

ul.nav2 a {
  font-size:0.9em;
  color:#7b7e83;
  font-weight:600;
  text-decoration:none;
  -webkit-transition:all 0.3s ease;
  -moz-transition:all 0.3s ease;
  transition:all 0.3s ease;
}

ul.nav1 a:hover,
ul.nav2 a:hover {
  color:#69bd45;
}

i.navicon {
  width:7%;
  position:absolute;
  top:50%;
  right:2%;
  cursor:pointer;
  display:none;
}


/******* BANNER *******/

/***** Home Banner *****/
.banner {
  width:100%;
}

.bannercontainer {
  width:100%;
}

/***** Mobile Banner - display on 480px *****/
.bannermobile {
  width:100%;
  background:url('../images/slide02.jpg');
  background-repeat:no-repeat;
  background-position:center center;
  -webkit-background-size:cover;
  -moz-background-size:cover;
  background-size:cover;
  padding:48% 0 6% 5%;
  display:none;
}

.bannermobile h1 {
  font-size:1.6em;
  color: #b71b20;
  font-weight:400;
}


/***** Page Banner Setting*****/
.pgbanner {
  width:100%;
  background-repeat:no-repeat;
  -webkit-background-size:cover;
  -moz-background-size:cover;
  background-size:cover;
}


/*** Translation Banner ***/
#banner-translation {
  background:url('images/banner-translation.jpg');
  background-position:center center;
  background-repeat:no-repeat;
  height:500px;
}

.tranbanner-col {
  width:83%;
  margin:0 auto;
  text-align:center;
  padding-top:28%;
}

h1.eng {
  font-weight:300;
  font-size: 2.5em;
  color: #b71b20;
}

h1.chi {
  font-family: 'Microsoft Yahei';
  font-weight:300;
  font-size: 1.9em;
  color: #b71b20;
}


/*** Copywriting Banner ***/
#banner-copywriting {
  background:url('images/banner-copywriting2.jpg');
  background-position:center center;
  background-repeat:no-repeat;
  height:500px;
}

.copybanner-col {
  width:83%;
  margin:0 auto;
  padding-top:26%;
  text-align:right;
}

/*** Graphic Design Banner ***/
#banner-graphic {
  background:url('images/banner-graphicdesign.jpg');
  background-position:center center;
  background-repeat:no-repeat;
  height:500px;
}

.graphicbanner-col {
  width:83%;
  margin:0 auto;
  padding-top:21%;
}

/*** Other Services Banner ***/
#banner-other {
  background:url('images/banner-other.jpg');
  background-position:center center;
  background-repeat:no-repeat;
  height:500px;
}

.otherbanner-col {
  width:83%;
  margin:0 auto;
  padding-top:25%;
}

h1.eng {
  font-weight:300;
  font-size: 2.4em;
  color: #b71b20;
}

h1.chi {
  font-family: 'Microsoft Yahei';
  font-weight:300;
  font-size: 1.8em;
  color: #b71b20;
}


/*** All About LA Studio pages banner ***/

#otherpg {
  background:url('images/banner-otherpg.jpg');
  background-repeat:no-repeat;
}

.pgbanner-wrap {
  width:83%;
  margin:0 auto;
  height:480px;
  position:relative;
}

h1.language-bannertext {
  font-family: 'Roboto Condensed', sans-serif;
  font-weight:300;
  font-style:italic;
  font-size:1.7em;
  color:#ffffff;
  width:40%;
  position:absolute;
  left:0;
  top:52%;
}

h1.about-bannertext {
  font-family: 'Roboto Condensed', sans-serif;
  font-weight:300;
  font-style:italic;
  font-size:1.7em;
  color:#ffffff;
  width:42%;
  position:absolute;
  left:0;
  top:52%;
}

h1.about-bannertext span {
  font-weight:300;
  font-size:1.3em;
  text-shadow:2px 2px 3px #222222;
}

h1.client-bannertext {
  font-family: 'Roboto Condensed', sans-serif;
  font-weight:300;
  font-style:italic;
  font-size:1.7em;
  color:#ffffff;
  width:42%;
  position:absolute;
  left:0;
  top:52%;
}

h1.career-bannertext {
  font-family: 'Roboto Condensed', sans-serif;
  font-weight:300;
  font-style:italic;
  font-size:1.7em;
  color:#ffffff;
  width:42%;
  position:absolute;
  left:0;
  top:52%;
}

h1.contact-bannertext {
  font-family: 'Roboto Condensed', sans-serif;
  font-weight:300;
  font-style:italic;
  font-size:1.7em;
  color:#ffffff;
  width:42%;
  position:absolute;
  left:0;
  top:52%;
}

h1.contact-bannertext span {
  font-weight:300;
  font-size:1.3em;
  text-shadow:2px 2px 3px #222222;
}


/********** Home Section 2  **********/
section#homesec2 {
  width:100%;
  padding:3% 0;
}

.intro-l {
  float:left;
  width:49%;
  padding:2%;
  cursor:pointer;
  -webkit-transition:all 0.4s ease;
  -moz-transition:all 0.4s ease;
  transition:all 0.4s ease;
}

.intro-r {
  float:right;
  width:49%;
  padding:2%;
  cursor:pointer;
  -webkit-transition:all 0.4s ease;
  -moz-transition:all 0.4s ease;
  transition:all 0.4s ease;
}

.intro-l:hover,
.intro-r:hover {
  background:#61ae40;
}

.intro-l a,
.intro-r a {
  text-decoration:none;
}

figure.introicon {
  float:left;
  width:20%;
  position:relative;
}

img.ori {
  -webkit-transition:all 0.4s ease;
  -moz-transition:all 0.4s ease;
  transition:all 0.4s ease;
}

img.hov {
  position:absolute;
  top:0;
  left:0;
  z-index:10;
  visibility:hidden;
  opacity:0;
  -webkit-transition:all 0.4s ease;
  -moz-transition:all 0.4s ease;
  transition:all 0.4s ease;
}

.intro-l:hover img.ori,
.intro-r:hover img.ori {
  visibility:hidden;
  opacity:0;
}

.intro-l:hover img.hov,
.intro-r:hover img.hov {
  visibility:visible;
  opacity:1;
  -webkit-transition:all 0.6s ease;
  -moz-transition:all 0.6s ease;
  transition:all 0.6s ease;
}

article.introtext {
  float:right;
  width:75%;
}

article.introtext h1 {
  font-size:1.2em;
  font-weight:600;
  color:#42464d;
  line-height:100%;
  margin-bottom:3%;
  -webkit-transition:all 0.4s ease;
  -moz-transition:all 0.4s ease;
  transition:all 0.4s ease;
}

article.introtext p {
  font-size:0.9em;
  color:#494d54;
  line-height:150%;
  -webkit-transition:all 0.4s ease;
  -moz-transition:all 0.4s ease;
  transition:all 0.4s ease;
}

.intro-l:hover h1,
.intro-l:hover p,
.intro-r:hover h1,
.intro-r:hover p {
  color:#ffffff;
}


/********** Home Section 3 **********/

#homesec3 {
  width:100%;
  background:url('images/bg-homesec3.jpg');
  background-repeat:no-repeat;
  background-position:center left;
  -webkit-background-size:cover;
  -moz-background-size:cover;
  background-size:cover;
}

article.homesec-col {
  width:47%;
  float:right;
  padding:4% 0;
}

article.homesec-col h2 {
  font-size:2.2em;
  color:#ffffff;
  font-weight:300;
}

p.homesec3-text1 {
  font-size:1.1em;
  color:#ffffff;
  margin-top:20%;
}

p.homesec3-text2 {
  font-size:1.5em;
  color:#ffffff;
  margin:1% 0 0;
}

p.homesec3-text3 {
  font-size:1.5em;
  color:#ffffff;
}


/*********** TRANSLATION PAGE **********/

section#transec1 {
  width:100%;
  padding:3% 0;
  background:#f6f0e4;
}

section#transec1 p {
  font-size:1em;
  color:#42464d;
  line-height:160%;
  text-align:center;
}

section#transec2 {
  width:100%;
  padding:3% 0;
  background:#ffffff;
}

article.transec2col-l {
  float:left;
  width:47%;
  margin-top:4%;
}

article.transec2col-r {
  float:right;
  width:47%;
  margin-top:4%;
}

ul.tranlanguage1 {
  float:left;
  width:40%;
}

ul.tranlanguage2 {
  float:right;
  width:40%;
}


/******* Accordion open to top ******/
section.accordiontop {
  width:100%;
}

.accortop-head {
  width:100%;
  background:#e11f26;
  outline:0;
  cursor:pointer;
  padding:1.5% 0;
  -webkit-transition:all 0.3s ease;
  -moz-transition:all 0.3s ease;
  transition:all 0.3s ease;
}

.accortop-head:hover {
  background:#111111;
}

.accortop-content {
  width:100%;
  background:#f6f0e4;
  padding-bottom:3%;
}

.shadow {
  width:80%;
  margin:0 auto 0;
}


h3.tran-subtitle {
  font-size: 2em;
  color: #ffffff;
  font-weight:400;
  text-align:center;
  margin-bottom:0.5%;
}

p.tran-text {
  font-size: 1.3em;
  color: #ffffff;
  font-weight:300;
  text-align:center;
  margin-bottom:1%;
}

p.tran-text2 {
  font-size: 1.1em;
  color: #ffffff;
  font-weight:400;
  text-align:center;
}


figure.mistranimg1 {
  float:left;
  width:60%;
  margin:2% 0 2% 8%;
}

figure.mistranimg2 {
  float:left;
  width:30%;
  margin:11% 0 2% 0;
}

.line {
  border-top:1px dashed #999999;
  margin:5% 0 3%;
}

h4.tran-subtitle2 {
  font-size:0.9em;
  color: #b71b20;
  font-weight:600;
}

figure.mistranimg3 {
  float:left;
  width:47%;
  margin-top:2%;
}

article.mistran3col-r {
  float:right;
  width:47%;
  border:4px double #cccccc;
  padding:2%;
  margin-top:2%;
}

.sourcetext {
  width:100%;
  color:#773eab;
}

.mistranslation {
  width:100%;
  color:#dd0000;
  margin-top:3%;
}

.correct {
  width:100%;
  color:#28798a;
  margin-top:3%;
}

h5.mistitle {
  font-size:0.9em;
  font-style:italic;
  font-weight:400;
  text-decoration:underline;
  margin-bottom:1%;
}

h5.mistitle-chi {
  font-family:'Microsoft Yahei';
  margin-top:2%;
}

p.mistext1 {
  font-size:0.9em;
  font-weight:600;
  margin-bottom:0.5%;
}

p.mistext1-chi {
  font-family:'Microsoft Yahei';
  font-size:0.95em;
  letter-spacing:1px;
}

p.mistext2 {
  font-size:0.9em;
}

article.mistran3col-f {
  width:100%;
  margin-top:2%;
  color:#31343b;
}

ul.remark {
  font-size:0.95em;
  margin-left:3%;
  font-style:italic;
  line-height:150%;
}

ul.remark li {
  margin-bottom:1%;
}

ul.remark-chi {
  font-family:'Microsoft Yahei';
  letter-spacing:1px;
}

article.mistran3col {
  float:left;
  width:22%;
  margin:1% 4% 3% 0;
}

article.mistran3col4 {
  margin-right:0;
}

img.mistranimg4 {
  margin:6% 0;
}


/*********** COPYWRITING PAGE **********/

section#copysec1 {
  width:100%;
  padding:3% 0;
  background:#ffffff;
}

article.copycol-l {
  float:left;
  width:42%;
  margin-top:2%;
}

figure.copycol-img {
  float:right;
  width:53%;
  margin:1% 5% 0 0;
}

ul.copylist {
  margin-left:25%;
  font-size:1.1em;
  font-weight:300;
  color:#1d1e23;
}

ul.copylist li {
  margin-bottom:1%;
}


/*********** GRAPHIC DESIGN PAGE **********/

section#gdsec1 {
  width:100%;
  padding:0 0 3%;
  background:#ffffff;
}

.works {
  width:100%;
  border-bottom:1px solid #c8c8c8;
  padding:4% 0;
}

.workscol {
  float:left;
  width:22%;
  margin:1% 4% 0 0;
  border:1px solid #c8c8c8;
  position:relative;
  overflow:hidden;
  -webkit-transition:all 0.4s ease;
  -moz-transition:all 0.4s ease;
  transition:all 0.4s ease;
}

.workscol4 {
  margin-right:0;
}

.workscol:hover {
  border:1px solid #8aa05d;
}

figure.worksimg {
  width:100%;
  -webkit-transition:all 0.4s ease;
  -moz-transition:all 0.4s ease;
  transition:all 0.4s ease;
  -webkit-transform:scale(1);
  -moz-transform:scale(1);
  transform:scale(1);
}

.workstitle {
  width:100%;
  background-color:#000000;
  background:rgba(0,0,0,0.8);
  padding:2% 0;
  text-align:center;
  position:absolute;
  left:0;
  bottom:5%;
  -webkit-transition:all 0.4s ease;
  -moz-transition:all 0.4s ease;
  transition:all 0.4s ease;
  -webkit-transform:translateY(150%);
  -moz-transform:translateY(150%);
  transform:translateY(150%);
}

h2.comname1 {
  width:85%;
  margin:0 auto 1%;
  font-size:0.9em;
  font-weight:400;
  color:#ffffff;
  border-bottom:1px solid #e11f26;
  padding-bottom:1%;
}


h2.comname1-chi {
  font-family: 'Microsoft Yahei';
  font-size:1.1em;
  letter-spacing:1px;
}

p.comname2 {
  font-size:0.7em;
  color:#e1e1e1;
  font-weight:600;
}

.workscol:hover figure.worksimg {
  -webkit-transform:scale(1.05);
  -moz-transform:scale(1.05);
  transform:scale(1.05);
}

.workscol:hover .workstitle {
  -webkit-transition:all 0.4s ease 0.3s;
  -moz-transition:all 0.4s ease 0.3s;
  transition:all 0.4s ease 0.3s;
  -webkit-transform:translateY(0);
  -moz-transform:translateY(0);
  transform:translateY(0);
}


/*********** OTHER SERVICES PAGE **********/

section#othsec1 {
  width:100%;
  padding:4% 0;
  background:#ffffff;
}

article.othcol-f {
  width:100%;
  margin-top:2%;
}

p.othtext1 {
  font-size:1.2em;
  font-weight:300;
  color:#1d1e23;
  line-height:160%;
  font-style:italic;
}

.proofread {
  width:100%;
}

figure.pfimg {
  float:left;
  width:16.8%;
  margin:2% 4% 0 0;
  padding:1.5%;
  border:1px solid #c8c8c8;
  -webkit-transition:all 0.4s ease;
  -moz-transition:all 0.4s ease;
  transition:all 0.4s ease;
}

figure.pfimg5 {
  margin-right:0;
}

figure.pfimg:hover {
  border:1px solid #8aa05d;
}

img.pf {
  -webkit-transition:all 0.3s ease;
  -moz-transition:all 0.3s ease;
  transition:all 0.3s ease;
}

figure.pfimg:hover img.pf {
  -webkit-transform:scale(1.05);
  -moz-transform:scale(1.05);
  transform:scale(1.05);
}

article.othcol1 {
  float:left;
  width:46%;
  margin-top:5%;
}

article.othcol2 {
  float:right;
  width:46%;
  margin-top:5%;
}

ul.othlist {
  margin:4% 0 0 7%;
  font-size:1.1em;
  font-weight:300;
  color:#18181a;
}

ul.othlist li {
  margin-bottom:1%;
}

/*********** ALL ABOUT LA SSTUDIO PAGES CONTENTS **********/
section#pgsec1 {
  width:100%;
  padding:4% 0;
  background:#ffffff;
}

/******* About Language ******/
article.langcol1 {
  float:left;
  width:25%;
}

article.langcol2 {
  float:right;
  width:75%;
  padding-top:0.3%;
}

article.langcol3 {
  float:left;
  width:30%;
  margin-top:2%;
}

figure.langcol3a {
  width:85%;
  margin:5% auto 0;
}

article.langcol4 {
  float:right;
  width:65%;
  margin-top:2%;
}

article.langcol5 {
  float:left;
  width:50%;
  margin:2% 6% 0 0;
  padding-top:5%;
}

article.langcol5 p {
  font-family: 'Roboto Condensed', sans-serif;
  font-weight:300;
  font-style:italic;
  font-size:1.2em;
  color:#494d54;
  line-height:160%;
}

article.langcol6 {
  float:left;
  width:35%;
  margin-top:2%;
}


table.table1 {
  margin-top:2%;
  border:2px solid #d2dfb9;
  border-collapse:collapse;
}

table.table1 th {
  font-size:0.9em;
  font-weight:600;
  color:#e11f26;
  border:1px solid #cccccc;
  padding:1%;
}

table.table1 td {
  border:1px solid #cccccc;
  padding:1% 2%;
}

table.table1 h4 {
  font-size:0.9em;
  font-weight:600;
  color:#798c54;
}

table.table1 p {
  font-size:0.9em;
  color:#494d54;
  line-height:150%;
}

a.exlink {
  color:#798c54;
  font-style:italic;
  text-decoration:none;
}

a.exlink:hover {
  text-decoration:underline;
}

ul.lang {
  font-size:0.85em;
  color:#494d54;
  margin:3% 0 0 3%;
}

ul.lang li {
  margin-bottom:1%;
}


/******* About Us ******/
article.aboutcol1 {
  float:left;
  width:30%;
}

article.aboutcol2 {
  float:right;
  width:70%;
}

article.aboutcol2a {
  width:100%;
  border:1px solid #cccccc;
  margin-top:3%;
  padding-bottom:3%;
}

figure.aboutimg {
  float:left;
  width:30%;
  padding:2% 7%;
}

.certify {
  float:right;
  width:70%;
  padding-top:4%;
}

h3.subtitle-about {
  font-style:normal;
}

.certify p {
  margin-top:4%;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight:400;
  font-size:1em;
  color:#33363b;
}

.certify span {
  display:block;
  margin-top:1%;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight:400;
  font-size:0.95em;
  color:#33363b;
}



/******* Our Clients ******/
/*
.clcol {
  float:left;
  width:17.6%;
  margin:2% 3% 0 0;
  padding:1%;
}

.clcol5 {
  margin-right:0;
}*/

.clcol {
  float:left;
  width:15%;
  margin:2% 2% 0 0;
  padding:1%;
}

.clcol6 {
  margin-right:0;
}




figure.cllogo {
  width:100%;
  border:1px solid #c8c8c8;
  padding:5%;
}

p.clname {
  font-size:0.85em;
  font-weight:600;
  text-align:center;
  color:#798c54;
  margin-top:1%;
}

ul.cllist {
  margin:3% 0 0 5%;
  font-size:1em;
  color:#798c54;
}

ul.cllist li {
  margin-bottom:1%;
}


/******* Career ******/
article.careercol1 {
  float:left;
  width:40%;
  margin-top:3%;
}

article.careercol1 p {
  font-family: 'Roboto Condensed', sans-serif;
  font-weight:300;
  font-style:italic;
  font-size:1.2em;
  color:#2e3136;
  line-height:160%;
}

.careercol2 {
  float:right;
  width:52%;
  margin-top:3%;
}


/******* Contact Us ******/
.contactcol1 {
  float:left;
  width:47%;
  margin-top:3%;
}

.contactcol2 {
  float:right;
  width:47%;
  margin-top:3%;
}

h3.company {
  font-family: 'Roboto Condensed', sans-serif;
  font-weight:400;
  font-size:1.3em;
  color:#9555a7;
  margin-bottom:4%;
}

h4.location {
  font-size:0.9em;
  font-weight:600;
  color:#356720;
  margin-bottom:1%;
}

.hq {
  float:left;
  width:40%;
  margin-bottom:4%;
}

map {
  float:right;
  width:60%;
  margin-bottom:3%;
}

address.venue {
  font-size:0.95em;
  font-style:normal;
  color:#494d54;
  line-height:150%;
  margin-bottom:4%;
}

address.venue span {
  display:block;
}


.info1 {
  float:left;
  width:20%;
  font-size:0.9em;
  font-weight:600;
  color:#356720;
}

.info2 {
  float:left;
  width:80%;
  font-size:0.95em;
  font-weight:600;
  color:#356720;
}


/***** FORM - use on Career & Contact Us page ****/
.formcol1 {
  float:left;
  width:35%;
  position:relative;
  margin-bottom:1%;
}

.formcol2 {
  float:left;
  width:65%;
  margin-bottom:1%;
}

.formcol3 {
  width:100%;
  text-align:center;
}

.formcol1 p {
  font-size:0.95em;
  color:#798c54;
  line-height:160%;
}

.formcol1 i {
  position:absolute;
  top:2%;
  right:2%;
  font-style:normal;
}

input.details {
  width:100%;
  padding:2%;
  background:#fafafa;
  border:1px solid #cacaca;
  -webkit-border-radius:5px;
  border-radius:5px;
  outline:none;
  font-size:0.95em;
  color:#494d54;
}

.pick {
  width:100%;
  margin:0.5% 0;
}

label.ticktext {
  font-size:0.95em;
  color:#798c54;
  font-weight:600;
  margin-left:1%;
}

input.tick:checked ~ label.ticktext {
  color:#e11f26;
}

textarea {
  width:100%;
  height:100px;
  padding:2%;
  background:#f8f8f8;
  border:1px solid #d6d6d6;
  -webkit-border-radius:5px;
  border-radius:5px;
  outline:none;
  font-family: 'Open Sans', arial, helvetica , sans-serif;
  font-size:0.95em;
  color:#494d54;
}

input.btn {
  display:inline-block;
  width:15%;
  text-align:center;
  padding:1.5% 0;
  border:none;
  -webkit-border-radius:20px;
  border-radius:20px;
  font-size:0.9em;
  color:#ffffff;
  background:#798c54;
  margin:2% 1%;
  cursor:pointer;
  outline:none;
  -webkit-transition:all 0.3s ease;
  -moz-transition:all 0.3s ease;
  transition:all 0.3s ease;
}

input.btn:hover {
  background:#e11f26;
}



/*********** FONT **********/
h2.title {
  font-size:1.3em;
  font-weight:600;
  color:#798c54;
}

h2.title2 {
  font-size:1.2em;
  font-weight:400;
  color:#798c54;
  line-height:100%;
}

h2.title3 {
  font-size:1.1em;
  font-weight:400;
  color:#798c54;
  margin-top:4%;
}

h3.subtitle {
  font-family: 'Roboto Condensed', sans-serif;
  font-weight:300;
  font-style:italic;
  font-size:1.4em;
  color:#33363b;
}

h3.subtitle-about {
  font-style:normal;
}

p.article {
  font-size:0.9em;
  color:#494d54;
  line-height:155%;
}

p.remarks {
  font-size:0.8em;
  color:#494d54;
  font-style:italic;
  text-align:center
}

/*** tag ***/
.subtitle-tag {
  width:100%;
  margin-bottom:3%;
  overflow:hidden;
}

.subtitle-tag i {
  float:left;
  width:8%;
  margin-right:3%;
}

.subtitle-tag h3 {
  float:left;
  width:89%;
  font-size:1.1em;
  font-weight:600;
  color:#42464d;
  margin-top:2%;
}

ul.article {
  font-size:0.95em;
  color:#31343b;
  margin-left:6%;
}

ul.article li {
  margin-bottom:1%;
}



/*********** OUR CLIENTS **********/
section#clientmarquee {
  width:100%;
  background-color:#ffffff;
  background-image:url('images/bg-ourclient.jpg');
  background-repeat:repeat-x;
  overflow:hidden;
  padding:3% 0 2%;
}

section#clientmarquee h3 {
  font-size:1.3em;
  font-weight:400;
  color:#42464d;
  text-align:center;
  margin-bottom:1%;
}


/*
@media screen and (max-width:360px) {

  section#clientmarquee {
    height:180px;
  }

}

@media screen and (max-width:320px) {

  section#clientmarquee {
    height:auto;
  }

}
*/



/********** FOOTER **********/
footer#sitemap {
  width:100%;
  background:url('images/bg-footer.jpg');
  background-repeat:no-repeat;
  background-position:center center;
  -webkit-background-size:cover;
  -moz-background-size:cover;
  background-size:cover;
  padding:3% 0 2%;
}

figure.ftlogo {
  float:left;
  width:11%;
}

section.ft {
  float:right;
  width:85%;
}

section.ft h4 {
  font-size:0.85em;
  font-weight:700;
  color:#e11f26;
}

.ftcol1 {
  float:left;
  width:18%;
  margin-top:1.5%;
}

.ftcol2 {
  float:left;
  width:20%;
  margin-top:1.5%;
}

.ftcol3 {
  float:left;
  width:18%;
  margin-top:1.5%;
}

.ftcol4 {
  float:left;
  width:20%;
  margin-top:1.5%;
}

.ftcol5 {
  float:left;
  width:24%;
  margin-top:1.5%;
}


h5.ft {
  font-size:0.8em;
  font-weight:700;
  color:#356720;
  margin-bottom:1%;
}

address.ftvenue {
  font-size:0.8em;
  font-weight:600;
  font-style:normal;
  color:#202227;
  line-height:150%;
}

ul.navft {
  list-style:none;
}

ul.navft a {
  font-size:0.8em;
  font-weight:600;
  color:#202227;
  line-height:150%;
  text-decoration:none;
  -webkit-transition:all 0.3s ease;
  -moz-transition:all 0.3s ease;
  transition:all 0.3s ease;
}

ul.navft a:hover {
  color:#e11f26;
}

i.fticon {
  display:block;
  float:left;
  width:15%;
  margin:40% 6% 0 0;
}

i.fticon4 {
  display:block;
  float:left;
  width:27%;
  margin-top:40%;
}


footer#copyright {
  width:100%;
  background:#181818;
  padding:0.5% 0;
}

footer#copyright p {
  font-size:0.8em;
  color:#d8d8d8;
}


/********** Good Mail **********/

.maillogo {
  width:40%;
  margin:10% auto 0;
  text-align:center;
}

p.tq {
  font-size:0.95em;
  color:#555555;
  text-align:center;
  letter-spacing:2px;
  margin:5% 0 2%;
}

a.backhome {
  font-size:0.9em;
  color:#5ba33c;
  text-decoration:none;
  letter-spacing:2px;
  margin-top:3%;
}

a.backhome:hover {
  color:#e01e26;
  text-decoration:underline;
}