/* cmsms stylesheet: OneERP modified: 14.03.2016 20:52:40 */
@font-face {font-family: 'ProximaNovaSoft-Medium';src: url('https://one-erp.ro/uploads/webfonts/1A2EC4_0_0.eot');src: url('https://one-erp.ro/uploads/webfonts/1A2EC4_0_0.eot?#iefix') format('embedded-opentype'),url('https://one-erp.ro/uploads/webfonts/1A2EC4_0_0.woff') format('woff'),url('https://one-erp.ro/uploads/webfonts/1A2EC4_0_0.ttf') format('truetype'),url('https://one-erp.ro/uploads/webfonts/1A2EC4_0_0.svg#wf') format('svg');}
 
@font-face {font-family: 'ProximaNovaSoft-Semibold';src: url('https://one-erp.ro/uploads/webfonts/1A2EC4_1_0.eot');src: url('https://one-erp.ro/uploads/webfonts/1A2EC4_1_0.eot?#iefix') format('embedded-opentype'),url('https://one-erp.ro/uploads/webfonts/1A2EC4_1_0.woff') format('woff'),url('https://one-erp.ro/uploads/webfonts/1A2EC4_1_0.ttf') format('truetype'),url('https://one-erp.ro/uploads/webfonts/1A2EC4_1_0.svg#wf') format('svg');}
 
@font-face {font-family: 'ProximaNovaSoft-Bold';src: url('https://one-erp.ro/uploads/webfonts/1A2EC4_2_0.eot');src: url('https://one-erp.ro/uploads/webfonts/1A2EC4_2_0.eot?#iefix') format('embedded-opentype'),url('https://one-erp.ro/uploads/webfonts/1A2EC4_2_0.woff') format('woff'),url('https://one-erp.ro/uploads/webfonts/1A2EC4_2_0.ttf') format('truetype'),url('https://one-erp.ro/uploads/webfonts/1A2EC4_2_0.svg#wf') format('svg');}
 
@font-face {font-family: 'ProximaNovaSoft-Regular';src: url('https://one-erp.ro/uploads/webfonts/1A2EC4_3_0.eot');src: url('https://one-erp.ro/uploads/webfonts/1A2EC4_3_0.eot?#iefix') format('embedded-opentype'),url('https://one-erp.ro/uploads/webfonts/1A2EC4_3_0.woff') format('woff'),url('https://one-erp.ro/uploads/webfonts/1A2EC4_3_0.ttf') format('truetype'),url('https://one-erp.ro/uploads/webfonts/1A2EC4_3_0.svg#wf') format('svg');}
 

html {
    /*min-width: 720px;*/
}

body {
    /*padding: 20%;*/
    /*min-width: 720px;*/
    font-family: 'ProximaNovaSoft-Regular', sans-serif;
}

span .fa {
    font-family: 'FontAwesome';
}

b {
    font-family: 'ProximaNovaSoft-Bold', sans-serif;
}

a, a:hover, a:visited {
    color: #4063AD;
}

ul li {
    list-style-type: disc;
}

@keyframes fadeIn { 
  from { opacity: 0; } 
}

@keyframes slideAnim { 
    0%{background-position:0% 200%}
}

body.modal-opened {
    overflow: hidden;
}

body > .scroll {
    font-size: 3vw;
    position: fixed;
    bottom: 2vh;
    right: 2vh;
    /*
    display: block;
    width: 100%;
    text-align: right;
    margin-right: ;
    
    opacity: 0.8;
    /*
    background: linear-gradient(180deg, #fff, #99DBF3, #fff);
    background-size: 200% 200%;
    animation: slideAnim 4s linear infinite;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;    
    opacity: 0.75;
    */
    
    animation: fadeIn 2s infinite alternate;
}

#nextscroll {
    cursor: pointer;
    color: #4A859A;
    text-decoration: none;
}

#top-alhpa, #bottom-alpha {
    position: fixed;
    display: block;
    width: 100%;
    height: 12vw;
    background-color: #fff;
    z-index: 100;
}

