/* Theme Name: Medup */
@font-face {
    font-family: 'BPreplay';
    src: url('font-face/BPreplay.eot');
    src: url('font-face/BPreplay.eot?#iefix') format('embedded-opentype'),
        url('font-face/BPreplay.woff2') format('woff2'),
        url('font-face/BPreplay.woff') format('woff'),
        url('font-face/BPreplay.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Lato';
    src: url('font-face/Lato-Regular.eot');
    src: url('font-face/Lato-Regular.eot?#iefix') format('embedded-opentype'),
        url('font-face/Lato-Regular.woff2') format('woff2'),
        url('font-face/Lato-Regular.woff') format('woff'),
        url('font-face/Lato-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Ostrich Sans Rounded';
    src: url('font-face/OstrichSansRounded-Medium.eot');
    src: url('font-face/OstrichSansRounded-Medium.eot?#iefix') format('embedded-opentype'),
        url('font-face/OstrichSansRounded-Medium.woff2') format('woff2'),
        url('font-face/OstrichSansRounded-Medium.woff') format('woff'),
        url('font-face/OstrichSansRounded-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'doodleregular';
    src: url('font-face/doodle-webfont.woff2') format('woff2'),
         url('font-face/doodle-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
textarea{resize : none;}
a:active, a:link, a:visited { outline: none !important;}
a:focus, a:link, a:visited {-moz-outline-style: none !important;}
a, a:hover {text-decoration : none !important;}
table {border-collapse: collapse; border-spacing: 0;}
body, a, input, textarea, label {
    font-family: 'Lato';
    font-size: 14px;
    color : #4d4d4d;
    line-height : 140%;
}
img, fieldset, input, textarea {border : 0px;}
a *{cursor : pointer !important;}
h1,h2,h3,h4,h5{display : block; font-weight : normal;}
.clearer{
    display:block !important;
    height: 0px !important;
    width: 0px !important;
    clear: both !important;
    float: none !important;
}
.left{float: left;}
.right{float: right;}
/* HOMEPAGE */
body{background: #e6e6e6;}
.container{
    max-width: 1200px;
    padding: 0px 10px;
    margin: 0 auto;
    position: relative;
}
/* NAVIGATION */
body, html{height: 100%;min-height: 100%;position: relative;}
#header{
    height: 100%;
    background: #e6e6e6 url(images/header02.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;       
}
#top{
    height: 100px;
    width: 100%;
    position: absolute;
    top: 30px;
    left: 0px;
    z-index: 999999;
}
.language{position: absolute; right: 15px; top: 17px; width: 65px; height: 14px;}
#nav-bar .language{position: absolute; right: 0px; top: 35px; width: 65px; height: 14px;}
.resmenu .language{top: 51px;right: 70px;}
.language li{
    height: 14px;
    width: 19px;
    line-height: 14px;
    float: left;
    margin-right: 7px;
}
.language li a{
    display: block;
    opacity: 0.6;
    height: 14px;
    width: 19px;
    line-height: 14px;
    text-indent: -999999px;
}
.lang-item-en{margin-right: 5px;}
.lang-item-it a{background: url(images/itaen.png) no-repeat left top;}
.lang-item-en a{background: url(images/itaen.png) no-repeat right top;}
.current-lang a{opacity: 1 !important;}
/* FADE IN OUT */
.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
@-webkit-keyframes fadeOut {0% {opacity: 1;}100% {opacity: 0;}}
@keyframes fadeOut {0% {opacity: 1;}100% {opacity: 0;}} 
.fadeIn {
    display: block !important;
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
@-webkit-keyframes fadeIn {0% {opacity: 0;}100% {opacity: 1;}}
@keyframes fadeIn {0% {opacity: 0;}100% {opacity: 1;}} 
.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
@-webkit-keyframes slideInRight {0% {-webkit-transform: translateX(100%); transform: translateX(100%); visibility: visible;}
100% {-webkit-transform: translateX(0);transform: translateX(0);}}
@keyframes slideInRight {0% {-webkit-transform: translateX(100%); transform: translateX(100%); visibility: visible;}
100% {-webkit-transform: translateX(0);transform: translateX(0);}} 
.delay-900 {animation-delay: 600ms;}
.delay-1200 {animation-delay: 1200ms;}
/* ********************************* */
#top.noscroll{
    position: absolute !important;
    margin-top: -50px !important;
    top: 50% !important;
    -webkit-transition: all 0.8s ease;
    -moz-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
    transition: all 0.8s ease;    
}
.nav-background{
    position: absolute;
    text-align: center;
    height: 60px;
    width: 100%;
    top: 190px;
}
.left-border{background: url(images/left-border.png); width: 32px; height: 61px;position: absolute; left: -32px; top: 0px;}
.logo{
    height: auto;
    width: 170px;
    float: left;
    margin: 13px 0px 0px 5px;
}
.logo.top-mobile{display: none !important;}
#top .logo{
    width: 180px;
    margin: 10px 0px 0px 40px;
}
.relative{position: relative;}
#pull {
    height: 36px;
    width: 36px;
    display: none;
    background: url(images/pull.png);
    position: absolute;
    right: 0px;
    top: 0px;
    cursor: pointer;
}
#pull.top-mobile{display: none !important;background: url(images/pull-sec.png);}
#pullsec{
    height: 36px;
    width: 36px;
    display: none;
    background: url(images/pull-sec.png);
    position: absolute;
    right: 15px;
    top: 21px;
    cursor: pointer;
}
.logo img{display: block; width: 100%;}
.main-title{
    color: #fff;
    display: block;
    text-align: center;
    padding-left: 0px;
    font-family: 'Ostrich Sans Rounded';
    font-size: 60px;
    line-height: 62px;
}
.main-subtitle {
    padding: 0px 15px;
    position: relative;
    height: 26px;
    background: #1DA453;
    width: 515px;
    margin: 10px auto 0 auto;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;    
}
.en .main-subtitle{width: 640px;}
.main-subtitle span {
    color: #fff;
    text-align: center;
    display: block;
    text-align: center;
    font-family: 'doodleregular';
    font-size: 36px;
    position: absolute;
    left: 0px;
    width: 100%;
    top: 4px;
}
.visible{display: block !important;}
#main-container{position: relative;}
#nav-bar{
    width: 100%;
    background: #fff;
    height: 80px;
    position: absolute;
    right: 45px;
    top: 0px;
    z-index: 999999;
    border-bottom: 1px solid #eee;
}
.nav-container{float: right;margin-right: 35px;}
.arrow{
    z-index: 999;    
    display: block;
    width: 46px;
    position: absolute;
    left: 50%;
    bottom: 35px;
}
.arrow img{width: 100%;}
.floating-arrow {
    -webkit-animation-name: floating-arrow;
    animation-name: floating-arrow;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; 
}
@-webkit-keyframes floating-arrow {from {-webkit-transform: translate(-50%, 0); transform: translate(-50%, 0);}
65% {-webkit-transform: translate(-50%, 15px);transform: translate(-50%, 15px);}
to {-webkit-transform: translate(-50%, 0);transform: translate(-50%, 0);}}
@keyframes floating-arrow {from {-webkit-transform: translate(-50%, 0); transform: translate(-50%, 0);}
65% {-webkit-transform: translate(-50%, 15px); transform: translate(-50%, 15px);}
to {-webkit-transform: translate(-50%, 0); transform: translate(-50%, 0);}}
/* NAVIGATION */
.navigation{padding-top: 15px;padding-right: 70px;}
#nav-bar .navigation{float: right;margin-top: 0px; padding-top: 33px;}
.navigation li{float: left;}
.navigation a{
    text-transform: uppercase;
    font-family: 'BPreplay';
    font-size: 15px;
    padding: 0px 12px;
}
#top .navigation a{color: #fff;}
#nav-bar .navigation a{color: #4d4d4d;}
.navigation a span{
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;    
    height: 8px;
    width: 8px;
    margin: 7px auto 0px auto;
    background: #1DA554;
    display: none;
}
.navigation a:hover{color: #e6e6e6;}
.navigation a:hover span, .navigation .first span{display: block !important;}
/* MAIN CONTAINER */
.text{padding: 130px 0px 0px 40px;color: #fff;max-width: 540px;text-align: justify;}
.text p{margin-bottom: 15px;}
.text ul{margin: 10px 0px;}
.text ul li{
    background: url(images/check.png) no-repeat left 8px;
    padding: 2px 0px 2px 18px;    
}
.title{
    font-family: 'BPreplay';
    color: #fff;
    font-size: 24px;
    margin-bottom: 40px;
    text-transform: uppercase;
}
.image{
    background: url(images/img01.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;        
}
.left{float: left; width: 50%; min-height: 700px;}
.right{float: right; width: 50%; min-height: 700px;background: #2ba05a;}
.section{
    background: #fff;
    padding-top: 30px;
    padding-bottom: 50px;
}
.section .title{color: #2BA05A;}
.top-shadow{background: url(images/top-shadow.png) no-repeat center top;padding-top: 30px;}
.bottom-shadow{background: url(images/bottom-shadow.png) no-repeat center bottom;padding-bottom: 30px;}
.entry{padding: 90px 0px 0px 0px;text-align: justify;}
.entry .post{width: 50%;max-width: 740px;min-height: 700px;padding-bottom: 50px;text-align: justify;}
.npb{padding-bottom: 0px !important;}
.entry p{margin-bottom: 10px;}
.section-image{
    width: 450px;
    height: 725px;
    position: absolute;
    right: 10px;
    bottom: 0px;
}
.section-image-mobile{display: none;}
.section-image img{width: 100%;display: block;}
/* APPLICATION */
#applications{
    background: #e6e6e6 url(images/top-shadow.png) no-repeat center top;
    padding-top: 110px;
}
#applications .bottom-shadow{padding-bottom: 70px;}
.box{background: url(images/top-shadow.png) no-repeat center bottom;padding-bottom: 30px; margin-bottom: 10px;}
.box .title{color: #207A8B; margin-bottom: 20px;}
.box-body{
    background: #fff;
    min-height: 150px;
    padding: 35px 200px 35px 30px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;    
}
.box-body.one{background: #fff url(images/box01.png) no-repeat right center;}
.box-body.three{background: #fff url(images/box03.png) no-repeat right center;}
.box-body.green{background: #207A8B url(images/box02.png) no-repeat 30px center;}
.box-body.green p, .box-body.green .title{color: #fff !important;}
.box-body.textright{padding: 35px 35px 35px 210px;}
/* LIFECYCLE */
#features{
    background: url(images/lifecycle.jpg) no-repeat center center fixed;   
    height: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;    
    position: relative;
    min-height: 350px;
    padding: 0px 10px;
    padding-bottom: 40px;
}
#features .entry .post {
    min-height: 300px;
}
#features, #features *{color: #fff;}
#features .section-image{
    width: 490px;
    position: absolute;
    right: 50px;
    top: 120px;
}
#features .entry{padding-top: 30px;}
#features{padding-top: 120px;}
#features .title {color:#fff; text-align: center;margin-bottom: 25px; background: url(images/line.jpg) no-repeat center bottom;padding-bottom: 25px;}
#competence{background: #fff;padding: 0px 0px 0px 0px;}
.wide-title{
    background: #2BA05A;
    padding: 20px 10px;
    font-family: 'BPreplay';
    color: #fff;
    font-size: 22px;
    text-transform: uppercase;
    text-align: center;
}
#competence p{text-align: center;}
#competence img{display: block; margin: 30px auto; width: 100%; max-width: 320px;}
.item{
    width: 33.33333333333333%;
    float: left;
    color: #207A8B;
    font-family: 'BPreplay';
    font-size: 15px;
}
.item li{display: block;text-align: center;font-size: 16px;padding: 2px 0px;}
.item-list{margin: 50px auto 15px auto; max-width: 900px;}
/* FOOTER */
#contacts{
    background: #e6e6e6 url(images/top-shadow.png) no-repeat center top;
    padding-top: 30px;
}
.bottom-shadow{padding-bottom: 30px;}
#contacts h3{font-family: 'BPreplay';text-align: center; font-size: 16px; display: block; margin-bottom: 10px;text-transform: uppercase;}
#contacts span {text-align: center;display: block;}
#contacts img{display: block; margin: 10px auto 25px auto; width: 80%; max-width: 150px;}
#copyright{background: #fff;padding: 15px 10px;text-align: center !important;position: relative;}
#copyright, #copyright a{font-size: 13px;}
#copyright a:hover{color: #2ba05a;}
.phone-mail{margin: 20px auto 30px auto; width: 100%; max-width: 400px;}
#contacts a:hover{color: #2ba05a;}
.phone{
    padding: 10px 0px 10px 45px;
    margin: 0 auto;
    margin-top: 15px;
    width: 150px;
    background: url(images/phone.png) no-repeat left center;
}
.mail{
    padding: 10px 0px 10px 45px;
    margin: 0 auto;
    width: 150px;
    background: url(images/envelope.png) no-repeat left center;
}
.mail a{display: block; margin: 2px 0px;}
.arrow-top{
    position: absolute;
    right: 15px;
    bottom: 10px;
    background: url(images/arrow-top.png) no-repeat center center;
    height: 30px;
    width: 30px;
}
/* LOADER */
#loader-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100000000;
}
#loader {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 120px;
    height: 120px;
    margin: -60px 0 0 -60px;
    border-radius: 50%;
    border: 2px solid transparent;
    border-top-color: #2ba05a;
    -webkit-animation: spin 2s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
    animation: spin 2s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
    z-index: 1001;
}
#loader:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    border-radius: 50%;
    border: 2px solid transparent;
    border-top-color: #fff;
    -webkit-animation: spin 3s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
    animation: spin 3s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
}
#loader:after {
    content: "";
    position: absolute;
    top: 13px;
    left: 13px;
    right: 13px;
    bottom: 13px;
    border-radius: 50%;
    border: 2px solid transparent;
    border-top-color: #62e095;
    -webkit-animation: spin 1.5s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
    animation: spin 1.5s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
}
@-webkit-keyframes spin {
    0%   { 
    -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: rotate(0deg);  /* IE 9 */
    transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
}
100% {
    -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: rotate(360deg);  /* IE 9 */
    transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
}
}
@keyframes spin {
    0%   { 
    -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: rotate(0deg);  /* IE 9 */
    transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
}
100% {
    -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: rotate(360deg);  /* IE 9 */
    transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
}
}
#loader-wrapper .loader-section {
    position: fixed;
    top: 0;
    width: 51%;
    height: 100%;
    background: #000;
    z-index: 1000;
    -webkit-transform: translateX(0);  /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: translateX(0);  /* IE 9 */
    transform: translateX(0);  /* Firefox 16+, IE 10+, Opera */
}
#loader-wrapper .loader-section.section-left {left: 0;background: #000;}
#loader-wrapper .loader-section.section-right {right: 0;background: #000;}
.loaded #loader-wrapper .loader-section.section-left {
    -webkit-transform: translateX(-100%);  /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: translateX(-100%);  /* IE 9 */
    transform: translateX(-100%);  /* Firefox 16+, IE 10+, Opera */
    -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);  
    transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}
