/*
Theme Name: Twenty Sixteen
Theme URI: https://wordpress.org/themes/twentysixteen/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Sixteen is a modernized take on an ever-popular WordPress layout — the horizontal masthead with an optional right sidebar that works perfectly for blogs and websites. It has custom color options with beautiful default color schemes, a harmonious fluid grid using a mobile-first approach, and impeccable polish in every detail. Twenty Sixteen will make your WordPress look beautiful everywhere.
Version: 1.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, blue, gray, red, white, yellow, dark, light, one-column, two-columns, right-sidebar, fixed-layout, responsive-layout, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
Text Domain: twentysixteen

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/* Fonts */

/* Oswald */ @import url(https://fonts.googleapis.com/css?family=Oswald:400,700); /* font-family: 'Oswald', sans-serif; */
/* relaway */ @import url(https://fonts.googleapis.com/css?family=Raleway:400,900,900italic,800italic,800,700italic,700,600italic,600,500italic,500,400italic,300italic,300); /* font-family: 'Raleway', sans-serif; */

* { margin: 0; padding: 0; border: none; list-style: none; text-decoration: none; box-sizing: border-box; font-weight: 400;}
*:focus {
    outline: none;
}
body, p {font-family: 'Raleway', sans-serif; font-size: 14px; color: #444444; letter-spacing: 0.0125rem;}
a {color:#0088cc;}
/* Strucutre */

.row {float: left; width: 100%; padding-top: 65px; /*box-shadow: #666 0 0 15px;*/}
.container { margin: 0 auto; width: 970px;}

/* Rows */

.headerRow { padding: 20px 0 15px 0; z-index: 3; position: relative; background: #fff;}
.menuRow { padding: 0; background: #a2a2a2; z-index: 2; position: relative;}
.homeSliderRow {padding: 0;}
.breakBackRow {background: url(/wp-content/themes/china/images/breakBack.jpg) top center repeat-y;}
.galleryRow {padding-bottom: 0; padding-top: 0;}
.faqsRow {padding-bottom: 65px;}
.single-post .galleryRow { padding: 0;}
.blueRow {background: #8DB6CD; z-index: 1; position: relative;}
.darkblueRow {background: #6ca6cd; z-index: 1; position: relative;}
.greyRow {background: #eeeeee;padding-bottom: 50px;}
.imagesBackRow {padding: 0;}
.pressRow, .bilboardHomeRow {padding-bottom: 65px;}
.videoRow {padding: 0;}
.withImageRow {background-size: cover; background-position: top center; background-repeat: no-repeat;}
.benefictsRow {padding-bottom: 65px;}
.withMarginBottom {padding-bottom: 50px;}
.PagesRow, .footerRow, .headerRow { box-shadow: none;}
.page-contact .PagesRow {padding-bottom: 65px;}
.paginationRow { padding: 0 0 65px 0;}

/*.introductionsRow {margin-bottom: -65px;}*/


/* Global */

.hidden {display: none;}
.left {float: left;}
.right {float: right;}

.PagesRow .title,
.title {float: left; width: 100%; font-family: 'Oswald', sans-serif; font-size: 29px; color: #333333; text-transform: uppercase; font-weight: 600;}
.single-post .title {font-family: 'Raleway', sans-serif;}
.single .title span {float: left; width: 100%; margin-bottom: 20px; font-family: 'Oswald', sans-serif; font-weight: 600; color: #0088cc;}
.PagesRow .title.white,
.title.white {color: #fff;}
.title.blue {color: #0088cc;}

/* Columns */

.col-3-1 {float: left; width: 31.33%; margin: 0 1%;}
.col-3-2 {float: left; width: 64.66%; margin: 0 1%;}
.col-2 {float: left; width: 48%; margin: 0 1%;}

/* Header */

.logo { float: left; width: auto; height: 70px;}
.logo img {float: left; width: auto; height: 100%;}

.searchBar { float: left; margin-top: 15px;}
.searchBar input {float: left; padding: 0 10px; width: 200px; height: 30px; line-height: 30px; background: #dddddd; border-radius: 15px 0 0 15px; font-size: 14px; text-transform: uppercase;}
.searchBar input.btn {float: left; padding: 0x; width: 30px; background: #dddddd url(images/searchLogo.png) center center no-repeat; text-indent: 5000px; border-radius: 0 15px 15px 0; overflow: hidden;}

/* Menu */

.site-navigation {float: left; width: 100%;}
.site-navigation li {float: left; width: auto; margin-right: 4px; position: relative; padding: 0 24px;}
.site-navigation li a {float: left; width: auto; font-size: 16px; color: #fff; text-transform: uppercase; font-family: 'Oswald', sans-serif; font-weight: 600; height: 37px; line-height: 37px;}
.site-navigation li:hover {background: #fff;}
.site-navigation li:hover a,
.site-navigation li.current-menu-parent a,
.site-navigation li.current-menu-item a,
.site-navigation li.current-menu-item ul li a {color: #1c1c1c;}
.site-navigation li ul li a:hover,
.site-navigation li.current-menu-parent ul li.current-menu-item a {color: #167fbf;}
.site-navigation li ul {display: none; position: absolute; background: #fff; padding: 25px; z-index: 1000; top: 37px; left: 0px; width: 205px;}
.site-navigation li:hover ul {display: block;}
.site-navigation li ul li {float: left; width: 100%; padding: 0; margin: 0; float: none; display:inline-block;}
.site-navigation li ul li a {float: left; width: 100%; padding: 0; margin: 0; color: #1c1c1c; text-transform: none; font-family: 'Raleway', sans-serif; font-size: 12px; font-weight: 500; line-height: 1.2em; padding: 5px 0; height: auto;}
.site-navigation li.col2-menu ul { width: 390px; column-count: 2; -webkit-column-count: 2; vertical-align: top;}
.site-navigation li.col3-menu ul { width: 450px; column-count: 3; -webkit-column-count: 3; vertical-align: top;}

/* Home */

.home-slider,
.workPageImage {float: left; width: 100%; height: 980px;}
.home-slider .item,
.workPageImage .item{float: left; width: 100%; height: 980px; background-size: cover; background-position: top center; background-repeat: no-repeat;}
.home-slider .container,
.workPageImage .container {height: 980px; position: relative;}
.sliderTexts {position: absolute; left: 0; bottom: 100px; width: 570px; background: rgba(0,0,0,0.6); padding: 50px 45px 25px 45px;}
.sliderTexts h3 {float: left; width: 100%; font-family: 'Oswald', sans-serif; font-size: 28px; color: #fff; line-height: 37px; margin-bottom: 10px; font-weight: 700; text-transform: uppercase;}
.sliderTexts h3 .plus {float: right; width: 29px; height: 31px; background: url(/wp-content/themes/china/images/plus01.png) center top no-repeat;}
.sliderTexts h3 .plus:hover { background-position: center bottom;}
.sliderTexts p {float: left; width: 100%; font-size: 16px; color: #fff; font-weight: 500;}
.page-our-work .sliderTexts p {float: left; width: 90%;}

.owl-carousel .owl-video-tn {background-size:cover!important;}

.newsHomeBox .post {float: left; width: 100%; margin-top: 30px;}
.newsHomeBox .post h4 a {float: left; width: 100%; font-family: 'Oswald', sans-serif; font-weight: 700; font-size: 16px; color: #167fbf; text-transform: uppercase; margin-bottom: 5px;}
.newsHomeBox .post h5 a {float: left; width: 100%; font-size: 14px; color: #333333; font-weight: 700; margin-bottom: 5px;}
.newsHomeBox .post h5 a:hover { color: #167fbf;}
.newsHomeBox .post p {float: left; width: 100%; line-height: 1.5em;}

.breakBackRow .col-3-2 h3 { padding-left: 2%;}
.project {float: left; width: 46%; margin: 30px 2% 0 2%; height: 270px; overflow: hidden; position: relative;}
.project img { float: left; width: 100%; height: auto;}
.project .hover { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; vertical-align: middle; background: rgba(0,0,0,0.7);}
.project:hover .hover {display: inline-table;}
.project .hover div {display: table-cell; vertical-align: middle; width: 100%; text-align: center;}
.project .hover div h3 {float: left; width: 100%; font-family: 'Oswald', sans-serif; font-size: 22px; color: #fff; margin-bottom: 10px;}
.project .hover div a {display: inline-block; width: auto; font-size: 11px; color: #fff; height: 28px; line-height: 28px; border: 1px solid #fff; padding: 0 15px; text-transform: uppercase;}
.project .hover div a:hover { background: #fff; color: #000;}

.bilboardHomeRow h3 { padding-left: 1%; line-height: 1.5em;}
.bilboardPost {float: left; width: 31.33%; margin: 30px 1% 0 1%;}
.bilboardPost h4 a {float: left; width: 100%; font-size: 16px; color: #0089cf; font-weight: 700; text-transform: uppercase; margin-bottom: 15px; padding-right: 35px; position: relative;}
.bilboardPost h4 a .plus {float: right; position: absolute; top: 0; right: 0; width: 21px; height: 21px; background: url(/wp-content/themes/china/images/plus02.jpg) no-repeat;}
.bilboardPost h4 a:hover {color: #333;}
.bilboardPost h4 a:hover .plus {background-position: 0 bottom;}
.bilboardPost .image {float: left; width: 100%; margin-bottom: 15px;}
.bilboardPost .image img {float: left; width: 100%; height: auto;}
.bilboardPost p {float: left; width: 100%; line-height: 1.5em;}

.featureHomeRow { padding-bottom: 65px;}
.featureHomeRow .titleCont {display: inline-table; width: 100%; min-height: 280px; vertical-align: middle;}
.featureHomeRow .titleCont .title {display: table-cell; vertical-align: middle; width: 100%;}
.page-working-at-cca .featureHomeRow .titleCont .title {line-height: 280px;}
.page-working-at-cca .featureHomeRow { padding-bottom: 35px;}
.featureHomeBox {column-count: 2; -webkit-column-count: 2; vertical-align: top;}
.featureHomeBox .feature {display:inline-block;width: 100%; font-size: 12px; font-weight: 700; color: #fff; padding: 0 20px; margin-bottom: 30px; background: url(/wp-content/themes/china/images/arrow.png) left 3px no-repeat;}
.featureHomeBox .feature p {display:inline-block;width: 100%; font-size: 12px; font-weight: 600; color: #fff; line-height: 1.5em;}
.featureHomeBox .featureBtn { background: none; margin-bottom: 0;}
.featureHomeBox .featureBtn a {float: left; width: auto; font-size: 11px; color: #fff; height: 28px; line-height: 28px; border: 1px solid #fff; padding: 0 15px; text-transform: uppercase; font-weight: 700;}
.featureHomeBox .featureBtn a:hover { background: #fff; color: #000;}

/* Pages */

.pageImageRow {float: left; width: 100%; height: 560px; background-size: cover; background-position: top center; background-repeat: no-repeat;}
.pageImageRow .container {height: 560px; position: relative;}
.pageImageRow .sliderTexts {width: 100%; padding: 40px 65px;}
.pageImageRow .sliderTexts p {font-weight: 300; line-height: 1.5em;}

.PagesRow p { line-height: 1.5em; margin-bottom: 20px;}
.PagesRow.introductionsRow p { font-size: 16px;}
.PagesRow h3 { float: left; width: 100%; font-size: 24px; font-weight: 700; color: #0088cc; margin-bottom: 10px;}
.PagesRow h4 { float: left; width: 100%; font-size: 18px; font-weight: 300; color: #666666; margin-bottom: 20px; line-height: 1.5em;}
.single .PagesRow h4 { float: left; width: 100%; font-size: 18px; font-weight: 300; color: #666666; margin-bottom: 0; line-height: 1.5em;}
.PagesRow h5 { float: left; width: 100%; font-size: 20px; font-weight: 600; color: #333333; margin-bottom: 20px;}
.PagesRow h5.nocareers {background: #eee; padding: 20px 10px; text-align: center; margin-bottom: 50px;}
.PagesRow iframe, .PagesRow img {max-width:100%;}
.PagesRow iframe {margin: 0 auto;  display: inherit;}
.PagesRow img {height:auto;}

.blueRow.PagesRow p,
.blueRow.PagesRow h3,
.blueRow.PagesRow h4,
.blueRow.PagesRow h5 { color: #fff;}

.TabsBox {float: left; width: 100%;}

.topTabs .tabs {float: left; width: 100%; text-align: center;}
.topTabs .tabs li { display: inline-block; width: 19%; padding: 0 5px;}
.topTabs .tabs.tabs3 li {width: 33%;}
.topTabs .tabs li a,
.PagesRow h3.tabTitle  {float: left; width: 100%; font-size: 16px; font-weight: 600; color: #36648B; padding-bottom: 20px}
.topTabs .tabs li.current a { background: url(/wp-content/themes/china/images/arrowTop.png) center bottom no-repeat;}
.topTabs .tabs li a:hover, .topTabs .tabs li.current a {color: #666666;}
.topTabs .tab {float: left; width: 100%; padding: 45px 5% 15px 5%; margin-top: -3px; background: #eeeeee;}
.PagesRow .tab h4 {float: left; width: 100%; font-size: 16px; color: #4E78A0; font-weight: 600;}

.leftTabs .tabs {float: left; width: 20%; text-align: center;}
.leftTabs .tabs li {float: left; width: 100%;}
.leftTabs .tabs li a {float: left; width: 100%; font-size: 16px; font-weight: 600; color: #4E78A0; padding: 30px 0; padding-right: 30px; text-align: right;}
.leftTabs .tabs li.current a { background: url(/wp-content/themes/china/images/arrowRight.png) right center no-repeat;}
.leftTabs .tabs li a:hover, .leftTabs .tabs li.current a {color: #666666;}
.leftTabs .tab {float: left; width: 80%; padding: 45px; padding-bottom: 15px; background: #eeeeee;}
.leftTabs .tab .leftColumn { float: left; width: 22%;}
.leftTabs .tab .leftColumn img { float: left; width: 100%; height: auto;}
.leftTabs .tab .rightColumn { float: right; width: 75%;}

.tab {display:none;}
.tab.current {display:block;}


.tab iframe {float: left; width: 100%; margin-bottom: 20px;}

.greenTabs .tabs li a {color: #63ab62;}
.PagesRow .greenTabs h3.tabTitle { color: #63ab62;}
.leftTabs.greenTabs .tabs li.current a { background: url(/wp-content/themes/china/images/arrowRightGreen.png) right center no-repeat;}
.greenTabs .tabs li a:hover, .leftTabs .tabs li.current a {color: #333333;}
.greenTabs .tab {background: #63ab62;}
.greenTabs .tab p {color: #fff;}

.blueTabs .tabs li.current a { background: url(/wp-content/themes/china/images/arrowBlueTop.png) center bottom no-repeat;}
.blueTabs .tab {background: #C3E4ED;}
.blueTabs .tab h3 { font-size: 16px;}

.image {float: left; width: 100%;}
.image img {float: left; width: 100%; height: auto;}

.columnsContent {float: left; width: 100%;}
.columnsContent li {float: left; width: 100%;}

.columnsContent div {float: left; width: 100%; padding: 0 20px; background: url(/wp-content/themes/china/images/blueArrow.png) left 3px no-repeat;}
.columnsContent h4 { float: left; width: 100%; font-size: 14px; color: #0088cc; margin-bottom: 10px;}

.columnsContent.column2 div { width: 50%;}
.columnsContent.column3 div { width: 33.33%;}
.columnsContent.column4 div { width: 25%;}

.servicesBox { text-align: center;}
.servicesBox .project {display: inline-block; float: none; width: 30.33%; margin: 25px 1% 0 1%; height: 270px; overflow: hidden; position: relative;}
.servicesBox .project img { float: left; width: 100%; height: auto;}
.servicesBox .project .data { display: inline-table; position: absolute; top: 0; left: 0; width: 100%; height: 100%; vertical-align: middle; background: rgba(0,0,0,0.5);}
.servicesBox .project .data div {display: table-cell; vertical-align: middle; width: 100%; text-align: center;}
.servicesBox .project .logo {float: left; width: 100%; text-align: center; margin-bottom: 10px;}
.servicesBox .project .logo img { float: none; width: auto; height: auto;}
.servicesBox .project .data div h3 {float: left; width: 80%; font-family: 'Oswald', sans-serif; font-size: 14px; color: #fff; margin: 0 10%; margin-bottom: 10px;}
.servicesBox .project .data div a {display: inline-block; width: auto; font-size: 11px; color: #fff; height: 28px; line-height: 28px; border: 1px solid #fff; padding: 0 15px; text-transform: uppercase;}
.servicesBox .project .data div a:hover { background: #fff; color: #000;}

.ourWorkList {float: left; width: 100%; margin-top: 20px;}
.ourWorkList .work {float: left; width: 32%; margin: 0 0 30px 2%;}
.ourWorkList.column3 .work {width: 32%;}
.ourWorkList.column2 .work {width: 48%;}
.ourWorkList .work .image {float: left; width: 100%; margin-bottom: 15px;}
.ourWorkList .work .image img {float: left; width: 100%; height: auto;}
.ourWorkList .work h4 a {float: left; width: 100%; font-size: 16px; font-weight: 700; color: #0088cc; padding-bottom: 10px}
.ourWorkList .work h4 a:hover { color: #333;}
.ourWorkList .work p {float: left; width: 100%; line-height: 1.5em;}
.ourWorkList .work p strong { font-weight: 700; color: #333;}

.blueRow .ourWorkList .work h4 a {color: #fff;}
.blueRow .ourWorkList .work p {color: #fff;}
.blueRow .ourWorkList .work p strong {color: #fff;}

/* Other Project */

.otherProjectBox {float: left; width: 100%;}
.otherProjectBox .title {float: left; width: 100%; font-size: 18px; color: #0088cc; padding-left: 30px; background: url(/wp-content/themes/china/images/bigArrow.png) left 3px no-repeat;}
.title.cross {float: left; width: 100%; font-size: 18px; padding-left: 30px; background: url(/wp-content/themes/china/images/bigArrow.png) left 3px no-repeat;}
.otherProject {float: left; width: 23.5%; margin: 0 0 0 2%; margin-top: 30px;}
.otherProject:nth-child(1) { margin-left: 0;}
.otherProject:nth-child(4n+1) {clear: left; margin-left: 0;}
.otherProject .image {float: left; width: 100%; margin-bottom: 15px;}
.otherProject .image img {float: left; width: 100%; height: auto;}
.otherProject h4 { margin-bottom: 0;}
.otherProject h4 a {float: left; width: 100%; font-size: 14px; font-weight: 700; color: #333; margin-bottom: 5px; line-height: normal;}
.otherProject h4 a:hover {color: #0088cc;}
.otherProject p {margin-bottom: 0;}
.other-projects-slide {float:left; width:100%;}

/* Our work */

.workTitle {float: left; width: 100%; font-family: 'Oswald', sans-serif; font-size: 32px;}
.workTitle img {margin-left: 5px; margin-bottom: -5px;}
.workSubtitle {float: left; width: 100%; font-size: 18px; font-weight: 300; color: #444444;}
.workColumn {float: left; width: 50%;}
.workColumn p {float: left; width: 95%; font-size: 12px; color: #444444; margin-bottom: 20px; line-height: 1.7em; font-weight: 500;}
.workColumn .data {float: left; clear: left; margin-right: 10px; font-family: 'Oswald', sans-serif; font-size: 16px; color: #333333; text-transform: uppercase; line-height: 26px; margin-bottom: 30px;}
.workColumn .data.large {}
.single-career .workColumn .data {width:auto;margin-right:20px;}
.workColumn .textData {float: left; width: auto; line-height: 26px; margin-bottom: 30px;}
.single-career .workColumn .textData  {min-width:150px}
.single-project .date {float: left; width: 100%; font-size: 16px; font-weight: 500;}
.single-project .date span {max-width: 870px; float: left;}
.single-project .date span.nameDate {float: left; width: auto; max-width: none; font-family: 'Oswald', sans-serif; font-size: 14px; font-weight: 700;}
.single-project .date span a {color: #0088cc; margin: 0 20px;}
.single-project .date.keys span a {font-size: 14px;}
.single-project .date span a:hover { text-decoration: underline;}

.workPageImage {height: 710px;}
.workPageImage .item {height: 710px;}
.workPageImage .container {height: 710px;}
.workPageImage .sliderTexts p {font-size: 12px; font-weight: 300; line-height: 1.5em; margin-bottom: 20px;}
.nextWork {float: left; width: 130px; font-size: 12px; color: #fff; height: 35px; line-height: 35px; padding: 0 15px; text-transform: uppercase; background: #0088cc; margin-top: 20px; text-align: center;}
.nextWork:hover {background: #fff; color: #0088cc;}

.imageBackBoxRow {background-position: top center; background-repeat: no-repeat; background-size: cover;}
.imageBackBox {float: left; width: 100%; padding: 65px 0; padding-right: 0; background-position: top right; background-repeat: no-repeat; background-size: auto 100%;text-shadow: #000 1px 1px 1px;}
.imageBackBox h3 {margin-bottom: 20px;}
.imageBackBox h4 {float: left; width: 100%; color: #fff; font-size: 18px; line-height: 1.5em; margin-bottom: 15px;}
.imageBackBox p {float: left; width: 100%; color: #fff;  line-height: 1.5em; margin-bottom: 10px;}

.videoRow img {float: left; width: 100%; height: auto;}
.videoRow iframe {float: left; width: 100%;}

.blueLineText {float: left; width: 100%; padding: 20px 5%; margin: 20px 0; background: #C3E4ED;}
.page-working-at-cca .blueLineText {margin: 20px 0 40px 0;}
.blueLineText .left {float: left; width: auto; font-size: 14px; font-weight: 500; text-transform: uppercase; color: #666666;}
.blueLineText .left span {font-size: 14px; font-weight: 400; text-transform: none; color: #36648B; padding: 0 10px; line-height: 30px;}
.blueLineText .left span.blueLineTextMargin { margin-left: 150px;}
.blueLineText .center {float: left; width: auto; font-size: 12px; color: #666666; line-height: 30px;}
.blueLineText .center strong {font-weight: 500;}
.blueLineText .right {float: right; width: auto;}
.blueLineText .right .btn {float: left; width: auto; height: 30px; line-height: 30px; padding: 0 10px; border-radius: 5px; font-size: 14px; font-weight: 600; text-transform: uppercase; color: #fff; background: #888888;}
.blueLineText .right .btn:hover { background: #fff; color: #888888;}
.linkedin {float: left; width: 30px; height: 30px; line-height: 30px; border-radius: 15px; font-size: 14px; color: #C3E4ED; background: #888888; text-align: center; margin-left: 10px;}

.benefictsRow .leftColumn {float: left; width: 50%; padding-right: 5%;}
.benefictsRow .rightColumn {float: left; width: 50%; padding-left: 5%; background: url(/wp-content/themes/china/images/rightColumnBack.jpg) left center no-repeat;}
.benefictsRow h3 {float: left; width: 100%; font-size: 24px; font-weight: 600; color: #fff; margin-bottom: 15px;}
.benefictsRow h4 {float: left; width: 100%; font-family: 'Oswald', sans-serif;  font-size: 14px; font-weight: 500; color: #fff; margin-bottom: 10px;}
.benefictsRow h5 {float: left; width: 100%; font-size: 14px; font-weight: 500; color: #fff; margin-bottom: 25px;}
.benefictsRow p {float: left; width: 100%; font-weight: 500; color: #fff; margin-bottom: 10px; line-height: 1.5em;}
.benefictsRow .beneficts {float: left; width: 100%; column-count: 2; -webkit-column-count: 2; vertical-align: top;}
.benefictsRow .beneficts li {float: none; display: inline-block; width: 100%; padding: 0 20px; background: url(/wp-content/themes/china/images/arrow.png) left 3px no-repeat;}
.benefictsRow .beneficts li p {font-weight: 500; }

.orientations {float: left; width: 100%; margin: 20px 0;}
.orientations li {float: left; width: 30%; min-height: 56px; margin-right: 3%; background: #eeeeee; text-align: center; margin-bottom: 20px;}
.orientations li p {float: left; width: 100%; height: 66px; font-size: 16px; font-weight: 700; color: #0088cc; line-height: 56px; margin-bottom: 0; padding: 5px 5px;}
.orientations li p.withsub {line-height: 1; padding: 15px 5px 10px 5px;}
.orientations li p span {float: left; width: 100%; font-size: 11px; font-weight: 500; color: #1f1f1f; margin-top: 5px;}

.awards {float: left; width: 100%; margin-bottom: 70px;}
.award {float: left; width: 100%; position: relative; margin-bottom: 20px;}
.award .leftColumn {float: left; position: absolute; width: 15%; height: 100%; background: url(/wp-content/themes/china/images/awardsLine.jpg) top right repeat-y;}
.award .rightColumn {float: right; width: 83%; background: url(/wp-content/themes/china/images/arrowRight.png) left 7px no-repeat; padding-left: 15px;}
.award .year {float: left; width: 100%; min-height: 45px; line-height: 46px; font-size: 24px; font-weight: 500; color: #0088cc; background: url(/wp-content/themes/china/images/awardsIcon.jpg) top right no-repeat;}
.award .rightColumn .box {float: left; width: 100%; padding: 25px 45px; background: #eeeeee;}
.award .leftColumn .moreBtn {float: right; width: 47px; height: 46px; background: url(/wp-content/themes/china/images/moreBtn.png) no-repeat;}

/* Press */

.pressRow .leftColumn {float: left; width: 68%;}
.pressRow .leftColumn .date {font-size: 14px; font-weight: 500;margin-bottom:5px;}
.single .pressRow .leftColumn .contDate {float: left; width: 100%;}
.single .pressRow .leftColumn .date {margin-bottom: 10px; float: left; width: auto;}
.single .pressRow .leftColumn .contDate .date {margin-bottom: 0; margin-top: 10px;}
.single .pressRow .leftColumn .dateKeywords {width: 100%;}
.pressRow .leftColumn .date span { font-family: 'Oswald', sans-serif; font-size: 14px; font-weight: 700;}
.pressRow .leftColumn .date a {color: #0088cc; margin: 0 20px;}
.pressRow .leftColumn .date a:hover { text-decoration: underline;}
.pressRow .rightColumn {float: right; width: 30%; padding: 40px 30px; background: #eeeeee;}
.pressRow .rightColumn h3 {float: left; width: 100%; font-family: 'Oswald', sans-serif; font-size: 15px; font-weight: 700;color: #0088cc; text-transform: uppercase;}
.pressRow .rightColumn ul {float: left; width: 100%; margin-top: 20px;}
.pressRow .rightColumn ul li {float: left; width: 100%; padding-left: 30px; margin-bottom: 20px; background: url(/wp-content/themes/china/images/blueArrow.png) left 3px no-repeat}
.pressRow .rightColumn ul li a {float: left; width: 100%; font-weight: 600; color: #1f1f1f;}
.pressRow .rightColumn ul li span {float: left; width: 100%; font-weight: 500; color: #444444; margin-top: 5px;}
.pressRow .rightColumn ul li a:hover,
.pressRow .rightColumn ul li a:hover span {color: #0088cc;}

.pressRow .ourWorkList { margin-top: 0;}
.pressRow .ourWorkList .work { width: 100%; padding: 15px; margin: 0; margin-bottom: 20px; box-shadow: #ccc 0 0 10px;}
.pressRow .ourWorkList .work .text { width: 70%; float: left;}
.pressRow .ourWorkList .work .textLarge {width: 100%;}
.pressRow .ourWorkList .work .textBox { min-height: 0;}
.pressRow .ourWorkList .work .image { margin-bottom: 0; width: 30%; float: right;}
.pressRow .ourWorkList .work .image img { margin-bottom: 20px;}

/* Overview */

.presidentRow .columnLeft {float: left; width: 75%;}
.presidentRow .columnLeft.bigCol { width: 100%;}
.presidentRow h4 {float: left; width: 100%; font-size: 24px; font-weight: 700; color: #0088cc; padding: 10px 0 20px 0;}
.presidentRow p { line-height: 1.5em; margin-bottom: 20px;}
.presidentRow .columnRight {float: right; width: 25%;}
.roundImage { float: left; width: 180px; height: 180px; border-radius: 100px; overflow: hidden;}

.questionsBox {float: left; width: 100%; padding: 0 0 50px 0; margin-top: -15px;}
.questionsBox p {float: left; font-size: 14px; color: #444444; margin-right: 30px; padding: 0 0 0 20px; background: url(/wp-content/themes/china/images/blueArrow.png) left 3px no-repeat;}

.twoColumnsGrowing {float: left; width: 100%; padding: 20px 0;}
.twoColumnsGrowing .columnLeft {float: left; position: relative; width: 45%; padding: 40px 0; margin-right: 5%;}
.twoColumnsGrowing .columnRight {float: left; position: relative; width: 45%; padding: 40px 0; padding-left: 5%; background: url(/wp-content/themes/china/images/growingBox.png) left center no-repeat; background-size: auto 100%;}
.twoColumnsGrowing h3 {float: left; width: 100%; font-size: 14px; color: #202020; padding-left: 30px; background: url(/wp-content/themes/china/images/blueArrow.png) left 3px no-repeat;}
.twoColumnsGrowing p {font-size: 11px;}
.floatingLogo {position: absolute; top: 0; right: 0; width: auto;}

.jobPostingRow { background-size: auto 100%; background-position: top right; background-repeat: no-repeat;}
.jobPostingRow .left {float: left; width: 30%;}
.jobPostingRow .left h3 {float: left; width: 100%; font-family: 'Oswald', sans-serif; font-size: 29px; color: #0088cc; text-transform: uppercase; font-weight: 600;}
.jobPostingRow .center {float: left; width: 50%;}
.jobPostingRow .center p {float: left; width: 100%; padding-left: 30px; background: url(/wp-content/themes/china/images/blueArrow.png) left 3px no-repeat;}
.jobPostingRow .right {float: left; width: 20%;}
.jobPostingRow .right a {float: left; width: 115px; height: 30px; line-height: 30px; border-radius: 5px; background: #0088cc; color: #fff; font-size: 12px; font-weight: 600; text-transform: uppercase; text-align: center;}

.careers {float: left; width: 100%;}
.careers li {float: left; width: 100%; padding: 15px 45px; background: #C3E4ED; margin-bottom: 15px;}
.careers li h3 { font-size: 18px; color: #000000; margin: 0;}
.careers li p {margin: 0;}
.careers li a {float: left; width: 115px; height: 30px; line-height: 30px; border-radius: 5px; background: #eeeeee; color: #1f1f1f; font-size: 12px; font-weight: 700; text-transform: uppercase; text-align: center; margin-top: 8px;}

.info_window { padding: 15px; float: left; width: 100%;}
.info_window h2 {float: left; width: 100%; font-family: 'Oswald', sans-serif; font-size: 18px; color: #333333; text-transform: uppercase; font-weight: 700; margin-bottom: 10px; }
.info_window p {float: left; width: 100%; font-size: 15px; font-weight: 700; color: #333333; margin-bottom: 15px;}
.info_window p.projects {float: left; width: 100%; font-size: 13px; color: #0088cc; background: none; margin-bottom: 0;}
.info_window p.projects input {float: left; width: auto; font-size: 13px; color: #0088cc; background: none; }

/* Buttons */

.button {display: inline-block; width: auto; font-size: 11px; color: #333; height: 28px; line-height: 28px; border: 1px solid #333; padding: 0 15px; margin-top: 20px; text-transform: uppercase;}
.button:hover { background: #333; color: #fff;}
.blueRow .button {color: #fff;border: 1px solid #fff;}
.blueRow .button:hover { background: #fff; color: #c3e4ed;}
.plus {float: right; width: 21px; height: 21px; background: url(/wp-content/themes/china/images/plus02.jpg) no-repeat;}
.otherProjectBox .title .plus {margin-left: 12px;}
/*.page-overview .plus {float: right; width: 23px; height: 25px; background: url(/wp-content/themes/china/images/plus04.png) no-repeat;}*/
.page-overview .plus,
.page-overview .plus.less {float: right; width: auto; font-size: 11px; color: #000; height: 21px; line-height: 21px; border: 1px solid #000; padding: 0 15px; margin-top: 20px; text-transform: uppercase; margin: 0 !important; background: none !important;}
.page-overview .plus:hover { background: #000 !important; color: #fff;}
.page-overview .plus .more {display: block;}
.page-overview .plus .nomore {display: none;}
.page-overview .plus.less .more {display: none;}
.page-overview .plus.less .nomore {display: block;}
/*.page-overview .plus.less {float: right; width: 23px; height: 25px; background: url(/wp-content/themes/china/images/less04.png) no-repeat; margin-right: 0;}*/
.otherProjectBox .title .less { margin-left: 10px; margin-right: 0;}
.plus:hover {background-position: left bottom;}
.less {float: right; width: 21px; height: 21px; background: url(/wp-content/themes/china/images/less.jpg) no-repeat; margin-right: 20px;}
.less:hover {background-position: left bottom;}

/* Footer */

.footerRow { padding: 35px 0; background: #ebebeb; /*margin-top: 50px;*/}
.footerRow .logo { float: left; width: auto; height: 50px;}
.footerRow .left {float: left; width: 20%;}
.footerRow .right {float: left; width: 80%;}
.footerRow .contactInfo {float: left; width: 45%;}
.footerRow .contactInfo p {float: left; width: 100%; font-size: 13px; color: #333333; margin-bottom: 3px;}
.footerRow .contactInfo p a {color: #333333;}
.footerRow .contactInfo p span {float: left; width: 35px; margin-right: 20px; font-family: 'Oswald', sans-serif; font-size: 11px; color: #0088cc; text-align: right;}
.footerRow .addrees {float: left; width: 45%;}
.footerRow .addrees p {float: left; width: 100%; font-size: 13px; color: #333333; line-height: 1.4em;}
.footerRow .redes {float: left; width: auto;}
.footerRow .redes a {color: #ebebeb;}

.footerMenu {float: left; width: 100%; margin: 20px 0;}
.footerMenu li {float: left; width: auto; margin-right: 25px;}
.footerMenu li ul {display: none !important;}
.footerMenu li a {float: left; width: auto; font-size: 13px; color: #666666; text-transform: uppercase; font-family: 'Oswald', sans-serif; font-weight: 500;}
.footerMenu li a:hover {color: #167fbf;}

.copyright {float: left; width: 100%;}
.copyright p {float: left; width: 100%; font-size: 12px; color: #333333;}

/* Map */

.acf-map { width: 100%; height: 400px;}
.acf-map img {max-width: inherit !important;}

/* Form */

.form-row {float: left; width: 100%; padding: 40px 25px 10px 40px; border: 1px solid #6b6b6b; margin-bottom: 35px;}
.form-row .row {float: left; width: 100%; padding: 0; margin-bottom: 33px;}
.form-row .col {float: left; padding-right: 2%;}
.form-row .col-10 {width: 10%;}
.form-row .col-15 {width: 15%;}
.form-row .col-20 {width: 20%;}
.form-row .col-25 {width: 25%;}
.form-row .col-30 {width: 30%;}
.form-row .col-35 {width: 35%;}
.form-row .col-40 {width: 40%;}
.form-row .col-45 {width: 45%;}
.form-row .col-50 {width: 50%;}
.form-row .col-55 {width: 55%;}
.form-row .col-60 {width: 60%;}
.form-row .col-65 {width: 65%;}
.form-row .col-70 {width: 70%;}
.form-row .col-75 {width: 75%;}
.form-row .col-80 {width: 80%;}
.form-row .col-85 {width: 85%;}
.form-row .col-90 {width: 90%;}
.form-row .col-95 {width: 95%;}
.form-row .col-100 {width: 100%;}

.form-row p {float: left; width: 100%; margin-bottom: 30px; font-size: 13px !important;}
.form-row h2 {float: left; width: 100%; font-weight: 700; font-size: 20px; color: #2c2c2c; margin-bottom: 30px;} 
.form-row label {float: left; width: 100%; font-weight: 700; line-height: 35px; text-transform: uppercase; font-size: 12px; color: #2c2c2c;}
.form-row label.nointer {line-height: normal;} 
.form-row label small {float: left; width: 100%;}
.form-row input,
.form-row select,
.form-row textarea {float: left; width: 100%; height: 35px; line-height: 35px; border: 1px solid #010101; font-family: 'Raleway', sans-serif; color: #010101; font-size: 14px; padding: 0 5px;}
.form-row textarea { height: 75px; line-height: 1.5em; }

.form-row .wpcf7-radio input { width: auto; height: 35px;}
.form-row .wpcf7-radio label {width: auto;}
.form-row .wpcf7-radio label span { width: auto; height: 35px; margin: 0 15px 0 5px;}

.form-row input.wpcf7-submit {
    float: left;
    width: auto;
    padding: 10px 20px;
    font-family: 'Oswald', sans-serif;
    font-weight: 700;
    font-size: 16px;
    background: #167fbf;
    color: #fff;
    text-transform: uppercase;
	cursor: pointer;
	height: auto; 
	line-height: normal;
	border: none;}

.form-row span.wpcf7-not-valid-tip {float: left; width: 100%; margin-top: 15px;}
.wpcf7-response-output {float: left; width: 100%;}

/* Cambios */

.page-template-template-about-us-php .footerRow,
.page-growing-with-cca .footerRow,
.page-template-template-services-php .footerRow,
.single-service .footerRow { margin-top: 50px;}
.page-safety .footerRow { margin-top: 0px;}
.newsHomeBox { padding-right: 30px; padding-bottom: 65px;}
.codeBox {float: left; width: 100%; margin-top: -40px;}
.ourWorkList .work .textBox {float: left; width: 100%; min-height: 65px;}
.blueImageRow { background-image: url(/wp-content/themes/china/images/overviewImage.jpg); background-size: cover; background-position: bottom center; background-repeat: no-repeat;}
.page-bussiness-center .PagesRow { padding: 0;}
.mapRow {background: #f2f2f2;}
.presidentText {display: none;}
.tab ul li { list-style: disc; list-style-position: inside;}
.middleRowMargin {padding: 30px 0 0 0; margin-bottom: -20px;}

.ourWorkList.column3 .work:nth-child(1) {margin-left: 0;}
.ourWorkList.column3 .work:nth-child(3n+1) {clear: left; margin-left: 0;}

.awardText {float: left; width: 100%;}
.awardText .data {
    float: left;
    clear: left;
    width: 85px;
    font-family: 'Oswald', sans-serif;
    font-size: 16px;
    color: #333333;
    text-transform: uppercase;
    line-height: 26px;
    margin-bottom: 30px;}

.awardText .textData {
	float: left;
    width: 85%;
    line-height: 26px;
 	margin-bottom: 30px;}

   .jobBtn {float: left; width: auto; padding: 10px 20px;
    font-family: 'Oswald', sans-serif;
    font-weight: 700;
    font-size: 16px;
    background: #167fbf;
    color: #fff;
    text-transform: uppercase;
	cursor: pointer;}


/* Responsive */

.columnsContent.column3 div:nth-child(3n+1) {clear:left;}
.textColumn { width: 65%;}
.mapColumn { width: 35%;}
.proyectHomeBox {float: right;}
.tabTitle,
.responsiveBtn {display: none;}
.menuRow {display: block;}

.owl-controls .owl-nav div {border: none; text-shadow: none; margin-top: -15px; width: auto; height: auto;}

.owl-controls .owl-nav div:hover {background: none;}
.owl-controls .owl-nav div.owl-next:before,
.owl-controls .owl-nav div.owl-prev::before {font-size: 60px !important;}
.owl-controls .owl-nav div.owl-next:hover:before,
.owl-controls .owl-nav div.owl-prev:hover::before {color: #167fbf}

.owl-dots {position: absolute; bottom: 20px; left: 50%;}

.gallery .item {background-size: cover; background-position: center center; background-repeat: no-repeat; height: 650px;}

.share-buttons {float: right; width: auto; padding-bottom: 20px;}
.share-buttons li {float: left; width: auto; margin-right: 1px;}
.share-buttons a {float: left; width: 40px; height: 40px; line-height: 40px; font-size: 20px; color: #0087cd; margin-left: 5px; text-align: center; }
.share-buttons li:hover {background: #0087cd;}
.share-buttons li:hover a {color: #fff;}

.wp-pagenavi {float: right; width: auto; margin-bottom: 10px;}
.wp-pagenavi .pages {display: none;}
.wp-pagenavi ul.page-numbers {border: none;}
.wp-pagenavi a,
.wp-pagenavi span {float: left; padding: 0; width: 30px; height: 30px; line-height: 30px; text-align: center; font-size: 14px; color: #a6a6a6; border-radius: 15px; border: none; background: none; margin-right: 2px;}
.wp-pagenavi a:focus, .wp-pagenavi a:hover, .wp-pagenavi span.current { background: #0087cd; color: #fff;}

.search-results .ourWorkList .work {border: 1px solid #ccc; padding: 10px;}

.page-bussiness-center .sliderTexts h3 {text-align: center;}

@media all and (max-width: 970px) {
	.container { float: left; width: 100%; padding: 0 20px;}
	.imagesBackRow .container { padding: 0;}
	.newsHomeBox { width: 100%; margin: 30px 0 0 0; padding: 0 2%;}
	.proyectHomeBox { width: 100%; margin: 0;}
	.breakBackRow { background: #fff; padding-bottom: 0;}
	.presidentRow .columnLeft { width: 100%; margin-top: 30px;}
	.presidentRow .columnRight {float: left;}
	.servicesBox .project { width: 47%;}
	.imageBackBox { padding: 65px 20px;}
	.blueLineText {width: 100%; margin: 20px 0 40px 0;}
	.blueLineText .left span.blueLineTextMargin {margin: 0; display: block; padding: 0;}
	.benefictsRow .leftColumn { width: 100%; padding: 0;}
	.benefictsRow .rightColumn { float: left; width: 100%; margin-top: 20px; padding-left: 0; background: none;}
	.sliderTexts {bottom: 0;}
	.topTabs .tab {width: 100%; margin-left: 0;}
	.bilboardHomeRow h3 {padding-left: 2%;}

	.responsiveBtn {display: block; float: right; color: #a2a2a2; font-size: 23px; margin-top: 15px; margin-left: 20px;}
	.responsiveBtn:hover {color: #0085cc}
	.menuRow {display: none; position: absolute; left: 0; top: 105px;}
	.menuRow .container { padding: 0;}
	.site-navigation {float: left; width: 100%;}
	.site-navigation li {float: left; width: 100%; margin: 0; padding: 0;}
	.site-navigation li a {float: left; width: 100%; margin: 0; padding: 0; text-align: center;}
	.site-navigation li ul { width: 100% !important; text-align: center; position: static; border-top: 1px solid #ccc; padding: 0;}
	.site-navigation li.col2-menu ul,
	.site-navigation li.col3-menu ul { column-count: 1; -webkit-column-count: 1;}
	.site-navigation li ul li {float: left; width: 100%;}
	.site-navigation li ul li a { float: left; width: 100%; padding: 10px 0;}
	.galleryRow .container { padding: 0;}
	.form-row .row {margin-bottom: 0;}
	.form-row .col {float: left; width: 100%!important; margin-bottom: 33px;}
}

@media all and (max-width: 800px) {
	.featureHomeRow .col-3-1 {margin: 0; width: 100%;}
	.featureHomeRow .titleCont { min-height: 0;}
	.featureHomeRow .titleCont br { display: none;}
	.featureHomeBox { margin: 30px 0 0 0; width: 100%;}
	.columnsContent.column3 div { width: 50%;}
	.columnsContent.column3 div:nth-child(3n+1) {clear:none;}
	.columnsContent.column3 div:nth-child(2n+1) {clear:left;}
	.award .leftColumn { width: 100%; background: none; position: static; height: auto;}
	.award .year { width: 100%; background: none; min-height: auto;}
	.award .rightColumn { width: 100%; padding-left: 0;}
	.award .leftColumn .moreBtn { float: left;}
	.otherProject {width: 31.33%;}
	.orientations li { width: 47%;}
	.jobPostingRow .left,
	.jobPostingRow .center,
	.jobPostingRow .right { width: 100%;}
	.carrers li {padding: 15px;}
	.carrers .right {float: left; width: 100%; margin-top: 10px;}
	.bilboardPost { width: 98%; padding: 0 1%;}
	.ourWorkList.column3 .work { width: 98%;}
	.pressRow .leftColumn { width: 100%;}
	.pressRow .rightColumn {width: 100%;}
	.page-working-at-cca .featureHomeRow .titleCont .title { line-height: 1.5em;}
	.otherProject:nth-child(4n+1) {clear: none;}
	.otherProject:nth-child(3n+1) {clear: left;}
	.gallery .item {height: 400px;}
}

@media all and (max-width: 750px) {
	.tabTitle {display: block;cursor:pointer;}
	.topTabs .tabs,
	.leftTabs .tabs {display: none;}
	.topTabs .tab,
	.leftTabs .tab {margin-bottom: 30px; width: 100%;}
	.footerRow .right {width: 100%; margin-top: 15px;}
	.footerRow .contactInfo {width: 100%; margin-left: 0;}
	.footerRow .contactInfo p span { text-align: left;}
	.footerRow .addrees { width: 80%; margin-top: 15px;}
	.footerRow .redes {margin-top: 15px;}
	.project { width: 98%;}
}

@media all and (max-width: 650px) {
	.homeSliderRow .sliderTexts { width: 100%;}
	.sliderTexts h3 .plus {float: right; clear: right;}
}

@media all and (max-width: 550px) {
	.featureHomeBox,
	.benefictsRow .beneficts {column-count: 1; -webkit-column-count: 1;}
	.columnsContent.column3 div { width: 100%;}
	.otherProject {width: 48%;}
	.orientations li { width: 100%; margin-right: 0;}
	.searchBar {display: none;}
	.otherProject:nth-child(3n+1) {clear: none;}
	.otherProject:nth-child(2n+1) {clear: left;}
	.gallery .item {height: 300px;}
}