#top-alhpa {
    top: 0;
    -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, 
    from(rgba(0,0,0,1)), to(rgba(0,0,0,0)));
}

#bottom-alpha {
    bottom: 0;
    -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, 
    from(rgba(0,0,0,0)), to(rgba(0,0,0,1)));
}

#home {
    height: 59vw;
}

#home .content > div {
    padding: 5vw 20.5vw 0 20.5vw;
}

#home .logo {
    display: block;
    width: 6vw;
}

#home a {
    cursor: pointer;
}

#home a.logo {
    float:left;
}

#home .line1,
#home .line2
{
    text-transform: uppercase;
    float: right;
}

#home .line1 {
    font-family: 'ProximaNovaSoft-Bold', sans-serif;
    font-size: 2.4vw;
    margin-top: 2.5vw;
}

#home .line2 {
    font-family: 'ProximaNovaSoft-Regular', sans-serif;
    font-size: 1.3vw;
    letter-spacing: 0.38vw;
    margin-right: 1.55vw;
    margin-top: 1.5vw;
}

body:lang(en_US) #home .line2 {
    letter-spacing: 0.425vw;
    margin-right: -0.425vw;    
}

#home .white {
    color: #fff;
}

#home span.fa {
    font-size: 1.3vw;
    margin-left: 0.6vw;
    vertical-align: text-top;
}

#home .motto {
    float: right;
    width: 34.85vw;
    margin-top: 1.8vw;
}

#home .cloud-desc {
    font-family: 'ProximaNovaSoft-Medium', sans-serif;
    font-size: 1.35vw;
    display: block;
    text-align: justify;
    color: #fff;
    position: absolute;
    top: 10.7vw;
    left: 48vw;
    width: 28vw;
    padding: 0.6vw;
    /* background: linear-gradient(to bottom left, rgba(0,0,0,1), #99DBF3); */
    background-color: #000;
    border-radius: 0.5vw;
    border: 0.15vw solid white;
    opacity: 0.75;
    display: none;
}

#home .wiki-cloud {
    position: absolute;
    width: 15vw;
    height: 3vw;
    left: 63.5vw;
    top: 6.4vw;
}

#benefits {
    width: 100%;
    /*background-image: url('https://one-erp.ro/uploads/images/pages/home/bottom-gradient-1.svg');*/
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 100%;
    box-sizing: border-box;
    margin-top: -11vw;
}

#benefits .awards {
    /*display: block;*/
    /*margin: 25vw auto 0 auto;*/
    width: 100%;
}

#benefits .content {
    background-size: 100%;
    background-repeat: no-repeat;
    padding-bottom: 10vw;
}


#benefits .awards-clients,
#benefits .awards-euros,
#benefits .awards-users {
    border-radius: 7vw;
    width: 11.35vw;
}

#benefits .awards-clients:hover,
#benefits .awards-euros:hover,
#benefits .awards-users:hover {
    box-shadow: 0 0 3vw 1vw #99DBF3;
}


#benefits .awards-clients {
    position: absolute;
    left: 28%;
    margin-top: 10vw;
}

#benefits .awards-euros {
    position: absolute;
    left: 45.3%;
    margin-top: 4.5vw;
}

#benefits .awards-users {
    position: absolute;
    left: 62.6%;
    margin-top: 10vw;
}


#benefits .text-avantaje-oneerp {
    position: absolute;
    left: 0;
    right: 0;
    margin: -10.3vw auto 0 auto;
    width: 13.3vw;
    height: auto;
}

#benefits p
{
    font-family: 'ProximaNovaSoft-Bold', sans-serif;
    font-size: 1.48vw;
    letter-spacing: 0.025vw;
    margin-top: 3.4vw;
    line-height: 1.8vw;
}



#benefits .smallf {
    font-family: 'ProximaNovaSoft-Medium', sans-serif;
    display: block;
    margin-top: 0.2vw;
    font-size: 1vw;
    line-height: 1.6vw;
    color: #999;
    letter-spacing: 0;
}