.loaded #loader-wrapper .loader-section.section-right {
    -webkit-transform: translateX(100%);  /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: translateX(100%);  /* IE 9 */
    transform: translateX(100%);  /* Firefox 16+, IE 10+, Opera */
    -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);  
    transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}
.loaded #loader {
    opacity: 0;
    -webkit-transition: all 0.3s ease-out;  
    transition: all 0.3s ease-out;
}
.loaded #loader-wrapper {
    visibility: hidden;
    -webkit-transform: translateY(-100%);  /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: translateY(-100%);  /* IE 9 */
    transform: translateY(-100%);  /* Firefox 16+, IE 10+, Opera */
    -webkit-transition: all 0.3s 1s ease-out;  
    transition: all 0.3s 1s ease-out;
}
.no-js #loader-wrapper {display: none;}
.no-js h1 {color: #222222;}
.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}
.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}
.hidden {display: none !important; visibility: hidden;}
.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}
.invisible {visibility: hidden;}
.clearfix:before,.clearfix:after {content: " "; /* 1 */ display: table; /* 2 */}
.clearfix:after {clear: both;}
.clearfix { *zoom: 1;}
.delay-one {animation-delay: 3400ms;}
.delay-two {animation-delay: 4100ms;}
.delay-three {animation-delay: 4100ms;display: block;}
.mobile-title{display: none;}
.mobile-title span{display: block; text-align: center;line-height: 44px;}