*{
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}
*:focus{
    outline:0;
}
a{
    text-decoration:none;
    color:#000;
}
.mobile{
    display: block;
}
.desktop{
    display: none;
}
.middle{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
}
.center{
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    text-align:center;
}
.end{
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    justify-content:flex-end;
    text-align:end;
}
.auto-width{
    -webkit-box-flex:1;
    -ms-flex-positive:1;
    flex-grow:1;
    -ms-flex-preferred-size:0;
    flex-basis:0;
    max-width:100%;
}
.flex{
    display:flex;
}
.bottom{
    -webkit-box-align:end;
    -ms-flex-align:end;
    align-items:flex-end;
}
img{
    border:0;
}
select{
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    border-radius:0;
}
.no-scrolable{
    overflow:hidden;
}
.default-button{
    padding:5px 20px;
    background-color:#eb3d54;
    border-radius:8px;
    color:#fff;
    font-size:14px;
    letter-spacing:.5px;
}
.default-button.big{
    font-size:18px;
    font-weight:600;
}
.default-button.blue{
    background-color:#3678dc
}
.item-layout{
    padding:100px 0;
}
.item-layout.inline-title{
    padding:50px 0;
}
.item-layout.colored{
    background-color:#f5f5f5;
}
.item-layout:nth-child(1){
    padding-top:0;
}
.item-layout:nth-child(2n+3){
    background:#f5f5f5;
}
.item-layout.no-color{
    background-color:transparent!important;
}
.item-layout .item-content{
    max-width:1070px;
    margin:0 auto;
}
.item-layout .item-content h2{
    font-size:30px;
    line-height:52px;
    font-weight:400;
    margin:0;
    padding:0;
}
.item-layout.inline-title h2{
    margin-bottom:30px;
    margin-top:10px;
}
.item-layout .item-content span{
    font-size:18px;
}
.item-layout .items{
    margin-top:0;
    margin-bottom:20px
}
.item-layout.inline-title .items{
    margin-top:20px;
}
.item-layout .items .item{
    margin:0 20px;
}
.item-layout .items .text{
    text-align:left;
    line-height:24px;
}
.item-layout .items .image{
    display:flex;
}
.item-layout .items .image img{
    width:100%;
    border-radius:10px;
}
.item-layout.no-top-padding{
    padding-top:0;
}
.item-layout.no-bottom-padding{
    padding-bottom:0;
}
.item-layout .inline-button{
    margin-top:30px;
}
.tick{
    margin:0;
    padding-left:20px;
    position:relative;
}
.tick::after{
    content:"";
    position:absolute;
    left:0;
    top:-3;
    background:url('../images/icon-tick.svg') no-repeat left center;
    background-size:46%;
    width:30px;
    height:30px;
}
html{
    width:100%;
    height:100%;
}
body{
    margin:0;
    padding:0;
    font-size:14px;
    color:#212121;
    width:100%;
    height:100%;
    text-align:left;
    font-family:'Poppins',sans-serif;
}
.header{
    height:84px;
    position:relative;
    z-index:2;
}
.header .logo{
    display:inline-block;
    width:270px;
    height:65px;
    background:url('../images/logo-en.svg') no-repeat;
    background-size:100%;
}
.header.home-header{
    background-image:url(../images/header/table.png),url(../images/header/back.jpg);
    background-position:center bottom,center bottom;
    background-repeat:no-repeat,no-repeat;
    background-size:96%,cover;
    height:250px;
}
.header.about-header{
    background:url('../images/header/about.jpg') no-repeat center center;
    background-size:cover;
}
.header.services-header{
    background:url('../images/header/about.jpg') no-repeat center center;
    background-size:cover
}
.header.development-header{
    background:url('../images/header/about.jpg') no-repeat center center;
    background-size:cover;
}
.header.references-header{
    background:url('../images/header/about.jpg') no-repeat center center;
    background-size:cover;
}
.header.contact-header{
    background:url('../images/header/contact.jpg') no-repeat center center;
    background-size:cover;
}
.header.collaborations-header{
    background:url('../images/header/about.jpg') no-repeat center center;
    background-size:cover;
}
.header.database-header{
    background:url('../images/header/database.jpg') no-repeat center center;
    background-size:cover;
}
.header.services-detail-header{
    background:url('../images/header/about.jpg') no-repeat center center;
    background-size:cover;
}
.header.productions-header{
    background:url('../images/header/about.jpg') no-repeat center center;
    background-size:cover;
}
.header.collection-header{
    background:url('../images/header/database.jpg') no-repeat center center;
    background-size:cover;
}
.header.services-analyses-header{
    background:url('../images/header/about.jpg') no-repeat center center;
    background-size:cover;
}
.header.services-certificates-header{
    background:url('../images/header/about.jpg') no-repeat center center;
    background-size:cover;
}
.header.services-conservation-header{
    background:url('../images/header/about.jpg') no-repeat center center;
    background-size:cover;
}
.header:after{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.4) url('../images/bg-strip.png') repeat scroll 0 0;
    z-index:-1;
    pointer-events:all;
}
header .main-menu{
    position:absolute;
    width:100%;
    padding:10px 40px;
    display:none;
}
header .header-content{
    display:none;
}
header .home-header .header-content{
    display:flex;
    flex-direction:column;
    width:100%;
    height:100%;
    z-index:2;
}
header .header-content h2{
    font-size:25px;
    font-weight:700;
    margin:0;
    padding:0;
    color:#fff;
}
header .header-content span{
    color:#fff;
    display:inline-block;
    margin:20px 0 30px 0;
}
header .header-content .default-button{
    font-size:16px;
    font-weight:600;
    display:none;
}
header .main-menu .menu-wrapper{
    display:flex;
}
header .main-menu .menu-wrapper .links{
    text-align:right;
}
header .main-menu .menu-wrapper .links a{
    display:inline-block;
    color:#fff;
    padding:0 10px;
}
header .main-menu .menu-wrapper .links span{
    display:inline-block;
    margin-left:25px;
}
header .main-menu .menu-wrapper .links span a{
    padding:0 5px;
}
header .main-menu .menu-wrapper .links span a:last-child{
    position:relative;
    padding-left:8px;
}
header .main-menu .menu-wrapper .links span a:last-child::before{
    content:"|";
    position:absolute;
    left:0;
}
header .mobile{
    position:fixed;
    background-color:rgba(255,255,255,1);
    top:0;
    left:0;
    height:70px;
    z-index:99;
    width:100%;
    display:flex;
    border-bottom:solid 1px #bfbfbf;
}
.hamburger-container{
    border:0;
    display:inline-block;
    width:40px;
    height:25px;
    z-index:1000;
}
header .mobile .logo{
    display:none;
}
header .mobile img{
    width:200px;
}
.hamburger{
    width:30px;
    height:24px;
    position:fixed;
    right: 1rem;
    -webkit-transform:rotate(0deg);
    -moz-transform:rotate(0deg);
    -o-transform:rotate(0deg);
    transform:rotate(0deg);
    -webkit-transition:.5s ease-in-out;
    -moz-transition:.5s ease-in-out;
    -o-transition:.5s ease-in-out;
    transition:.5s ease-in-out;
    cursor:pointer;
}
.hamburger span{
    display:block;
    position:absolute;
    height:5px;
    width:100%;
    background:#000!important;
    border-radius:2px;
    opacity:1;
    left:0;
    -webkit-transform:rotate(0deg);
    -moz-transform:rotate(0deg);
    -o-transform:rotate(0deg);
    transform:rotate(0deg);
    -webkit-transition:.25s ease-in-out;
    -moz-transition:.25s ease-in-out;
    -o-transition:.25s ease-in-out;
    transition:.25s ease-in-out
}
.hamburger span:nth-child(1){
    top:0
}
.hamburger.open span:nth-child(1){
    top:9px;
    -webkit-transform:rotate(135deg);
    -moz-transform:rotate(135deg);
    -o-transform:rotate(135deg);
    transform:rotate(135deg);
}
.hamburger span:nth-child(2){
    top:9px;
}
.hamburger.open span:nth-child(2){
    opacity:0;
    left:-60px;
}
.hamburger span:nth-child(3){
    top:18px;
}
.hamburger.open span:nth-child(3){
    top:9px;
    -webkit-transform:rotate(-135deg);
    -moz-transform:rotate(-135deg);
    -o-transform:rotate(-135deg);
    transform:rotate(-135deg);
}
header .mobile-menu{
    position:fixed;
    top:0;
    left:-100%;
    width:100%;
    height:99999px;
    background-color:rgba(37,69,144,1);
    margin-top:70px;
    overflow:auto;
    z-index:9999;
    -webkit-transition:all .25s ease-out;
    -o-transition:all .25s ease-out;
    transition:all .25s ease-out;
}
header .mobile-menu.active{
    left:0;
}
header .mobile-menu-container{
    display:flex;
    flex-direction:column;
    width:100%;
    padding-top:50px;
}
header .mobile-menu-container a{
    color:#fff;
    font-size:22px;
    line-height:50px;
}
header .mobile-menu .item{
    display:table-row;
    text-align:center;
}
header .mobile-menu .item .links{
    padding-top:40px;
}
header .mobile-menu .item .link{
    display:block;
    color:#fff;
    font-size:25px;
    font-weight:400;
    line-height:45px
}
header .mobile-menu .link-title{
    display:block;
    color:#fff;
    font-size:25px;
    font-weight:400;
    line-height:45px
}
header .mobile-menu .link-wrapper .items{
    opacity:0;
    visibility:hidden;
    height:0
}
header .mobile-menu .link-wrapper .items.active{
    opacity:1;
    visibility:visible;
    height:auto
}
header .mobile-menu .link-wrapper .items a{
    color:#989898;
    font-size:18px;
    line-height:30px
}
header .mobile-menu .link-wrapper .pipe{
    color:#fff;
    font-size:18px;
    display:inline-block;
    margin:0 10px;
}
header .mobile-menu .langs{
    margin-top:15px;
    color:#989898;
    font-size:22px;
    font-weight:400;
    line-height:40px;
}
header .mobile-menu .langs a{
    color:#989898;
    font-size:22px;
    font-weight:400;
    line-height:40px;
}
.home-services{
    padding:0;
}
.home-services .items{
    margin:0 auto;
}
.home-services .items .item{
    margin:0 20px;
    border:solid 1px #ccc;
    padding:10px;
    margin-bottom:15px;
}
.home-services .items .item .col-6:first-child{
    background-color:#fff;
}
.home-services .items .item .text{
    padding:20px;
    text-align:center;
}
.home-services .items .item .text h2{
    font-size:36px;
    font-weight:400;
    margin:0;
    line-height:45px;
    text-align:center;
}
.home-services .items .item img{
    width:100%
}
.item.conservation{
    width:370px;
    height:auto!important;
    border:solid 1px #ccc;
    padding:15px 15px 20px 15px;
}
.item.conservation img{
    width:100%;
}
.home-image-services{
    background:url('../images/services.jpg') no-repeat fixed;
    background-size:cover;
}
.home-about{
    margin:0;
    background:url('../images/datu-logo.png') no-repeat center center;
    z-index:2;
    position:relative;
    padding:30px 0;
}
.home-about:after{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.4) url('../images/bg-strip.png') repeat scroll 0 0;
    z-index:-1;
    pointer-events:all;
}
.home-about h2{
    font-size:42px;
    font-weight:600;
    margin:0;
    color:#fff;
}
.home-about .text{
    margin:20px 0 40px;
    color:#fff;
}
.home-about .text p{
    text-align:center;
    margin:0;
}
.certificates .items{
    max-width:1070px;
    margin:0 auto;
    display:flex;
    margin-top:50px;
}
.about{
    display:flex;
    max-width:1080px;
    margin:0 auto;
    margin-bottom:100px;
}
.about img{
    width:100%;
}
.about .text div{
    margin-left:25px;
}
.page{
    padding:20px 0;
}
.page .page-header h1{
    text-align:center;
    margin:0;
    padding:0;
    font-weight:700;
    font-size:30px;
    position:relative
}
.page .page-header h1::after{
    content:"";
    width:86px;
    height:2px;
    background-color:#eb3d54;
    position:absolute;
    left:50%;
    transform:translate(-50%,0);
    bottom:0;
}
.page .page-header span{
    display:block;
    max-width:550px;
    margin:10px auto 0 auto;
    text-align:center;
}
.page .page-header span p{
    margin:0;
}
.page .page-header span.italic{
    font-style:italic;
}
.services-list-small{
    display:flex;
    display:-webkit-flex;
    flex-wrap:wrap;
    -webkit-flex-wrap:wrap;
    padding-top:120px;
    max-width:1150px;
    margin:0 auto;
}
.services-list-small.home-conservation{
    padding-top:30px!important;
}
.services-list-small .item{
    width:370px;
    height:220px;
    margin:0 30px 30px 30px;
}
.services-list-small .item h2{
    font-size:17px;
    font-weight:600;
    margin:6px 0;
    position:relative;
}
.services-list-small .item h2::after{
    content:"";
    position:absolute;
    width:100%;
    height:80px;
    margin:0 auto;
    left:0;
    top:-80px;
}
.services-list-small .item.extensive-dye-plant-collection h2::after{
    background:url('../images/icon-extensive-dye-plant-collection.png') no-repeat center center
}
.services-list-small .item.colour-database h2::after{
    background:url('../images/icon-colour-database.png') no-repeat center center
}
.services-list-small .item span{
    font-size:12px;
    display:block;
    margin-bottom:15px;
}
.image-gallery{
    padding:30px 0;
    margin-bottom:50px;
}
.image-gallery .items{
    max-width:1070px;
    margin:0 auto;
    display:flex;
    flex-wrap:wrap;
}
.image-gallery .items .item .item-content{
    margin:15px;
}
.image-gallery .items .item .item-content img{
    width:100%;
}
.contact-form{
    margin-bottom:100px;
}
.contact-form .form{
    display:flex;
    display:-webkit-flex;
    flex-wrap:wrap;
    -webkit-flex-wrap:wrap;
    max-width:800px;
    margin:0 auto;
}
.contact-form .form .item{
    margin:0 15px 30px 15px;
}
.contact-form .form label{
    display:block;
    margin-bottom:3px;
    font-size:16px;
    font-weight:600;
}
.contact-form .form .input{
    display:block;
    width:100%;
    border:solid 1px #e3e3e3;
    background-color:#fafafa;
    padding:10px;
}
.contact-form .form .submit{
    border:0;
    cursor:pointer;
    padding:10px 20px;
    float:right;
}
.contact-form .form .input-wrapper{
    width:100%;
    margin:0 15px 20px 15px;
}
.contact-form .form .textarea{
    display:block;
    width:100%;
    border:solid 1px #e3e3e3;
    background-color:#fafafa;
    padding:10px;
    height:120px;
}
.forms-list{
    padding-top:80px;
    margin-bottom:100px;
}
.forms-list .item-content{
    max-width:1170px;
    margin:0 auto;
}
.forms-list h2{
    text-align:center;
    margin:0;
    padding:0;
    font-weight:700;
    font-size:42px;
    position:relative;
}
.forms-list h2::after{
    content:"";
    width:86px;
    height:2px;
    background-color:#eb3d54;
    position:absolute;
    left:50%;
    transform:translate(-50%,0);
    bottom:0;
}
.forms-list span{
    display:block;
    max-width:550px;
    margin:10px auto 0 auto;
    text-align:center;
}
.forms-list span p{
    margin:0;
}
.forms-list .items{
    display:flex;
    display:-webkit-flex;
    flex-wrap:wrap;
    -webkit-flex-wrap:wrap;
    margin-top:100px;
}
.forms-list .item{
    width:320px;
    height:200px;
    margin:0;
    text-align:center;
}
.forms-list .item h3{
    font-size:17px;
    font-weight:600;
    margin:6px 0;
    position:relative;
}
.forms-list .item h3::after{
    content:"";
    position:absolute;
    width:100%;
    height:80px;
    margin:0 auto;
    left:0;
    top:-80px;
    background:url(../images/icon-forms.svg) no-repeat center center;
    background-size:15%
}
.forms-list .item span{
    font-size:12px;
    display:block;
    margin-bottom:15px
}
.forms-list .default-button{
    background-color:#3678dc
}
.item-layout.references{
    padding:20px 0;
}
.item-layout.references h2{
    font-size:26px!important;
    margin-bottom:20px;
    line-height:35px!important;
}
.item-layout.references .item .short-info{
    margin:20px 0;
}
.item-layout.services-detail .image{
    background:url('../images/tim.jpg') no-repeat center center;
    background-size:cover;
}
.item-layout.collaborations:first-child{
    margin-top:0;
}
.item-layout.collaborations .image{
    background-color:#f5f5f5
}
.item-layout.collaborations .image.no-color{
    background-color:transparent!important;
}
.item-layout.collaborations .item-content h2{
    font-size:24px;
}
.item-layout.news .image{
    background-color:#f5f5f5;
	line-height:35px!important;
}
.item-layout.news .image.no-color{
    background-color:transparent!important;
}
.item-layout.news .item-content h2{
    font-size:24px;
	line-height: 1.5;
}
.databases{
    max-width:1170px;
    margin:0 auto;
    padding-bottom:50px
}
.databases .items{
    display:flex;
    display:-webkit-flex;
    flex-wrap:wrap;
    -webkit-flex-wrap:wrap;
}
.databases .items .item{
    margin:10px;
    text-align:center;
}
.databases .items .item img{
    width:100%;
}
.databases .items .item h3{
    margin:5px 0 0;
    font-weight:400;
}
.databases .items .item span{
    font-style:italic;
    font-size:12px;
}
.databases-details{
    text-align:center;
    max-width:800px;
    margin:0 auto;
}
.databases-details .rows{
    margin:20px 0;
}
.databases-details h3{
    font-weight:normal;
    font-size:18px;
    margin:0;
    font-weight:500;
}
.databases-details .text{
    margin-bottom:80px;
}
footer{
    background-color:#f5f5f5;
    padding:55px 0;
    text-align:center;
    border-top:solid 1px #dce3ea;
}
footer h3{
    font-size:34px;
    font-weight:600;
    margin:0;
    padding:0;
}
footer p{
    margin:0;
    padding:3px 0;
}
footer .social-media{
    margin:20px 0;
}
footer .social-media a{
    width:26px;
    height:26px;
    display:inline-block;
    margin:0 5px;
}
footer .social-media .facebook{
    background:url('../images/icon-facebook.svg') no-repeat center center;
    background-size:100%;
}
footer .social-media .instagram{
    background:url('../images/icon-instagram.svg') no-repeat center center;
    background-size:100%;
}
@media(min-width:768px){
    .col-1{
        -ms-flex-preferred-size:8.33333333%;
        flex-basis:8.33333333%;
        max-width:8.33333333%;
    }
    .col-2{
        -ms-flex-preferred-size:16.66666667%;
        flex-basis:16.66666667%;
        max-width:16.66666667%;
    }
    .col-3{
        -ms-flex-preferred-size:25%;
        flex-basis:25%;
        max-width:25%;
    }
    .col-3-1{
        -ms-flex-preferred-size:20%;
        flex-basis:20%;
        max-width:20%;
    }
    .col-3-2{
        -ms-flex-preferred-size:40%;
        flex-basis:40%;
        max-width:40%;
    }
    .col-4{
        -ms-flex-preferred-size:33.33333333%;
        flex-basis:33.33333333%;
        max-width:33.33333333%;
    }
    .col-5{
        -ms-flex-preferred-size:41.66666667%;
        flex-basis:41.66666667%;
        max-width:41.66666667%;
    }
    .col-6{
        -ms-flex-preferred-size:50%;
        flex-basis:50%;
        max-width:50%;
    }
    .col-7{
        -ms-flex-preferred-size:58.33333333%;
        flex-basis:58.33333333%;
        max-width:58.33333333%;
    }
    .col-8{
        -ms-flex-preferred-size:66.66666667%;
        flex-basis:66.66666667%;
        max-width:66.66666667%;
    }
    .col-9{
        -ms-flex-preferred-size:75%;
        flex-basis:75%;
        max-width:75%;
    }
    .col-10{
        -ms-flex-preferred-size:83.33333333%;
        flex-basis:83.33333333%;
        max-width:83.33333333%;
    }
    .col-11{
        -ms-flex-preferred-size:91.66666667%;
        flex-basis:91.66666667%;
        max-width:91.66666667%;
    }
    .col-12{
        -ms-flex-preferred-size:100%;
        flex-basis:100%;
        max-width:100%;
    }
    .header.home-header{
        background-image:url('../images/header/cabinet.png'),url('../images/header/table.png'),url('../images/header/back.jpg');
        background-position:right bottom,center bottom,center bottom;
        background-repeat:no-repeat,no-repeat,no-repeat;
        background-size:12%,62%,cover;
        height:513px;
    }
    header .header-content .default-button{
        display:inline-block;
    }
    header .main-menu{
        display:block;
    }
    header .header-content h2{
        font-size:42px;
    }
    .home-services .items{
        display:flex;
        display:-webkit-flex;
        max-width:1170px;
    }
    .home-services .items .item{
        display:flex;
        display:-webkit-flex;
        margin-bottom:0;
    }
    .home-services .items .item .text{
        text-align:left;
    }
    .home-services .items .item .text h2{
        font-size:36px;
        line-height:45px;
        text-align:left;
    }
    .page{
        padding:60px 0;
    }
    .page .page-header h1{
        font-size:42px;
    }
    .home-about{
        display:flex;
        margin:50px 0 100px 0;
        height:520px;
        background:url('../images/datu-logo.png') no-repeat center center;
        flex-direction:column;
    }
    .home-about .text{
        display:flex;
        max-width:810px;
    }
    .home-about .text p{
        text-align:left;
        margin:0 40px;
        margin:0 20px;
        max-width:300px;
    }
    .home-about .text p:first-child{
        text-align:right
    }
    .home-image-services{
        height:520px;
    }
    .home-about{
        padding:0;
    }
    .item-layout .items{
        display:flex;
        margin-top:75px;
        margin-bottom:20px;
    }
    .item-layout .item-content h2{
        font-size:42px;
    }
    footer h3{
        font-size:42px;
    }
}
@media (min-width: 600px)
{
    header .main-menu
    {
        display: block;
    }

    header .mobile
    {
        display: none;
    }