#benefits .left, #benefits .right {
    float: left;
    margin-top: 30vw;
}

#benefits .left {
    text-align: right;
    margin-left: 14vw;
}

#benefits .right {
    margin-left: 8vw;
}


#benefits .left p:nth-of-type(1) {
    width: 18.5vw;
    margin-top: 0;
}

#benefits .left p:nth-of-type(2) {
    width: 22vw;
}

#benefits .left p:nth-of-type(3) {
    width: 31.5vw;
    margin-top: 1.5vw;
}

#benefits .right p:nth-of-type(1) {
    width: 19vw;
    margin-top: 0;
    margin-left: 12.8vw;
}

#benefits .right p:nth-of-type(2) {
    width: 18vw;
    margin-left: 9.2vw;
}

#benefits .right p:nth-of-type(3) {
    width: 23vw;
    margin-top: 1.5vw;
}

#benefits .fa {
    display: block;
    color: #99DBF3;
    font-size: 2vw;
    height: 2.7vw;
}


#modules .content {
    text-align: center;
    /*margin-bottom: 13.5vw;*/
}

#modules .all_modules {
    /*margin-top: 6vw;*/
    margin-bottom: 2vw;
}

#modules .modules {
    background-image: linear-gradient(to top, rgba(255,255,255,1) 15%,rgba(255,255,255,0) 35vw);
    width: 100%;
}

#modules .link {
    position: absolute;
    color: #000;
    font-family: 'ProximaNovaSoft-Semibold', sans-serif;
    font-size: 1.4vw;
    display: block;
    text-decoration: none;
    text-transform: uppercase;
    padding: 0 0.6vw 0.3vw 0.3vw;
    line-height: 2vw;
    cursor: pointer;
    
    /*
    border: 0.1vw solid black;
    */
}

#modules .link:hover,
#modules .link.active {
    color: #99DBF3;
    text-shadow: 0 0 2vw #99dbf3;
}

#modules .link:before {
    font-family: 'FontAwesome';
    content: "\f05a";
    display: block;
    color: #99DBF3;
    font-size: 1.5vw;
    height: 2.5vw;
}

#modules .link.sales:before,
#modules .link.accounting:before,
#modules .link.purchases:before {
    text-align: right;
}

#modules .link.finances:before,
#modules .link.warehouse-inventory:before,
#modules .link.production:before {
    text-align: left;
}

#modules .link.big,
#modules .link.sales,
#modules .link.crm,
#modules .link.finances
{
    font-family: 'ProximaNovaSoft-Bold', sans-serif;
    font-size: 1.9vw;
}

#modules .link.sales,
#modules .link.finances {
    margin-top: -20.7vw;
}

#modules .link.accounting,
#modules .link.warehouse-inventory {
    margin-top: -13.6vw;
}

#modules .link.purchases,
#modules .link.production {
    margin-top: -9.3vw;
}

#modules .link.sales {
    left: 19.3%;
}

:lang(en_US) #modules .link.sales {
    left: 21.8%;
}

#modules .link.accounting {
    left: 21.3%;
}

:lang(en_US) #modules .link.accounting {
    left: 22.7%;
}

#modules .link.purchases {
    left: 35.4%;
}

:lang(en_US) #modules .link.purchases {
    left: 33.3%;
}


#modules .link.warehouse-inventory {
    margin-left: 67%;
}


#modules .link.crm {
    margin-top: -6vw;
    left: 47.5%;
}

#modules .link.production {
    left: 57.5%;
}

#modules .link.finances {
    left: 71.4%;
}



#modules .module {
    /** popup
    position: fixed;
    background-image: url('https://one-erp.ro/uploads/images/pages/module/modul.svg');
    background-color: rgba(153,219,243,0.98);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: 0 5vw;
    width: 100%;
    height: 100%;
    display: none;
    overflow: hidden;
    top: 0;
    z-index: 999;
    */
    
    /** scroll
    */
    
    background-image: url('https://one-erp.ro/uploads/images/pages/modules/module.svg');
    background-color: #99DBF3;
    background-color: rgba(153,219,243,0.98);
    
    /*background: linear-gradient(0deg, #fff 0%, #fff 10%, #99DBF3 30%, #99DBF3 70%, #fff 90%, #fff 100%); */
    
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: 0 5vw;
    width: 100%;
    height: 61.5vw;
    display: none;
    overflow: hidden;
}



