/*
Template: cesis
Theme Name: cesis child theme
Theme URI: http://cesis.co
Description: A superflexible and responsive Business Theme by Tranmautritam team -
Update notifications available on twitter and facebook:
Follow me on twitter
- Join the Facebook Group A theme by Tranmautritam Team.
Version: 1.0
Author: Tranmautritam Team
Author URI: http://themeforest.net/user/tranmautritam?ref=tranmautritam
License: Themeforest Split Licence
License URI: -
*/
body {
margin: 0 !important;
}
.ucs-content {
font-size: 12px;
line-height: 1.5;
color: #1C1E1F;
font-family: 'Open Sans', sans-serif;
font-weight: 400;
/*main page*/
/*for page Plant Factories*/
/*new modulex page*/
/*page contract-biology*/
/*end page contract-biology*/
/*main page 2 edition*/
/*Page moduleX*/
/*page ModuleX Features and prices*/
/*page ModuleX Features and prices*/
/*page moduleX features and pricelist*/
/*page moduleX features and pricelist*/
/*page Biology Reseach*/
/*pages Your journey*/
/*page Our Projects*/
/*content from page content*/
}
.ucs-content img {
width: 100%;
user-select: none;
}
.ucs-content .image-wrap {
/*border-radius: 12px;*/
overflow: hidden;
font-size: 0;
}
.ucs-content section {
position: relative;
background-color: #fff;
padding: 80px 0;
display: flex;
justify-content: center;
overflow: hidden;
}
.ucs-content .container {
position: relative;
width: 90%;
max-width: 1500px;
height: 100%;
margin: 0 5%;
}
.ucs-content .section-inner {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-around;
}
.ucs-content h1 {
font-size: 50px;
line-height: 1.2;
color: #1C1E1F;
}
.ucs-content h2 {
font-size: 50px;
line-height: 1.2;
font-weight: 700;
text-align: center;
margin: 0 auto 40px;
color: #559e00;
}
.ucs-content h2.smaller {
font-size: 40px;
}
.ucs-content h2.smallest {
font-size: 35px;
}
.ucs-content h2.small-bottom-margin {
margin-bottom: 5px;
}
.ucs-content h3 {
font-size: 30px;
line-height: 1.5;
color: #1C1E1F;
text-align: center;
margin: 0 0 40px;
}
.ucs-content h3.smaller {
font-size: 26px;
}
.ucs-content h4 {
color: #1C1E1F;
}
.ucs-content .subhead {
font-size: 22px;
}
.ucs-content .short-description {
font-size: 20px;
line-height: 1.5;
color: #1C1E1F;
text-align: center;
margin: 0 auto 40px;
}
.ucs-content .ucs-dark h2,
.ucs-content .ucs-dark h3,
.ucs-content .ucs-dark .short-description {
color: white;
}
.ucs-content p {
font-size: 16px;
margin: 0 0 20px;
}
.ucs-content p:last-of-type {
margin-bottom: 0;
}
.ucs-content .featured {
color: #559e00;
font-weight: 700;
}
.ucs-content .lighten {
font-weight: 300;
}
.ucs-content a {
text-decoration: none;
}
.ucs-content .center {
text-align: center;
}
.ucs-content .show-break {
display: inline;
}
.ucs-content sup {
line-height: 0;
}
.ucs-content .ucs-button {
display: inline-block;
min-width: 260px;
box-sizing: border-box;
font-size: 16px;
height: 50px;
line-height: 50px;
font-weight: 600;
text-align: center;
color: white;
background: linear-gradient(90deg, #6f8d03, #92c800, #6f8d03);
background-size: 200% 100%;
background-position: 0 0;
border-radius: 150px;
padding: 0 10px;
transition: background-position 0.7s ease;
}
.ucs-content .ucs-button a {
display: inline-block;
width: 100%;
height: 100%;
color: white !important;
}
.ucs-content .ucs-button:hover {
cursor: pointer;
background-position: 100% 0;
}
.ucs-content .ucs-button.two-lines {
width: 280px;
height: 60px;
line-height: 24px;
padding: 6px 10px;
}
.ucs-content .ucs-button.light-button {
background: #fff;
color: #559e00;
}
.ucs-content .ucs-button.ucs-button-light {
color: #559e00;
border: 2px solid #559e00;
padding: 0 10px;
background: linear-gradient(90deg, #fff 0%, #fff 20%, #e8fdcb 50%, #fff 80%, #fff 100%);
background-size: 500% 100%;
background-position: 0 0;
transition: background-position 0.7s ease;
}
.ucs-content .ucs-button.ucs-button-light a {
color: #559e00 !important;
}
.ucs-content .ucs-button.ucs-button-light:hover {
cursor: pointer;
background-position: 100% 0;
}
.ucs-content .ucs-button.ucs-button-light.two-lines {
padding: 4px 10px;
}
.ucs-content .ucs-button-container {
width: 100%;
display: flex;
justify-content: center;
}
.ucs-content .background-wrap {
user-select: none;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.ucs-content .background-wrap img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: 50% 50%;
}
.ucs-content video {
width: 100%;
}
@media only screen and (max-width: 1000px) {
.ucs-content h1 {
font-size: 40px;
}
.ucs-content h2 {
font-size: 40px;
}
.ucs-content h2.smaller {
font-size: 32px;
}
.ucs-content h2.smallest {
font-size: 28px;
}
.ucs-content h3 {
font-size: 24px;
}
.ucs-content h3.smaller {
font-size: 21px;
}
.ucs-content .subhead {
font-size: 22px;
}
.ucs-content .short-description {
font-size: 17px;
}
.ucs-content p {
font-size: 16px;
}
.ucs-content section {
padding: 70px 0;
}
}
@media only screen and (max-width: 700px) {
.ucs-content .ucs-button-container {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.ucs-content .ucs-button-container .ucs-button {
margin-left: 0 !important;
margin-right: 0 !important;
}
}
@media only screen and (max-width: 600px) {
.ucs-content h1 {
font-size: 35px;
}
.ucs-content h2 {
font-size: 35px;
margin-bottom: 30px;
}
.ucs-content h2.smaller {
font-size: 28px;
}
.ucs-content h2.smallest {
font-size: 24px;
}
.ucs-content h3 {
font-size: 22px;
margin-bottom: 30px;
}
.ucs-content h3.smaller {
font-size: 20px;
}
.ucs-content .subhead {
font-size: 18px;
}
.ucs-content .short-description {
font-size: 17px;
}
.ucs-content p {
font-size: 15px;
}
.ucs-content section {
padding: 60px 0;
}
}
@media only screen and (max-width: 480px) {
.ucs-content h1 {
font-size: 32px;
}
.ucs-content h2 {
font-size: 32px;
margin-bottom: 25px;
}
.ucs-content h2.smaller {
font-size: 26px;
}
.ucs-content h2.smallest {
font-size: 22px;
}
.ucs-content h3 {
font-size: 21px;
margin-bottom: 25px;
}
.ucs-content h3.smaller {
font-size: 18px;
}
}
.ucs-content .temp-menu {
height: 80px;
padding: 0;
background-color: #fff;
z-index: 1;
}
.ucs-content .temp-menu .container {
max-width: 1600px;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
.ucs-content .temp-menu .logo-wrap {
width: 234px;
height: 46px;
}
.ucs-content .temp-menu ul {
display: flex;
flex-direction: row;
justify-content: end;
align-items: center;
list-style-type: none;
}
.ucs-content .temp-menu li {
margin-left: 50px;
}
.ucs-content .temp-menu li a {
font-size: 20px;
color: #559e00;
}
.ucs-content .temp-menu li.current-page a {
color: #cf0051;
}
.ucs-content .slider {
padding: 0;
height: calc(100vh - 80px);
margin-top: 0;
}
.ucs-content .slider .container {
position: relative;
max-width: 1600px;
}
.ucs-content .slider .section-inner {
position: absolute;
left: 0;
bottom: 10%;
width: 100%;
flex-direction: column;
align-items: flex-start;
}
.ucs-content .slider .logo-green {
width: 360px;
max-width: 100%;
height: 130px;
margin-bottom: 30px;
}
.ucs-content .slider h1 {
font-weight: 700;
color: white;
margin: 0;
margin-left: 20px;
text-shadow: 0 0 30px #000;
}
@media only screen and (max-width: 480px) {
.ucs-content .slider .section-inner {
bottom: 5%;
text-align: center;
}
.ucs-content .slider .logo-green {
width: 70%;
height: auto;
margin-bottom: 10px;
}
}
.ucs-content .main-intro .container {
max-width: 1130px;
}
.ucs-content .main-intro h3 {
color: #cf0051;
font-weight: 400;
}
.ucs-content .main-intro .column.photo {
width: 360px;
margin-right: 60px;
}
.ucs-content .main-intro .column.text {
width: calc(100% - 420px);
max-width: 700px;
}
.ucs-content .main-intro p {
font-size: 18px;
line-height: 1.75;
}
.ucs-content .main-intro .ucs-button {
margin-top: 40px;
}
@media only screen and (max-width: 1000px) {
.ucs-content .main-intro .column.photo {
width: 33%;
margin-right: 5%;
}
.ucs-content .main-intro .column.text {
width: 62%;
}
.ucs-content .main-intro p {
font-size: 16px;
}
}
@media only screen and (max-width: 600px) {
.ucs-content .main-intro h2 {
font-size: 25px;
}
.ucs-content .main-intro .column.photo {
width: 100%;
max-width: 320px;
margin: 0 0 30px;
}
.ucs-content .main-intro .column.text {
width: 100%;
}
.ucs-content .main-intro p {
font-size: 14px;
}
.ucs-content .main-intro .ucs-button {
margin-top: 30px;
}
}
.ucs-content .main-reasons .container {
max-width: 1250px;
}
.ucs-content .main-reasons .ucs-item {
width: 320px;
height: 320px;
background-color: white;
border-radius: 100%;
margin: 0 20px 40px;
}
.ucs-content .main-reasons .icon-wrap {
width: 90px;
margin: 25px auto 5px;
}
.ucs-content .main-reasons h3 {
font-size: 26px;
font-weight: 600;
color: #cf0051;
text-align: center;
margin: 0 0 10px;
}
.ucs-content .main-reasons p {
font-size: 18px;
line-height: 25px;
text-align: center;
margin: 0 0 20px;
}
@media only screen and (max-width: 1300px) {
.ucs-content .main-reasons .container {
width: 100%;
margin: 0;
}
.ucs-content .main-reasons .section-inner {
justify-content: center;
}
.ucs-content .main-reasons .ucs-item {
width: 300px;
height: 300px;
}
.ucs-content .main-reasons h3 {
font-size: 24px;
}
.ucs-content .main-reasons p {
font-size: 16px;
}
}
@media only screen and (max-width: 600px) {
.ucs-content .main-reasons .container {
width: 90%;
margin: 0 5%;
}
.ucs-content .main-reasons .ucs-item {
margin: 0 0 30px;
}
}
@media only screen and (max-width: 480px) {
.ucs-content .main-reasons .ucs-item {
width: 280px;
height: 280px;
}
.ucs-content .main-reasons .icon-wrap {
width: 80px;
margin: 25px auto 5px;
}
.ucs-content .main-reasons p {
font-size: 15px;
}
}
.ucs-content .main-four-drivers .container {
max-width: 1600px;
}
.ucs-content .main-four-drivers .short-description {
max-width: 900px;
}
.ucs-content .main-four-drivers .ucs-item {
display: flex;
flex-direction: column;
align-items: center;
width: 360px;
margin: 0 20px 40px;
background: linear-gradient(137deg, #6f8d03, #92c800);
border-radius: 12px;
overflow: hidden;
}
.ucs-content .main-four-drivers .image-wrap {
border-radius: 0;
}
.ucs-content .main-four-drivers h4 {
font-size: 20px;
line-height: 1.2;
font-weight: 400;
color: #1C1E1F;
margin: 17px 0 5px;
}
.ucs-content .main-four-drivers h3 {
font-size: 33px;
line-height: 1.2;
font-weight: 700;
color: white;
margin: 0 0 5px;
}
.ucs-content .main-four-drivers p {
font-size: 18px;
line-height: 1.75;
color: white;
font-weight: 400;
text-align: center;
margin-bottom: 20px;
}
@media only screen and (max-width: 1800px) {
.ucs-content .main-four-drivers .ucs-item {
width: 22.5%;
margin: 0 1.25% 5%;
}
.ucs-content .main-four-drivers h4 {
font-size: 1.25vw;
margin: 5% 0 1.5%;
}
.ucs-content .main-four-drivers h3 {
font-size: 2.05vw;
margin: 0 0 1.5%;
}
.ucs-content .main-four-drivers p {
font-size: 1vw;
margin-bottom: 5%;
}
}
@media only screen and (max-width: 1250px) {
.ucs-content .main-four-drivers .container {
max-width: 900px;
}
.ucs-content .main-four-drivers .ucs-item {
width: 45%;
margin: 0 2.5% 5%;
}
.ucs-content .main-four-drivers h4 {
font-size: 22px;
}
.ucs-content .main-four-drivers h3 {
font-size: 33px;
}
.ucs-content .main-four-drivers p {
font-size: 18px;
}
}
@media only screen and (max-width: 1000px) {
.ucs-content .main-four-drivers .ucs-item {
width: 45%;
}
.ucs-content .main-four-drivers h4 {
font-size: 2vw;
}
.ucs-content .main-four-drivers h3 {
font-size: 4.1vw;
}
.ucs-content .main-four-drivers p {
font-size: 2vw;
}
}
@media only screen and (max-width: 600px) {
.ucs-content .main-four-drivers .container {
max-width: 500px;
}
.ucs-content .main-four-drivers .ucs-item {
width: 100%;
margin: 0 0 10%;
}
.ucs-content .main-four-drivers h4 {
font-size: 4vw;
}
.ucs-content .main-four-drivers h3 {
font-size: 8vw;
}
.ucs-content .main-four-drivers p {
font-size: 4vw;
}
}
.ucs-content .plant-factories-four-drivers2 {
padding-bottom: 20px;
}
.ucs-content .plant-factories-four-drivers2 .container {
max-width: 1600px;
}
.ucs-content .plant-factories-four-drivers2 h3 {
font-weight: 400;
color: #cf0051;
}
.ucs-content .plant-factories-four-drivers2 .short-description {
max-width: 900px;
}
.ucs-content .plant-factories-four-drivers2 .ucs-item {
display: flex;
flex-direction: column;
align-items: center;
width: 360px;
margin: 0 20px 40px;
}
.ucs-content .plant-factories-four-drivers2 .image-wrap {
border-radius: 0;
margin-bottom: 20px;
}
.ucs-content .plant-factories-four-drivers2 .driver-number {
width: 46px;
height: 46px;
border-radius: 100%;
background-color: #559e00;
color: #fff;
font-size: 27px;
line-height: 46px;
text-align: center;
}
.ucs-content .plant-factories-four-drivers2 h4 {
font-size: 20px;
line-height: 1.2;
font-weight: 700;
color: #559e00;
margin: 20px 0 20px;
}
.ucs-content .plant-factories-four-drivers2 h5 {
font-size: 33px;
line-height: 1.2;
font-weight: 400;
color: #1C1E1F;
margin: 0 0 10px;
text-align: center;
}
.ucs-content .plant-factories-four-drivers2 p {
font-size: 18px;
line-height: 1.75;
color: #1C1E1F;
font-weight: 400;
text-align: center;
margin-bottom: 20px;
}
@media only screen and (max-width: 1800px) {
.ucs-content .plant-factories-four-drivers2 .ucs-item {
width: 22.5%;
margin: 0 1.25% 5%;
}
.ucs-content .plant-factories-four-drivers2 .image-wrap {
margin-bottom: 5%;
}
.ucs-content .plant-factories-four-drivers2 h4 {
font-size: 1.25vw;
margin: 6% 0 6%;
}
.ucs-content .plant-factories-four-drivers2 h5 {
font-size: 2.05vw;
margin: 0 0 2.5%;
}
.ucs-content .plant-factories-four-drivers2 p {
font-size: 1vw;
margin-bottom: 5%;
}
}
@media only screen and (max-width: 1250px) {
.ucs-content .plant-factories-four-drivers2 .container {
max-width: 900px;
}
.ucs-content .plant-factories-four-drivers2 .ucs-item {
width: 45%;
margin: 0 2.5% 5%;
}
.ucs-content .plant-factories-four-drivers2 h4 {
font-size: 22px;
}
.ucs-content .plant-factories-four-drivers2 h5 {
font-size: 33px;
}
.ucs-content .plant-factories-four-drivers2 p {
font-size: 18px;
}
}
@media only screen and (max-width: 1000px) {
.ucs-content .plant-factories-four-drivers2 .ucs-item {
width: 45%;
}
.ucs-content .plant-factories-four-drivers2 h4 {
font-size: 2vw;
}
.ucs-content .plant-factories-four-drivers2 h5 {
font-size: 4.1vw;
}
.ucs-content .plant-factories-four-drivers2 p {
font-size: 2vw;
}
}
@media only screen and (max-width: 600px) {
.ucs-content .plant-factories-four-drivers2 .container {
max-width: 500px;
}
.ucs-content .plant-factories-four-drivers2 .ucs-item {
width: 100%;
margin: 0 0 10%;
}
.ucs-content .plant-factories-four-drivers2 h4 {
font-size: 4vw;
}
.ucs-content .plant-factories-four-drivers2 h5 {
font-size: 8vw;
}
.ucs-content .plant-factories-four-drivers2 p {
font-size: 4vw;
}
}
.ucs-content .plant-factories-solutions {
padding-bottom: 0;
}
.ucs-content .plant-factories-solutions .container {
max-width: 1300px;
}
.ucs-content .plant-factories-solutions .solutions-item {
margin-bottom: 80px;
}
.ucs-content .plant-factories-solutions h3 {
color: #cf0051;
margin-bottom: 40px;
font-weight: 400;
}
.ucs-content .plant-factories-solutions .column-wrap {
display: flex;
flex-direction: row;
justify-content: space-between;
}
.ucs-content .plant-factories-solutions .column {
width: 48%;
}
.ucs-content .plant-factories-solutions .img-wrap {
font-size: 0;
}
.ucs-content .plant-factories-solutions .solutions-item .ucs-button {
margin: 40px 0 20px;
font-size: 14px;
line-height: 22px;
padding: 14px 20px;
width: 398px;
}
.ucs-content .plant-factories-solutions .hide-break {
display: none;
}
.ucs-content .plant-factories-solutions .ucs-button-container.last-button .ucs-button {
margin: 0;
}
@media only screen and (max-width: 1200px) {
.ucs-content .plant-factories-solutions h3 {
margin-bottom: 30px;
}
}
@media only screen and (max-width: 1000px) {
.ucs-content .plant-factories-solutions .solutions-item {
margin-bottom: 70px;
}
.ucs-content .plant-factories-solutions p {
font-size: 15px;
}
.ucs-content .plant-factories-solutions .solutions-item .ucs-button.go-two-lines {
width: 280px;
height: 56px;
line-height: 22px;
padding: 6px 10px;
}
.ucs-content .plant-factories-solutions .solutions-item .ucs-button.go-short-button {
width: 280px;
height: 56px;
line-height: 56px;
padding: 0 10px;
}
.ucs-content .plant-factories-solutions .hide-break {
display: inline;
}
}
@media only screen and (max-width: 768px) {
.ucs-content .plant-factories-solutions .solutions-item {
margin-bottom: 60px;
}
.ucs-content .plant-factories-solutions h3 {
margin-bottom: 25px;
}
.ucs-content .plant-factories-solutions .column-wrap {
display: flex;
flex-direction: column;
align-content: center;
}
.ucs-content .plant-factories-solutions .column {
width: 100%;
text-align: center;
}
.ucs-content .plant-factories-solutions p {
text-align: left;
}
.ucs-content .plant-factories-solutions .column.img-wrap {
text-align: center;
margin-top: 20px;
}
.ucs-content .plant-factories-solutions .column img {
max-width: 500px;
}
.ucs-content .plant-factories-solutions .ucs-button-container.last-button .ucs-button {
margin-top: 30px;
}
}
.ucs-content .main-solutions .container {
max-width: 1600px;
}
.ucs-content .main-solutions .section-inner {
justify-content: center;
}
.ucs-content .main-solutions .column:first-child {
width: 750px;
margin-right: 60px;
margin-bottom: 20px;
}
.ucs-content .main-solutions .column:last-child {
width: calc(100% - 810px);
max-width: 750px;
}
.ucs-content .main-solutions h3 {
font-size: 30px;
line-height: 2;
color: white;
font-weight: 600;
margin: 0 0 30px;
text-align: left;
}
.ucs-content .main-solutions .ucs-icon {
display: inline-block;
width: auto;
height: 60px;
vertical-align: bottom;
margin-right: 20px;
}
.ucs-content .main-solutions .items-wrap {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
}
.ucs-content .main-solutions .ucs-item {
display: flex;
flex-direction: column;
align-items: center;
width: 360px;
margin: 0 0 30px;
background: white;
border-radius: 12px;
overflow: hidden;
}
.ucs-content .main-solutions .ucs-item:nth-of-type(2n+1) {
margin-right: 30px;
}
.ucs-content .main-solutions .ucs-item:nth-of-type(3),
.ucs-content .main-solutions .ucs-item:nth-of-type(4) {
margin-bottom: 0;
}
.ucs-content .main-solutions .image-wrap {
position: relative;
border-radius: 0;
}
.ucs-content .main-solutions .ucs-label {
position: absolute;
width: 25%;
top: 10%;
right: 7%;
}
.ucs-content .main-solutions h4 {
font-size: 24px;
line-height: 1.2;
font-weight: 600;
color: #559e00;
margin: 7px 20px 5px;
}
.ucs-content .main-solutions p {
font-size: 16px;
line-height: 1.4;
color: #1C1E1F;
margin: 0 20px 20px;
}
.ucs-content .main-solutions .ucs-item-biology {
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
margin: 0 0 40px;
background: white;
border-radius: 12px;
overflow: hidden;
}
.ucs-content .main-solutions .ucs-item-biology .image-wrap {
margin-bottom: 13px;
flex-grow: 2;
}
.ucs-content .main-solutions .ucs-item-biology .image-wrap img {
height: 100%;
object-fit: cover;
}
.ucs-content .main-solutions .ucs-item-biology h4 {
margin: 0 20px 10px;
}
.ucs-content .main-solutions .ucs-item-biology p {
margin-bottom: 12px;
}
.ucs-content .main-solutions .ucs-item-biology .ucs-button {
margin: 20px 0 40px;
}
@media only screen and (max-width: 1500px) {
.ucs-content .main-solutions .column:first-child {
width: 48%;
margin-right: 4%;
}
.ucs-content .main-solutions .column:last-child {
width: 48%;
}
.ucs-content .main-solutions h3 {
font-size: 26px;
}
.ucs-content .main-solutions .ucs-item {
width: 48%;
}
.ucs-content .main-solutions .ucs-item:nth-of-type(2n+1) {
margin-right: 4%;
}
.ucs-content .main-solutions h4 {
font-size: 22px;
}
.ucs-content .main-solutions p {
font-size: 14px;
}
}
@media only screen and (max-width: 1100px) {
.ucs-content .main-solutions .column:first-child {
width: 100%;
max-width: 750px;
margin-right: 0%;
}
.ucs-content .main-solutions .column:last-child {
width: 100%;
}
.ucs-content .main-solutions .ucs-item-biology {
margin-bottom: 0;
}
.ucs-content .main-solutions h3 {
font-size: 28px;
text-align: center;
}
.ucs-content .main-solutions .ucs-item {
width: 48%;
}
.ucs-content .main-solutions .ucs-item:nth-of-type(2n+1) {
margin-right: 4%;
}
.ucs-content .main-solutions .ucs-item:nth-of-type(3),
.ucs-content .main-solutions .ucs-item:nth-of-type(4) {
margin-bottom: 30px;
}
.ucs-content .main-solutions h4 {
font-size: 22px;
margin: 1.5vw 0 1vw;
}
.ucs-content .main-solutions p {
font-size: 16px;
}
}
@media only screen and (max-width: 760px) {
.ucs-content .main-solutions h3 {
font-size: 25px;
margin-bottom: 20px;
}
.ucs-content .main-solutions .ucs-item {
width: 100%;
max-width: 450px;
}
.ucs-content .main-solutions .ucs-item:nth-of-type(2n+1) {
margin-right: 0;
}
.ucs-content .main-solutions h4 {
font-size: 20px;
margin: 2vw 0 1.5vw;
}
.ucs-content .main-solutions p {
font-size: 15px;
}
}
@media only screen and (max-width: 760px) {
.ucs-content .main-solutions h3 {
font-size: 23px;
}
.ucs-content .main-solutions .ucs-button {
width: 260px;
}
}
.ucs-content .main-modulex .container {
max-width: 1300px;
}
.ucs-content .main-modulex .ucs-label {
display: block;
width: 80px;
margin: 0 auto 10px;
}
.ucs-content .main-modulex h3 {
font-weight: 400;
color: #cf0051;
}
.ucs-content .main-modulex .items-wrap {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-around;
margin-bottom: 40px;
}
.ucs-content .main-modulex .ucs-item {
display: flex;
flex-direction: column;
width: 360px;
margin: 0 0 30px;
}
.ucs-content .main-modulex .ucs-item .graphic-wrap {
position: relative;
width: 360px;
}
.ucs-content .main-modulex .ucs-item .image-wrap {
margin-bottom: 30px;
}
.ucs-content .main-modulex .ucs-item .icon-wrap {
position: absolute;
top: 35px;
left: 50%;
transform: translateX(-50%);
}
.ucs-content .main-modulex .ucs-item .icon-wrap img {
height: 60px;
}
.ucs-content .main-modulex .ucs-item h4 {
position: absolute;
top: 110px;
left: 50%;
transform: translateX(-50%);
font-size: 48px;
line-height: 1;
font-weight: 700;
text-align: center;
margin: 0;
color: white;
}
.ucs-content .main-modulex .ucs-item .text-wrap {
padding: 0 20px;
}
.ucs-content .main-modulex .ucs-item p {
margin-bottom: 10px;
}
.ucs-content .main-modulex .section-inner {
justify-content: center;
}
.ucs-content .main-modulex .column {
width: 46%;
}
.ucs-content .main-modulex .column:first-child {
margin-right: 60px;
margin-bottom: 40px;
}
.ucs-content .main-modulex a.ucs-text-link {
color: #1C1E1F;
text-decoration: underline;
}
.ucs-content .main-modulex a.ucs-text-link:hover {
color: #888;
}
.ucs-content .main-modulex .ucs-button {
width: 280px;
margin-top: 30px;
}
.ucs-content .main-modulex .ucs-button .show-break {
display: none;
}
@media only screen and (max-width: 1300px) {
.ucs-content .main-modulex .ucs-item {
width: 300px;
}
.ucs-content .main-modulex .ucs-item .graphic-wrap {
width: 300px;
}
.ucs-content .main-modulex .ucs-item .icon-wrap {
position: absolute;
top: 30px;
}
.ucs-content .main-modulex .ucs-item .icon-wrap img {
height: 50px;
}
.ucs-content .main-modulex .ucs-item h4 {
position: absolute;
top: 95px;
font-size: 40px;
text-align: center;
margin: 0;
}
.ucs-content .main-modulex .ucs-item .text-wrap {
padding: 0 0;
}
.ucs-content .main-modulex .ucs-item p {
font-size: 15px;
}
.ucs-content .main-modulex p {
font-size: 15px;
}
}
@media only screen and (max-width: 1150px) {
.ucs-content .main-modulex .items-wrap {
flex-direction: column;
}
.ucs-content .main-modulex .ucs-item {
flex-direction: row;
width: 100%;
align-items: center;
margin: 0 0 40px;
}
.ucs-content .main-modulex .ucs-item .graphic-wrap {
flex-shrink: 0;
margin-right: 4%;
}
.ucs-content .main-modulex .ucs-item .image-wrap {
margin-bottom: 0;
}
}
@media only screen and (max-width: 1000px) {
.ucs-content .main-modulex .column {
width: 100%;
}
.ucs-content .main-modulex .column:first-child {
max-width: 600px;
margin-right: 0;
}
.ucs-content .main-modulex .ucs-button {
margin: 40px auto 0;
}
}
@media only screen and (max-width: 700px) {
.ucs-content .main-modulex .ucs-item {
flex-direction: column;
margin: 0 0 30px;
}
.ucs-content .main-modulex .ucs-item .graphic-wrap {
margin-right: 0;
}
.ucs-content .main-modulex .ucs-item .image-wrap {
margin-bottom: 20px;
}
}
@media only screen and (max-width: 480px) {
.ucs-content .main-modulex .ucs-item {
margin: 0 0 20px;
}
.ucs-content .main-modulex .ucs-item .graphic-wrap {
width: 280px;
}
.ucs-content .main-modulex .ucs-item h4 {
font-size: 36px;
top: 90px;
}
.ucs-content .main-modulex .ucs-button {
width: 260px;
height: 60px;
line-height: 24px;
padding: 6px 10px;
}
.ucs-content .main-modulex .ucs-button .show-break {
display: inline;
}
}
.ucs-content .modulex2-introduction .container {
max-width: 1300px;
}
.ucs-content .modulex2-introduction .ucs-label {
display: block;
width: 80px;
margin: 0 auto 10px;
}
.ucs-content .modulex2-introduction h3 {
font-weight: 400;
color: #cf0051;
}
.ucs-content .modulex2-introduction .items-wrap {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-around;
margin: 80px 0 0px;
}
.ucs-content .modulex2-introduction .ucs-item {
display: flex;
flex-direction: column;
width: 360px;
margin: 0 0 30px;
}
.ucs-content .modulex2-introduction .ucs-item .graphic-wrap {
position: relative;
width: 360px;
}
.ucs-content .modulex2-introduction .ucs-item .image-wrap {
margin-bottom: 30px;
}
.ucs-content .modulex2-introduction .ucs-item .icon-wrap {
position: absolute;
top: 35px;
left: 50%;
transform: translateX(-50%);
}
.ucs-content .modulex2-introduction .ucs-item .icon-wrap img {
height: 60px;
}
.ucs-content .modulex2-introduction .ucs-item h4 {
position: absolute;
top: 110px;
left: 50%;
transform: translateX(-50%);
font-size: 48px;
line-height: 1;
font-weight: 700;
text-align: center;
margin: 0;
color: white;
}
.ucs-content .modulex2-introduction .ucs-item .text-wrap {
padding: 0 20px;
}
.ucs-content .modulex2-introduction .ucs-item p {
margin-bottom: 10px;
}
.ucs-content .modulex2-introduction .section-inner {
justify-content: center;
margin-bottom: 30px;
}
.ucs-content .modulex2-introduction .column {
width: 46%;
}
.ucs-content .modulex2-introduction .column:first-child {
margin-right: 60px;
margin-bottom: 40px;
}
.ucs-content .modulex2-introduction a.ucs-text-link {
color: #1C1E1F;
text-decoration: underline;
}
.ucs-content .modulex2-introduction a.ucs-text-link:hover {
color: #888;
}
.ucs-content .modulex2-introduction .ucs-button {
width: 280px;
margin-top: 30px;
text-transform: uppercase;
}
.ucs-content .modulex2-introduction .ucs-button .show-break {
display: none;
}
@media only screen and (max-width: 1300px) {
.ucs-content .modulex2-introduction .ucs-item {
width: 300px;
}
.ucs-content .modulex2-introduction .ucs-item .graphic-wrap {
width: 300px;
}
.ucs-content .modulex2-introduction .ucs-item .icon-wrap {
position: absolute;
top: 30px;
}
.ucs-content .modulex2-introduction .ucs-item .icon-wrap img {
height: 50px;
}
.ucs-content .modulex2-introduction .ucs-item h4 {
position: absolute;
top: 95px;
font-size: 40px;
text-align: center;
margin: 0;
}
.ucs-content .modulex2-introduction .ucs-item .text-wrap {
padding: 0 0;
}
.ucs-content .modulex2-introduction .ucs-item p {
font-size: 15px;
}
.ucs-content .modulex2-introduction p {
font-size: 15px;
}
}
@media only screen and (max-width: 1150px) {
.ucs-content .modulex2-introduction .items-wrap {
flex-direction: column;
}
.ucs-content .modulex2-introduction .ucs-item {
flex-direction: row;
width: 100%;
align-items: center;
margin: 0 0 40px;
}
.ucs-content .modulex2-introduction .ucs-item .graphic-wrap {
flex-shrink: 0;
margin-right: 4%;
}
.ucs-content .modulex2-introduction .ucs-item .image-wrap {
margin-bottom: 0;
}
}
@media only screen and (max-width: 1000px) {
.ucs-content .modulex2-introduction .column {
width: 100%;
}
.ucs-content .modulex2-introduction .column:first-child {
max-width: 600px;
margin-right: 0;
}
.ucs-content .modulex2-introduction .ucs-button {
margin: 40px auto 0;
}
}
@media only screen and (max-width: 700px) {
.ucs-content .modulex2-introduction .section-inner {
margin-bottom: 0;
}
.ucs-content .modulex2-introduction .ucs-item {
flex-direction: column;
margin: 0 0 30px;
}
.ucs-content .modulex2-introduction .ucs-item .graphic-wrap {
margin-right: 0;
}
.ucs-content .modulex2-introduction .ucs-item .image-wrap {
margin-bottom: 20px;
}
}
@media only screen and (max-width: 480px) {
.ucs-content .modulex2-introduction .ucs-item {
margin: 0 0 20px;
}
.ucs-content .modulex2-introduction .ucs-item .graphic-wrap {
width: 280px;
}
.ucs-content .modulex2-introduction .ucs-item h4 {
font-size: 36px;
top: 90px;
}
}
.ucs-content .main-biology-research .container {
max-width: 1300px;
}
.ucs-content .main-biology-research h3 {
font-weight: 400;
color: #cf0051;
}
.ucs-content .main-biology-research .column {
width: 46%;
display: flex;
flex-direction: column;
}
.ucs-content .main-biology-research .column > div {
order: 2;
}
.ucs-content .main-biology-research .image-wrap {
margin-bottom: 20px;
}
.ucs-content .main-biology-research h4 {
font-size: 24px;
font-weight: 700;
margin-bottom: 15px;
color: #559e00;
}
.ucs-content .main-biology-research p {
margin-bottom: 10px;
}
.ucs-content .main-biology-research p:last-of-type {
margin-bottom: 40px;
}
.ucs-content .main-biology-research .ucs-button {
width: 320px;
}
@media only screen and (max-width: 1000px) {
.ucs-content .main-biology-research .column {
width: 100%;
}
.ucs-content .main-biology-research .image-wrap {
max-width: 600px;
margin: 0 auto 40px;
order: 1 !important;
}
.ucs-content .main-biology-research h4 {
font-size: 22px;
}
.ucs-content .main-biology-research .ucs-button {
margin: 0 auto 0;
}
}
@media only screen and (max-width: 480px) {
.ucs-content .main-biology-research .show-break {
display: none;
}
.ucs-content .main-biology-research .ucs-button {
width: 280px;
}
}
.ucs-content .contract-biology-intro .container {
max-width: 1300px;
}
.ucs-content .contract-biology-intro h3 {
font-weight: 400;
color: #cf0051;
}
.ucs-content .contract-biology-intro .column {
width: 46%;
display: flex;
flex-direction: column;
}
.ucs-content .contract-biology-intro .column > div {
order: 2;
}
.ucs-content .contract-biology-intro .image-wrap {
margin-bottom: 20px;
border-radius: 0;
}
.ucs-content .contract-biology-intro h4 {
font-size: 24px;
font-weight: 700;
margin-bottom: 15px;
color: #559e00;
}
.ucs-content .contract-biology-intro p {
margin-bottom: 10px;
}
.ucs-content .contract-biology-intro p:last-of-type {
margin-bottom: 40px;
}
.ucs-content .contract-biology-intro .research-list {
width: 100%;
max-width: 1100px;
margin: 0 auto;
padding: 60px 0 40px;
}
.ucs-content .contract-biology-intro .research-list h3 {
color: #559e00;
font-weight: 700;
}
.ucs-content .contract-biology-intro .research-list .ucs-research-list {
width: 100%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
align-content: end;
}
.ucs-content .contract-biology-intro .research-list .ucs-research-list-item {
width: 22%;
margin: 20px 0 30px;
}
.ucs-content .contract-biology-intro .research-list .icon-wrap {
text-align: center;
margin-bottom: 20px;
}
.ucs-content .contract-biology-intro .research-list .icon-wrap img {
display: inline-block;
width: 120px;
}
.ucs-content .contract-biology-intro .research-list .ucs-research-list-item-name {
font-size: 18px;
line-height: 1.5;
text-align: center;
}
.ucs-content .contract-biology-intro .ucs-button {
margin-top: 40px;
}
.ucs-content .contract-biology-intro .ucs-button:first-child {
margin-right: 50px;
}
@media only screen and (max-width: 1000px) {
.ucs-content .contract-biology-intro .column {
width: 100%;
}
.ucs-content .contract-biology-intro .image-wrap {
max-width: 700px;
margin: 0 auto 40px;
order: 1 !important;
}
.ucs-content .contract-biology-intro h4 {
font-size: 22px;
text-align: center;
}
.ucs-content .contract-biology-intro .research-list {
max-width: 700px;
padding: 40px 0 20px;
}
.ucs-content .contract-biology-intro .research-list .ucs-research-list-item {
width: 30%;
margin: 20px 0 30px;
}
.ucs-content .contract-biology-intro .research-list .icon-wrap {
margin-bottom: 20px;
}
.ucs-content .contract-biology-intro .research-list .icon-wrap img {
width: 120px;
}
.ucs-content .contract-biology-intro .research-list .ucs-research-list-item-name {
font-size: 18px;
}
}
@media only screen and (max-width: 768px) {
.ucs-content .contract-biology-intro .research-list {
max-width: 500px;
padding: 30px 0 0;
}
.ucs-content .contract-biology-intro .research-list .ucs-research-list-item {
width: 46%;
margin: 20px 0 30px;
}
.ucs-content .contract-biology-intro .research-list .icon-wrap {
margin-bottom: 20px;
}
.ucs-content .contract-biology-intro .research-list .icon-wrap img {
width: 120px;
}
.ucs-content .contract-biology-intro .research-list .ucs-research-list-item-name {
font-size: 16px;
}
}
@media only screen and (max-width: 480px) {
.ucs-content .contract-biology-intro .show-break {
display: none;
}
.ucs-content .contract-biology-intro .research-list .ucs-research-list-item {
width: 46%;
margin: 20px 0 20px;
}
.ucs-content .contract-biology-intro .research-list .icon-wrap {
margin-bottom: 10px;
}
.ucs-content .contract-biology-intro .research-list .icon-wrap img {
width: 100px;
}
.ucs-content .contract-biology-intro .research-list .ucs-research-list-item-name {
font-size: 15px;
}
}
.ucs-content .biology-3dtour-2 {
padding-top: 20px;
}
.ucs-content .biology-3dtour-2 .container {
max-width: 1000px;
}
.ucs-content .biology-3dtour-2 .short-description {
max-width: 840px;
}
.ucs-content .biology-3dtour-2 .image-wrap {
margin-bottom: 10px;
}
.ucs-content .biology-3dtour-2 .three-d-tour-wrap {
margin-bottom: 10px;
}
.ucs-content .biology-grow-how2 .container {
max-width: 1300px;
}
.ucs-content .biology-grow-how2 h3 {
font-weight: 300;
}
.ucs-content .biology-grow-how2 .column {
width: 100%;
max-width: 800px;
}
.ucs-content .biology-grow-how2 p {
color: #fff;
}
.ucs-content .biology-grow-how2 .ucs-button {
margin-top: 40px;
}
.ucs-content .main-applications .container {
max-width: 1100px;
}
.ucs-content .main-applications .short-description {
font-size: 18px;
max-width: 770px;
}
.ucs-content .main-applications .items-wrap {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-around;
font-size: 0;
}
.ucs-content .main-applications .ucs-item {
position: relative;
width: 320px;
margin: 0 20px 30px;
border-radius: 100%;
overflow: hidden;
}
.ucs-content .main-applications .graphic-wrap {
position: relative;
}
.ucs-content .main-applications h4 {
position: absolute;
width: 100%;
top: 27%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 22px;
line-height: 32px;
font-weight: 400;
text-align: center;
color: white;
margin: 0;
}
@media only screen and (max-width: 1250px) {
.ucs-content .main-applications .container {
width: 100%;
margin: 0;
}
.ucs-content .main-applications .short-description {
font-size: 17px;
padding: 0 20px 0;
}
.ucs-content .main-applications .items-wrap {
justify-content: center;
}
.ucs-content .main-applications .ucs-item {
width: 300px;
}
.ucs-content .main-applications .graphic-wrap {
width: 300px;
}
}
@media only screen and (max-width: 700px) {
.ucs-content .main-applications .container {
width: 90%;
margin: 0 5%;
}
.ucs-content .main-applications .short-description {
padding: 0;
}
.ucs-content .main-applications .ucs-item {
margin: 0 0 30px;
}
.ucs-content .main-applications .short-description {
font-size: 16px;
}
}
@media only screen and (max-width: 480px) {
.ucs-content .main-applications .short-description {
font-size: 15px;
}
.ucs-content .main-applications .ucs-item:last-of-type {
margin-bottom: 0;
}
.ucs-content .main-applications .ucs-item {
width: 280px;
}
.ucs-content .main-applications .graphic-wrap {
width: 280px;
}
}
.ucs-content .main-projects .container {
max-width: 1600px;
}
.ucs-content .main-projects h2 {
line-height: 1.4;
}
.ucs-content .main-projects .section-inner {
justify-content: center;
}
.ucs-content .main-projects .ucs-item {
display: flex;
flex-direction: column;
align-items: center;
width: 22%;
margin: 0 1.5% 30px;
}
.ucs-content .main-projects h3 {
font-size: 1.5vw;
font-weight: 600;
line-height: 1.7vw;
color: white;
margin-bottom: 20px;
}
.ucs-content .main-projects h3.larger {
font-size: 2vw;
margin-top: -4px;
}
.ucs-content .main-projects h3 .lighten {
font-size: 1.2vw;
}
.ucs-content .main-projects .image-wrap {
margin-bottom: 30px;
}
.ucs-content .main-projects p {
font-size: 14px;
margin-bottom: 10px;
color: white;
padding: 0 10px 0 20px;
}
@media only screen and (max-width: 1300px) {
.ucs-content .main-projects .ucs-item {
width: 46%;
margin: 0 2% 30px;
max-width: 400px;
}
.ucs-content .main-projects h3 {
font-size: 2.5vw;
line-height: 2.7vw;
}
.ucs-content .main-projects h3.larger {
font-size: 3.3vw;
margin-top: -4px;
}
.ucs-content .main-projects h3 .lighten {
font-size: 1.9vw;
}
.ucs-content .main-projects p {
font-size: 16px;
}
}
@media only screen and (max-width: 1000px) {
.ucs-content .main-projects p {
font-size: 15px;
}
}
@media only screen and (max-width: 700px) {
.ucs-content .main-projects .ucs-item {
width: 100%;
margin: 0 0 30px;
max-width: 450px;
}
.ucs-content .main-projects h3 {
font-size: 5vw;
line-height: 5.5vw;
}
.ucs-content .main-projects h3.larger {
font-size: 6.5vw;
margin-top: -4px;
}
.ucs-content .main-projects h3 .lighten {
font-size: 4vw;
}
.ucs-content .main-projects .image-wrap {
margin-bottom: 20px;
}
}
@media only screen and (max-width: 480px) {
.ucs-content .main-projects h2 span.lighten {
font-size: 24px;
}
.ucs-content .main-projects h3 {
font-size: 6.5vw;
line-height: 7vw;
margin-bottom: 10px;
}
.ucs-content .main-projects h3.larger {
font-size: 8vw;
margin-top: -4px;
}
.ucs-content .main-projects h3 .lighten {
font-size: 5.5vw;
}
.ucs-content .main-projects p {
padding: 0;
}
}
.ucs-content .main-journey h2 {
margin-bottom: 5px;
}
.ucs-content .main-journey h3 {
font-weight: 400;
color: #cf0051;
}
.ucs-content .main-journey .items-wrap {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-around;
}
.ucs-content .main-journey .ucs-item {
position: relative;
width: 21%;
margin: 0 0 30px;
display: flex;
flex-direction: column;
}
.ucs-content .main-journey .ucs-item .graphic-wrap {
position: relative;
margin-bottom: 20px;
}
.ucs-content .main-journey .ucs-item h4 {
position: absolute;
width: 100%;
top: 35%;
transform: translateY(-50%);
font-size: 50px;
line-height: 1;
font-weight: 700;
text-align: center;
margin: 0;
color: white;
}
.ucs-content .main-journey .ucs-item .text-wrap {
padding: 0;
margin-bottom: 0;
}
.ucs-content .main-journey .ucs-item h5 {
font-size: 22px;
line-height: 1.3;
color: #559e00;
font-weight: 700;
text-align: center;
margin: 0 0 15px 0;
}
.ucs-content .main-journey .ucs-item p {
padding-left: 20px;
margin-bottom: 5px;
}
.ucs-content .main-journey .ucs-item .first-letter {
display: inline-block;
width: 20px;
margin-left: -20px;
font-weight: 700;
text-align: left;
color: #cf0051;
}
.ucs-content .main-journey .arrow-wrap {
width: 3%;
margin: 0;
position: relative;
}
.ucs-content .main-journey .arrow-wrap img {
position: absolute;
top: 0;
margin-top: 350%;
display: block;
width: 100%;
transform: translateY(-50%);
}
.ucs-content .main-journey .section-bottom {
max-width: 820px;
margin: 0 auto;
text-align: center;
}
.ucs-content .main-journey .section-bottom p {
margin-bottom: 10px;
}
.ucs-content .main-journey .section-bottom .ucs-button {
width: 280px;
margin: 30px auto 0 ;
}
@media only screen and (max-width: 1700px) {
.ucs-content .main-journey .ucs-item h4 {
font-size: 2.9vw;
}
.ucs-content .main-journey .ucs-item h5 {
font-size: 1.4vw;
}
.ucs-content .main-journey .ucs-item p {
font-size: 0.95vw;
}
.ucs-content .main-journey .section-bottom p {
font-size: 15px;
}
}
@media only screen and (max-width: 1250px) {
.ucs-content .main-journey .items-wrap {
flex-direction: column;
max-width: 800px;
margin: 0 auto;
}
.ucs-content .main-journey .ucs-item {
width: 100%;
flex-direction: row;
}
.ucs-content .main-journey .ucs-item .graphic-wrap {
margin-right: 40px;
}
.ucs-content .main-journey .ucs-item .image-wrap {
width: 280px;
}
.ucs-content .main-journey .ucs-item h4 {
font-size: 50px;
}
.ucs-content .main-journey .ucs-item .text-wrap {
padding-top: 50px;
}
.ucs-content .main-journey .ucs-item h5 {
font-size: 22px;
text-align: left;
padding-left: 20px;
}
.ucs-content .main-journey .ucs-item .show-break {
display: none;
}
.ucs-content .main-journey .ucs-item p {
font-size: 16px;
}
.ucs-content .main-journey .arrow-wrap {
display: none;
}
}
@media only screen and (max-width: 1000px) {
.ucs-content .main-journey .ucs-item .graphic-wrap {
margin-right: 20px;
}
.ucs-content .main-journey .ucs-item h5 {
font-size: 20px;
}
.ucs-content .main-journey .ucs-item p {
font-size: 15px;
}
}
@media only screen and (max-width: 700px) {
.ucs-content .main-journey .ucs-item {
flex-direction: column;
align-items: center;
}
.ucs-content .main-journey .ucs-item .graphic-wrap {
width: 280px;
margin-right: 0;
}
.ucs-content .main-journey .ucs-item h4 {
font-size: 45px;
}
.ucs-content .main-journey .ucs-item .text-wrap {
padding-top: 0;
}
.ucs-content .main-journey .ucs-item h5 {
font-size: 22px;
text-align: center;
padding-left: 0;
}
.ucs-content .main-journey .ucs-item .show-break {
display: inline;
}
}
@media only screen and (max-width: 480px) {
.ucs-content .main-journey .ucs-item h5 {
font-size: 20px;
}
.ucs-content .main-journey .ucs-item p {
font-size: 14px;
}
.ucs-content .main-journey .section-bottom p {
font-size: 14px;
}
.ucs-content .main-journey .section-bottom .ucs-button {
width: 280px;
}
}
.ucs-content .main-quote {
background-color: #f0f0f0;
}
.ucs-content .main-quote .background-wrap img {
opacity: 0.5;
}
.ucs-content .main-quote .container {
max-width: 1300px;
}
.ucs-content .main-quote .icon-wrap {
text-align: center;
margin-bottom: 30px;
}
.ucs-content .main-quote .icon-wrap img {
width: 70px;
}
.ucs-content .main-quote .short-description {
margin-bottom: 0;
color: #474C4E;
font-style: italic;
}
.ucs-content .main-quote .sign-quote {
display: inline-block;
font-style: normal;
margin: 25px 10px 10px;
}
@media only screen and (max-width: 1200px) {
.ucs-content .main-quote .icon-wrap {
text-align: center;
margin-bottom: 25px;
}
.ucs-content .main-quote .icon-wrap img {
width: 60px;
}
.ucs-content .main-quote .show-break {
display: none;
}
}
@media only screen and (max-width: 900px) {
.ucs-content .main-quote .icon-wrap {
text-align: center;
margin-bottom: 20px;
}
.ucs-content .main-quote .icon-wrap img {
width: 50px;
}
.ucs-content .main-quote .short-description {
font-size: 17px;
}
}
@media only screen and (max-width: 600px) {
.ucs-content .main-quote .short-description {
font-size: 15px;
}
}
.ucs-content .main-partners .container {
max-width: 1300px;
}
.ucs-content .main-partners .sign-quote {
display: inline-block;
font-style: italic;
margin: 10px;
}
.ucs-content .main-partners .logo-partners {
width: 17%;
margin: 0 1.5% 1px;
transform: scale(1);
transition: transform 0.4s ease;
}
.ucs-content .main-partners .logo-partners:hover {
transform: scale(1.2);
}
@media only screen and (max-width: 1200px) {
.ucs-content .main-partners .show-break {
display: none;
}
.ucs-content .main-partners .logo-partners {
width: 22%;
margin: 0 1.5% 1px;
}
}
@media only screen and (max-width: 900px) {
.ucs-content .main-partners .short-description {
font-size: 17px;
}
}
@media only screen and (max-width: 700px) {
.ucs-content .main-partners .logo-partners {
width: 28%;
margin: 0 2.5% 1px;
}
}
@media only screen and (max-width: 550px) {
.ucs-content .main-partners .logo-partners {
width: 44%;
margin: 0 3% 1px;
}
}
@media only screen and (max-width: 600px) {
.ucs-content .main-partners .short-description {
font-size: 15px;
}
}
.ucs-content .main-intro2 .container {
max-width: 1130px;
}
.ucs-content .main-intro2 h3 {
color: #cf0051;
font-weight: 400;
}
.ucs-content .main-intro2 .column.photo {
width: 360px;
margin-right: 60px;
}
.ucs-content .main-intro2 .column.text {
width: calc(100% - 420px);
max-width: 700px;
}
.ucs-content .main-intro2 p {
font-size: 18px;
line-height: 1.75;
}
.ucs-content .main-intro2 .ucs-button {
margin-top: 40px;
}
.ucs-content .main-intro2 .ucs-button:first-child {
margin-right: 50px;
}
@media only screen and (max-width: 1000px) {
.ucs-content .main-intro2 .column.photo {
width: 33%;
margin-right: 5%;
}
.ucs-content .main-intro2 .column.text {
width: 62%;
}
.ucs-content .main-intro2 p {
font-size: 16px;
}
}
@media only screen and (max-width: 600px) {
.ucs-content .main-intro2 h2 {
font-size: 25px;
}
.ucs-content .main-intro2 .column.photo {
width: 100%;
max-width: 320px;
margin: 0 0 30px;
}
.ucs-content .main-intro2 .column.text {
width: 100%;
}
.ucs-content .main-intro2 p {
font-size: 14px;
}
.ucs-content .main-intro2 .ucs-button {
margin-top: 30px;
}
}
.ucs-content .main-our-products .container {
max-width: 1300px;
}
.ucs-content .main-our-products .ucs-item {
width: 29%;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: center;
}
.ucs-content .main-our-products h3 {
font-weight: 400;
color: #cf0051;
margin-bottom: 30px;
}
.ucs-content .main-our-products .image-wrap {
border-radius: 0;
margin-bottom: 30px;
}
.ucs-content .main-our-products .image-wrap img {
transform: scale(1);
transition: transform 1s ease;
}
.ucs-content .main-our-products .image-wrap img:hover {
transform: scale(1.06);
}
.ucs-content .main-our-products .ucs-item-description {
margin-top: auto;
flex-grow: 10;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
}
.ucs-content .main-our-products .ucs-item-description p {
padding: 0 10px;
margin-bottom: 30px;
}
.ucs-content .main-our-products .ucs-button {
margin-bottom: 0;
}
@media only screen and (max-width: 1250px) {
.ucs-content .main-our-products {
padding-bottom: 20px;
}
.ucs-content .main-our-products h3 {
width: 100%;
font-size: 30px;
}
.ucs-content .main-our-products .section-inner {
flex-direction: column;
}
.ucs-content .main-our-products .ucs-item {
width: 100%;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
margin-bottom: 50px;
align-items: start;
align-content: center;
}
.ucs-content .main-our-products .image-wrap {
width: 47%;
}
.ucs-content .main-our-products .ucs-item-description {
width: 47%;
flex-grow: 0;
margin-top: 0;
justify-content: start;
align-items: start;
}
.ucs-content .main-our-products .ucs-item-description p {
padding: 0;
}
.ucs-content .main-our-products .ucs-button {
margin: 20px auto 0;
}
}
@media only screen and (max-width: 800px) {
.ucs-content .main-our-products .ucs-item {
width: 100%;
flex-direction: column;
flex-wrap: nowrap;
justify-content: start;
}
.ucs-content .main-our-products h3 {
margin-bottom: 25px;
}
.ucs-content .main-our-products .image-wrap {
width: 100%;
text-align: center;
}
.ucs-content .main-our-products .image-wrap img {
max-width: 600px;
}
.ucs-content .main-our-products .ucs-item-description {
width: 100%;
}
.ucs-content .main-our-products .ucs-item-description p {
margin-bottom: 10px;
}
}
@media only screen and (max-width: 480px) {
.ucs-content .main-our-products h3 {
font-size: 24px;
margin-bottom: 20px;
}
.ucs-content .main-our-products .ucs-item {
margin-bottom: 40px;
}
}
.ucs-content .main-our-projects .container {
max-width: 1400px;
}
.ucs-content .main-our-projects .ucs-item {
width: 29%;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: center;
}
.ucs-content .main-our-projects h3 {
font-weight: 400;
color: #cf0051;
margin-bottom: 30px;
}
.ucs-content .main-our-projects .image-wrap {
border-radius: 0;
margin-bottom: 30px;
}
.ucs-content .main-our-projects .image-wrap img {
transform: scale(1);
transition: transform 1s ease;
}
.ucs-content .main-our-projects .image-wrap img:hover {
transform: scale(1.06);
}
.ucs-content .main-our-projects p {
text-align: left;
}
.ucs-content .main-our-projects .ucs-item-description {
margin-top: auto;
flex-grow: 10;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
}
.ucs-content .main-our-projects .ucs-item-description p {
padding: 0 10px;
margin-bottom: 40px;
}
.ucs-content .main-our-projects .ucs-button {
display: block;
margin: 0 auto 30px;
}
@media only screen and (max-width: 1250px) {
.ucs-content .main-our-projects h3 {
width: 100%;
font-size: 30px;
}
.ucs-content .main-our-projects .section-inner {
flex-direction: column;
}
.ucs-content .main-our-projects .ucs-item {
width: 100%;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
margin-bottom: 50px;
align-items: start;
align-content: center;
}
.ucs-content .main-our-projects .image-wrap {
width: 47%;
}
.ucs-content .main-our-projects .ucs-item-description {
width: 47%;
flex-grow: 0;
margin-top: 0;
justify-content: start;
align-items: start;
}
.ucs-content .main-our-projects .ucs-item-description p {
padding: 0;
}
.ucs-content .main-our-projects .ucs-button {
margin: 20px auto 0;
}
}
@media only screen and (max-width: 800px) {
.ucs-content .main-our-projects .ucs-item {
width: 100%;
flex-direction: column;
flex-wrap: nowrap;
justify-content: start;
}
.ucs-content .main-our-projects h3 {
margin-bottom: 25px;
}
.ucs-content .main-our-projects .image-wrap {
width: 100%;
text-align: center;
}
.ucs-content .main-our-projects .image-wrap img {
max-width: 600px;
}
.ucs-content .main-our-projects .ucs-item-description {
width: 100%;
}
.ucs-content .main-our-projects .ucs-item-description p {
margin-bottom: 10px;
}
.ucs-content .main-our-projects .ucs-button {
margin: 0 auto 0;
}
}
@media only screen and (max-width: 480px) {
.ucs-content .main-our-projects h3 {
font-size: 24px;
margin-bottom: 20px;
}
.ucs-content .main-our-projects .ucs-item {
margin-bottom: 40px;
}
}
.ucs-content .main-modulex.modulex-page .items-wrap {
margin-bottom: 0;
}
.ucs-content .modulex-example .container {
max-width: 1067px;
}
.ucs-content .modulex-example .image-wrap {
margin-bottom: 60px;
}
.ucs-content .modulex-example video {
margin-bottom: 60px;
}
@media only screen and (max-width: 750px) {
.ucs-content .show-break {
display: none;
}
}
.ucs-content .module-bench-carousel .container {
max-width: 1300px;
}
.ucs-content .module-bench-carousel h2 {
margin-bottom: 20px;
}
.ucs-content .module-bench-carousel .short-description {
color: #cf0051;
}
.ucs-content .module-bench-carousel .column {
width: 46%;
display: flex;
flex-direction: column;
}
.ucs-content .module-bench-carousel .column > div {
order: 2;
}
.ucs-content .module-bench-carousel .image-wrap {
margin-bottom: 20px;
}
.ucs-content .module-bench-carousel h3 {
font-size: 24px;
margin-bottom: 15px;
}
.ucs-content .module-bench-carousel p {
margin-bottom: 10px;
}
.ucs-content .module-bench-carousel p:last-of-type {
margin-bottom: 40px;
}
@media only screen and (max-width: 1000px) {
.ucs-content .module-bench-carousel .column {
width: 100%;
margin-bottom: 40px;
}
.ucs-content .module-bench-carousel .column:last-of-type {
margin-bottom: 0;
}
.ucs-content .module-bench-carousel .image-wrap {
max-width: 600px;
margin: 0 auto 40px;
order: 1 !important;
}
.ucs-content .module-bench-carousel h3 {
font-size: 22px;
}
.ucs-content .module-bench-carousel p:last-of-type {
margin-bottom: 0;
}
}
@media only screen and (max-width: 480px) {
.ucs-content .module-bench-carousel .show-break {
display: none;
}
}
.ucs-content .moduleX2-efficient1 .container {
max-width: 1300px;
}
.ucs-content .moduleX2-efficient1 h2 {
margin-bottom: 20px;
}
.ucs-content .moduleX2-efficient1 .ucs-icon {
display: inline-block;
width: auto;
height: 60px;
vertical-align: bottom;
margin-right: 20px;
}
.ucs-content .moduleX2-efficient1 .short-description {
color: #cf0051;
}
.ucs-content .moduleX2-efficient1 .column {
width: 46%;
display: flex;
flex-direction: column;
}
.ucs-content .moduleX2-efficient1 .column > div {
order: 2;
}
.ucs-content .moduleX2-efficient1 .image-wrap {
margin-bottom: 20px;
}
.ucs-content .moduleX2-efficient1 h3 {
font-size: 24px;
margin-bottom: 15px;
}
.ucs-content .moduleX2-efficient1 p {
margin-bottom: 10px;
}
.ucs-content .moduleX2-efficient1 p:last-of-type {
margin-bottom: 40px;
}
@media only screen and (max-width: 1000px) {
.ucs-content .moduleX2-efficient1 .column {
width: 100%;
margin-bottom: 40px;
}
.ucs-content .moduleX2-efficient1 .column:last-of-type {
margin-bottom: 0;
}
.ucs-content .moduleX2-efficient1 .image-wrap {
max-width: 600px;
margin: 0 auto 40px;
order: 1 !important;
}
.ucs-content .moduleX2-efficient1 h3 {
font-size: 22px;
}
.ucs-content .moduleX2-efficient1 p:last-of-type {
margin-bottom: 0;
}
}
@media only screen and (max-width: 820px) {
.ucs-content .moduleX2-efficient1 .show-break {
display: none;
}
}
.ucs-content .modulex-scalable .container {
max-width: 1300px;
}
.ucs-content .modulex-scalable h3 {
font-weight: 300;
color: #fff;
}
.ucs-content .modulex-scalable .ucs-icon {
display: inline-block;
width: auto;
height: 60px;
vertical-align: bottom;
margin-right: 20px;
}
.ucs-content .modulex-scalable .short-description {
font-size: 24px;
}
.ucs-content .modulex-scalable video {
max-width: 1100px;
margin-top: 60px;
}
.ucs-content .modulex-scalable .table-wrap {
width: 1100px;
}
.ucs-content .modulex-scalable .table-wrap table {
width: 1100px;
margin: 0 auto;
color: #fff;
text-align: center;
border-spacing: 4px 6px;
font-size: 15px;
line-height: 24px;
border-collapse: separate;
}
.ucs-content .modulex-scalable .table-wrap td,
.ucs-content .modulex-scalable .table-wrap th {
padding: 5px 20px;
}
.ucs-content .modulex-scalable .table-wrap .modulex-price {
width: 380px;
padding-top: 10px;
}
.ucs-content .modulex-scalable .table-wrap .modulex-type {
min-width: 120px;
font-weight: 600;
font-size: 16px;
}
.ucs-content .modulex-scalable .table-wrap th {
font-size: 18px;
font-weight: 600;
}
.ucs-content .modulex-scalable .table-wrap th .smaller {
display: block;
font-size: 13px;
line-height: 1.5;
font-weight: 400;
margin: 5px 0;
}
.ucs-content .modulex-scalable .table-wrap .table-plant {
font-size: 16px;
}
.ucs-content .modulex-scalable .table-wrap th {
background-color: #3B6C00;
}
.ucs-content .modulex-scalable .table-wrap tr:nth-child(odd) {
background: #68900f;
}
.ucs-content .modulex-scalable .table-wrap tr:nth-child(even) {
background: #3B6C00;
}
@media only screen and (max-width: 1200px) {
.ucs-content .modulex-scalable .table-wrap {
width: 100%;
}
.ucs-content .modulex-scalable .table-wrap table {
width: 770px;
margin: 0 auto;
border-spacing: 4px 6px;
font-size: 13px;
line-height: 1.5;
}
.ucs-content .modulex-scalable .table-wrap td,
.ucs-content .modulex-scalable .table-wrap th {
padding: 4px 7px;
}
}
@media only screen and (max-width: 850px) {
.ucs-content .modulex-scalable .table-wrap {
overflow-x: scroll;
}
.ucs-content .modulex-scalable .table-wrap table {
margin: 0 auto;
border-spacing: 4px 6px;
font-size: 12px;
line-height: 1.5;
}
.ucs-content .modulex-scalable .table-wrap td,
.ucs-content .modulex-scalable .table-wrap th {
padding: 4px 5px;
}
.ucs-content .modulex-scalable .table-wrap .modulex-type {
width: 90px;
font-size: 14px;
}
.ucs-content .modulex-scalable .table-wrap th {
font-size: 14px;
}
.ucs-content .modulex-scalable .table-wrap .table-plant {
font-size: 13px;
}
}
@media only screen and (max-width: 600px) {
.ucs-content .modulex-scalable .table-wrap table {
line-height: 1.3;
}
.ucs-content .modulex-scalable .table-wrap td,
.ucs-content .modulex-scalable .table-wrap th {
padding: 3px 10px;
}
}
.ucs-content .moduleX2-scalable .container {
max-width: 1300px;
}
.ucs-content .moduleX2-scalable h3 {
font-weight: 400;
color: #cf0051;
}
.ucs-content .moduleX2-scalable .ucs-icon {
display: inline-block;
width: auto;
height: 60px;
vertical-align: bottom;
margin-right: 20px;
}
.ucs-content .moduleX2-scalable .short-description {
font-size: 24px;
}
.ucs-content .moduleX2-scalable .section-inner {
overflow: hidden;
}
.ucs-content .moduleX2-scalable video {
max-width: 1088px;
margin-bottom: 80px;
margin-top: -3px;
}
.ucs-content .moduleX2-scalable .table-wrap {
width: 1100px;
}
.ucs-content .moduleX2-scalable .table-wrap table {
width: 1100px;
margin: 0 auto;
color: #fff;
text-align: center;
border-spacing: 4px 6px;
font-size: 15px;
line-height: 24px;
border-collapse: separate;
}
.ucs-content .moduleX2-scalable .table-wrap td,
.ucs-content .moduleX2-scalable .table-wrap th {
padding: 5px 20px;
}
.ucs-content .moduleX2-scalable .table-wrap .modulex-price {
width: 380px;
padding-top: 10px;
}
.ucs-content .moduleX2-scalable .table-wrap .modulex-type {
min-width: 120px;
font-weight: 600;
font-size: 16px;
}
.ucs-content .moduleX2-scalable .table-wrap th {
font-size: 18px;
font-weight: 600;
}
.ucs-content .moduleX2-scalable .table-wrap th .smaller {
display: block;
font-size: 13px;
line-height: 1.5;
font-weight: 400;
margin: 5px 0;
}
.ucs-content .moduleX2-scalable .table-wrap .table-plant {
font-size: 16px;
}
.ucs-content .moduleX2-scalable .table-wrap th {
background-color: #3B6C00;
}
.ucs-content .moduleX2-scalable .table-wrap tr:nth-child(odd) {
background: #68900f;
}
.ucs-content .moduleX2-scalable .table-wrap tr:nth-child(even) {
background: #3B6C00;
}
@media only screen and (max-width: 1200px) {
.ucs-content .moduleX2-scalable .table-wrap {
width: 100%;
}
.ucs-content .moduleX2-scalable .table-wrap table {
width: 770px;
margin: 0 auto;
border-spacing: 4px 6px;
font-size: 13px;
line-height: 1.5;
}
.ucs-content .moduleX2-scalable .table-wrap td,
.ucs-content .moduleX2-scalable .table-wrap th {
padding: 4px 7px;
}
}
@media only screen and (max-width: 850px) {
.ucs-content .moduleX2-scalable .table-wrap {
overflow-x: scroll;
}
.ucs-content .moduleX2-scalable .table-wrap table {
margin: 0 auto;
border-spacing: 4px 6px;
font-size: 12px;
line-height: 1.5;
}
.ucs-content .moduleX2-scalable .table-wrap td,
.ucs-content .moduleX2-scalable .table-wrap th {
padding: 4px 5px;
}
.ucs-content .moduleX2-scalable .table-wrap .modulex-type {
width: 90px;
font-size: 14px;
}
.ucs-content .moduleX2-scalable .table-wrap th {
font-size: 14px;
}
.ucs-content .moduleX2-scalable .table-wrap .table-plant {
font-size: 13px;
}
}
@media only screen and (max-width: 600px) {
.ucs-content .moduleX2-scalable .table-wrap table {
line-height: 1.3;
}
.ucs-content .moduleX2-scalable .table-wrap td,
.ucs-content .moduleX2-scalable .table-wrap th {
padding: 3px 10px;
}
}
.ucs-content .modulex-adaptable .container {
max-width: 1300px;
}
.ucs-content .modulex-adaptable h3 {
font-weight: 400;
color: #cf0051;
}
.ucs-content .modulex-adaptable .ucs-icon {
display: inline-block;
width: auto;
height: 60px;
vertical-align: bottom;
margin-right: 20px;
}
.ucs-content .modulex-adaptable .column {
width: 46%;
display: flex;
flex-direction: column;
justify-content: space-between;
margin-bottom: 20px;
}
.ucs-content .modulex-adaptable .modulex-step {
background-color: #fff;
border: solid 1px #559e00;
border-radius: 12px;
padding: 20px;
margin-bottom: 30px;
}
.ucs-content .modulex-adaptable h4 {
font-size: 20px;
font-weight: 600;
text-align: center;
margin: 0 0 20px;
}
.ucs-content .modulex-adaptable .modulex-step-inner {
display: flex;
flex-direction: row;
justify-content: space-between;
}
.ucs-content .modulex-adaptable .modulex-step-inner .icon-wrap {
width: 64px;
height: 64px;
margin-right: 30px;
}
.ucs-content .modulex-adaptable .modulex-step-inner .modulex-step-text {
width: calc(100% - 94px);
}
.ucs-content .modulex-adaptable .modulex-step-inner .ucs-list {
position: relative;
padding-left: 25px;
}
.ucs-content .modulex-adaptable .modulex-step-inner .ucs-list:before {
display: inline-block;
position: absolute;
top: 3px;
left: 0;
content: '';
width: 12px;
height: 12px;
background-color: #559e00;
border-radius: 50px;
}
.ucs-content .modulex-adaptable .modulex-step-inner .ucs-list.ucs-first:before {
background-color: #559e00;
}
.ucs-content .modulex-adaptable .modulex-step-inner .ucs-list.ucs-second:before {
background-color: #3B6C00;
}
.ucs-content .modulex-adaptable .modulex-step-inner .ucs-list.ucs-third:before {
background-color: #cf0051;
}
.ucs-content .modulex-adaptable .modulex-step-inner .ucs-list.ucs-first .featured {
font-weight: 600;
color: #559e00;
}
.ucs-content .modulex-adaptable .modulex-step-inner .ucs-list.ucs-second .featured {
font-weight: 600;
color: #3B6C00;
}
.ucs-content .modulex-adaptable .modulex-step-inner .ucs-list.ucs-third .featured {
font-weight: 600;
color: #cf0051;
}
.ucs-content .modulex-adaptable .modulex-step-inner p {
line-height: 1.2;
margin-bottom: 15px;
}
.ucs-content .modulex-adaptable .modulex-step-inner p:last-of-type {
margin-bottom: 0;
}
.ucs-content .modulex-adaptable .image-wrap {
margin-bottom: 20px;
background-color: #fff;
border: 1px solid #559e00;
}
.ucs-content .modulex-adaptable .column-bottom h4 {
font-size: 26px;
line-height: 1.3;
font-weight: 700;
margin-bottom: 20px;
}
.ucs-content .modulex-adaptable .column-bottom p {
max-width: 600px;
text-align: center;
margin: 0 auto 30px;
}
.ucs-content .modulex-adaptable .column-bottom p:last-of-type {
margin-bottom: 0;
}
@media only screen and (max-width: 1000px) {
.ucs-content .modulex-adaptable .column {
width: 100%;
max-width: 700px;
}
}
@media only screen and (max-width: 600px) {
.ucs-content .modulex-adaptable h4 {
font-size: 17px;
margin: 0 0 10px;
}
.ucs-content .modulex-adaptable .modulex-step-inner {
flex-direction: column;
align-items: center;
}
.ucs-content .modulex-adaptable .modulex-step-inner .icon-wrap {
width: 48px;
height: 48px;
margin-right: 0;
margin-bottom: 15px;
}
.ucs-content .modulex-adaptable .modulex-step-inner .modulex-step-text {
width: 100%;
}
.ucs-content .modulex-adaptable .column-bottom h4 {
font-size: 22px;
line-height: 1.3;
font-weight: 700;
margin-bottom: 10px;
}
}
.ucs-content .moduleX2-adaptable .container {
max-width: 1300px;
}
.ucs-content .moduleX2-adaptable h3 {
font-weight: 400;
color: #cf0051;
}
.ucs-content .moduleX2-adaptable .ucs-icon {
display: inline-block;
width: auto;
height: 60px;
vertical-align: bottom;
margin-right: 20px;
}
.ucs-content .moduleX2-adaptable .column {
width: 46%;
display: flex;
flex-direction: column;
justify-content: space-between;
margin-bottom: 20px;
}
.ucs-content .moduleX2-adaptable .modulex-step {
background-color: #fff;
border: solid 1px #559e00;
border-radius: 12px;
padding: 20px;
margin-bottom: 30px;
}
.ucs-content .moduleX2-adaptable h4 {
font-size: 20px;
font-weight: 600;
text-align: center;
margin: 0 0 20px;
}
.ucs-content .moduleX2-adaptable .modulex-step-inner {
display: flex;
flex-direction: row;
justify-content: space-between;
}
.ucs-content .moduleX2-adaptable .modulex-step-inner .icon-wrap {
width: 64px;
height: 64px;
margin-right: 30px;
}
.ucs-content .moduleX2-adaptable .modulex-step-inner .modulex-step-text {
width: calc(100% - 94px);
}
.ucs-content .moduleX2-adaptable .modulex-step-inner .ucs-list {
position: relative;
padding-left: 25px;
}
.ucs-content .moduleX2-adaptable .modulex-step-inner .ucs-list:before {
display: inline-block;
position: absolute;
top: 3px;
left: 0;
content: '';
width: 12px;
height: 12px;
background-color: #559e00;
border-radius: 50px;
}
.ucs-content .moduleX2-adaptable .modulex-step-inner .ucs-list.ucs-first:before {
background-color: #559e00;
}
.ucs-content .moduleX2-adaptable .modulex-step-inner .ucs-list.ucs-second:before {
background-color: #3B6C00;
}
.ucs-content .moduleX2-adaptable .modulex-step-inner .ucs-list.ucs-third:before {
background-color: #cf0051;
}
.ucs-content .moduleX2-adaptable .modulex-step-inner .ucs-list.ucs-first .featured {
font-weight: 600;
color: #559e00;
}
.ucs-content .moduleX2-adaptable .modulex-step-inner .ucs-list.ucs-second .featured {
font-weight: 600;
color: #3B6C00;
}
.ucs-content .moduleX2-adaptable .modulex-step-inner .ucs-list.ucs-third .featured {
font-weight: 600;
color: #cf0051;
}
.ucs-content .moduleX2-adaptable .modulex-step-inner p {
line-height: 1.2;
margin-bottom: 15px;
}
.ucs-content .moduleX2-adaptable .modulex-step-inner p:last-of-type {
margin-bottom: 0;
}
.ucs-content .moduleX2-adaptable .image-wrap {
margin-bottom: 20px;
background-color: #fff;
border: 1px solid #559e00;
}
.ucs-content .moduleX2-adaptable .column-bottom h4 {
font-size: 26px;
line-height: 1.3;
font-weight: 700;
margin-bottom: 20px;
}
.ucs-content .moduleX2-adaptable .column-bottom p {
max-width: 600px;
text-align: center;
margin: 0 auto 30px;
}
.ucs-content .moduleX2-adaptable .column-bottom p:last-of-type {
margin-bottom: 0;
}
.ucs-content .moduleX2-adaptable .ucs-button {
margin-top: 30px;
}
@media only screen and (max-width: 1000px) {
.ucs-content .moduleX2-adaptable .column {
width: 100%;
max-width: 700px;
}
}
@media only screen and (max-width: 600px) {
.ucs-content .moduleX2-adaptable h4 {
font-size: 17px;
margin: 0 0 10px;
}
.ucs-content .moduleX2-adaptable .modulex-step-inner {
flex-direction: column;
align-items: center;
}
.ucs-content .moduleX2-adaptable .modulex-step-inner .icon-wrap {
width: 48px;
height: 48px;
margin-right: 0;
margin-bottom: 15px;
}
.ucs-content .moduleX2-adaptable .modulex-step-inner .modulex-step-text {
width: 100%;
}
.ucs-content .moduleX2-adaptable .column-bottom h4 {
font-size: 22px;
line-height: 1.3;
font-weight: 700;
margin-bottom: 10px;
}
}
.ucs-content .modulex-efficient .container {
max-width: 1300px;
}
.ucs-content .modulex-efficient h2 {
margin-bottom: 60px;
}
.ucs-content .modulex-efficient h3 {
font-size: 28px;
line-height: 1.25;
font-weight: 600;
text-align: left;
margin-bottom: 20px;
}
.ucs-content .modulex-efficient .ucs-icon {
display: inline-block;
width: auto;
height: 60px;
vertical-align: bottom;
margin-right: 20px;
}
.ucs-content .modulex-efficient .section-inner {
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.ucs-content .modulex-efficient .column {
width: 46%;
margin-bottom: 80px;
}
.ucs-content .modulex-efficient .column-last {
margin-bottom: 0;
}
.ucs-content .modulex-efficient .column:nth-of-type(1) {
order: 1;
}
.ucs-content .modulex-efficient .column:nth-of-type(2) {
order: 2;
}
.ucs-content .modulex-efficient .column:nth-of-type(3) {
order: 4;
}
.ucs-content .modulex-efficient .column:nth-of-type(4) {
order: 3;
}
.ucs-content .modulex-efficient .column:nth-of-type(5) {
order: 5;
}
.ucs-content .modulex-efficient .column:nth-of-type(6) {
order: 6;
}
.ucs-content .modulex-efficient p {
color: #fff;
margin-bottom: 10px;
}
@media only screen and (max-width: 1100px) {
.ucs-content .modulex-efficient .show-break {
display: none;
}
}
@media only screen and (max-width: 1000px) {
.ucs-content .modulex-efficient h3 {
font-size: 24px;
text-align: center;
margin-bottom: 20px;
}
.ucs-content .modulex-efficient .section-inner {
flex-direction: column;
}
.ucs-content .modulex-efficient .column {
width: 100%;
margin-bottom: 30px;
}
.ucs-content .modulex-efficient .column-photo {
max-width: 600px;
margin: 0 auto 60px;
}
.ucs-content .modulex-efficient .column-photo.column-last {
margin-bottom: 0;
}
.ucs-content .modulex-efficient .column-text {
margin: 0 auto 30px;
}
.ucs-content .modulex-efficient .column:nth-of-type(1) {
order: 2;
}
.ucs-content .modulex-efficient .column:nth-of-type(2) {
order: 1;
}
.ucs-content .modulex-efficient .column:nth-of-type(3) {
order: 4;
}
.ucs-content .modulex-efficient .column:nth-of-type(4) {
order: 3;
}
.ucs-content .modulex-efficient .column:nth-of-type(5) {
order: 6;
}
.ucs-content .modulex-efficient .column:nth-of-type(6) {
order: 5;
}
}
@media only screen and (max-width: 600px) {
.ucs-content .modulex-efficient h2 {
margin-bottom: 30px;
}
.ucs-content .modulex-efficient h3 {
font-size: 20px;
margin-bottom: 15px;
}
.ucs-content .modulex-efficient .column {
margin-bottom: 20px;
}
.ucs-content .modulex-efficient .column-photo {
margin-bottom: 40px;
}
}
.ucs-content .moduleX2-efficient2 {
padding-top: 0;
}
.ucs-content .moduleX2-efficient2 .container {
max-width: 1400px;
}
.ucs-content .moduleX2-efficient2 .section-inner {
justify-content: space-between;
}
.ucs-content .moduleX2-efficient2 .ucs-item {
width: 29%;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: center;
}
.ucs-content .moduleX2-efficient2 h4 {
font-size: 23px;
font-weight: 700;
line-height: 1.4;
color: #559e00;
margin-bottom: 30px;
text-align: center;
}
.ucs-content .moduleX2-efficient2 .image-wrap {
border-radius: 0;
margin-bottom: 30px;
}
.ucs-content .moduleX2-efficient2 .image-wrap img {
transform: scale(1);
transition: transform 1s ease;
}
.ucs-content .moduleX2-efficient2 .image-wrap img:hover {
transform: scale(1.06);
}
.ucs-content .moduleX2-efficient2 p {
text-align: left;
}
.ucs-content .moduleX2-efficient2 .ucs-item-description p {
padding: 0;
margin-bottom: 15px;
}
@media only screen and (max-width: 1400px) {
.ucs-content .moduleX2-efficient2 .ucs-item {
width: 31%;
}
.ucs-content .moduleX2-efficient2 h4 {
width: 100%;
font-size: 22px;
}
}
@media only screen and (max-width: 1250px) {
.ucs-content .moduleX2-efficient2 h4 {
width: 100%;
font-size: 30px;
}
.ucs-content .moduleX2-efficient2 .section-inner {
flex-direction: column;
}
.ucs-content .moduleX2-efficient2 .ucs-item {
width: 100%;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
align-items: start;
align-content: center;
margin-bottom: 50px;
}
.ucs-content .moduleX2-efficient2 .ucs-item:last-child {
margin-bottom: 0;
}
.ucs-content .moduleX2-efficient2 .image-wrap {
width: 47%;
}
.ucs-content .moduleX2-efficient2 .ucs-item-description {
width: 47%;
flex-grow: 0;
margin-top: 0;
justify-content: start;
align-items: start;
}
}
@media only screen and (max-width: 800px) {
.ucs-content .moduleX2-efficient2 .ucs-item {
width: 100%;
flex-direction: column;
flex-wrap: nowrap;
justify-content: start;
}
.ucs-content .moduleX2-efficient2 h4 {
margin-bottom: 25px;
font-size: 28px;
}
.ucs-content .moduleX2-efficient2 .image-wrap {
width: 100%;
text-align: center;
}
.ucs-content .moduleX2-efficient2 .image-wrap img {
max-width: 600px;
}
.ucs-content .moduleX2-efficient2 .ucs-item-description {
width: 100%;
}
.ucs-content .moduleX2-efficient2 .ucs-item-description p {
margin-bottom: 10px;
}
}
@media only screen and (max-width: 480px) {
.ucs-content .moduleX2-efficient2 h4 {
font-size: 22px;
margin-bottom: 20px;
}
.ucs-content .moduleX2-efficient2 .ucs-item {
margin-bottom: 40px;
}
}
.ucs-content .modulex-journey h3 {
font-weight: 400;
color: #cf0051;
}
.ucs-content .modulex-journey .items-wrap {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-around;
}
.ucs-content .modulex-journey .ucs-item {
position: relative;
width: 46%;
max-width: 550px;
margin: 0 0 30px;
display: flex;
flex-direction: column;
align-items: center;
}
.ucs-content .modulex-journey .ucs-item .graphic-wrap {
position: relative;
width: 320px;
margin-bottom: 20px;
}
.ucs-content .modulex-journey .ucs-item h4 {
position: absolute;
width: 100%;
top: 0;
padding-top: 18%;
font-size: 50px;
line-height: 0.8;
font-weight: 700;
text-align: center;
margin: 0;
color: white;
}
.ucs-content .modulex-journey .ucs-item .text-wrap {
padding: 0;
margin-bottom: 0;
}
.ucs-content .modulex-journey .ucs-item h5 {
font-size: 22px;
line-height: 1.3;
color: #559e00;
font-weight: 700;
text-align: center;
margin: 0 0 15px 0;
}
.ucs-content .modulex-journey .ucs-item p {
padding-left: 0;
margin-bottom: 5px;
}
.ucs-content .modulex-journey .ucs-item .text-margin {
margin-left: 20px;
}
.ucs-content .modulex-journey .ucs-item .ucs-text-img {
display: block;
width: 50%;
min-width: 280px;
margin: 20px auto;
border-radius: 4px;
}
.ucs-content .modulex-journey .arrow-wrap {
width: 0;
margin: 0 30px;
position: relative;
}
.ucs-content .modulex-journey .arrow-wrap img {
position: absolute;
top: 130px;
display: block;
width: 55px;
transform: translateX(-50%);
}
.ucs-content .modulex-journey .ucs-button {
display: block;
margin: 30px auto 0;
}
@media only screen and (max-width: 900px) {
.ucs-content .modulex-journey .ucs-item {
width: 100%;
max-width: 700px;
}
.ucs-content .modulex-journey .ucs-item p {
padding-left: 0;
}
.ucs-content .modulex-journey .arrow-wrap {
display: none;
}
}
@media only screen and (max-width: 600px) {
.ucs-content .modulex-journey .ucs-item h4 {
font-size: 43px;
}
.ucs-content .modulex-journey .ucs-item .graphic-wrap {
width: 280px;
margin-bottom: 20px;
}
.ucs-content .modulex-journey .ucs-item .text-margin {
margin-left: 0;
}
.ucs-content .modulex-journey .ucs-item:last-of-type {
margin-bottom: 0;
}
}
.ucs-content .modulex-calculation .container {
max-width: 1050px;
}
.ucs-content .modulex-calculation h3 {
font-weight: 400;
color: #cf0051;
}
.ucs-content .modulex-calculation .items-wrap {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-around;
}
.ucs-content .modulex-calculation .ucs-item {
position: relative;
width: 100%;
max-width: 320px;
margin: 0 10px 30px;
}
.ucs-content .modulex-calculation .ucs-item .image-wrap {
position: relative;
width: 100%;
border-radius: 100%;
}
.ucs-content .modulex-calculation .ucs-item h4 {
position: absolute;
width: 100%;
top: 100px;
left: 50%;
transform: translate(-50%, -50%);
font-size: 50px;
line-height: 0.8;
font-weight: 700;
text-align: center;
margin: 0;
color: white;
}
.ucs-content .modulex-calculation .ucs-item .subhead {
font-size: 25px;
line-height: 30px;
}
.ucs-content .modulex-calculation .ucs-item .text-wrap {
padding: 0;
margin-bottom: 0;
}
.ucs-content .modulex-calculation .ucs-item p {
margin-bottom: 5px;
}
.ucs-content .modulex-calculation .arrow-wrap {
width: 0;
margin: 0 30px;
position: relative;
}
.ucs-content .modulex-calculation .arrow-wrap img {
position: absolute;
top: 130px;
display: block;
width: 55px;
transform: translateX(-50%);
}
.ucs-content .modulex-calculation .ucs-button {
display: block;
margin: 30px auto 0;
}
.ucs-content .modulex-timeline h3 {
font-weight: 400;
color: #cf0051;
}
.ucs-content .modulex-timeline .chart-wrap {
text-align: center;
}
.ucs-content .modulex-timeline .chart-wrap img {
width: 1050px;
max-width: none;
}
@media only screen and (max-width: 1200px) {
.ucs-content .modulex-timeline .chart-wrap img {
width: 850px;
}
}
@media only screen and (max-width: 950px) {
.ucs-content .modulex-timeline .chart-wrap {
overflow-x: scroll;
}
.ucs-content .modulex-timeline .chart-wrap img {
width: 900px;
}
}
.ucs-content .biology-intro .section-inner {
flex-direction: column;
align-items: center;
}
.ucs-content .biology-intro .column.text {
width: 100%;
max-width: 800px;
margin-bottom: 30px;
}
.ucs-content .biology-intro p {
font-size: 18px;
line-height: 1.75;
}
.ucs-content .biology-intro .column-list {
width: 100%;
max-width: 570px;
}
.ucs-content .biology-intro .column-list h4 {
font-size: 22px;
font-weight: 400;
text-align: center;
padding: 9px 12px;
background-color: #3B6C00;
color: #fff;
margin: 0 0 8px;
}
.ucs-content .biology-intro .column-list .ucs-table-list {
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.ucs-content .biology-intro .column-list .ucs-table-list .ucs-list-item {
box-sizing: border-box;
width: 49.3%;
font-size: 16px;
font-weight: 400;
background-color: #eaeaea;
color: #1C1E1F;
padding: 9px 12px;
margin-bottom: 8px;
}
.ucs-content .biology-intro .column-list .ucs-table-list .ucs-list-item:nth-of-type(2n+1) {
margin-right: 1.4%;
}
@media only screen and (max-width: 1000px) {
.ucs-content .biology-intro p {
font-size: 17px;
}
}
@media only screen and (max-width: 600px) {
.ucs-content .biology-intro p {
font-size: 16px;
margin-bottom: 10px;
}
.ucs-content .biology-intro .column-list .ucs-table-list {
flex-direction: column;
}
.ucs-content .biology-intro .column-list .ucs-table-list .ucs-list-item {
width: 100%;
font-size: 16px;
}
.ucs-content .biology-intro .column-list .ucs-table-list .ucs-list-item:nth-of-type(2n+1) {
margin-right: 0;
}
}
.ucs-content .biology-3dtour .container {
max-width: 1000px;
}
.ucs-content .biology-3dtour .short-description {
max-width: 840px;
}
.ucs-content .biology-3dtour .image-wrap {
margin-bottom: 10px;
}
.ucs-content .biology-3dtour .three-d-tour-wrap {
margin-bottom: 10px;
}
.ucs-content .biology-cases-heading {
background-color: #3B6C00;
padding: 0;
}
.ucs-content .biology-cases-heading h2 {
line-height: 2.4;
margin: 0;
}
.ucs-content .biology-cases {
padding-top: 0;
}
.ucs-content .biology-cases .container {
width: 100%;
max-width: 100%;
margin: 0;
}
.ucs-content .biology-cases h2 {
padding: 19px 20px;
background: linear-gradient(90deg, #559e00, #3b6c00);
margin-bottom: 55px;
}
.ucs-content .biology-cases .section-inner {
width: 90%;
margin: 0 auto;
max-width: 1250px;
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.ucs-content .biology-cases .column {
width: 46%;
}
.ucs-content .biology-cases p {
color: #fff;
margin-bottom: 10px;
}
.ucs-content .biology-cases .ucs-source {
margin-top: 20px;
margin-right: 30px;
display: inline-block;
}
.ucs-content .biology-cases .ucs-icon {
display: inline-block;
width: 30px;
height: 30px;
vertical-align: middle;
margin-left: 15px;
transform: scale(1);
transition: transform 0.4s ease;
}
.ucs-content .biology-cases .ucs-icon:hover {
cursor: pointer;
transform: scale(1.2);
}
@media only screen and (max-width: 1000px) {
.ucs-content .biology-cases .column {
width: 100%;
}
.ucs-content .biology-cases .image-wrap {
max-width: 600px;
margin-bottom: 30px;
}
}
.ucs-content .biology-cea .container {
width: 100%;
max-width: 100%;
margin: 0;
}
.ucs-content .biology-cea h2 {
padding: 0 20px;
}
.ucs-content .biology-cea h3 {
font-weight: 400;
color: #cf0051;
margin-bottom: 50px;
padding: 0 20px;
}
.ucs-content .biology-cea .short-description {
padding: 0 20px;
}
.ucs-content .biology-cea .items-wrap {
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.ucs-content .biology-cea .image-wrap {
border-radius: 0;
}
.ucs-content .biology-cea .ucs-item {
width: 25%;
box-sizing: border-box;
}
.ucs-content .biology-cea .cea-text h4:after {
content: '';
display: block;
position: absolute;
background: url("images/arrow.svg");
background-size: contain;
background-repeat: no-repeat;
top: 0.5vw;
left: 0;
right: auto;
transform: scale(1);
width: 1.8vw;
height: 1.5vw;
}
.ucs-content .biology-cea .ucs-item:nth-of-type(1) {
order: 1;
}
.ucs-content .biology-cea .ucs-item:nth-of-type(2) {
order: 2;
}
.ucs-content .biology-cea .ucs-item:nth-of-type(3) {
order: 3;
}
.ucs-content .biology-cea .ucs-item:nth-of-type(4) {
order: 4;
}
.ucs-content .biology-cea .ucs-item:nth-of-type(5) {
order: 6;
}
.ucs-content .biology-cea .ucs-item:nth-of-type(6) {
order: 5;
}
.ucs-content .biology-cea .ucs-item:nth-of-type(6) h4:after {
left: auto;
right: 0;
transform: scale(-1);
}
.ucs-content .biology-cea .ucs-item:nth-of-type(7) {
order: 8;
}
.ucs-content .biology-cea .ucs-item:nth-of-type(8) {
order: 7;
}
.ucs-content .biology-cea .ucs-item:nth-of-type(8) h4:after {
left: auto;
right: 0;
transform: scale(-1);
}
.ucs-content .biology-cea .ucs-item:nth-of-type(9) {
order: 9;
}
.ucs-content .biology-cea .ucs-item:nth-of-type(10) {
order: 10;
}
.ucs-content .biology-cea .ucs-item:nth-of-type(11) {
order: 11;
}
.ucs-content .biology-cea .ucs-item:nth-of-type(12) {
order: 12;
}
.ucs-content .biology-cea .ucs-item:nth-of-type(13) {
order: 14;
}
.ucs-content .biology-cea .ucs-item:nth-of-type(14) {
order: 13;
}
.ucs-content .biology-cea .ucs-item:nth-of-type(14) h4:after {
left: auto;
right: 0;
transform: scale(-1);
}
.ucs-content .biology-cea .ucs-item:nth-of-type(15) {
order: 16;
}
.ucs-content .biology-cea .ucs-item:nth-of-type(16) {
order: 15;
}
.ucs-content .biology-cea .ucs-item:nth-of-type(16) h4:after {
left: auto;
right: 0;
transform: scale(-1);
}
.ucs-content .biology-cea .ucs-item.cea-text {
position: relative;
padding: 1.5%;
}
.ucs-content .biology-cea .ucs-item.cea-text h4 {
position: relative;
font-size: 1.9vw;
line-height: 1.2;
font-weight: 700;
text-align: center;
color: #559e00;
margin: 0 0 1.8vw 0;
}
.ucs-content .biology-cea .ucs-item.cea-text p {
font-size: 1vw;
line-height: 1.5;
margin-bottom: 0.75vw;
}
.ucs-content .biology-cea .ucs-button {
margin-top: 50px;
}
@media only screen and (max-width: 1250px) {
.ucs-content .biology-cea .ucs-item {
width: 50%;
}
.ucs-content .biology-cea .ucs-item:nth-of-type(1) {
order: 1;
}
.ucs-content .biology-cea .ucs-item:nth-of-type(2) {
order: 2;
}
.ucs-content .biology-cea .ucs-item:nth-of-type(2) h4:after {
left: 0;
right: auto;
transform: scale(1);
}
.ucs-content .biology-cea .ucs-item:nth-of-type(3) {
order: 4;
}
.ucs-content .biology-cea .ucs-item:nth-of-type(4) {
order: 3;
}
.ucs-content .biology-cea .ucs-item:nth-of-type(4) h4:after {
left: auto;
right: 0;
transform: scale(-1);
}
.ucs-content .biology-cea .ucs-item:nth-of-type(5) {
order: 5;
}
.ucs-content .biology-cea .ucs-item:nth-of-type(6) {
order: 6;
}
.ucs-content .biology-cea .ucs-item:nth-of-type(6) h4:after {
left: 0;
right: auto;
transform: scale(1);
}
.ucs-content .biology-cea .ucs-item:nth-of-type(7) {
order: 8;
}
.ucs-content .biology-cea .ucs-item:nth-of-type(8) {
order: 7;
}
.ucs-content .biology-cea .ucs-item:nth-of-type(8) h4:after {
left: auto;
right: 0;
transform: scale(-1);
}
.ucs-content .biology-cea .ucs-item:nth-of-type(9) {
order: 9;
}
.ucs-content .biology-cea .ucs-item:nth-of-type(10) {
order: 10;
}
.ucs-content .biology-cea .ucs-item:nth-of-type(10) h4:after {
left: 0;
right: auto;
transform: scale(1);
}
.ucs-content .biology-cea .ucs-item:nth-of-type(11) {
order: 12;
}
.ucs-content .biology-cea .ucs-item:nth-of-type(12) {
order: 11;
}
.ucs-content .biology-cea .ucs-item:nth-of-type(12) h4:after {
left: auto;
right: 0;
transform: scale(-1);
}
.ucs-content .biology-cea .ucs-item:nth-of-type(13) {
order: 13;
}
.ucs-content .biology-cea .ucs-item:nth-of-type(14) {
order: 14;
}
.ucs-content .biology-cea .ucs-item:nth-of-type(14) h4:after {
left: 0;
right: auto;
transform: scale(1);
}
.ucs-content .biology-cea .ucs-item:nth-of-type(15) {
order: 16;
}
.ucs-content .biology-cea .ucs-item:nth-of-type(16) {
order: 15;
}
.ucs-content .biology-cea .ucs-item:nth-of-type(16) h4:after {
left: auto;
right: 0;
transform: scale(-1);
}
.ucs-content .biology-cea .ucs-item.cea-text {
padding: 3%;
}
.ucs-content .biology-cea .ucs-item.cea-text h4 {
font-size: 3.8vw;
line-height: 1.2;
margin-bottom: 2vw;
}
.ucs-content .biology-cea .ucs-item.cea-text p {
font-size: clamp(12px, 2vw, 20px);
margin-bottom: 1.5vw;
}
.ucs-content .biology-cea .cea-text h4:after {
top: 1vw;
left: 0;
right: auto;
transform: scale(1);
width: 3.6vw;
height: 3vw;
}
}
@media only screen and (max-width: 700px) {
.ucs-content .biology-cea .container {
width: 90%;
margin: 0 5%;
}
.ucs-content .biology-cea h2 {
padding: 0;
}
.ucs-content .biology-cea h3 {
margin-bottom: 30px;
padding: 0;
}
.ucs-content .biology-cea .short-description {
padding: 0;
}
.ucs-content .biology-cea .items-wrap {
flex-direction: column;
align-items: center;
}
.ucs-content .biology-cea .ucs-item {
width: 100%;
}
.ucs-content .biology-cea .ucs-item:nth-of-type(1) {
order: 2;
}
.ucs-content .biology-cea .ucs-item:nth-of-type(2) {
order: 1;
}
.ucs-content .biology-cea .ucs-item:nth-of-type(3) {
order: 4;
}
.ucs-content .biology-cea .ucs-item:nth-of-type(4) {
order: 3;
}
.ucs-content .biology-cea .ucs-item:nth-of-type(5) {
order: 6;
}
.ucs-content .biology-cea .ucs-item:nth-of-type(6) {
order: 5;
}
.ucs-content .biology-cea .ucs-item:nth-of-type(7) {
order: 8;
}
.ucs-content .biology-cea .ucs-item:nth-of-type(8) {
order: 7;
}
.ucs-content .biology-cea .ucs-item:nth-of-type(9) {
order: 10;
}
.ucs-content .biology-cea .ucs-item:nth-of-type(10) {
order: 9;
}
.ucs-content .biology-cea .ucs-item:nth-of-type(11) {
order: 12;
}
.ucs-content .biology-cea .ucs-item:nth-of-type(12) {
order: 11;
}
.ucs-content .biology-cea .ucs-item:nth-of-type(13) {
order: 14;
}
.ucs-content .biology-cea .ucs-item:nth-of-type(14) {
order: 13;
}
.ucs-content .biology-cea .ucs-item:nth-of-type(15) {
order: 16;
}
.ucs-content .biology-cea .ucs-item:nth-of-type(16) {
order: 15;
}
.ucs-content .biology-cea .ucs-item.cea-text {
padding: 0;
margin-bottom: 10px;
}
.ucs-content .biology-cea .ucs-item.cea-text h4 {
font-size: 24px;
margin-bottom: 20px;
}
.ucs-content .biology-cea .ucs-item.cea-text p {
font-size: 16px;
margin-bottom: 15px;
}
.ucs-content .biology-cea .cea-photo {
max-width: 450px;
margin-bottom: 50px;
}
.ucs-content .biology-cea .cea-text h4:after {
display: none;
}
}
@media only screen and (max-width: 480px) {
.ucs-content .biology-cea h3 {
margin-bottom: 20px;
}
.ucs-content .biology-cea .ucs-item.cea-text {
margin-bottom: 15px;
}
.ucs-content .biology-cea .ucs-item.cea-text h4 {
font-size: 23px;
margin-bottom: 10px;
}
.ucs-content .biology-cea .ucs-item.cea-text p {
font-size: 15px;
margin-bottom: 10px;
}
.ucs-content .biology-cea .cea-photo {
margin-bottom: 40px;
}
}
.ucs-content .biology-grow-how .container {
max-width: 1300px;
}
.ucs-content .biology-grow-how h3 {
font-weight: 300;
}
.ucs-content .biology-grow-how .column {
width: 46%;
}
.ucs-content .biology-grow-how p {
color: #fff;
}
.ucs-content .biology-grow-how .ucs-button {
display: block;
margin: 40px auto 0;
width: 280px;
}
@media only screen and (max-width: 900px) {
.ucs-content .biology-grow-how .column {
width: 100%;
}
}
@media only screen and (max-width: 600px) {
.ucs-content .biology-grow-how .ucs-button {
margin: 30px auto 0;
width: 280px;
}
}
.ucs-content .biology-under-sun .container {
max-width: 1100px;
}
.ucs-content .biology-under-sun .small-bottom-margin {
margin-bottom: 10px;
}
.ucs-content .biology-under-sun h3 {
font-weight: 400;
color: #cf0051;
margin-bottom: 50px;
padding: 0 20px;
max-width: 800px;
margin-left: auto;
margin-right: auto;
}
.ucs-content .biology-under-sun .items-wrap {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-around;
font-size: 0;
}
.ucs-content .biology-under-sun .ucs-item {
position: relative;
width: 320px;
margin: 0 20px 30px;
}
.ucs-content .biology-under-sun .graphic-wrap {
position: relative;
width: 320px;
margin: 0 auto 25px;
}
.ucs-content .biology-under-sun .graphic-wrap .image-wrap {
border-radius: 50%;
font-size: 0;
overflow: hidden;
}
.ucs-content .biology-under-sun h4 {
position: absolute;
width: 100%;
top: 27%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 26px;
line-height: 32px;
font-weight: 400;
text-align: center;
color: white;
margin: 0;
}
.ucs-content .biology-under-sun p {
padding: 0 10px 0;
text-align: center;
}
.ucs-content .biology-under-sun .ucs-button {
margin-top: 40px;
}
@media only screen and (max-width: 1250px) {
.ucs-content .biology-under-sun .container {
width: 100%;
margin: 0;
}
.ucs-content .biology-under-sun .short-description {
font-size: 17px;
padding: 0 20px 0;
}
.ucs-content .biology-under-sun .items-wrap {
justify-content: center;
}
.ucs-content .biology-under-sun .ucs-item {
width: 300px;
}
.ucs-content .biology-under-sun .graphic-wrap {
width: 300px;
}
}
@media only screen and (max-width: 700px) {
.ucs-content .biology-under-sun .container {
width: 90%;
margin: 0 5%;
}
.ucs-content .biology-under-sun .short-description {
font-size: 16px;
}
.ucs-content .biology-under-sun .ucs-item {
width: 100%;
margin: 0 0 30px;
}
.ucs-content .biology-under-sun p {
padding: 0;
}
}
@media only screen and (max-width: 480px) {
.ucs-content .biology-under-sun .short-description {
font-size: 15px;
}
.ucs-content .biology-under-sun .ucs-item:last-of-type {
margin-bottom: 0;
}
.ucs-content .biology-under-sun .ucs-item {
width: 280px;
}
.ucs-content .biology-under-sun .graphic-wrap {
width: 280px;
margin-bottom: 15px;
}
}
.ucs-content .biology-journey .ucs-item .image-wrap {
border-radius: 100%;
}
.ucs-content .biology-journey .ucs-item h4.smaller {
font-size: 36px;
}
.ucs-content .biology-journey .ucs-item .first-letter {
display: inline-block;
width: 15px;
margin-left: -15px;
font-size: 16px;
font-weight: 700;
text-align: left;
color: #559e00;
}
.ucs-content .biology-journey .ucs-item p {
padding-left: 15px;
}
@media only screen and (max-width: 480px) {
.ucs-content .biology-journey .section-bottom .ucs-button {
width: 280px;
}
}
.ucs-content .page-journey .container {
max-width: 1067px;
}
.ucs-content .page-journey .ucs-item {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
align-items: center;
margin-top: 100px;
}
.ucs-content .page-journey .ucs-item:first-child {
margin-top: 50px;
}
.ucs-content .page-journey .graphic-wrap {
position: relative;
width: 360px;
flex-shrink: 0;
margin-right: 60px;
}
.ucs-content .page-journey .graphic-wrap h2 {
position: absolute;
width: 100%;
bottom: 55%;
font-size: 60px;
line-height: 1.2;
color: #fff;
margin: 0;
}
.ucs-content .page-journey .graphic-wrap h2.smaller {
font-size: 45px;
bottom: 53%;
}
.ucs-content .page-journey .graphic-wrap .arrow-wrap {
position: absolute;
left: 50%;
top: -70px;
width: 50px;
transform: translateX(-50%);
}
.ucs-content .page-journey .text-wrap {
width: 100%;
}
.ucs-content .page-journey .text-wrap h3 {
font-weight: 400;
color: #cf0051;
text-align: left;
margin-bottom: 20px;
}
.ucs-content .page-journey .text-wrap h3.larger {
font-size: 36px;
}
.ucs-content .page-journey .text-wrap p {
font-size: 18px;
}
.ucs-content .page-journey .text-wrap .ucs-list {
position: relative;
padding-left: 25px;
margin-bottom: 10px;
}
.ucs-content .page-journey .text-wrap .ucs-list:before {
display: inline-block;
position: absolute;
top: 9px;
left: 0;
content: '';
width: 10px;
height: 10px;
background-color: #559e00;
border-radius: 50px;
}
.ucs-content .page-journey .text-wrap.larger p {
font-size: 20px;
}
.ucs-content .page-journey .text-wrap.larger .ucs-list:before {
top: 9px;
left: 0;
width: 12px;
height: 12px;
}
.ucs-content .page-journey .modulex-timeline {
background-color: transparent;
padding: 50px 0 0;
}
.ucs-content .page-journey .section-bottom {
max-width: 820px;
margin: 50px auto 0;
text-align: center;
}
.ucs-content .page-journey .section-bottom p {
margin-bottom: 10px;
}
.ucs-content .page-journey .section-bottom .ucs-button {
width: 280px;
margin: 30px auto 0 ;
}
@media only screen and (max-width: 1200px) {
.ucs-content .page-journey .graphic-wrap {
width: 320px;
margin-right: 50px;
}
.ucs-content .page-journey .graphic-wrap h2 {
font-size: 53px;
}
.ucs-content .page-journey .graphic-wrap h2.smaller {
font-size: 40px;
}
.ucs-content .page-journey .graphic-wrap .arrow-wrap {
top: -70px;
width: 44px;
}
.ucs-content .page-journey .text-wrap h3.larger {
font-size: 33px;
margin-bottom: 20px;
}
.ucs-content .page-journey .text-wrap p {
font-size: 17px;
}
.ucs-content .page-journey .text-wrap .ucs-list {
padding-left: 25px;
}
.ucs-content .page-journey .text-wrap .ucs-list:before {
top: 9px;
}
.ucs-content .page-journey .text-wrap.larger p {
font-size: 18px;
}
.ucs-content .page-journey .text-wrap.larger .ucs-list:before {
top: 8px;
}
.ucs-content .page-journey .section-bottom p {
margin-bottom: 10px;
}
}
@media only screen and (max-width: 800px) {
.ucs-content .page-journey .ucs-item {
flex-direction: column;
margin-top: 90px;
}
.ucs-content .page-journey .ucs-item:first-child {
margin-top: 0;
}
.ucs-content .page-journey .graphic-wrap {
width: 320px;
margin-right: 0;
margin-bottom: 30px;
}
.ucs-content .page-journey .graphic-wrap h2 {
font-size: 53px;
}
.ucs-content .page-journey .graphic-wrap h2.smaller {
font-size: 40px;
}
.ucs-content .page-journey .graphic-wrap .arrow-wrap {
top: -60px;
}
.ucs-content .page-journey .text-wrap h3 {
text-align: center;
margin-bottom: 15px;
}
.ucs-content .page-journey .text-wrap h3.larger {
font-size: 30px;
}
.ucs-content .page-journey .text-wrap p {
font-size: 17px;
margin-bottom: 10px;
}
.ucs-content .page-journey .text-wrap .ucs-list {
margin-left: 20px;
padding-left: 20px;
margin-bottom: 7px;
}
.ucs-content .page-journey .text-wrap.larger p {
font-size: 18px;
}
.ucs-content .page-journey .text-wrap.larger .ucs-list:before {
width: 10px;
height: 10px;
}
.ucs-content .page-journey .section-bottom p {
margin-bottom: 10px;
}
.ucs-content .page-journey .section-bottom .ucs-button {
margin-top: 0;
}
}
@media only screen and (max-width: 600px) {
.ucs-content .page-journey .ucs-item {
flex-direction: column;
margin-top: 80px;
}
.ucs-content .page-journey .graphic-wrap {
width: 280px;
margin-right: 0;
margin-bottom: 20px;
}
.ucs-content .page-journey .graphic-wrap h2 {
font-size: 45px;
}
.ucs-content .page-journey .graphic-wrap h2.smaller {
font-size: 34px;
}
.ucs-content .page-journey .graphic-wrap .arrow-wrap {
top: -55px;
width: 40px;
}
.ucs-content .page-journey .text-wrap h3 {
text-align: center;
margin-bottom: 10px;
}
.ucs-content .page-journey .text-wrap h3.larger {
font-size: 27px;
margin-bottom: 10px;
}
.ucs-content .page-journey .text-wrap p {
font-size: 15px;
}
.ucs-content .page-journey .text-wrap .ucs-list {
margin-left: 20px;
padding-left: 20px;
}
.ucs-content .page-journey .text-wrap .ucs-list:before {
top: 7px;
}
.ucs-content .page-journey .text-wrap.larger p {
font-size: 16px;
}
.ucs-content .page-journey .text-wrap.larger .ucs-list:before {
top: 7px;
}
.ucs-content .page-journey .section-bottom p {
margin-bottom: 10px;
}
}
.ucs-content .page-our-projects {
padding-top: 100px;
}
.ucs-content .page-our-projects .container {
max-width: 1300px;
}
.ucs-content .page-our-projects .ucs-project {
display: flex;
flex-direction: row;
justify-content: space-between;
margin-bottom: 100px;
}
.ucs-content .page-our-projects .ucs-project:nth-child(2n+1) .graphic-wrap {
order: 1;
text-align: right;
}
.ucs-content .page-our-projects .ucs-project:nth-child(2n+1) .project-description {
order: 2;
}
.ucs-content .page-our-projects .ucs-project:nth-child(2n) .graphic-wrap {
order: 2;
}
.ucs-content .page-our-projects .ucs-project:nth-child(2n) .project-description {
order: 1;
}
.ucs-content .page-our-projects .column {
width: 47%;
}
.ucs-content .page-our-projects .graphic-wrap .image-wrap {
display: inline-block;
position: relative;
overflow: hidden;
border-radius: 0;
}
.ucs-content .page-our-projects .graphic-wrap .ucs-portret-img {
max-width: 400px;
}
.ucs-content .page-our-projects .graphic-wrap .project-category {
position: absolute;
top: 30px;
left: -78px;
display: block;
width: 300px;
height: 32px;
transform: rotate(-30deg);
font-size: 16px;
text-align: center;
text-transform: uppercase;
line-height: 32px;
font-weight: 700;
color: #fff;
background-color: #559e00;
}
.ucs-content .page-our-projects .graphic-wrap .category-research {
background-color: #cf0051;
}
.ucs-content .page-our-projects .graphic-wrap .category-restaurants {
background-color: #559e00;
}
.ucs-content .page-our-projects .graphic-wrap .category-retail {
background-color: #3B6C00;
}
.ucs-content .page-our-projects h2 {
font-size: 30px;
line-height: 1.3;
text-align: left;
margin-bottom: 30px;
}
.ucs-content .page-our-projects .project-location {
font-weight: 600;
color: #cf0051;
font-size: 0.8em;
}
@media only screen and (max-width: 900px) {
.ucs-content .page-our-projects .ucs-project {
flex-direction: column;
align-items: center;
margin-bottom: 80px;
}
.ucs-content .page-our-projects .ucs-project:nth-child(2n+1) .graphic-wrap {
order: 2;
text-align: right;
}
.ucs-content .page-our-projects .ucs-project:nth-child(2n+1) .project-description {
order: 1;
}
.ucs-content .page-our-projects .ucs-project:nth-child(2n) .graphic-wrap {
order: 2;
}
.ucs-content .page-our-projects .ucs-project:nth-child(2n) .project-description {
order: 1;
}
.ucs-content .page-our-projects .column {
width: 100%;
max-width: 700px;
}
.ucs-content .page-our-projects .project-description {
margin-bottom: 20px;
}
}
@media only screen and (max-width: 480px) {
.ucs-content .page-our-projects .ucs-project {
margin-bottom: 50px;
}
.ucs-content .page-our-projects h2 {
margin-bottom: 20px;
}
.ucs-content .page-our-projects .project-description {
margin-bottom: 10px;
}
.ucs-content .page-our-projects p {
margin-bottom: 10px;
}
.ucs-content .page-our-projects .graphic-wrap .project-category {
top: 6.5vw;
left: -18vw;
width: 65vw;
height: 6.6vw;
font-size: 3.3vw;
line-height: 6.6vw;
}
}
.ucs-content .content-wrap .container {
max-width: 1000px;
}
.ucs-content .content-wrap h3 {
color: #559e00;
}
.ucs-content .ucs-button.ucs-button-override.two-lines {
width: 280px;
margin: 30px 0 15px;
}
/*cesis footer menu*/
footer .footer_main .cesis_container {
padding-bottom: 0;
}
footer .footer_main .menu-footer-menu-container {
width: 100%;
text-align: center;
}
footer .footer_main .menu-footer-menu-container li {
display: inline-block;
margin-right: 40px;
}
footer .footer_main .menu-footer-menu-container li:last-child {
margin-right: 0;
}
footer .footer_sub .ucs-copyright {
line-height: 1.5;
}
@media only screen and (max-width: 600px) {
footer .footer_main .cesis_container {
padding-top: 50px;
}
footer .footer_main .footer_widget {
padding-bottom: 0;
}
footer .footer_main .menu-footer-menu-container li {
width: 100%;
margin-right: 0;
margin-bottom: 20px;
}
}
/*cesis builder*/
.ucs-pink h1,
.ucs-pink h2,
.ucs-pink h3,
.ucs-pink h4,
.ucs-pink h5 {
color: #cf0051;
}
.ucs-builder-row h1 {
font-size: 50px;
line-height: 1.2;
color: #1C1E1F;
}
.ucs-builder-row h2 {
font-size: 40px;
line-height: 1.2;
font-weight: 700;
text-align: center;
margin: 0 auto 40px;
color: #559e00;
}
.ucs-builder-row h2.smallest {
font-size: 35px;
}
.ucs-builder-row h2.small-bottom-margin {
margin-bottom: 5px;
}
.ucs-builder-row h3 {
font-size: 30px;
line-height: 1.5;
text-align: center;
/*margin: 0 0 40px;*/
}
.ucs-builder-row h4 {
color: #1C1E1F;
}
.ucs-builder-row .subhead {
font-size: 22px;
}
.ucs-builder-row .short-description {
font-size: 20px;
line-height: 1.5;
color: #1C1E1F;
text-align: center;
margin: 0 auto 40px;
}
.ucs-builder-row .ucs-dark h2,
.ucs-builder-row .ucs-dark h3,
.ucs-builder-row .ucs-dark .short-description {
color: white;
}
.ucs-builder-row p {
font-size: 16px;
margin: 0 0 20px;
}
.ucs-builder-row .featured {
color: #559e00;
font-weight: 700;
}
.ucs-builder-row .ucs-header h1 {
color: white;
text-shadow: 0 0 40px #000000;
}
.ucs-builder-row button,
.ucs-builder-row .vc_btn3-container a {
box-sizing: border-box;
height: 50px;
line-height: 50px;
font-weight: 600;
text-align: center;
color: white !important;
text-transform: uppercase !important;
background: linear-gradient(90deg, #6f8d03, #92c800, #6f8d03) !important;
background-size: 200% 100% !important;
background-position: 0 0 !important;
border: none !important;
border-radius: 150px;
padding: 0 20px;
transition: background-position 0.7s ease;
}
.ucs-builder-row button a {
display: inline-block;
width: 100%;
height: 100%;
color: white;
}
.ucs-builder-row button:hover,
.ucs-builder-row .vc_btn3-container:hover a {
cursor: pointer;
background-position: 100% 0 !important;
}
.ucs-builder-row button.two-lines {
width: 280px;
height: 60px;
line-height: 24px;
padding: 6px 10px;
}
.ucs-builder-row button.light-button {
background: #fff;
color: #559e00;
}
.ucs-builder-row .ucs-content .ucs-button {
display: inline-block;
width: 260px;
margin: 15px 20px 15px;
}
.ucs-builder-row .ucs-content .ucs-button a {
line-height: 50px !important;
text-transform: uppercase !important;
}
.ucs-builder-row .ucs-content .ucs-button:hover {
cursor: pointer;
background-position: 100% 0 !important;
}
@media only screen and (max-width: 1000px) {
.ucs-builder-row h1 {
font-size: 40px;
}
.ucs-builder-row h2 {
font-size: 32px;
}
.ucs-builder-row h2.smallest {
font-size: 28px;
}
.ucs-builder-row h3 {
font-size: 24px;
}
.ucs-builder-row .subhead {
font-size: 22px;
}
.ucs-builder-row .short-description {
font-size: 17px;
}
.ucs-builder-row p {
font-size: 16px;
}
.ucs-builder-row section {
padding: 70px 0;
}
}
@media only screen and (max-width: 767px) {
.ucs-builder-row .ucs-history-image {
order: 2;
margin-bottom: 40px;
}
.ucs-builder-row .ucs-history-image .vc_single_image-wrapper {
margin: 0 15px;
overflow: hidden;
border-radius: 12px;
}
.ucs-builder-row .ucs-history-text {
order: 1;
}
.ucs-builder-row .ucs-history-text .wpb_text_column {
padding: 0 !important;
margin-bottom: 20px;
}
}
@media only screen and (max-width: 600px) {
.ucs-builder-row h1 {
font-size: 35px;
}
.ucs-builder-row h2 {
font-size: 28px;
margin-bottom: 30px;
}
.ucs-builder-row h2.smallest {
font-size: 24px;
}
.ucs-builder-row h3 {
font-size: 22px;
margin-bottom: 30px;
}
.ucs-builder-row .subhead {
font-size: 18px;
}
.ucs-builder-row .short-description {
font-size: 18px;
}
.ucs-builder-row p {
font-size: 15px;
}
.ucs-builder-row section {
padding: 60px 0;
}
}
@media only screen and (max-width: 480px) {
.ucs-builder-row h1 {
font-size: 32px;
}
.ucs-builder-row h2 {
font-size: 26px;
margin-bottom: 25px;
}
.ucs-builder-row h2.smallest {
font-size: 22px;
}
.ucs-builder-row h3 {
font-size: 21px;
margin-bottom: 25px;
}
.ucs-builder-row .ucs-content .ucs-button {
margin: 15px 0 15px;
}
}
.ucs-revslider .ucs-content .ucs-button {
width: 280px;
height: 60px;
padding: 6px 10px !important;
margin-top: 50px;
}
.ucs-revslider .ucs-content .ucs-button a {
text-align: center !important;
line-height: 24px !important;
text-transform: uppercase !important;
color: white !important;
}
.ucs-revslider .ucs-content .ucs-button:hover {
cursor: pointer;
background-position: 100% 0;
}
.ucs-revslider .tp-bullet-title {
display: none !important;
}
@media only screen and (max-width: 480px) {
.ucs-revslider .ucs-content .ucs-button {
width: 220px;
margin-top: 30px;
}
}
.ucs-builder-news h2 {
font-size: 22px !important;
font-weight: 600 !important;
}
.ucs-builder-news .cesis_button_ctn,
.ucs-builder-news .read_more_small {
display: inline-block !important;
box-sizing: border-box !important;
font-size: 16px !important;
height: 40px !important;
line-height: 40px !important;
font-weight: 400 !important;
text-align: center !important;
color: white !important;
background: linear-gradient(90deg, #6f8d03, #92c800, #6f8d03) !important;
background-size: 200% 100% !important;
background-position: 0 0 !important;
border: none !important;
border-radius: 150px !important;
padding: 0 10px !important;
transition: background-position 0.7s ease !important;
}
.ucs-builder-news .read_more_small {
padding: 0 25px !important;
}
.ucs-builder-news .cesis_button_ctn:hover,
.ucs-builder-news .read_more_small:hover {
cursor: pointer !important;
background-position: 100% 0 !important;
}
.single-post .cesis_button_ctn,
.single-post .nav-next a,
.single-post .nav-previous a {
display: inline-block !important;
box-sizing: border-box !important;
font-size: 16px !important;
height: 40px !important;
line-height: 40px !important;
font-weight: 400 !important;
text-align: center !important;
color: white !important;
background: linear-gradient(90deg, #6f8d03, #92c800, #6f8d03) !important;
background-size: 200% 100% !important;
background-position: 0 0 !important;
border: none !important;
border-radius: 150px !important;
padding: 0 10px !important;
transition: background-position 0.7s ease !important;
}
.single-post .nav-next a,
.single-post .nav-previous a {
border-radius: 6px !important;
height: 46px !important;
line-height: 46px !important;
min-width: 130px;
}
.single-post .cesis_button_ctn:hover,
.single-post .nav-next a:hover,
.single-post .nav-previous a:hover {
cursor: pointer !important;
background-position: 100% 0 !important;
}
.ucs-builder-agents h2 {
line-height: 1.5;
}
.ucs-builder-agents h5 {
font-weight: 600;
}
.ucs-builder-agents .wpb_text_column {
margin-bottom: 15px;
}
.ucs-builder-agents .ucs-agents-two .wpb_single_image {
display: inline-block;
width: 49%;
}
.ucs-builder-agents img {
max-height: 400px;
width: auto;
}
@media only screen and (max-width: 767px) {
.ucs-builder-news .cesis_isotope.col_2 .cesis_iso_item {
width: 100% !important;
}
.ucs-builder-agents {
text-align: center;
}
.ucs-builder-agents h2 {
font-size: 30px;
margin-bottom: 15px;
}
.ucs-builder-agents .wpb_text_column {
margin-bottom: 15px;
}
.ucs-builder-agents .wpb_single_image {
text-align: center !important;
margin: 10px 0 15px;
}
}
.ucs-popup-intro {
max-width: 700px;
margin: 50px auto 30px !important;
line-height: 1.5;
text-align: center;
color: #559e00;
}
@media only screen and (max-width: 600px) {
.ucs-popup-intro .show-break {
display: none;
}
}
/*page About Us*/
#header-page-about-us {
background-position: 50% 95% !important;
}
.ucs-sustainable-development-goals-logo {
display: inline-block;
max-width: 300px;
}
.ucs-sustainable-development-goals-logo-wrap .wpb_wrapper {
text-align: center;
}
.ucs-un-icon {
display: inline-block;
max-width: 100px;
margin: 0 10px;
}
.ucs-container-un-icons .wpb_wrapper {
text-align: center;
}
.ucs-container-un-icons .wpb_wrapper p {
text-align: left;
}
@media only screen and (max-width: 900px) {
.ucs-un-icon {
max-width: 80px;
}
}
@media only screen and (max-width: 768px) {
.ucs-un-icon {
max-width: 100px;
}
}
.ucs-about-us-founders .vc_box_circle {
max-width: 320px !important;
}
#ucs-sustainability .ucs-custom-icon-cont {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
}
#ucs-sustainability .ucs-custom-icon {
width: 26%;
margin: 0 3% 0;
align-self: flex-start;
}
#ucs-sustainability .ucs-1icon .ucs-custom-icon {
width: 42%;
}
#ucs-sustainability .ucs-3icon .ucs-custom-icon:nth-child(1) {
margin: 0 37% 6%;
}
#ucs-sustainability .ucs-2icon .ucs-custom-icon:nth-child(1) {
margin: 0 53% 6% 21%;
}
@media only screen and (max-width: 768px) {
#ucs-sustainability .vc_column-inner {
max-width: 600px;
margin: 0 auto;
}
#ucs-sustainability .ucs-1icon .ucs-custom-icon {
width: 26%;
}
}
@media only screen and (max-width: 480px) {
#ucs-sustainability .ucs-custom-icon {
width: 39%;
margin: 0 3% 0;
}
#ucs-sustainability .ucs-1icon .ucs-custom-icon {
width: 39%;
}
#ucs-sustainability .ucs-3icon .ucs-custom-icon:nth-child(1) {
margin: 0 30.5% 6%;
}
#ucs-sustainability .ucs-2icon .ucs-custom-icon:nth-child(1) {
margin: 0 53% 6% 8%;
}
}
/*limitation poster width for single post*/
.single-post .cesis_blog_m_thumbnail .cesis_gallery_img {
float: none;
}
.single-post .cesis_blog_m_thumbnail .cesis_gallery_img img {
width: auto;
height: auto;
max-height: 50vh;
margin: 0 auto;
}
/*additional margin before title on single post pages*/
.single-post #main-content {
margin-top: 40px;
}
/**/
.ucs-faq-accordions .panel-title {
border-radius: 6px;
background-color: #fff !important;
border: none;
}
.ucs-faq-accordions .panel-title a {
text-transform: none;
font-size: 16px;
font-weight: 500;
line-height: 24px;
color: #1C1E1F !important;
padding: 10px 40px 10px 20px;
}
.ucs-faq-accordions .panel-title .plus-minus-toggle {
top: 48%;
}
.ucs-faq-accordions .panel-title .plus-minus-toggle:before {
background-color: #cf0051 !important;
}
.ucs-faq-accordions .panel-title .plus-minus-toggle:after {
background-color: #cf0051 !important;
}
.ucs-faq-accordions .panel-body {
padding-top: 20px;
padding-bottom: 20px;
}
/*main menu featured element*/
.menu-item a[title=featured-menu] span {
color: #cf0051 !important;
}
.menu-item a[title=featured-menu]:hover span {
color: #559e00;
}
.current-menu-item a[title=featured-menu] span {
color: #cf0051 !important;
}
/*freeze hiding sticky header for desctop*/
@media only screen and (min-width: 1200px) {
#cesis_header {
margin-top: 0 !important;
}
}
/*correct theme's submenu width*/
#site-navigation .sub-menu {
width: auto !important;
max-width: initial !important;
}
/*page the-launch-webinar*/
.ucs-webinar-logos {
width: 50%;
margin: -30px auto 20px;
}
.ucs-webinar-list p {
font-size: 20px;
font-weight: 400;
margin-bottom: 30px;
}
.ucs-webinar-list .ucs-list-time {
display: inline-block;
min-width: 70px;
font-size: 18px;
color: #559e00;
font-weight: 700;
}
@media only screen and (max-width: 767px) {
.ucs-webinar-logos {
width: 50%;
margin: -30px auto 20px;
}
.ucs-webinar-list p {
font-size: 16px;
margin-bottom: 20px;
}
.ucs-webinar-list .ucs-list-time {
min-width: 60px;
font-size: 16px;
}
}
/*landing page*/
.ucs-builder-row .ucs-startup-p-wrap {
font-size: 20px;
line-height: 2;
}
@media only screen and (max-width: 1000px) {
.ucs-builder-row .ucs-startup-p-wrap {
font-size: 17px;
}
}
@media only screen and (max-width: 600px) {
.ucs-builder-row .ucs-startup-p-wrap {
font-size: 15px;
}
}
.ucs-round-image .wpb_singleimage_heading {
position: absolute;
left: 50%;
top: 28%;
transform: translateX(-50%);
color: #fff;
font-size: 48px;
}
.ucs-round-image img {
width: 100%;
max-width: 480px !important;
}
@media only screen and (max-width: 1300px) {
.ucs-round-image .wpb_singleimage_heading {
font-size: 3.2vw;
}
}
@media only screen and (max-width: 767px) {
.ucs-round-image .wpb_singleimage_heading {
font-size: 60px;
}
}
@media only screen and (max-width: 520px) {
.ucs-round-image {
margin-bottom: 15px !important;
}
.ucs-round-image .wpb_singleimage_heading {
font-size: 11vw;
}
}
.ucs-why-is-modulex .ucs-column-button-container .wpb_wrapper {
text-align: center;
}
.ucs-why-is-modulex .ucs-column-button-container .wpb_wrapper .ucs-button {
min-width: 280px;
}
.ucs-why-is-modulex .ucs-large-p-wrap p {
font-size: 20px;
line-height: 2;
}
.ucs-why-is-modulex .ucs-large-p-with-icon-wrap {
margin-bottom: 20px;
}
.ucs-why-is-modulex .ucs-large-p-with-icon-wrap p {
font-size: 20px;
line-height: 2;
text-align: center;
margin-bottom: 10px;
}
.ucs-why-is-modulex .ucs-large-p-with-icon-wrap .ucs-adv-text {
display: inline-block;
width: 200px;
text-align: left;
}
.ucs-why-is-modulex .ucs-large-p-with-icon-wrap .ucs-adv-icon {
display: inline-block;
width: 30px;
height: 30px;
vertical-align: text-bottom;
}
@media only screen and (max-width: 1000px) {
.ucs-why-is-modulex .ucs-large-p-wrap p {
font-size: 17px;
}
.ucs-why-is-modulex .ucs-large-p-with-icon-wrap p {
font-size: 18px;
}
}
@media only screen and (max-width: 767px) {
.ucs-why-is-modulex .ucs-large-p-wrap {
margin-bottom: 30px;
}
.ucs-why-is-modulex .ucs-large-p-wrap p {
text-align: center;
}
.ucs-why-is-modulex .ucs-large-p-with-icon-wrap {
margin-bottom: 20px;
}
.ucs-why-is-modulex .ucs-large-p-with-icon-wrap p {
font-size: 16px;
}
.ucs-why-is-modulex .ucs-large-p-with-icon-wrap .ucs-adv-text {
width: 200px;
}
.ucs-why-is-modulex .ucs-large-p-with-icon-wrap .ucs-adv-icon {
width: 30px;
height: 30px;
}
}
@media only screen and (max-width: 600px) {
.ucs-why-is-modulex .ucs-large-p-wrap p {
font-size: 15px;
}
}
.ucs-form-heading {
margin: 0 auto 30px !important;
font-size: 20px !important;
line-height: 1.5;
text-align: left;
color: #559e00;
}
.page-id-1338 .cesis_mobile_menu_switch {
display: none !important;
}
/*legacy - notes pages*/
.ucs-builder-row-notes {
padding: 80px 0;
}
.ucs-builder-row-notes h1 {
font-size: 44px;
text-align: center;
line-height: 1.2;
}
.ucs-builder-row-notes h3 {
margin-top: 40px;
line-height: 1.5;
}
.ucs-builder-row-notes h4 {
margin-top: 30px;
line-height: 1.5;
}
.ucs-builder-row-notes h4 a {
color: #cf0051;
}
.ucs-builder-row-notes h4 a:hover {
color: #3B6C00;
}
.ucs-builder-row-notes p,
.ucs-builder-row-notes li {
font-size: 15px;
margin-bottom: 10px;
}
.ucs-builder-row-notes ul {
list-style: none;
margin-left: 1em;
}
.ucs-builder-row-notes ul li {
padding: 0;
}
.ucs-builder-row-notes ul li::before {
content: "\2022";
/* Add content: \2022 is the CSS Code/unicode for a bullet */
color: #559e00;
font-weight: bold;
font-size: 1.5em;
line-height: 1;
vertical-align: middle;
display: inline-block;
width: 1em;
margin-left: -1em;
}
.ucs-builder-row-notes p.larger {
font-size: 18px;
line-height: 1.5;
}
.ucs-builder-row-notes #tablepress-1 {
min-width: 900px;
font-size: 13px;
line-height: 1.5;
}
.ucs-builder-row-notes #tablepress-1 th {
background-color: #559e00;
color: #fff;
}
.ucs-builder-row-notes #tablepress-1 .column-1 {
width: 85px;
}
.ucs-builder-row-notes #tablepress-1 .column-2 {
width: 85px;
}
.ucs-builder-row-notes #tablepress-1 .column-3 {
width: 60px;
}
.ucs-builder-row-notes #tablepress-1 .column-5 {
width: 100px;
}
@media only screen and (max-width: 1000px) {
.ucs-builder-row-notes {
padding: 60px 0;
}
.ucs-builder-row-notes h1 {
font-size: 36px;
}
.ucs-builder-row-notes #tablepress-1_wrapper {
overflow-x: scroll;
}
}
@media only screen and (max-width: 800px) {
.ucs-builder-row-notes {
padding: 50px 0;
}
.ucs-builder-row-notes h1 {
font-size: 32px;
}
.ucs-builder-row-notes h3 {
font-size: 24px;
margin-top: 30px;
margin-bottom: 12px;
}
.ucs-builder-row-notes h4 {
font-size: 20px;
margin-top: 24px;
margin-bottom: 12px;
}
.ucs-builder-row-notes p,
.ucs-builder-row-notes li {
margin-bottom: 7px;
}
}
@media only screen and (max-width: 600px) {
.ucs-builder-row-notes {
padding: 10px 0 30px;
}
.ucs-builder-row-notes h1 {
font-size: 26px;
margin: 30px 0 -15px !important;
}
.ucs-builder-row-notes h3 {
font-size: 21px;
margin-top: 30px;
}
.ucs-builder-row-notes h4 {
font-size: 18px;
margin-top: 30px;
}
.ucs-builder-row-notes p,
.ucs-builder-row-notes li {
font-size: 14px;
line-height: 1.5;
}
.ucs-builder-row-notes p.larger {
font-size: 16px;
}
}
/*new page agents*/
.page-agents .world-map-wrap {
text-align: center;
}
.page-agents .world-map-wrap img {
max-width: 1000px;
}
.page-agents .agents-wrapper {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-around;
align-items: stretch;
}
.page-agents .agent-item {
width: 30%;
display: flex;
flex-direction: column;
align-items: center;
font-size: 20px;
margin-bottom: 40px;
}
.page-agents h2 {
font-size: 30px;
margin-bottom: 20px;
}
.page-agents .ucs-agent-photo-wrap {
width: 260px;
max-width: 100%;
margin-bottom: 20px;
border: none;
border-radius: 100%;
overflow: hidden;
font-size: 0;
}
.page-agents .ucs-agent-photo-wrap img {
width: 100%;
transform: scale(1);
transition: transform 0.7s ease;
}
.page-agents .ucs-agent-photo-wrap:hover img {
transform: scale(1.07);
}
.page-agents .ucs-agent-name {
font-size: 22px;
margin-bottom: 1px;
}
.page-agents .ucs-agent-company,
.page-agents .ucs-agent-company a {
font-size: 20px;
font-weight: 600;
margin-bottom: 10px;
color: #1C1E1F;
}
.page-agents .ucs-agent-company:hover a {
color: #cf0051;
}
.page-agents .ucs-agent-phone,
.page-agents .ucs-agent-email,
.page-agents .ucs-agent-site {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
margin-bottom: 5px;
}
.page-agents .ucs-agent-phone .ucs-agent-icon,
.page-agents .ucs-agent-email .ucs-agent-icon,
.page-agents .ucs-agent-site .ucs-agent-icon {
width: 30px;
height: 30px;
margin: 5px;
transform: scale(1);
transition: transform 0.5s ease;
}
.page-agents .ucs-agent-phone .ucs-agent-icon:hover,
.page-agents .ucs-agent-email .ucs-agent-icon:hover,
.page-agents .ucs-agent-site .ucs-agent-icon:hover {
transform: scale(1);
}
.page-agents .ucs-agent-phone .ucs-agent-data a,
.page-agents .ucs-agent-email .ucs-agent-data a,
.page-agents .ucs-agent-site .ucs-agent-data a {
font-size: 16px;
color: #1C1E1F;
}
.page-agents .ucs-agent-phone .ucs-agent-data a:hover,
.page-agents .ucs-agent-email .ucs-agent-data a:hover,
.page-agents .ucs-agent-site .ucs-agent-data a:hover {
color: #cf0051;
}
@media only screen and (max-width: 1200px) {
.page-agents .agents-wrapper {
justify-content: center;
}
.page-agents .agent-item {
width: 40%;
}
}
@media only screen and (max-width: 1000px) {
.page-agents .agent-item {
width: 50%;
}
}
@media only screen and (max-width: 767px) {
.page-agents .agent-item {
width: 100%;
margin-bottom: 50px;
}
.page-agents h2 {
font-size: 28px;
}
.page-agents .show-blank {
display: none;
}
}
@media only screen and (max-width: 480px) {
.page-agents h2 {
font-size: 26px;
}
.page-agents .ucs-agent-name {
font-size: 20px;
margin-bottom: 1px;
}
.page-agents .ucs-agent-company {
font-size: 18px;
margin-bottom: 10px;
}
.page-agents .ucs-agent-phone,
.page-agents .ucs-agent-email,
.page-agents .ucs-agent-site {
margin-bottom: 0;
}
.page-agents .ucs-agent-phone .ucs-agent-icon,
.page-agents .ucs-agent-email .ucs-agent-icon,
.page-agents .ucs-agent-site .ucs-agent-icon {
width: 20px;
height: 20px;
margin-right: 12px;
}
.page-agents .ucs-agent-phone .ucs-agent-data a,
.page-agents .ucs-agent-email .ucs-agent-data a,
.page-agents .ucs-agent-site .ucs-agent-data a {
font-size: 15px;
}
}
/*hide custom popup on mobile*/
@media only screen and (max-width: 480px), screen and (max-height: 550px) {
.custom-popup-container {
display: none;
}
}
/*page contact 2*/
.contact-region {
background-color: #4472c4;
width: 160px;
height: 32px;
font-size: 14px;
line-height: 32px;
text-align: center;
color: #fff;
margin: 0 auto;
}
/*corrections for custom popup*/
.custom-popup-container {
z-index: 1000;
}
.custom-popup-container .typeform-share.button {
background-color: #3B6C00 !important;
}
/*for slider revolution*/
.rs-slider-sup {
font-size: 0.7em !important;
}
/*change pagination number color for page In the News and Press Releases*/
.cesis_nav_style_0 span.cesis_nav_active,
.cesis_nav_style_0 .cesis_nav_numbers > span:hover,
.cesis_nav_style_0 > span:hover {
background-color: #559e00 !important;
}
/*page where to find us*/
.ucs-events-cont {
text-align: center;
}
.ucs-events-cont .ucs-events-logo {
margin-bottom: 20px;
}
.ucs-events-cont .ucs-events-logo img {
width: 100%;
max-width: 320px;
}
.ucs-events-cont .ucs-events-wrap {
font-weight: 400;
}
.ucs-events-cont a {
font-weight: 600;
}
.ucs-events-cont .ucs-event-data {
color: #559e00;
}
@media only screen and (max-width: 767px) {
}
/*correction for header background*/
.ucs-builder-row.ucs-background-position {
background-position-y: bottom !important;
}
/*correct bug with white strip on the right of the page after open-clos popup*/
.cesis_top_banner {
overflow: hidden;
}
/*prevent black outline in focused .pum-content*/
.pum-content:focus-visible {
outline: none !important;
}
/*button on the About Us page*/
.button-popup-request-brochure-container button {
min-width: 260px;
}
/*# sourceMappingURL=style.css.map */