*/
.clearfix:before,
.clearfix:after,
.row:before,
.row:after {
content: '\0020';
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}
.row:after,
.clearfix:after {clear: both;}
.row, .clearfix {zoom: 1;}
/* You can also use a
to clear columns */
.clear {
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}
/* #Mobile menu
================================================== */
/*Add block to #mobile-box with next code
*/
#mobile-box {
position: fixed;
top: 0;
left: -100%;
width: 100%;
height: 100%;
transition:.5s;
z-index: 101;
color: #fff;
background-color: #132728;
box-sizing: border-box;
}
.mobile-button {
position: absolute;
top: 32px;
right: -64px;
width: 32px;
height: 32px;
box-sizing: border-box;
cursor: pointer;
border: 0;
outline: none;
font-size: 0;
}
.mobile-button.toggle
{
right: 12px;
transition: 0.7s;
}
.mobile-button span {
display: block;
width: 100%;
height: 2px;
background-color: #ffffff;
position: absolute;
top: 16px;
transition: .3s;
border-radius: 3px;
}
.mobile-button span:before {
content: '';
width: 100%;
height: 2px;
background-color: #ffffff;
position: absolute;
top: -10px;
left: 0;
transition: .3s;
border-radius: 3px;
-webkit-transition: all .1s;
-moz-transition: all .1s;
transition: all .1s;
}
.mobile-button span:after {
content: '';
width: 100%;
height: 2px;
background-color: #ffffff;
position: absolute;
top: 10px;
left: 0;
transition: .3s;
border-radius: 3px;
-webkit-transition: all .1s;
-moz-transition: all .1s;
transition: all .1s;
}
.show-mobile-menu {
left: 0 !important;
}
.mobile-button.toggle span {background-color: transparent;}
.mobile-button.toggle span:before {
top: 0;
transform: rotate(-45deg);
}
.mobile-button.toggle span:after {
top: 0;
transform: rotate(45deg);
}
#mobile-box .container
{
width: 88%;
padding: 20px 6% 20px 6%;
max-width: 88%;
}
#block-language-switcher-mobile-box
{
width: 100%;
margin:22px 0 14px 0;
padding-bottom:24px;
float:left;
clear:both;
border-bottom: 1px dashed rgba(255, 255, 255, 0.32);
}
#block-language-switcher-mobile-box .links
{
margin: 0px;
list-style:none;
padding: 0 0 0 50px;
background: url(images/language-g.svg) left center no-repeat transparent;
background-size: 32px;
}
#block-language-switcher-mobile-box .links li
{
display:inline-block;
margin-right:10px;
list-style:none;
}
#block-language-switcher-mobile-box .links li a
{
color:#b2b2b2;
font-size:16px;
}
#block-basic-menu-mobile-box ul
{
margin: 0px;
list-style:none;
padding: 0 0 0 0px;
}
#block-basic-menu-mobile-box ul li
{
margin:18px 0;
position:relative;
}
#block-basic-menu-mobile-box ul li a
{
color: #24a781;
font-family: Heebo-SemiBold, Roboto-Medium, Helvetica, Arial;
font-size:20px;
}
#block-basic-menu-mobile-box,
#block-info-menu-mobile-box,
#block-address-mobile-box
{
clear:both;
float:left;
width:100%;
position:relative;
}
#block-info-menu-mobile-box ul
{
margin: 0px;
list-style:none;
padding: 0 0 0 0px;
}
#block-info-menu-mobile-box ul li
{
margin:12px 0;
position:relative;
}
#block-info-menu-mobile-box ul li a
{
color: #b2b2b2;
font-size:18px;
}
#block-address-mobile-box .block_content:before
{
content: '';
width: 46px;
height: 46px;
position: absolute;
z-index: 1;
top: 7px;
left: 0px;
display: block;
background: url(images/pin.svg) center center no-repeat #24a781;
background-size: 32px;
border-radius: 4px;
}
#block-address-mobile-box .block_content .field--name-body
{
padding-left: 64px;
}
/* #Glue (sticky)
================================================== */
#glue {
width: 100%;
min-width: 100%;
padding: 0;
top: 0;
position: fixed;
z-index: 100;
transition: .3s ease-in;
}
#glue.stickytop {
padding: 0;
width: 100%;
}
@supports ((position:sticky) or (position:-webkit-sticky))
{
#glue.stickytop {
position: -webkit-sticky;
position: sticky;
}
}
/* #Default style
================================================== */
#top-box,
#info-box,
#about-box,
#innovation-box,
#solutions-box,
#choose-box,
#review-box,
#blog-box,
#seo-box,
#footer,
.bio-pages
{
clear: both;
float: left;
width: 100%;
}
.user-logged-in #glue
{
margin-top: 78px;
}
/* Top Box */
#top-box
{
background-color:#156546;
padding:18px 0;
}
#top-box nav li a,
#top-box .block_content a
{
color:#fff;
}
#top-box nav,
#block-logo-top-box
{
float: left;
}
#block-logo-top-box
{
margin-right:4%;
}
#top-box nav ul
{
float: left;
margin:0px;
padding:0px;
list-style:none;
}
#top-box nav ul li
{
float: left;
margin-right: 12px;
}
#top-box nav ul li a:hover
{
opacity:0.8;
}
#block-language-switcher-top-box,
#block-email-top-box
{
float: right;
}
#block-basic-menu-top-box
{
margin-top:10px;
margin-right:3%;
}
#top-box #block-basic-menu-top-box ul li
{
font-size:18px;
font-family:Heebo-SemiBold, Roboto-Medium, Roboto-Medium, Helvetica, Arial;
margin-right: 20px;
}
#block-info-menu-top-box
{
margin-top:12px;
font-size:16px;
}
#block-email-top-box
{
margin-top:12px;
margin-right:112px;
}
#block-language-switcher-top-box
{
position:absolute;
z-index:1;
right:0px;
height:50px;
top:0px;
}
#block-language-switcher-top-box h4
{
font-size: 0px;
width: 32px;
height: 50px;
background: url(images/language-w.svg) center 7px no-repeat transparent;
background-size: 32px;
padding-top:7px;
cursor:pointer;
}
#block-language-switcher-top-box .block_content
{
position: absolute;
z-index: 2;
right: 0;
top: 49px;
background-color: #156546;
width: 160px;
padding: 0px;
border-radius: 4px;
transition: all .2s;
max-height: 0px;
}
#block-language-switcher-top-box:hover .block_content
{
max-height: 500px;
}
#block-language-switcher-top-box .block_content ul
{
margin:0px;
padding:0px 0;
list-style:none;
}
#block-language-switcher-top-box .block_content:hover ul
{
padding:20px 0;
max-height: 500px;
}
#block-language-switcher-top-box .block_content ul li a
{
display:block;
font-size:18px;
padding:0px 20px;
overflow-y: hidden;
max-height: 0px;
}
#block-language-switcher-top-box .block_content:hover ul li a
{
padding:10px 20px;
max-height: 500px;
}
#block-language-switcher-top-box .block_content ul li:after
{
position: absolute;
top: -40px;
right: 2px;
z-index: 10;
line-height: 32px;
width: 60px;
height: 42px;
color: #fff;
display: none;
cursor:pointer;
}
#block-language-switcher-top-box .block_content ul li.is-active:after
{
display: block;
}
#block-language-switcher-top-box .block_content ul li:first-child:after
{
content: 'en';
}
#block-language-switcher-top-box .block_content ul li:last-child:after
{
content: 'ua';
}
/* Main Slide */
#block-bio-content
{
margin-top:0px;
}
.bio-content .container img,
.main-infoleft img
{
width:100% !important;
height:auto !important;
}
.slick--view .slide-box
{
position:absolute;
top:12vh;
width:50%;
}
.slide-box .views-field-title
{
font-family:Heebo-Black, Roboto-Black, Helvetica, Arial;
width:94%;
}
.slide-box .views-field-title span
{
display:block;
}
.views-field-field-slide-annotation
{
width:80%;
margin:30px;
}
.views-field-field-slide-link a
{
display: inline-block;
padding: 0px 24px 0px 24px;
font-size: 18px;
line-height: 56px;
height: 54px;
border-radius: 120px;
transition: all .3s;
text-decoration: none !important;
border: 1px solid #cecece;
color: #132728;
font-family: Heebo-SemiBold, Roboto-Medium, Roboto-Medium, Helvetica, Arial;
}
.views-field-field-slide-link a:hover
{
background-color:#2b8ae8;
border: 1px solid #2b8ae8;
color: #fff;
}
/* Main Solutions */
#block-short-information-info-box
{
position:relative;
z-index:1;
margin-top:-50px;
width: 100%;
float: left;
margin-bottom:100px;
}
#block-short-information-info-box .block_content .field--name-body ul
{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin:0px;
padding:0px;
list-style:none;
}
#block-short-information-info-box .block_content .field--name-body ul li
{
padding:30px;
width: calc(102% / 3 - 60px);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
overflow: hidden;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-color: #f8f8f8;
position: relative;
margin:0 2%;
border-radius: 6px;
text-align:center;
box-shadow: 0px 0px 14px 0px rgb(0 0 0 / 10%);
overflow:hidden;
position:relative;
}
#block-short-information-info-box .block_content .field--name-body ul li:after
{
content:'';
background: url(images/test-start-3.jpg) center center no-repeat transparent;
background-size: cover;
width: 100%;
display: block;
position:absolute;
height:108%;
top:-4%;
width:108%;
left:-4%;
opacity:0.05;
}
#block-short-information-info-box .block_content .field--name-body ul li:nth-child(3):after
{
background: url(images/test-start-2.jpg) center center no-repeat transparent;
background-size: cover;
}
#block-short-information-info-box .block_content .field--name-body ul li:hover:after
{
opacity:0;
}
#block-short-information-info-box .block_content .field--name-body ul li:hover
{
box-shadow: 0px 0px 14px 0px rgb(0 0 0 / 50%);
}
#block-short-information-info-box .block_content .field--name-body ul li a
{
display: block;
width: calc(100% - 40px);
background-color: rgb(255 255 255 / 60%);
height: 100%;
border-radius: 6px;
padding:20px 20px 20px 20px;
position:relative;
z-index:2;
margin-top:70%;
}
#block-short-information-info-box .block_content .field--name-body ul li:hover a
{
background-color: rgb(255 255 255 / 100%);
box-shadow: 0px 0px 0px 40px rgb(43 138 232 / 100%);
}
#block-short-information-info-box .block_content .field--name-body ul li:first-child
{
margin:0 2% 0 0;
}
#block-short-information-info-box .block_content .field--name-body ul li:last-child
{
margin:0 0 0 2%;
}
#block-short-information-info-box .block_content .field--name-body ul li h4
{
font-family:Heebo-Black, Roboto-Black, Helvetica, Arial;
font-size:22px;
font-weight:normal;
width: 100%;
display: block;
float: left;
}
#block-short-information-info-box .block_content .field--name-body ul li p
{
font-size:18px;
width: 100%;
display: block;
float: left;
color: #132728 !important;
}
/* Main About */
#block-about-us-about-box
{
width: 100%;
float: left;
margin-bottom:100px;
margin-top:100px;
}
.path-frontpage #block-about-us-about-box
{
margin-top:0px;
}
.main-infoleft
{
float:left;
width:45%;
text-align:right;
}
.main-infoleft img
{
max-width:580px !important;
}
.main-inforight
{
float:right;
width:49%;
}
.main-inforight p span
{
color:#2b8ae8;
font-family: Heebo-SemiBold, Roboto-Medium, Roboto-Medium, Helvetica, Arial;
text-transform:uppercase;
}
.main-inforight p
{
line-height:32px;
font-size:19px;
max-width:560px;
}
.main-inforight h3
{
font-size: 34px;
font-family: Heebo-Black, Roboto-Black, Helvetica, Arial;
font-weight:normal;
}
.main-inforight a,
.views-field-view-taxonomy-term a
{
display: inline-block;
padding: 0px 20px 0px 20px;
font-size: 17px;
line-height: 54px;
height: 52px;
border-radius: 120px;
transition: all .3s;
text-decoration: none !important;
font-family: Heebo-SemiBold, Roboto-Medium, Roboto-Medium, Helvetica, Arial;
background-color:#2b8ae8;
border: 1px solid #2b8ae8;
color: #fff;
margin-top:30px;
}
.main-inforight a:hover,
.views-field-view-taxonomy-term a:hover
{
border: 1px solid #cecece;
color: #132728;
background-color:#ffffff;
}
/* Progects */
#block-views-block-all-projects-block-1 .contextual-region
{
width:100%;
float:left;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#block-views-block-all-projects-block-1 .views-row
{
width:calc(100% / 3);
float:left;
background-color: #132728;
position:relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
overflow: hidden;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
#block-views-block-all-projects-block-1 .views-row img
{
box-sizing: border-box;
float: left;
}
.pr-cont
{
padding:10px;
position:relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
overflow: hidden;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
#block-views-block-all-projects-block-1 .views-field-fieldset-1
{
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-color:rgb(21 101 70 / 90%);
opacity: 0;
-webkit-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
box-sizing: border-box;
padding: 20px;
margin: 20px;
}
#block-views-block-all-projects-block-1 .views-row:hover .views-field-fieldset-1
{
opacity: 1;
}
#block-views-block-all-projects-block-1 .views-field-fieldset-1 .field-content
{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
overflow: hidden;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.pr-cont .views-field-fieldset .views-field-title
{
width: 100%;
text-align: center;
margin-top:30%;
}
.pr-cont .views-field-fieldset .views-field-title a
{
font-family: Heebo-SemiBold, Roboto-Medium, Roboto-Medium, Helvetica, Arial;
font-size: 26px;
color:#fff;
}
.pr-cont .views-field-fieldset .views-field-view-node .field-content
{
text-align:center;
}
.pr-cont .views-field-fieldset .views-field-view-node a
{
display: inline-block;
font-size: 19px;
line-height: 54px;
height: 52px;
border-radius: 120px;
transition: all .3s;
text-decoration: none !important;
font-family: Heebo-SemiBold, Roboto-Medium, Roboto-Medium, Helvetica, Arial;
color: #23a781;
margin-top:30px;
}
.pr-cont .views-field-fieldset .views-field-view-node a:hover
{
color: #fff;
}
/* Questions */
#block-views-block-all-questions-block-1 .views-row
{
padding:30px;
margin-bottom:6px;
border-radius: 6px;
border:1px solid #e5e5e5;
}
#block-views-block-all-questions-block-1 .views-row:hover,
#block-views-block-all-questions-block-1 .views-row:active,
#block-views-block-all-questions-block-1 .views-row:focus
{
background-color: #f8f8f8;
}
#block-views-block-all-questions-block-1 .views-row summary
{
font-size:26px;
font-family: Heebo-Black, Roboto-Black, Helvetica, Arial;
color: #24a781;
cursor:pointer;
}
#block-views-block-all-questions-block-1 .views-row summary::marker
{
display:none !important;
width: 0 !important;
height: 0 !important;
font-size: 0 !important;
}
.views-field-field-question-text
{
padding-top:20px;
}
.views-field-field-question-text a
{
text-decoration:underline;
}
.page-node-6 .main-infoleft img
{
width:100% !important;
height:auto !important;
}
.page-node-6 .main-infoleft img
{
max-width:100% !important;
}
.page-node-6 #innovation-box
{
padding-top:36px;
background: url(images/about-bgr.jpg) center top no-repeat transparent;
background-size:100%;
position:relative;
margin-top:150px;
}
.page-node-6 #block-views-block-our-solutions-block-1
{
margin-top:50px;
}
.page-node-6 #innovation-box .container
{
width: 100%;
max-width: 100%;
padding: 0;
}
#block-text-on-about-page-innovation-box
{
position:initial;
}
#block-text-on-about-page-innovation-box .field--name-body
{
color:#fff;
}
#block-text-on-about-page-innovation-box .field--name-body .main-inforight
{
float:left;
padding:20px 0 50px 4%;
width: 43%;
}
/* Main Solutions Box */
.page-node-3 #breadcrumb-box,
.page-node-23 #breadcrumb-box,
.page-node-type-article #breadcrumb-box,
.page-node-type-project #breadcrumb-box
{
background: url(images/bread-bgr.jpg) center bottom no-repeat transparent;
background-size:cover;
padding:50px 0;
margin-top: 74px;
}
#block-views-block-all-solutions-block-1,
.path-frontpage #solutions-box,
.page-node-2 #solutions-box,
.page-node-4 #solutions-box,
.page-node-6 #solutions-box,
.page-node-type-application #solutions-box
{
background-color:#f8f8f8;
width: 100%;
float: left;
padding:70px 0;
background: url(images/solutions-bg.jpg) center bottom no-repeat #f8f8f8;
background-size: 100%;
}
.page-node-type-application #solutions-box,
.page-node-4 #solutions-box
{
margin-top:100px;
}
#block-views-block-our-solutions-block-1 .block_content div>div,
#block-views-block-all-solutions-block-1 .block_content div>div
{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin:0px;
padding:0px;
list-style:none;
width: 104%;
}
#block-views-block-our-solutions-block-1 header
{
display:block;
width:100%;
}
#block-views-block-our-solutions-block-1 header .head-3
{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin:0px;
padding:0px;
list-style:none;
}
#block-views-block-our-solutions-block-1 header .head-3 div
{
width:calc(62% - 150px);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
overflow: hidden;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 0 2%;
}
#block-views-block-our-solutions-block-1 header .head-3 div:first-child
{
margin:0 2% 0 0;
width:25%;
}
#block-views-block-our-solutions-block-1 header .head-3 div:last-child
{
margin:0 0 0 2%;
width:160px;
}
#block-views-block-our-solutions-block-1 header h3
{
font-size: 34px;
font-family: Heebo-Black, Roboto-Black, Helvetica, Arial;
margin-top:0px;
}
#block-views-block-our-solutions-block-1 header div:nth-child(2) p
{
font-family:Heebo-Light, Helvetica, Arial;
}
#block-views-block-our-solutions-block-1 header div:first-child p
{
margin-bottom:8px;
}
#block-views-block-our-solutions-block-1 header div:first-child p span
{
color: #2b8ae8;
font-family: Heebo-SemiBold, Roboto-Medium, Roboto-Medium, Helvetica, Arial;
text-transform: uppercase;
}
#block-views-block-our-solutions-block-1 header a
{
display: inline-block;
float:right;
font-size: 17px;
line-height: 54px;
height: 52px;
border-radius: 120px;
transition: all .3s;
text-decoration: none !important;
font-family: Heebo-SemiBold, Roboto-Medium, Roboto-Medium, Helvetica, Arial;
margin-top:30px;
border: 1px solid #cecece;
color: #132728;
text-align:center;
}
#block-views-block-our-solutions-block-1 header a:hover
{
background-color:#2b8ae8;
border: 1px solid #2b8ae8;
color: #fff;
}
#block-views-block-our-solutions-block-1 .block_content .views-row,
#block-views-block-all-solutions-block-1 .block_content div>div .views-row
{
padding:30px;
width: calc(98% / 3 - 60px);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
overflow: hidden;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-color: #ffffff;
position: relative;
margin:0 0 0 0;
border-radius: 6px;
text-align:center;
box-shadow: 0px 0px 14px 0px rgb(0 0 0 / 5%);
}
#block-views-block-all-solutions-block-1 .block_content div>div .views-row
{
margin:0 0 30px 0;
}
#block-views-block-our-solutions-block-1 .block_content .views-row:nth-child(3)
{
margin:0 4% 0 4%;
}
#block-views-block-all-solutions-block-1 .block_content div>div .views-row:nth-child(2)
{
margin:0 4% 30px 4%;
}
#block-views-block-our-solutions-block-1 .block_content .views-row:nth-child(4)
{
margin:0 0% 0 0%;
}
#block-views-block-all-solutions-block-1 .block_content div>div .views-row:nth-child(5)
{
margin:0 0% 30px 0%;
}
#block-views-block-our-solutions-block-1 .block_content div>div .views-row div.views-field,
#block-views-block-our-solutions-block-1 .block_content div>div .views-row div.views-field>div,
#block-views-block-all-solutions-block-1 .block_content div>div .views-row div.views-field,
#block-views-block-all-solutions-block-1 .block_content div>div .views-row div.views-field>div
{
display:block;
width:100%;
text-align:center;
}
#block-views-block-our-solutions-block-1 .views-field-name a,
#block-views-block-all-solutions-block-1 .views-field-name a
{
font-family: Heebo-SemiBold, Roboto-Medium, Roboto-Medium, Helvetica, Arial;
font-size: 24px;
}
.views-field-field-agriculture-characteristic
{
font-family: Heebo-SemiBold, Roboto-Medium, Roboto-Medium, Helvetica, Arial;
font-size: 18px;
}
#block-views-block-our-solutions-block-1 .block_content div>div .views-row div.views-field.views-field-field-agriculture-preview-image,
#block-views-block-all-solutions-block-1 .block_content div>div .views-row div.views-field.views-field-field-agriculture-preview-image
{
overflow:hidden;
border-radius:6px;
margin-bottom:30px;
}
.views-field-field-agriculture-preview-image img
{
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
width: 100%;
float: left;
}
.views-field-field-agriculture-preview-image img:hover
{
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
#block-views-block-our-solutions-block-1 .block_content div>div .views-row div.views-field.views-field-field-agriculture-type,
#block-views-block-all-solutions-block-1 .block_content div>div .views-row div.views-field.views-field-field-agriculture-type
{
font-family: Heebo-SemiBold, Roboto-Medium, Roboto-Medium, Helvetica, Arial;
font-size: 18px;
margin-top:16px;
color: #2b8ae8;
}
.views-field-description__value p
{
font-size:17px;
line-height:24px;
}
/* Equipment pages */
#block-agriculture-equipment-menu
{
float:left;
width:100%;
margin-bottom:40px;
position:relative;
z-index:1;
}
#block-agriculture-equipment-menu:after
{
background-color: #156546;
height:1px;
width:100%;
display:block;
position:absolute;
z-index:0;
top:25px;
content:'';
}
#block-agriculture-equipment-menu ul
{
margin:0px;
padding:0px;
list-style:none;
position:relative;
z-index:1;
float:left;
background-color:#fff;
padding-right:20px;
}
#block-agriculture-equipment-menu ul li
{
display:inline-block;
float:left;
margin-right:20px;
}
#block-agriculture-equipment-menu ul li a
{
background-color:#f8f8f8;
height:54px;
line-height:54px;
padding:0 20px;
display:inline-block;
border-radius:4px;
font-family: Heebo-SemiBold, Roboto-Medium, Roboto-Medium, Helvetica, Arial;
font-size: 18px;
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
text-decoration:none;
}
#block-agriculture-equipment-menu ul li a:hover,
#block-agriculture-equipment-menu ul li a.is-active
{
background-color: #2b8ae8;
color:#fff;
}
.path-taxonomy #block-bio-content .views-element-container
{
float:left;
width:100%;
}
.path-taxonomy #block-bio-content .views-element-container .views-row
{
float:left;
width:100%;
margin-bottom:70px;
clear:both;
}
.path-taxonomy #block-bio-content .views-element-container .views-row .views-field-field-equipment-preview-image
{
float:left;
width:420px;
}
.path-taxonomy #block-bio-content .views-element-container .views-row .views-field-fieldset
{
float:right;
width:calc(100% - 480px);
}
.path-taxonomy #block-bio-content .views-element-container .views-row .views-field-fieldset .views-field
{
float:left;
width:100%;
margin-bottom:10px;
clear:both;
}
.path-taxonomy #block-bio-content .views-element-container .views-row .views-field-title
{
font-size: 26px;
font-family: Heebo-Black, Roboto-Black, Helvetica, Arial;
}
.path-taxonomy #block-bio-content .views-element-container .views-row .views-field-title a
{
color: #2b8ae8;
}
.views-field-field-equipment-features .field-content ul,
.field--name-field-equipment-features
{
float:left;
width:100%;
margin:30px 0px;
padding:0px;
list-style:none;
}
.views-field-field-equipment-features .field-content ul li
{
display:inline-block;
float:left;
width:22%;
margin-right:3%;
text-align:center;
}
.field--name-field-equipment-features>.field__item
{
display:inline-block;
float:left;
margin-right:40px;
width:200px;
}
.field--name-field-equipment-features>.field__item .paragraph .field
{
display:inline-block;
float:left;
}
.field--name-field-equipment-features>.field__item .paragraph .field.field--name-field-equipment-feature-logo
{
margin-right:14px;
}
.field--name-field-equipment-features>.field__item .paragraph .field.field--name-field-equipment-feature-logo img
{
height:52px !important;
width:auto !important;
}
.field--name-field-equipment-features>.field__item .paragraph .field.field--name-field-equipment-feature-title
{
line-height:52px;
font-family: Heebo-SemiBold, Roboto-Medium, Roboto-Medium, Helvetica, Arial;
font-size: 16px;
}
.views-field-field-equipment-features .field-content ul li img
{
width:72px !important;
height:auto !important;
}
.path-taxonomy #block-bio-content .views-element-container .views-row .views-field-view-node a
{
display: inline-block;
padding: 0px 20px 0px 20px;
font-size: 17px;
line-height: 54px;
height: 52px;
border-radius: 120px;
transition: all .3s;
text-decoration: none !important;
font-family: Heebo-SemiBold, Roboto-Medium, Roboto-Medium, Helvetica, Arial;
background-color:#24a781;
border: 1px solid #24a781;
color: #fff;
margin-top:30px;
}
.path-taxonomy #block-bio-content .views-element-container .views-row .views-field-view-node a:hover
{
background-color:#2b8ae8;
border: 1px solid #2b8ae8;
}
.node--type-equipment
{
float:left;
width:100%;
clear:both;
position:relative;
margin-top:30px;
}
.eqp_content
{
float:right;
width:calc(100% - 600px);
clear:both;
min-height:530px;
}
.eqp_cbox
{
float:left;
width:100%;
clear:both;
position:relative;
}
.node--type-equipment .photoswipe-gallery
{
float:left;
width:100%;
clear:both;
}
.node--type-equipment .photoswipe-gallery .field__item
{
float:left;
width:calc(10% - 10px);
margin:5px;
}
.node--type-equipment .photoswipe-gallery img
{
width:100% !important;
height:auto !important;
}
.node--type-equipment .photoswipe-gallery .field__item
{
overflow:hidden;
border-radius:6px;
}
.node--type-equipment .photoswipe-gallery .field__item img
{
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
width: 100%;
float: left;
}
.horizontal-tabs ul.horizontal-tabs-list li a strong
{
color: #24a781;
font-family: Heebo-SemiBold, Roboto-Medium, Roboto-Medium, Helvetica, Arial;
font-weight:normal !important;
}
.horizontal-tabs ul.horizontal-tabs-list li.selected a strong
{
color: #132728;
}
.horizontal-tabs ul.horizontal-tabs-list li a,
.horizontal-tabs ul.horizontal-tabs-list li.selected a
{
padding: 1em 1.6em;
}
.horizontal-tabs .horizontal-tabs-list
{
background-color: transparent;
}
.horizontal-tabs
{
border-top: 0px solid #ccc;
border-right: 0px solid #ccc;
}
.horizontal-tabs-panes
{
border-right: 1px solid #ccc;
margin-top: -7px;
}
.horizontal-tabs-panes .horizontal-tabs-pane
{
padding:30px 30px 20px 30px;
}
.horizontal-tabs-panes .horizontal-tabs-pane table
{
width:100%;
}
.horizontal-tabs-panes .horizontal-tabs-pane table .text-align-right
{
text-align:left;
}
.horizontal-tabs-panes .horizontal-tabs-pane table tr td
{
padding:10px;
}
.horizontal-tabs-panes .horizontal-tabs-pane table tr:nth-child(2n) td
{
background-color: #f8f8f8;
}
.horizontal-tab-button.selected,
.horizontal-tab-button
{
border-top: 1px solid #ccc;
}
.node--type-equipment .photoswipe-gallery .field__item img:hover
{
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.node--type-equipment .photoswipe-gallery .field__item:first-child
{
width:520px;
left:0px;
top:0px;
position:absolute;
z-index:1;
}
.node--type-equipment .field-group-tabs-wrapper
{
float:left;
width:100%;
clear:both;
margin-top: 50px;
}
.field--name-field-equipment-purchase-request a
{
background-color:#f8f8f8;
height: 70px;
line-height: 72px;
padding: 0 30px;
display:inline-block;
font-family: Heebo-SemiBold, Roboto-Medium, Roboto-Medium, Helvetica, Arial;
font-size: 24px;
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
text-decoration:none;
background-color: #2b8ae8;
color: #fff;
}
.field--name-field-equipment-purchase-request a:hover
{
background-color: #24a781;
}
.field--name-field-equipment-features
{
margin: 0px 0px 30px 0px;
}
.field--name-field-equipment-annotation
{
line-height: 32px;
font-size: 19px;
font-family: Heebo-SemiBold, Roboto-Medium, Roboto-Medium, Helvetica, Arial;
margin:50px 0 30px 0;
float:left;
width:100%;
clear:both;
}
/* Choose Box */
#block-views-block-main-clients-block-1
{
background-color:#2b8ae8;
width:94%;
padding:70px 3% 400px 3%;
max-width:94%;
}
#block-why-choose-us-choose-box
{
background-color:#165a9d;
width: 92%;
padding: 50px 4% 50px 4%;
position: relative;
z-index: 1;
margin-top: 80px;
float: left;
}
#block-why-choose-us-choose-box .field--name-body
{
color:#fff;
}
.region-choose-box
{
float:left;
width:100%;
}
#block-views-block-main-clients-block-1 .block_content div>div
{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#block-views-block-main-clients-block-1 .views-row
{
width: calc(100% / 6);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
overflow: hidden;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-align: center;
}
.views-field-field-client-logo
{
padding:10px;
}
.choose-head
{
width:100%;
margin-bottom:30px;
float:left;
}
.choose-head div:first-child
{
width: 100%;
margin-right: 0%;
float: left;
max-width: 100%;
text-align: center;
}
.choose-head div:last-child
{
width:88%;
float: left;
font-family: Heebo-Light, Helvetica, Arial;
text-align: center;
margin:0 6%;
}
.choose-head h3
{
font-size:38px;
font-family: Heebo-Black, Roboto-Black, Helvetica, Arial;
margin-top: 0px;
line-height: 44px;
}
.choose-head p span
{
font-family: Heebo-SemiBold, Roboto-Medium, Roboto-Medium, Helvetica, Arial;
text-transform: uppercase;
}
.choose-content
{
width:100%;
float:left;
clear:both;
}
.choose-content ul
{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin:0px;
padding:0px;
list-style:none;
}
.choose-content ul li
{
width: calc(100% / 2);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-align: center;
padding:30px 10%;
position:relative;
line-height: 24px;
}
.choose-content ul li:nth-child(3),
.choose-content ul li:nth-child(4)
{
border-top: 1px dashed rgba(255, 255, 255, 0.12);
}
.choose-content ul li:nth-child(3):before,
.choose-content ul li:nth-child(4):before,
.choose-content ul li:nth-child(3):after,
.choose-content ul li:nth-child(4):after
{
position: absolute;
content: ' ';
left: 50%;
margin-left: -19px;
height: 11px;
width: 11px;
z-index: 1;
border-radius: 50px;
background-color: #fff;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
-moz-transition: all .3s ease;
transition: all .3s ease;
top: -7px;
}
.choose-content ul li:nth-child(3):after,
.choose-content ul li:nth-child(4):after
{
height: 21px;
width: 21px;
z-index: 0;
margin-left: -24px;
opacity: 0.4;
top: -12px;
}
/* Reviews */
#block-views-block-main-reviews-block-1
{
width:100%;
margin: 100px 0;
float:left;
}
#block-views-block-main-reviews-block-1 header
{
text-align:center;
width:100%;
margin-bottom:30px;
float:left;
}
#block-views-block-main-reviews-block-1 header h3
{
font-size: 34px;
font-family: Heebo-Black, Roboto-Black, Helvetica, Arial;
font-weight: normal;
margin-top:0px;
}
#block-views-block-main-reviews-block-1 header p span {
color: #2b8ae8;
font-family: Heebo-SemiBold, Roboto-Medium, Roboto-Medium, Helvetica, Arial;
text-transform: uppercase;
}
#block-views-block-main-reviews-block-1 .block_content div>div
{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-align: left;
}
#block-views-block-main-reviews-block-1 .views-row
{
width: calc(96% / 2);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
overflow: hidden;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-align: center;
margin:0px 1% 30px 1%;
padding:30px 20px;
background-color: #f8f8f8;
position: relative;
border-radius: 6px;
box-shadow: 0px 0px 14px 0px rgb(0 0 0 / 10%);
}
#block-views-block-main-reviews-block-1 .views-row img
{
display: block;
width: 100px;
margin: 0 auto;
float: none;
position: relative;
margin-right: -47px;
margin-left: 15px;
padding: 10px;
border: 1px solid #2b8ae8;
border-radius: 50%;
background-color: #fff;
}
.views-field-field-review-image
{
display:inline-block;
float:left;
width:122px;
position:relative;
z-index:2;
padding-top:32px;
}
.rev-box .views-field-fieldset
{
display:inline-block;
float:left;
padding: 0 0 0 38px;
position:relative;
width:calc(100% - 160px);
color: #585f5f;
}
#block-views-block-main-reviews-block-1 .views-field-fieldset:before
{
content: " ";
position: absolute;
top: 0px;
left: -54px;
right: 0;
height:180px;
width: 6px;
text-align: center;
transition: all 0.5s ease-in-out;
background-color: #2b8ae8;
z-index:1;
}
#block-views-block-main-reviews-block-1 .views-field-title
{
font-size: 22px;
font-family: Heebo-Black, Roboto-Black, Helvetica, Arial;
}
.views-field-field-review-text .field-content p
{
text-align:left;
margin-top:12px;
font-style: italic;
font-size:16px;
line-height:22px;
margin-bottom:12px;
display:block;
}
/* Main Blog */
#blog-box
{
background-color: #f8f8f8;
width: 100%;
float: left;
}
.region-blog-box
{
padding: 70px 0;
}
#block-views-block-main-articles-block-1 header,
#block-views-block-more-articles-block-1 header
{
width: 100%;
float: left;
}
#block-views-block-more-articles-block-1 header
{
padding: 0px 30px 0px 20px;
}
#block-views-block-main-articles-block-1 header div:first-child p span,
#block-views-block-more-articles-block-1 header div:first-child p span
{
color: #2b8ae8;
font-family: Heebo-SemiBold, Roboto-Medium, Roboto-Medium, Helvetica, Arial;
text-transform: uppercase;
}
#block-views-block-main-articles-block-1 header h3,
#block-views-block-more-articles-block-1 header h3,
#block-views-block-all-articles-block-1 header h3
{
font-size: 34px;
font-family: Heebo-Black, Roboto-Black, Helvetica, Arial;
margin-top: 0px;
}
#block-views-block-more-articles-block-1 header h3
{
font-size: 24px;
}
#block-views-block-main-articles-block-1 .block_content div>div ,
#block-views-block-all-articles-block-1 .block_content div>div
{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#block-views-block-main-articles-block-1 .views-row,
#block-views-block-all-articles-block-1 .views-row
{
width: calc(96% / 2);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
overflow: hidden;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-align: center;
margin: 0px 1% 30px 1%;
padding: 30px 30px 0px 20px;
background-color: #ffffff;
position: relative;
border-radius: 6px;
box-shadow: 0px 0px 14px 0px rgb(0 0 0 / 10%);
}
#block-views-block-all-articles-block-1 .views-row
{
background-color: #f8f8f8;
box-shadow: 0px 0px 14px 0px rgb(0 0 0 / 0%);
}
#block-views-block-more-articles-block-1 .views-row
{
margin: 0px 2% 30px 2%;
padding: 30px 30px 20px 20px;
background-color: #f8f8f8;
border-radius: 6px;
clear: both;
}
#block-views-block-main-articles-block-1 .block_content div>div .news-content,
#block-views-block-all-articles-block-1 .block_content div>div .news-content
{
float:left;
width:100%;
display:inline-block;
position:relative;
padding-bottom:20px;
}
#block-views-block-main-articles-block-1 .block_content div>div .views-field-field-article-preview-image,
#block-views-block-all-articles-block-1 .block_content div>div .views-field-field-article-preview-image
{
float:left;
width:30%;
display:inline-block;
}
#block-views-block-main-articles-block-1 .block_content div>div .views-field-fieldset,
#block-views-block-all-articles-block-1 .block_content .views-field-fieldset
{
float:right;
width:65%;
display:inline-block;
}
#block-views-block-main-articles-block-1 .views-field-title,
#block-views-block-all-articles-block-1 .views-field-title,
#block-views-block-more-articles-block-1 .views-field-title
{
font-size: 21px;
font-family: Heebo-Black, Roboto-Black, Roboto-Black, Helvetica, Arial;
margin-bottom:20px;
}
#block-views-block-more-articles-block-1 .views-field-title
{
font-size:19px;
font-family: Heebo-SemiBold, Roboto-Medium, Roboto-Medium, Roboto-Medium, Helvetica, Arial;
}
#block-views-block-main-articles-block-1 .block_content div>div.views-field-field-article-date,
#block-views-block-all-articles-block-1 .block_content div>div.views-field-field-article-date
{
float:left;
width:120px;
display:inline-block;
position:absolute;
z-index:1;
bottom:20px;
left:35%;
}
#block-views-block-main-articles-block-1 .block_content div>div.views-field-view-node,
#block-views-block-all-articles-block-1 .block_content div>div.views-field-view-node
{
float:left;
width:120px;
display:inline-block;
text-align:right;
font-family: Heebo-SemiBold, Roboto-Medium, Roboto-Medium, Helvetica, Arial;
font-size: 18px;
position:absolute;
z-index:1;
bottom:20px;
right:0px;
}
#block-views-block-main-articles-block-1 .block_content div>div.views-field-view-node .field-content,
#block-views-block-all-articles-block-1 .block_content div>div.views-field-view-node .field-content
{
float:left;
width:100%;
display:block;
}
#block-views-block-main-articles-block-1 .block_content div>div .views-field-view-node a,
#block-views-block-all-articles-block-1 .block_content div>div .views-field-view-node a,
#block-views-block-more-articles-block-1 .block_content div>div .views-field-view-node a
{
color: #2b8ae8;
}
#block-views-block-more-articles-block-1 .block_content .views-field-view-node
{
margin-top: 20px;
}
#block-views-block-more-articles-block-1 .block_content div>div .views-field-view-node a
{
font-family: Heebo-SemiBold, Roboto-Medium, Roboto-Medium, Roboto-Medium, Helvetica, Arial;
font-size: 19px;
color: #24a781;
}
.pager
{
clear:both;
width:96%;
float:left;
overflow-x:hidden;
margin:20px 2% 60px 2%;
}
.pager__items
{
width:100%;
float:left;
margin:0px;
padding:0px;
list-style:none;
white-space:nowrap;
}
.pager__items li
{
display:inline-block;
}
.pager__items li a
{
background-color: #f8f8f8;
border:2px solid #f8f8f8;
padding:0 8px;
line-height:32px;
display:inline-block;
font-family: Heebo-SemiBold, Roboto-Medium, Roboto-Medium, Roboto-Medium, Helvetica, Arial;
text-decoration:none;
}
.pager__items li.is-active a,
.pager__items li a:hover
{
background-color:transparent;
}
.field--name-field-article-video,
.field--name-field-article-gallery,
.field--name-field-application-gallery,
.field--name-field-application-video,
.field--name-field-project-gallery,
.field--name-field-project-video
{
padding:20px 20px 30px 20px;
}
.field--name-field-article-gallery .field__item,
.field--name-field-application-gallery .field__item,
.field--name-field-project-gallery .field__item
{
display:inline-block;
width:calc(48% - 10px);
margin:5px;
position: relative;
overflow: hidden;
}
.field--name-field-article-gallery .field__item img,
.field--name-field-application-gallery .field__item img,
.field--name-field-project-gallery .field__item img
{
opacity: 1;
-webkit-transition: all 1s;
-moz-transition: all 1s;
transition: all 1s;
width: 100%;
height: auto;
float: right;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}
.field--name-field-article-gallery .field__item:hover img,
.field--name-field-application-gallery .field__item:hover img,
.field--name-field-project-gallery .field__item:hover img
{
opacity: .8;
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.page-node-type-article .node__content
{
margin-bottom:70px;
}
/* SEO box */
#seo-box .block_content
{
margin:70px 0 50px 0;
}
#seo-box .block_content h1,
#seo-box .block_content h2,
#seo-box .block_content h3
{
font-size:22px;
}
/* Footer */
#footer
{
background: url(images/bionica-logo-w.svg) center center no-repeat #132728;
background-size:74%;
padding:50px 0;
float:left;
width:100%;
color:#fff;
}
#footer a
{
color:#fff;
}
#footer ul
{
list-style:none;
margin:0px;
padding:0px;
}
#footer h4
{
margin-top:0px;
font-family: Heebo-Black, Roboto-Black, Helvetica, Arial;
}
#block-social-icons-footer
{
margin-top:50px;
}
#block-social-icons-footer,
#block-copyright-footer
{
display:block;
width:100%;
clear:both;
float:left;
margin-top:20px;
}
#block-social-icons-footer .block_content,
#block-copyright-footer .block_content
{
text-align:center;
}
#block-logo-footer
{
float:left;
width:22%;
margin-right:3%;
}
#block-language-switcher-footer .links
{
margin:0px;
padding:0 0 0 50px;
background: url(images/language-g.svg) left center no-repeat transparent;
background-size: 32px;
}
#block-language-switcher-footer .links li
{
display:inline-block;
margin-right:12px;
}
#block-language-switcher-footer .links li a,
#block-useful-links-menu-footer ul li a,
#block-get-in-touch-footer .block_content p:first-child a
{
color:#b2b2b2;
font-size:17px;
}
#block-get-in-touch-footer .block_content p a
{
display:block;
}
#block-text-about-company-footer .block_content
{
font-size:16px;
color: #b2b2b2;
}
#block-useful-links-menu-footer
{
float:left;
width:22%;
margin-right:3%;
}
#block-useful-links-menu-footer li
{
margin-bottom:12px;
}
#block-get-in-touch-footer
{
float:left;
width:22%;
margin-right:3%;
}
#block-get-in-touch-footer .block_content p a
{
font-size:19px;
}
#block-social-icons-footer .field--name-body p
{
line-height:20px;
margin-bottom:0px;
font-size:21px;
}
#block-social-icons-footer .field--name-body p,
#block-social-icons-footer .field--name-body ul,
#block-social-icons-footer .field--name-body ul li
{
display:inline-block;
margin-right:12px;
}
#block-social-icons-footer .field--name-body ul li:last-child
{
margin-right:0px;
}
#block-social-icons-footer .field--name-body ul
{
margin:0px;
padding:0px;
list-style:none;
}
#block-social-icons-footer .field--name-body ul li a
{
display:block;
font-size: 0px;
width: 26px;
height:26px;
background: url(images/youtube-w.svg) center 3px no-repeat transparent;
background-size: 26px;
float:left;
}
/*#block-social-icons-footer .field--name-body ul li:last-child a
{
background: url(images/facebook-w.svg) center center no-repeat transparent;
background-size: 26px;
}*/
#block-copyright-footer .block_content
{
color: #b2b2b2;
font-size: 16px;
}
/* Applications */
#block-views-block-all-applications-block-1
{
float:left;
width:100%;
margin:30px 0 100px 0;
}
#block-views-block-all-applications-block-1 .block_content>div>div
{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 0px;
padding: 0px;
list-style: none;
}
#block-views-block-all-applications-block-1 .block_content .views-row
{
padding: 30px;
width: calc(102% / 3 - 60px);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
overflow: hidden;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
position: relative;
margin: 0 2%;
border-radius: 6px;
text-align: center;
}
#block-views-block-all-applications-block-1 .block_content .views-row:hover
{
background-color: #f8f8f8;
box-shadow: 0px 0px 14px 0px rgb(0 0 0 / 10%);
}
#block-views-block-all-applications-block-1 .block_content .views-row:first-child,
#block-views-block-all-applications-block-1 .block_content .views-row:nth-child(3n+1)
{
margin:0 2% 0 0;
}
#block-views-block-all-applications-block-1 .block_content .views-row:nth-child(3n)
{
margin:0 0 0 2%;
}
#block-views-block-all-applications-block-1 .views-field-title
{
margin-block-start: 1.33em;
margin-block-end: 1.33em;
}
#block-views-block-all-applications-block-1 .views-field-title a
{
color: #24a781;
font-family: Heebo-SemiBold, Roboto-Medium, Roboto-Medium, Helvetica, Arial;
font-size: 22px;
}
#block-views-block-all-applications-block-1 .views-row:hover .views-field-title a
{
color: #132728;
}
/* Columns */
#block-applications-menu
{
width:100%;
}
#block-applications-menu h4,
#block-information-menu h4
{
font-size:1.2em;
font-weight: normal;
font-family: Heebo-Black, Roboto-Black, Roboto-Black, Helvetica, Arial;
color: #106fad;
}
#block-information-menu h4
{
margin-bottom:30px;
}
#block-applications-menu ul,
#block-information-menu ul
{
margin:10px 0 0 0;
padding:0px;
list-style:none;
}
#block-applications-menu ul li,
#block-information-menu ul li
{
margin:0 0 10px 0px;
padding-bottom:0px;
}
#block-applications-menu ul li a,
#block-information-menu ul li a
{
font-family: Heebo-SemiBold, Roboto-Medium, Roboto-Medium, Roboto-Medium, Helvetica, Arial;
font-size: 19px;
color: #24a781;
width:calc(100% - 48px);
padding:14px 24px 14px 24px;
border-radius:6px;
display:block;
}
#block-applications-menu ul li a:hover,
#block-applications-menu ul li a.is-active
{
background-color:#f8f8f8;
color: #132728;
}
/* Applications Blog */
.field--name-field-article-video,
.field--name-field-article-gallery
{
padding:20px 20px 30px 20px;
}
.field--name-field-article-gallery .field__item
{
display:inline-block;
width:calc(48% - 10px);
margin:5px;
position: relative;
overflow: hidden;
}
.field--name-field-article-gallery .field__item img
{
opacity: 1;
-webkit-transition: all 1s;
-moz-transition: all 1s;
transition: all 1s;
width: 100%;
height: auto;
float: right;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}
.field--name-field-article-gallery .field__item:hover img
{
opacity: .8;
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.page-node-type-article .node__content
{
margin-bottom:70px;
}
/* Webforms */
#block-webform-contact-us
{
float: none;
width: calc(100% - 60px);
clear: both;
margin: 30px auto 30px auto;
padding: 10px 30px 40px 30px;
background-color: #f3f3f3;
border-radius: 8px;
max-width: 700px;
}
#block-webform-contact-us .block_content
{
width:calc(100% - 60px);
margin:0 30px;
}
.ui-dialog-titlebar span.ui-dialog-title
{
display:none;
}
.js-form-type-webform-markup
{
margin-bottom:22px;
}
#block-webform-contact-us .block_content h4
{
font-family: Heebo-Black, Roboto-Black, Roboto-Black, Helvetica, Arial;
font-size: 22px;
text-overflow: unset;
font-weight: normal;
text-align: center;
}
#block-webform-contact-us #edit-small-text
{
text-align: center;
}
.js-form-item h4
{
font-family: Helvetica, Arial;
text-overflow: unset;
font-size: 20px;
font-weight: normal;
}
.js-form-item h4
{
margin-top:0px;
}
#block-webform-contact-us .js-form-item
{
margin-top:12px;
}
.ui-widget.ui-widget-content .js-form-item
{
margin-top:10px;
font-size: 16px;
}
.ui-widget.ui-widget-content .js-form-item.js-form-type-processed-text
{
margin-top:0px;
}
#block-webform-contact-us textarea,
#block-webform-contact-us .js-form-item input,
#block-webform-contact-us .js-form-item select,
.ui-widget.ui-widget-content textarea,
.ui-widget.ui-widget-content .js-form-item input,
.ui-widget.ui-widget-content .js-form-item select
{
border:0px;
border-radius:4px;
width:calc(100% - 20px);
padding:0 10px;
font-size:18px;
}
#block-webform-contact-us .js-form-item input,
#block-webform-contact-us .js-form-item select
{
height:40px;
}
.ui-widget.ui-widget-content .js-form-item input,
.ui-widget.ui-widget-content .js-form-item select
{
height:36px;
}
#block-webform-contact-us .js-form-item select,
.ui-widget.ui-widget-content .js-form-item select
{
background-color:#0a629d;
color:#fff;
}
#block-webform-contact-us label
{
font-size: 15px;
margin-bottom: 8px;
display: block;
}
#drupal-modal label
{
font-size: 14px;
margin-bottom: 6px;
display: block;
}
#block-webform-contact-us #edit-actions
{
margin-top:30px;
}
#block-webform-contact-us #edit-actions input,
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button
{
display: inline-block;
padding: 0px 24px 0px 24px;
font-size: 18px;
line-height: 56px;
height: 54px;
border-radius: 120px;
transition: all .3s;
text-decoration: none !important;
border:1px solid #24a781;
background-color:#24a781;
color: #fff;
font-family: Heebo-SemiBold, Roboto-Medium, Roboto-Medium, Roboto-Medium, Helvetica, Arial;
text-align:center;
cursor:pointer;
}
#block-webform-contact-us #edit-actions input:hover
{
background-color: #156546;
color:#fff;
border:1px solid #156546;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button
{
display: block;
padding: 0px 0px 0px 20px;
text-align:center;
width:calc(100% - 2px);
color:#fff;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:hover
{
border:1px solid #fff;
color: #fff;
background-color:transparent;
}
.ui-widget.ui-widget-content
{
background-color: #156546;
border-radius: 8px;
border:0px;
color:fff;
}
.ui-widget-overlay
{
background: #000000;
opacity: .8;
}
.ui-dialog .ui-dialog-titlebar.ui-widget-header
{
padding:10px 30px 0px 30px;
position: relative;
background-color:transparent;
border:0px;
height: 20px;
}
.ui-dialog .ui-dialog-content
{
padding:20px 30px 0px 30px;
background-color:transparent;
border:0px;
}
.ui-dialog .ui-dialog-buttonpane
{
padding: 6px 30px 10px 30px;
background-color: transparent;
border: 0px;
}
.ui-dialog .ui-dialog-content
{
padding:0px 30px 0px 30px;
}
.ui-widget-header,
.ui-widget-content
{
color:#fff;
}
.ui-dialog .ui-dialog-titlebar-close
{
right: 8px;
top: 17px;
border: 0;
background-color: transparent;
}
.ui-dialog textarea
{
height:60px;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset
{
float: left;
width:100%;
}
.ui-widget-header .ui-icon
{
background: url(images/close-btn-w.svg) center center no-repeat transparent !important;
opacity:.7;
}
.ui-widget-header .ui-icon:hover
{
opacity:1;
}
/* Clients */
#block-views-block-all-clients-block-1
{
clear:both;
float:left;
width:100%;
}
#block-views-block-all-clients-block-1 .views-row
{
float:left;
width:23%;
margin:0px 1% 30px 1%;
}
/* Contacts */
.page-node-7 #block-bio-content .field--name-field-basic-page-text
{
clear:both;
float:left;
width:100%;
text-align: center;
}
/*.page-node-7 #block-bio-content .field--name-field-basic-page-text div
{
float:left;
width:calc(31.3333% - 48px);
margin:0px 2% 30px 0;
padding:20px 24px;
position:relative;
}*/
.page-node-7 #block-bio-content .field--name-field-basic-page-text div
{
display:inline-block;
width:calc(100% - 48px);
margin:0px auto 30px auto;
padding:20px 24px;
position:relative;
max-width: 700px;
text-align:left;
}
.page-node-7 #block-bio-content .field--name-field-basic-page-text div p
{
margin-left:60px;
margin-bottom:10px;
}
.page-node-7 #block-bio-content .field--name-field-basic-page-text div p:first-child
{
font-family: Heebo-Black, Roboto-Black, Roboto-Black, Helvetica, Arial;
font-size: 22px;
}
.page-node-7 #block-bio-content .field--name-field-basic-page-text div:before
{
content:'';
width:46px;
height:46px;
position:absolute;
z-index:1;
top:20px;
left:20px;
display:block;
background: url(images/mail.svg) center center no-repeat #24a781;
background-size:32px;
border-radius:4px;
}
.page-node-7 #block-bio-content .field--name-field-basic-page-text div:first-child:before
{
background: url(images/phone.svg) center center no-repeat #24a781;
background-size:32px;
}
.page-node-7 #block-bio-content .field--name-field-basic-page-text div:last-child:before
{
background: url(images/pin.svg) center center no-repeat #24a781;
background-size:32px;
}