#modules .module-content {
    margin: 18.5vw auto 0 auto;
    width: 33vw;
}

#modules .module-title {
    font-family: 'ProximaNovaSoft-Semibold', sans-serif;
    font-size: 1.75vw;
    text-transform: uppercase;
}

#modules .module-text {
    text-align: left;
    padding-left: 2vw;
    padding-top: 4vw;
    font-size: 1.1vw;
    margin-bottom: 2.5vw;
}

#modules .module-text li {
    list-style-type: none;
    height: 1.55vw;
}


#modules .module-text li:before {
    content: "• ";
    color: #99DBF3;
    font-size: 2vw;
    height: 2vw;
    margin-right: 0.6vw;
    vertical-align: sub;
}

#clients .our-clients-title {
    background-image: url('https://one-erp.ro/uploads/images/pages/clients/our-clients.svg');
    background-size: 100%;
    background-repeat: no-repeat;
    box-sizing: border-box;
    font-family: 'ProximaNovaSoft-Semibold', sans-serif;
    text-transform: uppercase;
    font-size: 2.3vw;
    font-weight: bold;
    text-align: center;
    width: 100%;
    letter-spacing: 0.1vw;
    height: 28.5vw;
    padding-top: 9.5vw;
}

#clients .our-clients-title .blue {
    font-family: 'ProximaNovaSoft-Regular', sans-serif;
    color: #99DBF3;
    font-size: 1.25vw;
    line-height: 2.75vw;    
}

/*
#clients .our-clients {
    width: 100%;
    padding-bottom: 2vw;
    margin-top: 6vw;
}
*/

#clients .clientii-nostri-text {
    background-image: linear-gradient(to bottom, rgba(0,0,0,0),rgba(255,255,255,1) 4vw);
    margin-top: 18vw;
}

#clients .studiicaz {
    text-align: center;
    width: 69.75vw;
    margin: 0 auto;
    padding-top: 4.15vw;
    padding-bottom: 3vw;
}

#clients .studiu {
    background-image: url('https://one-erp.ro/uploads/images/pages/clients/client-unselected.svg');
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: top center;
    margin-left: 1vw;
    margin-right: 1vw;
    width: 21.2vw;
    height: 9.25vw;
    float: left;
    font-family: 'ProximaNovaSoft-Bold', sans-serif;
    font-size: 1.5vw;
    line-height: 5.6vw;
    color: #000;
    cursor: pointer;
}

#clients .studiu.disabled {
    opacity: 0.35;
    cursor: default;
}


#clients .studiu:after {
    display: block;
    text-transform: uppercase;
    font-family: 'ProximaNovaSoft-Semibold', sans-serif;
    font-size: 1.1vw;
    color: #fff;
    margin-top: -4vw;
}

#clients .studiu.selected,
#clients .studiu:hover {
    background-image: url('https://one-erp.ro/uploads/images/pages/clients/client-selected.svg');
}

#clients .studiu.disabled.selected,
#clients .studiu.disabled:hover {
    background-image: url('https://one-erp.ro/uploads/images/pages/clients/client-unselected.svg');;
}

#clients .studiu .client-name {
    text-transform: uppercase;
}

#clients .raw-text{
    display: none;
}

#clients .client-text {
    clear: both;
    background-color: #fff;
    width: 64.9vw;
    margin: -0.2vw auto 0 auto;
    padding: 1.4vw 2.85vw 4vw 2.85vw;
    display: none;
    overflow: auto;
    box-sizing: border-box;
}

#clients .client,
#clients .challenge,
#clients .solution,
#clients .result
{
    clear: both;
    font-family: 'ProximaNovaSoft-Regular', sans-serif;
    font-size: 1.5vw;
    display: block;
    float: left;
    width: 26%;
    margin-right: 9%;
    text-align: left;
    text-transform: uppercase;
    padding-bottom: 1.75vw;
    border-bottom: 0.25vw solid #000;
}

#clients .client {
    border-color: #DB2B30;
}

#clients .challenge {
    border-color: #F78A00;
}

#clients .solution {
    border-color: #19A33B;
}

#clients .result {
    border-color: #4063AD;
}


#clients .client-text p {
    font-family: 'ProximaNovaSoft-Regular', sans-serif;
    font-size: 1.2vw;
    width: 65%;
    text-align: left;
    float: left;
    margin-bottom: 4.85vw;
}

#clients .next-case, #modules .module-next {
    text-transform: uppercase;
    text-decoration: none;
    color: #000;
    font-size: 1.35vw;
    font-weight: bolder;
    cursor: pointer;
}

#audit {
    background-image: linear-gradient(to top, rgba(153,219,243,0.75) 0%,rgba(255,255,255,1) 50vw);
}

#audit .content {
    /*background-image: linear-gradient(to bottom, rgba(153,219,243,0.75) 0%,rgba(255,255,255,1) 7vw);*/
    width: 65vw;
    margin: 0 auto 0 auto;
    padding-bottom: 3vw;
}

#audit .lemon {
    width: 41vw;
    height: 32vw;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: 50% 100%;
    margin: 0 auto 4vw auto;
    font-size: 24vw;
    text-align: center;
    font-family: 'ProximaNovaSoft-Bold', sans-serif;
    opacity: 0.8;
}

#audit .free {
    width: 63.52vw;
    margin: 0 auto;
    height: 10vw;
    background-image: url('https://one-erp.ro/uploads/images/pages/audit/gratuit.svg');
    background-repeat: no-repeat;
    background-position: 50% 0%;
    background-size: 100% 100%;
    text-align: center;
    text-transform: uppercase;
}

#audit .free .title {
    border-top: 0.7vw solid black;
    font-family: 'ProximaNovaSoft-Bold', sans-serif;
    font-size: 1.6vw;
    background-color: #fff;
    line-height: 6vw;
    padding: 0.6vw;
}

#audit .request {
    font-family: 'ProximaNovaSoft-Bold', sans-serif;
    font-size: 2.25vw;
    text-align: center;
    margin: 0 auto 2.5vw auto;
    width: 23vw;
}

iframe#form-audit {
    width: 100vw;
    height: 24vw;
    margin: 0 auto;
    margin-left: -18.15vw;
}

#about .content {
    background-image: url("https://one-erp.ro/uploads/images/pages/about/gabi-toth.svg");
    background-size: 100vw;
    background-repeat: no-repeat;
    background-position: center bottom;
    padding-bottom: 13vw;
}

#about .top {
    background-image: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 110%);
    width: 100%;
    height: 10.5vw;
}

#about .title {
    font-family: 'ProximaNovaSoft-Semibold', sans-serif;
    font-size: 4.2vw;    ;
    text-align: center;
    background-color: #99dbf3;
    color: #fff;
    padding: 2.1vw;
}

#about .box {
    text-align: center;
    width: 35vw;
    background-color: #fff;
    margin: 0 auto;
    border-bottom: 1.42vw solid #000;
}

#about .black {
    width: 14.5vw;
    height: 0.7vw;
    background-color: #000;
    margin: -0.35vw auto 0 auto;
    position: absolute;
    left:0;
    right:0;
}

#about img.logo {
    width: 3.5vw;
    margin: 4vw auto 3vw auto;
}

#about span.who {
    display: block;
    width: 19vw;
    border-top: 1px solid #99DBF3;
    border-bottom: 1px solid #99DBF3;
    text-transform: uppercase;
    margin: 0 auto 2vw auto;
    font-family: 'ProximaNovaSoft-Bold', sans-serif;
    font-size: 1.6vw;
    line-height: 3.5vw;
    letter-spacing: 0.05vw;
}

#about .text {
    font-family: 'ProximaNovaSoft-Regular', sans-serif;
    width: 28.5vw;
    margin: 0 auto;
    font-size: 1.3vw;
    line-height: 1.65vw;
}

#about .text b {
    font-size: 1.4vw;
}

#about .text br {
    line-height: 2vw;
}

#about .visit {
    width: 20vw;
    margin: 1vw auto 0 auto;
    border-top: 1px solid #99DBF3;
    text-transform: uppercase;
    padding: 1.5vw 0 0 0;
    line-height: 1.5vw;
    font-size: 1.1vw;
}

#about .visit a {
    font-family: 'FontAwesome';
    color: #000;
    text-decoration: none;
    font-size: 1.9vw;
    margin: 0 0.8vw;
}

#about .visit a:hover, #about .visit a:visited {
    color: #000;
}

#about .terms {
    color: #000;
    text-decoration: none;
    line-height:4vw;
    font-size:1vw;
}


div.btn-close {
    background-image: url("https://one-erp.ro/uploads/images/btn-close.svg");
    background-size: 100%;
    width: 2.57vw;
    height: 2vw;
    cursor: pointer;
}

#clients .studiicaz .btn-close {
    margin-bottom: 3.4vw;
    margin-left: 59vw;
}


#modules .module .btn-close {
    position: absolute;
    margin-left: 31vw;
    margin-top: -4vw;
}


#home, #modules, #clients, #about {
    background-repeat: no-repeat;
    background-size: 100% auto;
}


@media screen and (max-width: 5120px) {
            #home {
            background-image: url("https://one-erp.ro/uploads/images/pages/home/5k.jpg");
        }
            #modules {
            background-image: url("https://one-erp.ro/uploads/images/pages/modules/5k.jpg");
        }
            #clients {
            background-image: url("https://one-erp.ro/uploads/images/pages/clients/5k.jpg");
        }
            #about {
            background-image: url("https://one-erp.ro/uploads/images/pages/about/5k.jpg");
        }
        
    #audit .lemon {
        background-image: url("https://one-erp.ro/uploads/images/pages/audit/lemon-5k.jpg");
    }
}

@media screen and (max-width: 3840px) {
            #home {
            background-image: url("https://one-erp.ro/uploads/images/pages/home/3k.jpg");
        }
            #modules {
            background-image: url("https://one-erp.ro/uploads/images/pages/modules/3k.jpg");
        }
            #clients {
            background-image: url("https://one-erp.ro/uploads/images/pages/clients/3k.jpg");
        }
            #about {
            background-image: url("https://one-erp.ro/uploads/images/pages/about/3k.jpg");
        }
        
    #audit .lemon {
        background-image: url("https://one-erp.ro/uploads/images/pages/audit/lemon-3k.jpg");
    }    
}

@media screen and (max-width: 1920px) {
            #home {
            background-image: url("https://one-erp.ro/uploads/images/pages/home/2k.jpg");
        }
            #modules {
            background-image: url("https://one-erp.ro/uploads/images/pages/modules/2k.jpg");
        }
            #clients {
            background-image: url("https://one-erp.ro/uploads/images/pages/clients/2k.jpg");
        }
            #about {
            background-image: url("https://one-erp.ro/uploads/images/pages/about/2k.jpg");
        }
        
    #audit .lemon {
        background-image: url("https://one-erp.ro/uploads/images/pages/audit/lemon-2k.jpg");
    }    
}

@media screen and (max-width: 1280px) {
            #home {
            background-image: url("https://one-erp.ro/uploads/images/pages/home/1k.jpg");
        }
            #modules {
            background-image: url("https://one-erp.ro/uploads/images/pages/modules/1k.jpg");
        }
            #clients {
            background-image: url("https://one-erp.ro/uploads/images/pages/clients/1k.jpg");
        }
            #about {
            background-image: url("https://one-erp.ro/uploads/images/pages/about/1k.jpg");
        }
        
    #audit .lemon {
        background-image: url("https://one-erp.ro/uploads/images/pages/audit/lemon-1k.jpg");
    }
}