@font-face {
     font-family: 'bruum';
     src: url('Oxanium-Bold.ttf') format('truetype');
}
 @font-face {
     font-family: 'dinn';
     src: url('Barlow-Bold.ttf') format('truetype');
     font-weight: 700;
}
 @font-face {
     font-family: 'dinn';
     src: url('Barlow-Regular.ttf') format('truetype');
     font-weight: 400;
}



/*
 @font-face {
     font-family: 'bruum';
     src: url('Bruum FY W04 Bold.ttf') format('truetype');
}
 @font-face {
     font-family: 'dinn';
     src: url('DINNextRoundedLTPro-Bold.otf') format('opentype');
     font-weight: 700;
}
 @font-face {
     font-family: 'dinn';
     src: url('DINNextRoundedLTPro-Regular.otf') format('opentype');
     font-weight: 400;
}
*/


 html {
     width: 100%;
     font-family: 'dinn', sans-serif;
     overflow-x: hidden;
}
 html.menu-opened {
     position: fixed;
}
 body {
     width: 100%;
     font-family: 'dinn', sans-serif;
}

.stamp {
     /* display: none; */
     max-width: 448px;
     margin: 20px auto 0 auto;
}

.stamp img {
    width: 100px;
    float: left;
    margin-right: 20px;
}

.stamp p {
    font-size: 12px !important;
    font-family: 'dinn', sans-serif;
    font-weight: 400;
}

.stamp p span {
    opacity: 0.6;
}

.stamph {
      /* display: none; */
      max-width: 500px;
      margin: 20px auto 0 auto;
      position: relative;
      left: 20px;
}

.stamph img {
    width: 100px;
    float: left;
    margin-right: 20px;
}

.stamph p {
    font-size: 12px !important;
    font-family: 'dinn', sans-serif;
    font-weight: 400;
    text-align: left;
}

.stamph p span {
    opacity: 0.6;
}


 .breadcrums {
     color: #fff;
     position: absolute;
     /* width: 100%;
     */
     right: 0;
     left: 185px;
     margin: 0 auto;
     display: block;
     top: 32px;
}
 .breadcrums span {
     height: 3px;
     width: 3px;
     display: inline-block;
     background-color: #fff;
     opacity: 0.6;
     border-radius: 50%;
     margin: 3px 10px;
}
 .breadcrums a:hover {
     color: #fff;
}
 .breadcrums>p {
     text-transform: uppercase;
     font-size: 16px;
}
 .breadcrums a p {
     opacity: 0.6;
     font-size: 16px;
}
 .breadcrums a img {
     width: 17px;
     position: relative;
     top: -3px;
     opacity: 1;
}
 .breadcrums p {
     display: inline-block;
     opacity: 0.8;
}
 .breadcrums>p:hover {
     cursor: context-menu;
}
/* .cookies:hover .cookie_text {
     opacity:1;
     pointer-events: auto 
}
 */
 .cookie_text {
     position: absolute;
     right: 0;
     top: 80%;
     padding: 30px;
     background-color: #fff;
     z-index: 2;
     pointer-events: none;
     opacity: 0;
     transition: all 0.1s ease-in-out;
     -webkit-transition: all 0.1s ease-in-out;
     box-shadow: 2px 2px 10px rgba(0,0,0,0.1);
}
 .cookie_text h3 {
     font-family: 'bruum', sans-serif;
     color: #444;
     border-bottom: 2px solid #999;
     padding-bottom: 5px;
     margin-top: 11px;
     padding-left: 10px;
     font-size: 27px;
     text-align: left;
}
 .cookie_text p {
     text-align: justify;
     width: 280px;
    /* font-weight: 600;
     */
     color: #666;
     font-size: 14px;
}
 .cookie_text p a {
     text-decoration: underline 
}
 .cookie_text span {
     background-color: #00419d;
     color: #fff;
     width: 100%;
     display: block;
     padding: 8px;
     text-align: center;
     cursor: pointer;
}
 .buttons {
     display: inline-block;
     float: right;
     text-align: right;
     position: relative;
     z-index: 200001;
     top: 50px;
     right: 3vw;
}
 .inapoi {
     color: #fff;
     z-index: 1;
     padding-left: 30px;
     display: inline-block;
     font-size: 15px;
}
 .inapoi span {
     display: inline-block;
     height: 20px;
     width: 20px;
     left: 6px;
     top: 10px;
     transform: rotate(45deg);
     border-bottom: 1px solid #fff;
     border-left: 1px solid #fff;
     position: absolute;
}
 .inapoi:hover {
     color: #fff;
     text-decoration: none;
}
 .buttons .cookies img {
     width: 25px;
}
 .buttons .cookies {
     border: 2px solid rgba(255, 255, 255, 0.46);
     border-radius: 50%;
     float: left;
     margin-right: 10px;
     box-sizing: content-box;
     padding: 2px;
}
 .buttons .cookies>div {
     background: rgb(0,121,213);
     background: linear-gradient(180deg, rgba(0,121,213,1) 0%, rgba(95,167,221,1) 100%);
     border: 0px solid transparent;
     border-radius: 24px;
     padding: 10px;
     cursor: pointer;
     box-sizing: content-box;
}
 .menu {
     float: left;
     position: relative;
     cursor: pointer;
     border: 2px solid rgba(255, 255, 255, 0.46);
     border-radius: 50%;
     padding: 2px 
}
 .menu>div {
     background: rgb(0,121,213);
     background: linear-gradient(180deg, rgba(0,121,213,1) 0%, rgba(95,167,221,1) 100%);
     border-radius: 50%;
     height: 45px;
     width: 45px;
}
 .menu>div>div {
     height: 6px;
     width: 6px;
     background-color: #ffffff;
     border-radius: 50%;
     position: absolute;
     top: 22px;
     left: 22px;
     transition: all 0.1s ease-in-out ;
     -webkit-transition: all 0.1s ease-in-out;
}
 .menu>div>div:nth-of-type(1), .menu>div>div:nth-of-type(2) {
     left: 14px 
}
 .menu>div>div:nth-of-type(4), .menu>div>div:nth-of-type(5) {
     left: 30px;
}
 .menu:hover div:nth-of-type(4), .menu:hover div:nth-of-type(5) {
     left: 34px;
}
 .menu:hover div:nth-of-type(1), .menu:hover div:nth-of-type(2) {
     left: 10px;
}
 .menu-opened .menu>div>div:nth-of-type(1), .menu-opened .menu>div>div:nth-of-type(5) {
     top: 16px;
}
 .menu-opened .menu>div>div:nth-of-type(2), .menu-opened .menu>div>div:nth-of-type(4) {
     top: 28px;
}
 a {
     color: inherit;
     text-decoration: inherit;
     font-size: inherit;
     font-weight: inherit;
}
 a:focus {
     outline: none;
}

.cl-produse .xcenter {
     transform: translateY(-40%);
}

 .xcenter {
     position: relative;
     top: 50%;
     transform: translateY(-50%);
}
 .wrapper {
     width: 80%;
     max-width: 1200px;
     margin: 0 auto;
     clear: both;
}
 header .logo {
     width: 135px;
     top: 20px;
     left: 39px;
     position: fixed;
}
 header {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     z-index: 4;
}
 .produs.top {
     height: 100vh;
     height: calc(100vh - 102px);
}
 .top {
     height: 100vh;
     background: rgb(0,123,215);
     background: -moz-linear-gradient(180deg, rgba(0,123,215,1) 0%, rgba(0,53,144,1) 100%);
     background: -webkit-linear-gradient(180deg, rgba(0,123,215,1) 0%, rgba(0,53,144,1) 100%);
     background: linear-gradient(180deg, rgba(0,123,215,1) 0%, rgba(0,53,144,1) 100%);
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#007bd7",endColorstr="#003590",GradientType=1);
     overflow: hidden;
}
 .slider1 {
     margin: 0 -15px;
}
 .slider1 .s1 {
     background-color: #c76419;
     background-image: url('../img/Layer 10@2x.png');
     background-size: 449px;
}
 .slider1 .s2 {
     background-color: #74B8ED;
     background-image: url('../img/Layer 423@2x.png');
     background-size: 556px;
}
 .slider1 .s {
     height: 100vh;
     background-position: center;
     background-repeat: no-repeat;
}
 .produs .slider1 .s {
     height: 100vh;
     height: calc(100vh - 100px) 
}
 .slider1bis {
     margin: 0 -15px;
}
 .slider1bis .s1 {
     background-color: #B12B2F;
     background-image: url('../img/Layer 10@2x.png');
     background-size: 449px;
}
 .slider1bis .s2 {
     background-color: #74B8ED;
     background-image: url('../img/Layer 423@2x.png');
     background-size: 556px;
}
 .slider1bis .s {
     height: 100vh;
     background-position: center;
     background-repeat: no-repeat;
}
 .produs .slider1bis .s {
     height: 100vh;
     height: calc(100vh - 44px);
}
/*----Produs---*/

.slider1bis .s7 {
     background-color: #59311E;
     background-image: url('../img/Layer cafea262@2x.png');
     background-size: 456px;
}

 .produs .s7 .pack {
     bottom: calc(50vh - 358px);
}
 .s.s7 .fructe {
     width: 122%;
     top: calc(50vh - 270px);
     right: calc(100% - 305px);
}
 .produs .s7 .tab.active svg #Path_40, .produs .s7 .tab.active svg #Path_39, .produs .s7 .tab.active svg #Layer_540, .produs .s7 .tab.active svg #Layer_548, .s7 .active #Layer_559 path, .s7 .active #Layer_559 rect, .s7 .active #Layer_559 circle, .s7 .active #Layer_571 circle, .s7 .active #Layer_571 path, .produs .s7 .tab.active svg #Layer_548 {
     stroke: #59311E;
     fill: #fff;
}

/*----end produs-----*/
/*----Produs---*/

 .slider1bis .s3 {
     background-color: #481512;
     background-image: url('../img/Layer 262@2x.png');
     background-size: 456px;
}
 .produs .s3 .pack {
     bottom: calc(50vh - 358px);
}
 .s.s3 .fructe {
     width: 611px;
     top: calc(50vh - 270px);
     right: calc(100% - 305px);
}
 .produs .s3 .tab.active svg #Path_40, .produs .s3 .tab.active svg #Path_39, .produs .s3 .tab.active svg #Layer_540, .produs .s3 .tab.active svg #Layer_548, .s3 .active #Layer_559 path, .s3 .active #Layer_559 rect, .s3 .active #Layer_559 circle, .s3 .active #Layer_571 circle, .s3 .active #Layer_571 path, .produs .s3 .tab.active svg #Layer_548 {
     stroke: #822E23;
     fill: #fff;
}
/*----end produs-----*/
/*----Produs---*/
 .slider1bis .s4 {
     background-color: #D59E53;
     background-image: url('../img/Group 966@2x.png');
     background-size: 456px;
}
 .produs .s4 .pack {
     bottom: calc(50vh - 358px);
}
 .s.s4 .fructe {
     width: 611px;
     top: calc(50vh - 270px);
     right: calc(100% - 305px);
}
 .produs .s4 .tab.active svg #Path_40, .produs .s4 .tab.active svg #Path_39, .produs .s4 .tab.active svg #Layer_540, .produs .s4 .tab.active svg #Layer_548, .s4 .active #Layer_559 path, .s4 .active #Layer_559 rect, .s4 .active #Layer_559 circle, .s4 .active #Layer_571 circle, .s4 .active #Layer_571 path, .produs .s4 .tab.active svg #Layer_548 {
     stroke: #D59E53;
     fill: #fff;
}
 .produs .s4 .pack {
     width: 150px;
}
/*----end produs-----*/
/*----Produs---*/
 .slider1bis .s5 {
     background-color: #4D221D;
     background-image: url('../img/Layer 252@2x.png');
     background-size: 456px;
}
 .produs .s5 .pack {
     bottom: calc(50vh - 358px);
}
 .s.s5 .fructe {
     width: 611px;
     top: calc(50vh - 270px);
     right: calc(100% - 305px);
}
 .produs .s5 .tab.active svg #Path_40, .produs .s5 .tab.active svg #Path_39, .produs .s5 .tab.active svg #Layer_540, .produs .s5 .tab.active svg #Layer_548, .s5 .active #Layer_559 path, .s5 .active #Layer_559 rect, .s5 .active #Layer_559 circle, .s5 .active #Layer_571 circle, .s5 .active #Layer_571 path, .produs .s5 .tab.active svg #Layer_548 {
     stroke: #4D221D;
     fill: #fff;
}
 .produs .s5 .pack {
     width: 247px;
     right: calc(100% - 126px);
}
/*----end produs-----*/
/*----Produs---*/
 .slider1bis .s6 {
     background-color: #9D1A1A;
     background-image: url('../img/Layer 248@2x.png');
     background-size: 456px;
}
 .produs .s6 .pack {
     bottom: calc(50vh - 358px);
}
 .s.s6 .fructe {
     width: 611px;
     top: calc(50vh - 270px);
     right: calc(100% - 305px);
}
 .produs .s6 .tab.active svg #Path_40, .produs .s6 .tab.active svg #Path_39, .produs .s6 .tab.active svg #Layer_540, .produs .s6 .tab.active svg #Layer_548, .s6 .active #Layer_559 path, .s6 .active #Layer_559 rect, .s6 .active #Layer_559 circle, .s6 .active #Layer_571 circle, .s6 .active #Layer_571 path, .produs .s6 .tab.active svg #Layer_548 {
     stroke: #9D1A1A;
     fill: #fff;
}
 .produs .s6 .pack {
     width: 247px;
     right: calc(100% - 126px);
}
/*----end produs-----*/
 p.poti {
     color: #fff;
     float: right;
     position: relative;
     z-index: 1;
     right: 133px;
     top: 3px;
     font-size: 27px;
     height: 20px;
}
 .s1 .pack {
     width: 357px;
     position: absolute;
     right: 90%;
     right: calc(100% - 181px);
     z-index: 10000000;
     bottom: -700px;
     transition: all 0.2s ease-in-out 0.2s;
     -webkit-transition: all 0.2s ease-in-out 0.2s;
}
 .produs .s1 .pack {
     width: auto;
     max-height: 450px;
}
 .slick-current.s1 .pack {
     bottom: calc(50vh - 203px);
}
 .s .splash {
     width: 1049px;
     top: calc(50vh - 286px);
     position: absolute;
     right: calc(100% - 579px);
     transition: all 0.2s ease-in-out 0.3s;
     -webkit-transition: all 0.4s ease-out 0.3s;
     transform: scale(0.0) rotate(5deg);
}
 .s .fructe {
     width: 667px;
     top: calc(50vh - 277px);
     position: absolute;
     right: calc(100% - 579px);
     transition: all 0.5s ease-in-out 0.5s;
     -webkit-transition: all 0.5s ease-out 0.5s;
     transform: scale(0.0) rotate(5deg);
}
 .produs .s .fructe {
     transform: scale(1) rotate(0deg);
     right: calc(100% - 705px);
     top: calc(50vh - 393px);
}
 .produs .s .pack {
     bottom: calc(50vh - 250px);
     z-index: 2;
}
 .produs .s2 .pack {
     bottom: calc(50vh - 210px);
     width: 264px;
     z-index: 2;
}
 .produs .s .splash {
     transform: scale(1) rotate(0deg);
     right: calc(100% - 652px);
}
 .s.s2 .fructe {
     width: 611px;
     top: calc(50vh - 270px);
     right: calc(100% - 305px);
}
 .slick-current.s .splash {
     transform: scale(1) rotate(0deg);
     right: calc(100% - 652px);
}
 .slick-current.s.s1 .fructe {
     transform: scale(1) rotate(0deg);
     right: calc(100% - 299px);
}
 .slick-current.s.s2 .fructe {
     transform: scale(1) rotate(0deg);
     right: calc(100% - 234px);
}
 .s .text {
     position: relative;
     top: 50%;
     transform: translateY(-50%);
     color : #fff;
     font-family: 'bruum', sans-serif;
     font-size: 40px;
     display: table;
     margin: 0 auto;
     position: relative;
     z-index: 2;
     left: 68px;
}
 .s .text p {
     text-align: left;
     display: inline-block;
     line-height: 1.2em;
     font-size: 40px 
}
 .slider1 .s .text p {
     text-align: left;
     display: inline-block;
     line-height: 1.2em;
}
 .slider1bis .s .text p {
     text-align: left;
     display: inline-block;
     line-height: 1.2em;
}
 .s .text .buton img {
     width: 65px;
     display: inline-block;
     margin-right: 18px;
}
 .s .text .buton {
     white-space: nowrap;
     display: block;
     font-size: 17px;
     cursor: pointer;
     margin-top: 28px;
     font-family: 'dinn', sans-serif;
}
 .s .text .buton a:hover {
     color: #fff;
     text-decoration: none;
}
 .s2 .pack {
     width: 350px;
     position: absolute;
     right: 90%;
     right: calc(100% - 140px);
     z-index: 10000000;
     bottom: -700px;
     transition: all 0.2s ease-in-out 0.2s;
     -webkit-transition: all 0.2s ease-in-out 0.2s;
}
 .slider1 .s3 {
     background-color: #481512;
     background-image: url('../img/Layer 262@2x.png');
     background-size: 322px;
}

 .slider1 .s7 {
     background-color: #59311E;
     background-image: url('../img/role.png');
     background-size: 500px;
     background-blend-mode: multiply;
}
 .s3 .pack {
     width: 177px;
     position: absolute;
     right: 90%;
     right: calc(100% - 86px);
     z-index: 10000000;
     bottom: -700px;
     transition: all 0.2s ease-in-out 0.2s;
     -webkit-transition: all 0.2s ease-in-out 0.2s;
}

 .s7 .pack {
     width: 165px;
     position: absolute;
     right: 90%;
     right: calc(100% - 86px);
     z-index: 10000000;
     bottom: -700px;
     transition: all 0.2s ease-in-out 0.2s;
     -webkit-transition: all 0.2s ease-in-out 0.2s;
}
 .slick-current.s3 .pack {
     bottom: calc(50vh - 250px);
}

 .slick-current.s7 .pack {
     bottom: calc(50vh - 250px);
}

 .slick-current.s.s3 .fructe {
     transform: scale(1) rotate(0deg);
     right: calc(100% - 299px);
     top: calc(50vh - 349px);
     width: 630px;
}

 .slick-current.s.s7 .fructe {
     transform: scale(1) rotate(0deg);
     right: calc(100% - 650px);
     top: calc(50vh - 259px);
     /* height: 100%; */
     width: 175%;
}


 .slider1 .s4 {
     background-color: #D59E53;
     background-image: url('../img/Group 966@2x.png');
     background-size: 322px;
}
 .s4 .pack {
     width: 170px;
     position: absolute;
     right: 90%;
     right: calc(100% - 86px);
     z-index: 10000000;
     bottom: -700px;
     transition: all 0.2s ease-in-out 0.2s;
     -webkit-transition: all 0.2s ease-in-out 0.2s;
}
 .slick-current.s4 .pack {
     bottom: calc(50vh - 250px);
}
 .slick-current.s.s4 .fructe {
     transform: scale(1) rotate(0deg);
     right: calc(100% - 299px);
     top: calc(50vh - 349px);
     width: 630px;
}
 .slider1 .s5 {
     background-color: #4D221D;
     background-image: url('../img/Layer 252@2x.png');
     background-size: 372px;
}
 .s5 .pack {
     width: 310px;
     position: absolute;
     right: 90%;
     right: calc(100% - 153px);
     z-index: 2;
     bottom: -700px;
     transition: all 0.2s ease-in-out 0.2s;
     -webkit-transition: all 0.2s ease-in-out 0.2s;
}
 .slick-current.s5 .pack {
     bottom: calc(50vh - 250px);
}
 .slick-current.s.s5 .fructe {
     transform: scale(1) rotate(0deg);
     right: calc(100% - 299px);
     top: calc(50vh - 349px);
     width: 630px;
}
 .slider1 .s6 {
     background-color: #9D1A1A;
     background-image: url('../img/Layer 248@2x.png');
     background-size: 422px;
}
 .s6 .pack {
     width: 310px;
     position: absolute;
     right: 90%;
     right: calc(100% - 153px);
     z-index: 10000000;
     bottom: -700px;
     transition: all 0.2s ease-in-out 0.2s;
     -webkit-transition: all 0.2s ease-in-out 0.2s;
}
 .slick-current.s6 .pack {
     bottom: calc(50vh - 250px);
}
 .slick-current.s.s6 .fructe {
     transform: scale(1) rotate(0deg);
     right: calc(100% - 299px);
     top: calc(50vh - 349px);
     width: 630px;
}
 .h100 {
     height: 100vh;
}
 .slick-current.s2 .pack {
     bottom: calc(50vh - 229px);
}
 .text-fix {
     position: relative;
     top: 50%;
     transform: translateY(-38%);
     color: #fff;
     text-align: center;
     width: calc(100% - 140px);
     z-index: 1;
}
 .text-fix p {
     font-size: 17px;
}
 .text-fix ul img {
     width: 86px;
     display: table;
     margin: 0 auto;
}
 .text-fix ul {
     list-style: none;
     padding: 0;
     margin: 15px 0;
     display: table;
     margin: 20px auto 
}
 .text-fix ul li {
     text-align: center;
     float: left;
     padding: 0;
     margin: 0 20px 
}
 .text-fix ul li span:first-of-type {
     font-size: 13px;
     display: block;
     text-align: center;
     margin-top: 20px;
}
 .text-fix ul li span:last-of-type {
     font-size: 17px;
}
 .frt img {
     width: 100%;
}
 .dece {
     background-color: #1C75CD;
     color: #fff;
     text-align: center;
     padding: 30px 
}
 .cl-aport .dece, .cl-aport body, .cl-aport .watch li span {
     background-color: #fff;
}
 .cl-aport .watch {
}
 .cl-aport .watch li span, .cl-aport .watch .q, .cl-aport .watch .p, .cl-aport .watch .buton {
     color: #003590 
}
 h2 {
     font-family: 'bruum', sans-serif;
     font-size: 45px;
}
 h2 span {
     font-size: 24px;
     display: block;
}
 p {
     font-size: 17px;
}
 .dece p {
     max-width: 800px;
     margin: 60px auto 
}
 .watch {
     width: 500px;
     height: 500px;
     margin: 90px auto;
     border-radius: 50%;
     border: 4px dotted rgba(0, 53, 144, 0.8);
     box-shadow: 0 0 0 6px transparent;
}
 .cl-aport .watch {
     margin: 90px auto 30px auto;
}
 .watch ul {
     list-style: none;
     padding: 0;
     margin: 20px 0 0 -102px;
     width: 700px;
}
 .watch li {
     float: left;
     width: 233px;
}
 .watch li:nth-of-type(1) img {
     width: 172px;
}
 .watch li:nth-of-type(2) img {
     width: 149px;
     margin-bottom: 30px;
}
 .watch li:nth-of-type(3) img {
     width: 172px;
}
 .cl-aport .watch li:nth-of-type(1) img {
     width: 142px;
     margin-bottom: 30px;
}
 .cl-aport .watch li:nth-of-type(2) img {
     width: 149px;
     margin-bottom: 30px;
}
 .cl-aport .watch li:nth-of-type(3) img {
     width: 145px;
     margin-bottom: 31px;
}
 .watch li:nth-of-type(2) {
     position: relative;
     top: -70px 
}
 .watch li span {
     display: block;
     background-color: #1c75cd;
     font-size: 17px 
}
 .watch li span:first-of-type {
     padding-top: 10px;
     margin-top: -37px;
     font-family: 'bruum', sans-serif;
}
 .watch li span:last-of-type {
     padding-bottom: 10px;
     line-height: 20px;
}

.watch li:nth-of-type(3) span:last-of-type {
     max-width: 160px;
     margin: 0 auto;
}


 .watch .q {
     font-family: 'bruum', sans-serif;
     line-height: 1em;
     font-size: 25px;
     text-align: left;
     display: table;
     margin: 0 auto;
     position: relative;
     top: -53px;
     right: 17px;
}
 .watch .q span {
     font-size: 90px;
     position: absolute;
     top: 28px;
     right: -45px;
}
 .watch .p {
     margin: 0;
     margin-top: -30px;
     line-height: 1em 
}
 .watch .buton img {
     width: 65px;
     display: inline-block;
     margin-right: 18px;
}
 .watch .buton {
     white-space: nowrap;
     display: block;
     font-size: 17px;
     cursor: pointer;
     margin-top: 60px;
     font-family: 'dinn', sans-serif;
}
 .cl-aport .watch .buton {
     display: none 
}
 .cl-aport .watch .p {
     margin-top: -10px;
}
 .cl-aport .watch .q {
     top: -30px;
}
 .buton img {
     width: 65px;
     display: inline-block;
     margin-right: 18px;
}
 .buton {
     white-space: nowrap;
     display: block;
     font-size: 17px;
     cursor: pointer;
     margin-top: 60px;
     font-family: 'dinn', sans-serif;
}
 .calculator {
     padding: 0;
     background: rgb(254,254,254);
     background: -moz-linear-gradient(258deg, rgba(254,254,254,1) 0%, rgba(192,169,169,1) 99%);
     background: -webkit-linear-gradient(258deg, rgba(254,254,254,1) 0%, rgba(192,169,169,1) 99%);
     background: linear-gradient(258deg, rgba(254,254,254,1) 0%, rgba(192,169,169,1) 99%);
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fefefe",endColorstr="#c0a9a9",GradientType=1);
}
 .calculator .left {
     height: 300px;
     overflow: hidden;
     position: relative;
     padding: 0 150px 0 50px;
}
 .calculator .left .rot {
     height: 235%;
     background: rgb(57,165,250);
     background: -moz-linear-gradient(227deg, rgba(57,165,250,1) 0%, rgba(0,70,161,1) 85%);
     background: -webkit-linear-gradient(227deg, rgba(57,165,250,1) 0%, rgba(0,70,161,1) 85%);
     background: linear-gradient(227deg, rgba(57,165,250,1) 0%, rgba(0,70,161,1) 85%);
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#39a5fa",endColorstr="#0046a1",GradientType=1);
     border-right: 13px solid #c1c0c0;
     transform: rotate(19deg);
     position: absolute;
     right: 9%;
     top: -74%;
     width: 93%;
}
 .intrebare {
     padding: 50px 30px 70px 30px;
     color: #0C79D0;
}
 .calculator .left h2 {
     position: relative;
     color: #fff;
     margin-top: 0;
}
 p {
     font-size: 15px 
}
 .calculator .left p {
     position: relative;
     color: #fff;
}
 .intrebare p {
     color: #000 
}
 .sexm img {
     height: 132px;
}
 .sexf img {
     height: 132px;
}
 .q1 label {
     display: inline-block;
     float: left;
     margin: 0 20px;
     text-align: center;
}
 .q1 input {
     display: none 
}
 .q1>div {
     display: table;
     margin: 42px auto 0 auto;
}
 .q1 .switch {
     height: 36px;
     width: 80px;
     border: 3px solid #CBCBCB;
     border-radius: 10px;
     margin-top: 10px;
     position: relative;
}
 .q1 input:checked+label .switch {
     border: 3px solid #1c75cd;
}
 #slider .q1 input:checked+label img {
     filter: none;
     -webkit-filter: none;
     opacity: 1;
}
 .q1 input:checked+label .switch>div {
     right: 47px;
     background: #1c75cd;
}
 .q1 .switch>div {
     background-color: #CBCBCB;
     height: 22px;
     width: 22px;
     border-radius: 50%;
     top: 4px;
     right: 5px;
     position: absolute;
     transition: all 0.2s ease-in-out;
     -webkit-transition: all 0.2s ease-in-out;
}
 .q1 img {
     margin: 0 auto 
}
 .q2 img {
     width: 24px;
     position: absolute;
     left: 17px;
     top: 3px;
}
 .q2 div {
     border: 2px solid #0074CF;
     position: relative;
     display: table;
     margin: 0 auto;
     width: 290px;
     height: 45px;
     border-radius: 24px;
     position: relative;
     top: 50%;
     transform: translateY(-50%);
     box-sizing: border-box;
     padding: 0;
}
 .q2 input#varsta {
     border: none;
     display: block;
     width: 100%;
     height: 100%;
     background: transparent;
     padding: 0 111px 0 50px;
}
 .q2 input#varsta:active, .q2 input#varsta:focus {
     outline: none;
}
 .q2 label {
     background-color: #0074CF;
     position: absolute;
     right: -2px;
     top: -2px;
     height: 45px;
     display: inline-block;
     color: #fff;
     padding: 0px 34px;
     line-height: 45px;
     border-radius: 24px;
     font-family: 'bruum', sans-serif;
     font-size: 18px;
}
 .q3 img {
     width: 27px;
     position: absolute;
     left: 17px;
     top: 6px;
}
 .q3 div {
     border: 2px solid #0074CF;
     position: relative;
     display: table;
     margin: 0 auto;
     width: 290px;
     height: 45px;
     border-radius: 24px;
     position: relative;
     top: 50%;
     transform: translateY(-50%);
     box-sizing: border-box;
     padding: 0;
}
 .q3 input#greutate {
     border: none;
     display: block;
     width: 100%;
     height: 100%;
     background: transparent;
     padding: 0 111px 0 50px;
}
 .q3 input#greutate:active, .q3 input#greutate:focus {
     outline: none;
}
 .q3 label {
     background-color: #0074CF;
     position: absolute;
     right: -2px;
     top: -2px;
     height: 45px;
     display: inline-block;
     color: #fff;
     padding: 0px 34px;
     line-height: 45px;
     border-radius: 24px;
     font-family: 'bruum', sans-serif;
     font-size: 18px;
}
 .q4 img {
     width: 27px;
     position: absolute;
     left: 17px;
     top: 4px;
}
 .q4 div {
     border: 2px solid #0074CF;
     position: relative;
     display: table;
     margin: 0 auto;
     width: 290px;
     height: 45px;
     border-radius: 24px;
     position: relative;
     top: 50%;
     transform: translateY(-50%);
     box-sizing: border-box;
     padding: 0;
}
 .q4 input#inaltime {
     border: none;
     display: block;
     width: 100%;
     height: 100%;
     background: transparent;
     padding: 0 111px 0 50px;
}
 .q4 input#inaltime:active, .q4 input#inaltime:focus {
     outline: none;
}
 .q4 label {
     background-color: #0074CF;
     position: absolute;
     right: -2px;
     top: -2px;
     height: 45px;
     display: inline-block;
     color: #fff;
     padding: 0px 34px;
     line-height: 45px;
     border-radius: 24px;
     font-family: 'bruum', sans-serif;
     font-size: 18px;
}
 .q5 .sedentar img {
     width: 87px;
     margin-bottom: 13px;
     position: relative;
     left: -3px;
}
 .q5 .activm img {
     width: 44px;
     margin-bottom: 9px;
}
 .q5 .factiv img {
     width: 65px;
     margin-bottom: 13px;
     position: relative;
     left: -3px;
}
 .q5 label {
     display: inline-block;
     float: left;
     margin: 0 20px;
     text-align: center;
     width: 125px;
}
 .q5 p {
     margin: 0;
     font-size: 16px;
     color: #0c79d0;
}
 .q5 input {
     display: none 
}
 .q5>div {
     display: table;
     margin: 57px auto 0 auto;
}
 .q5 .switch {
     height: 36px;
     width: 80px;
     border: 3px solid #CBCBCB;
     border-radius: 10px;
     margin-top: 2px;
     position: relative;
     display: table;
     margin: 0 auto;
}
 .q5 input:checked+label .switch {
     border: 3px solid #1c75cd;
}
 #slider .q5 input:checked+label img {
     filter: none;
     -webkit-filter: none;
     opacity: 1;
}
 #slider .q5 input:checked+label p {
     filter: none;
     -webkit-filter: none;
     opacity: 1;
}
 .q5 input:checked+label .switch>div {
     right: 47px;
     background: #1c75cd;
}
 .q5 .switch>div {
     background-color: #CBCBCB;
     height: 22px;
     width: 22px;
     border-radius: 50%;
     top: 4px;
     right: 5px;
     position: absolute;
     transition: all 0.2s ease-in-out;
     -webkit-transition: all 0.2s ease-in-out;
}
 .q5 img {
     margin: 0 auto 
}
 #slider .slick-slide.q6 {
     text-align: left;
}
 #slider .slick-slide.q6 div {
     padding: 0 10% 0 10%;
     position: relative;
     top: 50%;
     transform: translateY(-50%);
}
 .q6 p {
     color: #0074CF;
     text-align: left;
     margin: 10px 0 
}
 .q6 div>span {
     background-color: #0074CF;
     color: #fff;
     display: table;
     text-align: left;
     margin: 10px 0;
     padding: 5px 20px;
     border-radius: 9px;
     font-size: 18px 
}
 .activari {
     padding: 89px 0 20px 0;
     color: #1c75cd;
     text-align: center;
     display: table;
}
 .activari h2 {
     text-align: center;
}
 .cl-activari .activari h2 {
     color: #fff;
}
 .cl-activari .activari {
     margin-top: -470px 
}
 .cl-activari .activari video {
     width: 100%;
}
 .cl-activari .activari .videowr {
     width: 100%;
     padding: 0 15px;
}
 .activari video {
     margin: 40px auto 20px auto;
     border-radius: 10px;
     display: table;
     width: 100%;
}
 .activari .buton {
     margin: 0 auto;
}
 .buton:hover {
     text-decoration: none;
     color: none;
}
 .activari .videowr {
     position: relative;
     display: table;
     margin: 0 auto;
     max-width: 800px;
}
 .activari .play {
     position: absolute;
     top: 47%;
     background-color: #1c75cd;
     color: #fff;
     display: table;
     height: 50px;
     width: 50px;
     border-radius: 50%;
     text-align: center;
     line-height: 50px;
     left: 0;
     right: 0;
     margin: 0 auto;
     cursor: pointer;
     font-size: 11px;
}
 .activari .play i, .activari .pause i {
     position: relative;
     top: 2px 
}
 .activari .pause {
     position: absolute;
     top: 47%;
     background-color: #1c75cd;
     color: #fff;
     height: 50px;
     width: 50px;
     border-radius: 50%;
     text-align: center;
     line-height: 50px;
     left: 0;
     right: 0;
     margin: 0 auto;
     cursor: pointer;
     display: none;
     opacity: 0;
     font-size: 11px;
}
 .bottom {
     background: rgb(0,70,161);
     background: -moz-linear-gradient(48deg, rgba(0,70,161,1) 2%, rgba(0,70,161,1) 14%, rgba(57,165,250,1) 73%);
     background: -webkit-linear-gradient(48deg, rgba(0,70,161,1) 2%, rgba(0,70,161,1) 14%, rgba(57,165,250,1) 73%);
     background: linear-gradient(48deg, rgba(0,70,161,1) 2%, rgba(0,70,161,1) 14%, rgba(57,165,250,1) 73%);
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0046a1",endColorstr="#39a5fa",GradientType=1);
     padding: 20px;
     position: relative;
     overflow: hidden;
}
 .bottom .left img {
     width: 100%;
}
 .bottom .right {
     color: #fff;
     /* padding-top: 100px;
     */
     height: 400px;
     padding: 0 35px;
}

.bottom .right p {
    font-size: 17px;
    line-height: 1.3em;
}
 .activari.play .pause {
     display: table;
}
 .activari.play .play {
     display: none;
}
 .activari.play .videowr:hover .pause {
     opacity: 1;
}
 .after {
     position: absolute;
     top: -14px;
     right: -32px;
     height: 150%;
     width: 145px;
     background: rgb(0,70,161);
     background: -moz-linear-gradient(90deg, rgba(0,70,161,1) 0%, rgba(34,106,185,1) 73%);
     background: -webkit-linear-gradient(90deg, rgba(0,70,161,1) 0%, rgba(34,106,185,1) 73%);
     background: linear-gradient(90deg, rgba(0,70,161,1) 0%, rgba(34,106,185,1) 73%);
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0046a1",endColorstr="#226ab9",GradientType=1);
     transform: rotate(7deg);
}
 footer {
     background: rgb(0,70,161);
     background: -moz-linear-gradient(48deg, rgba(0,70,161,1) 2%, rgba(0,70,161,1) 23%, rgba(57,165,250,1) 73%);
     background: -webkit-linear-gradient(48deg, rgba(0,70,161,1) 2%, rgba(0,70,161,1) 23%, rgba(57,165,250,1) 73%);
     background: linear-gradient(48deg, rgba(0,70,161,1) 2%, rgba(0,70,161,1) 23%, rgba(57,165,250,1) 73%);
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0046a1",endColorstr="#39a5fa",GradientType=1);
     padding: 20px;
     text-align: right;
     color: #fff 
}
 footer img {
     width: 264px;
     float: left;
}
 #menu {
     background: rgb(0,123,215);
     background: -moz-linear-gradient(180deg, rgba(0,123,215,1) 2%, rgba(0,53,144,1) 100%);
     background: -webkit-linear-gradient(180deg, rgba(0,123,215,1) 2%, rgba(0,53,144,1) 100%);
     background: linear-gradient(180deg, rgba(0,123,215,1) 2%, rgba(0,53,144,1) 100%);
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#007bd7",endColorstr="#003590",GradientType=1);
     position: fixed;
     top: -100%;
     left: 0;
     height: 100vh;
     width: 100%;
     z-index: 3;
     color: #fff;
     font-size: 27px;
     pointer-events: none;
     opacity: 0;
     transition: all 0.2s ease-in-out;
     -webkit-transition: all 0.2s ease-in-out;
}
 .menu-opened #menu {
     top: 0;
     opacity: 1;
     pointer-events: auto;
}
 #menu ul {
     list-style: none;
     padding: 0;
}
 #menu ul li a:hover {
     color: #fff;
     text-decoration: none;
     letter-spacing: 1px;
}
 #menu ul li a {
     transition: all 0.1s ease-in-out;
     -webkit-transition: all 0.1s ease-in-out ;
}
 #menu ul li {
     background-image: url('../img/icon-meniu.svg');
     background-size: 42px;
     background-repeat: no-repeat;
     background-position: left center;
     padding: 5px 5px 5px 65px;
}
 #menu img {
     width: 425px;
     float: right;
     display: none;
}
 #menu .im2 {
     width: 320px 
}
 #menu .im1 {
     width: 320px 
}
 #menu .row, #menu .row>div {
     height: 100% 
}
 .load-hidden {
     visibility: hidden;
}
 .cl-cum body {
     background-color:#00419D;
}
 .top2 {
     overflow: hidden;
     height: 500px;
     position: relative;
}
 .cl-aport .top2 {
     background-color: #fff;
}
 .cl-gdpr .top2 {
     height: 200px 
}
 .top2 .bg-angle {
     background: rgb(0,123,215);
     background: -moz-linear-gradient(108deg, rgba(0,123,215,1) 9%, rgba(0,53,144,1) 69%);
     background: -webkit-linear-gradient(108deg, rgba(0,123,215,1) 9%, rgba(0,53,144,1) 69%);
     background: linear-gradient(108deg, rgba(0,123,215,1) 9%, rgba(0,53,144,1) 69%);
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#007bd7",endColorstr="#003590",GradientType=1);
     transform: rotate(-1deg);
     z-index: 0;
     position: absolute;
     width: 120%;
     height: 100%;
     top: -9%;
     left: -10%;
}
 .top2 h2 {
     color: #fff;
     max-width: 700px;
     text-align: center;
     margin: 0 auto 30px auto;
}
 .top2 p {
     color: #fff;
     max-width: 800px;
     text-align: center;
     margin: 0 auto;
}
 .top3 {
     overflow: hidden;
     height: 700px;
     position: relative;
     background-image: url('../img/Group 93@2x.png');
     background-size: 56%;
     background-repeat: no-repeat;
     background-position: top 30% center;
}
 .top3 .bg-angle {
     background: rgb(0,123,215);
     background: -moz-linear-gradient(108deg, rgba(0,123,215,1) 9%, rgba(0,53,144,1) 69%);
     background: -webkit-linear-gradient(108deg, rgba(0,123,215,1) 9%, rgba(0,53,144,1) 69%);
     background: linear-gradient(108deg, rgba(0,123,215,1) 9%, rgba(0,53,144,1) 69%);
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#007bd7",endColorstr="#003590",GradientType=1);
     transform: rotate(-1deg);
     z-index: -1;
     position: absolute;
     width: 120%;
     height: 100%;
     top: -9%;
     left: -10%;
}
 .cl-campanie .top4 {
     height: 34vw;
}
 .cl-campanie .top4 .bg-angle {
     bottom: -152px;
}
 .cl-campanie .top4 .title {
     bottom: 10px;
}
 .top4 {
     overflow: hidden;
     height: 700px;
     position: relative;
     background-size: cover;
}
 .top4 .bg-angle {
     background: rgba(0,53,144,1);
     transform: rotate(2deg);
     z-index: 0;
     position: absolute;
     width: 120%;
     height: 225px;
     top: auto;
     bottom: -67px;
     left: -10%;
}
 .top4 .title {
     position: absolute;
     bottom: 50px;
     text-align: center;
     left: 0;
     width: 100% 
}
 .top4 .title h2 {
     color: #fff;
     text-align: center;
     text-transform: uppercase;
}

.artzsfz.top4 .title {bottom: 20px;}
 h3 {
     font-family: 'bruum', sans-serif;
     color: #0074CF;
     font-size: 40px;
     margin-bottom: 30px 
}
 .cl-aport h3 {
     margin-top: 50px;
}
 .activare {
     border-radius: 13px;
     position: relative;
     overflow: hidden;
     margin-bottom: 10px 
}
 .activare>img {
     width: 100%;
}
 .odd {
     padding-right: 5px 
}
 .cl-cum .odd, .cl-cum .even {
     margin: 40px 0;
}
 .even {
     padding-left: 5px 
}
 .activare>div {
     position: absolute;
     background-color: rgba(47, 93, 173, 0.8);
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
     opacity: 0;
     transition: all 0.2s ease-in-out;
     -webkit-transition: all 0.2s ease-in-out;
}
 .activare:hover>div {
     opacity:1;
}
 .activare>div p {
     position: relative;
     top: 50%;
     transform: translateY(-50%);
     text-align: center;
     color: #fff;
     padding: 0 20px;
     font-family: 'bruum', sans-serif;
     font-size: 27px;
}
 .activare>a {
     position: absolute;
     bottom: 10px;
     right: 10px;
}
 .activare>a img {
     width: 59px 
}
 .ce-a {
     margin-bottom: 30px;
}
 .cum1 {
     background-color:#0074CF;
     border-radius: 14px;
     padding: 20px 50px 00px 100px;
     position: relative;
     height: 150px;
     margin-bottom: 10px;
}
 .cum1:hover {
     opacity: 0.9 
}
 .cl-cum a:hover {
     text-decoration: none;
}
 .cum1 img:first-of-type {
     max-width: 58px;
     max-height: 88px;
     position: absolute;
     top: 35px;
     left: 20px;
}
 .cum1 img:last-of-type {
     width: 11px;
     position: absolute;
     top: 67px;
     right: 20px;
}
 .cum1 h4 {
     color: #fff;
     font-family: 'bruum', sans-serif;
     font-size: 26px 
}
 .cum1 p {
     color: #fff;
     line-height: 20px 
}
 .x2img img {
     width: 48%;
     margin: 0 1%;
     float: left 
}
 .top5 {
     height: 700px;
     position: relative;
     background-size: cover;
}

.cl-campanii .top5 {
    height: 900px;
    background-position: bottom center;
}
 .top5 h2 {
     color: #fff;
     text-align: center;
     margin-top: 0;
}
 .top5 p {
     color: #fff;
     text-align: center;
     max-width: 620px;
     margin: 30px auto;
     font-size: 25px;
}
 .top3 h2 {
     color: #fff;
     text-align: center;
     margin-top: 0;
}
 .top3 p {
     color: #fff;
     text-align: center;
     max-width: 920px;
     margin: 30px auto 30px auto;
     padding-bottom: 50px;
     font-size: 25px;
}
 .scroll {
     text-align: center;
     position: absolute;
     bottom: 80px;
     left: 0;
     width: 100%;
}
 .scroll>span {
     height: 65px;
     width: 65px;
     border: 2px solid #fff;
     border-radius: 50%;
     display: inline-block;
     padding: 21px;
     cursor: pointer;
}
 .scroll>span:hover {
     background: rgba(255,255,255,0.1);
}
 .scroll>span>span {
     border-bottom: 2px solid #fff;
     border-left: 2px solid #fff;
     transform: rotate(-45deg);
     display: inline-block;
     height: 10px;
     width: 10px;
}
 .articole {
     background-color: #00419D;
     position: relative;
     padding: 30px 0;
}
 .articole:before {
     content: '';
     width: 110%;
     display: block;
     position: absolute;
     top: -50px;
     background-color: #00419d;
     height: 100px;
     left: -5%;
     transform: rotate(-2deg);
     z-index: 0;
}
 .top-frt {
     background-color: #00419D;
     position: relative;
     padding: 30px 0;
}
 .top-frt:before {
     content: '';
     width: 110%;
     display: block;
     position: absolute;
     top: -50px;
     background-color: #00419d;
     height: 100px;
     left: -5%;
     transform: rotate(-2deg);
     z-index: 0;
     border-top: 24px solid ;
     border-image-source: linear-gradient(45deg, rgb(57, 165, 250), rgb(0, 65, 157));
     border-image-slice: 1;
}
 .art .img {
     height: 200px;
     background-size: cover;
     border-radius: 12px 12px 0 0;
}
 .art .info {
     background: rgb(243,243,243);
     background: -moz-linear-gradient(108deg, rgba(243,243,243,1) 17%, rgba(205,205,205,1) 69%);
     background: -webkit-linear-gradient(108deg, rgba(243,243,243,1) 17%, rgba(205,205,205,1) 69%);
     background: linear-gradient(108deg, rgba(243,243,243,1) 17%, rgba(205,205,205,1) 69%);
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f3f3f3",endColorstr="#cdcdcd",GradientType=1);
     overflow: auto;
     padding: 20px;
     border-radius: 0 0 12px 12px;
}
 .art h4 {
     font-family: 'bruum', sans-serif;
     font-size: 26px;
     text-transform: uppercase;
     color: #0175d0;
     min-height: 60px;
}
 .art p {
     min-height: 160px;
}
 .art a img {
     width: 47px;
     float: right 
}
 .art {
     margin-bottom: 10px;
     padding: 0 5px 
}
 .contact {
     background: rgb(0,123,215);
     background: -moz-linear-gradient(108deg, rgba(0,123,215,1) 9%, rgba(0,53,144,1) 69%);
     background: -webkit-linear-gradient(108deg, rgba(0,123,215,1) 9%, rgba(0,53,144,1) 69%);
     background: linear-gradient(108deg, rgba(0,123,215,1) 9%, rgba(0,53,144,1) 69%);
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#007bd7",endColorstr="#003590",GradientType=1);
     min-height: 100vh;
     height: calc(100vh - 108px);
}
 .contact h2 {
     color: #fff;
     max-width: 700px;
     text-align: center;
     margin: 0 auto 30px auto;
}
 #reseteaza {
     border: 1px solid #0074cf;
     display: table;
     border-radius: 8px;
     padding: 4px 10px;
     cursor: pointer;
}
 #reseteaza:hover {
     opacity: 0.6;
}
 .contact p {
     color: #fff;
     max-width: 800px;
     text-align: center;
     margin: 0 auto;
     font-weight: 300;
}
 .form {
     max-width: 500px;
     margin: 0 auto;
}
 .form input, .form textarea {
     width: 100%;
     border: none;
     border-radius: 18px;
     line-height: 19px;
     padding: 10px 10px;
     color: #003590;
     resize: none;
}
 .form input[type=checkbox] {
     float: left;
     display: inline;
     display: none;
}
 .form label {
     font-size: 15px;
     color: #fff;
     margin: 13px 0 3px 0;
     padding-left: 8px;
     cursor: pointer;
}
 .form label[for=ani] p {
     text-align: left 
}
 .form label[for=ani] span{
     border: 2px solid #fff;
     float: left;
     width: 20px;
     height: 20px;
     margin-right: 7px;
     border-radius: 3px;
}
 #ani:checked + label span {
     background-color: rgba(255,255,255,0.3) 
}

#ani:checked + label span i {
     height: 10px;
     width: 25px;
     border-bottom: 3px solid #fff;
     border-left: 3px solid #fff;
     display: inline-block;
     transform: rotate(-42deg);
     position: relative;
     top: -6px;
}
 .form label[for=varsta] span {
     position: absolute;
     display: inline-block;
     height: 16px;
     width: 16px;
     border: 1px solid #fff;
     border-radius: 4px 
}
 .form label[for=varsta] p {
     opacity: 0.4;
     text-align: left;
     padding-left: 30px;
     font-size: 14px;
     font-weight: 100;
}
 #varsta {
     display: none;
}
 .form .info {
     opacity: 0.4;
     display: inline-block;
     margin-top: 40px;
     margin-left: 20px;
     font-size: 14px;
}
 #trimite {
     background-color: #349CF2;
     color: #fff;
     padding: 10px 35px;
     margin-top: 30px;
     display: inline-block;
     border-radius: 25px;
     cursor: pointer;
     transition: all 0.2s ease-in-out;
     -webkit-transition: all 0.2s ease-in-out;
}
 #trimite:hover {
     letter-spacing: 1px;
}
 .cl-campanii .left h3 {
     color: #fff;
     margin: 0 0 30px 2vw;
}
 .cl-campanii .left p {
     margin: 0 0 0 2vw;
     text-align: left;
     font-family: 'bruum', sans-serif;
     font-size: 20px;
     /* text-shadow: -1px -1px 0 #012b67, 1px -1px 0 #012b67, -1px 1px 0 #012b67, 1px 1px 0 #012b67; */
}
 .cl-campanii .left .right img {
     width: 94px;
}
 .cl-campanii .left .right {
     position: absolute;
     right: 2vw;
     text-align: right;
     max-width: 193px;
     top: 0;
     font-family: 'bruum', sans-serif;
}
 .cl-campanii .top-text {
     color: #fff;
     text-align: center;
}
 .articol video {
     width: 100%;
     margin-bottom: 30px;
}
 .articol {
     padding: 50px 0 
}
 .articol p {
     margin-bottom: 25px;
}
 .articol p strong {
     color: #00419d;
}
 .articol img {
     max-width: 100%;
}
 .articol .imgx4 img {
     margin-bottom: 30px;
     object-fit: cover;
     height: 250px;
     border-radius: 10px;
}
 .articol .imgx4 div {
     position: relative;
}
 .articol .imgx4 span {
     position: absolute;
     color: #fff;
     left: 32px;
     bottom: 45px;
     font-size: 20px;
     font-weight: 600;
     background: #00419d;
     padding: 5px 15px 4px 15px;
     border-radius: 10px;
}
 .art-top img {
     width: 379px;
     margin-top: 50px;
     margin-right: 40px;
     float: left;
}
 .art-top {
     margin-top: 50px;
}
 .art-top p {
     padding: 50px 0px;
     font-family: 'bruum', sans-serif;
     font-size: 25px;
     color: #0046A1;
     line-height: 40px;
}
 .x1img img {
     width: 100%;
}
 .cl-campanie video {
     max-width: 100%;
}
 .cl-produse section {
     height: 100vh;
     position: relative;
}
 .cl-produse section:nth-of-type(2n+1) {
     background-color: #0E5DB7;
}
 .cl-produse section:nth-of-type(2n+2) {
     background-color: #0046A1;
}
 .cl-produse section:nth-of-type(2n+1):after {
     content: '';
     display: block;
     position: relative;
     width: 100%;
     background-color: #0046A1;
     height: 50px;
     position: absolute;
     bottom: -25px;
     left: 0;
     transform: rotate(-1deg);
}
 .cl-produse section:nth-of-type(2n+2):after {
     content: '';
     display: block;
     position: relative;
     width: 100%;
     background-color: #0E5DB7;
     height: 50px;
     position: absolute;
     bottom: -25px;
     left: 0;
     transform: rotate(-1deg);
}
 .cl-produse section:last-of-type:after {
     display: none;
     background-color: transparent;
}
 .cl-produse .right>div, .cl-produse .right>div>img {
     display: inline-block;
     position: relative;
}
 .cl-produse .left>div, .cl-produse .left>div>img {
     display: inline-block;
     position: relative;
}
 .cl-produse .pack-wr>a {
     position: absolute;
     left:50%;
     left: calc(50% - 27px);
     bottom: 50%;
     opacity: 0;
     transition: all 0.2s ease-in-out;
     -webkit-transition: all 0.2s ease-in-out;
}
 .cl-produse div>a>img {
     width: 55px;
}
 .cl-produse .left {
     text-align: right;
     background-repeat: no-repeat;
     background-position: left 20% center;
     background-size: contain;
     height: 464px;
}
 .cl-produse .batoane .left {
     background-size: 70% 
}
 .cl-produse .batoane .right {
     background-size: 90% 
}
 .cl-produse .right {
     text-align: left;
     background-repeat: no-repeat;
     background-position: right 20% center;
     background-size: contain;
}

 .cl-produse .center {
     margin-left: -95px;
}

 .cl-produse .pack {
     max-height: 450px;
     transition: all 0.2s ease-in-out;
     -webkit-transition: all 0.2s ease-in-out;
}

.cl-produse .iaurt .left .pack {
    margin-top: 50px;
    margin-bottom: 150px;
    max-height: 167px;
}

.cl-produse .iaurt .right .pack {
    margin-top: 80px;
    max-height: 138px;
    margin-bottom: 152px;
}
 .cl-produse .pack-wr:hover>img {
     opacity: 0.4;
}
 .cl-produse .pack-wr:hover a {
     opacity: 1;
}
 .cl-produse .text {
     font-family: 'bruum', sans-serif;
     color: #fff;
     font-size: 30px;
     padding: 0 40px 
}
 .cl-produse h2 {
     color: #fff;
     display: table;
     margin: 0px auto 60px auto;
     background-color: #B12B2F;
     font-size: 30px;
     padding: 10px 50px;
     border-radius: 11px;
}
 .cl-produse .lapte h2 {
     background-color: #D79F52;
}

.cl-produse .lapte1 h2 {
     background-color: #59311E;
}
 .cl-produse .batoane h2 {
     background-color: #89422f;
}
 .produs .tab {
     display: inline-block;
     float: left;
     text-align: center;
     width: 150px;
     cursor: pointer;
}
 .produs .tab svg #Path_40, .produs .tab svg #Path_39, .produs .tab svg #Layer_540, .produs .tab svg #Layer_548, #Layer_559 path, #Layer_559 rect, #Layer_559 circle, #Layer_571 circle, #Layer_571 path {
     stroke: #fff;
     fill: transparent;
}
 .produs .tab.active svg #Path_40, .produs .tab.active svg #Path_39, .produs .tab.active svg #Layer_540, .produs .tab.active svg #Layer_548, .active #Layer_559 path, .active #Layer_559 rect, .active #Layer_559 circle, .active #Layer_571 circle, .active #Layer_571 path {
     stroke: #b12b2f;
     fill: #fff;
}
 .produs .s2 .tab.active svg #Path_40, .produs .s2 .tab.active svg #Path_39, .produs .s2 .tab.active svg #Layer_540, .produs .s2 .tab.active svg #Layer_548, .s2 .active #Layer_559 path, .s2 .active #Layer_559 rect, .s2 .active #Layer_559 circle, .s2 .active #Layer_571 circle, .s2 .active #Layer_571 path, .produs .s2 .tab.active svg #Layer_548 {
     stroke: #c0222f;
     fill: #fff;
}
 .produs .text {
     transition: all 0.2s ease-in-out;
     -webkit-transition: all 0.2s ease-in-out;
     transform: translateY(-60%);
}
 .text {
}
 .produs .text .tab p {
     font-size: 17px;
     font-family: 'dinn', sans-serif;
     display: block;
     text-align: center;
     margin-top: 15px;
}
 .produs .text .tab img {
     width: 82px;
     margin: 0 auto;
}
 .produs .text .content p {
     text-align: center;
     font-size: 35px;
     font-family: 'dinn', sans-serif;
}
 .produs .text .tabs {
     display: table;
     margin: 21px auto 0 auto;
}
 .produs .content>div {
     display: none;
     position: absolute;
     width: 100%;
     bottom: 0;
}
 .produs .content {
     min-height: 289px;
     width: 602px;
     position: relative;
}
 .produs .content>div.c0 {
     display: block;
     text-align: center;
}
 .produs .content .c1 p {
     font-size: 17px;
     font-weight: 300;
}
 .produs .content .c1 {
    /* max-width: 65%;
     */
     margin: 0 auto;
    /* position: absolute;
     */
    /* width: 100%;
     */
    /* bottom: 0;
     */
}
 .produs .content .c2 {
    /* max-width: 65%;
     */
     margin: 0 auto;
}
 .produs .text .content .c2 p {
     font-size: 17px;
     font-size: 14px;
}
 .produs .content .c3 {
    /* max-width: 91%;
     */
     margin: 0 auto;
     text-align: center;
}
 .produs .content .c3 p {
     font-size: 12px;
     border: 2px solid rgba(255,255,255,0.3);
     border-radius: 7px;
     width: 32.3%;
     padding: 10px 0;
     display: inline-block;
}
 .produs .content .c3 p span {
     font-size: 15px;
     display: block;
}
 .social {
     float: left;
     margin-right: 10px;
}
 .social i {
     font-size: 27px;
     display: block 
}
 .social a:first-of-type i {
     margin-bottom: 5px 
}
 .social a:hover {
     color: #ffffffa8;
     text-decoration: none 
}
 .social a:active, .social a:focus, .social a:visited {
     color: #ffffff;
     text-decoration: none 
}
 #videoactivari {
     max-width: 100%;
     object-fit: cover;
}
 .imgw100 img {
     max-width: 100%;
     width: auto !important;
     max-height: 600px;
     height: auto !important;
     display: block;
     margin: 10px auto;
}
 .imgw100 img.img_cv {
     max-height: 300px;
     margin-right: 10px 
}

.pp {
     /*display: none; */
     background-color: rgba(0,0,0,0.8);
     position: fixed;
     top: 0;
     left:  0;
     width:  100%;
     height: 100vh;
     text-align: center;
     z-index: 1000;
}

.pp .img {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    display: table;
    margin:  0 auto;
}

.pp img {
    max-width: 700px;
    width: 90%;
}

.pp .closepp {
    color: #fff;
    position: absolute;
    top: 0;
    left: 87%;
    font-weight: 700;
    font-size: 90px;
    font-family: serif;
    width: 60px;
    line-height: 60px;
 /*   border: 1px solid rgba(255,255,255,0.6);
      border-radius: 6px;*/
}

.pp .closepp:hover {
/*    background-color: rgba(255,255,255,0.2); */
    cursor: pointer;
}

.pp .pmm {
    position: absolute;
    background: #fff;
    padding: 10px 0;
    top: 74%;
    left: 24.5%;
    color: #316cbe;
    font-size: 24px;
    font-family: 'bruum', sans-serif;
    border-radius: 16px;
    font-weight: 400;
    width: 170px;
}

.pp .pmm:hover {
    text-decoration: none;
}

.pp .nm {
    position: absolute;
/*     border: 2px solid transparent;
    border-image: linear-gradient(90deg, rgba(26,170,227,1) 0%, rgba(27,42,84,1) 100%);
    border-image-slice: 1; */
/*    top: calc(46% + 50px); */
    background: transparent;
    padding: 8px 0;
    top: 85%;
    left: 24.5%;
    color: #fff;
    font-size: 15px;
    font-family: 'bruum', sans-serif;
    border-radius: 16px;
    border: 0px solid rgba(26,170,227,1);
    font-weight: 400;
    width: 170px;
    cursor: pointer;
}



















@media only screen and (min-width : 992px) {
     .mobile {
          display: none;
     }
}


@media only screen and (min-width : 1200px) {
    .watch li:nth-of-type(3) span:last-of-type {
        max-width: 160px;
        margin: 0 auto;
    }

    .watch li span:last-of-type {
        font-size: 19px;
    }
}
 @media only screen and (max-width : 1200px) {
     .cl-produse h2 {
         font-size: 21px;
    }
     .cl-produse .pack {
         max-height: 340px;
    }
     .cl-produse .text {
         font-size: 22px;
         padding: 0 15px;
    }
     .s1 .pack {
         width: 113px;
         right: calc(100% - 54px);
    }
     .s2 .pack {
         width: 284px;
         right: calc(100% - 152px);
    }
     .s3 .pack {
         width: 133px;
         right: calc(100% - 66px);
    }
     .s4 .pack {
         width: 127px;
         right: calc(100% - 65px);
    }
     .s5 .pack {
         width: 200px;
         right: calc(100% - 104px);
    }
     .s6 .pack {
         width: 200px;
         right: calc(100% - 102px);
    }

    .s7 .pack {
         width: 133px;
         right: calc(100% - 66px);
    }
     .slick-current.s1 .pack {
         bottom: calc(50vh - 173px);
    }
     .slick-current.s2 .pack {
         bottom: calc(50vh - 213px);
    }
     .slick-current.s3 .pack {
         bottom: calc(50vh - 166px);
    }
     .slick-current.s4 .pack {
         bottom: calc(50vh - 169px);
    }
     .slick-current.s5 .pack {
         bottom: calc(50vh - 155px);
    }
     .slick-current.s6 .pack {
         bottom: calc(50vh - 152px);
    }
     .slick-current.s7 .pack {
         bottom: calc(50vh - 166px);
    }
     .slick-current.s .splash {
         right: calc(100% - 492px);
    }
     .slick-current.s.s1 .fructe {
         right: calc(100% - 299px);
    }
     .s .fructe {
         width: 60vw;
    }
     .s.s2 .fructe, .s.s3 .fructe, .s.s4 .fructe, .s.s5 .fructe, .s.s6 .fructe, .s.s7 .fructe {
         width: 60vw;
    }
     .s .splash {
         width: 800px;
    }
     .produs .s .text {
         left: 0;
    }
     .produs .splash {
         display: none;
    }
     .slider1 .s .text p {
         font-size: 30px;
    }
     .text-fix p {
         font-size: 16px;
    }
     .text-fix ul img {
         width: 57px;
    }
     .q5 .sedentar img {
         width: 80px;
    }
     .q5 .activm img {
         width: 40px;
         margin-bottom: 13px;
    }
     .q5 .factiv img {
         width: 60px;
    }
     .q5 label {
         width: 90px;
    }
     #slider .slide.q5 p {
         min-height: 46px;
    }
     .bottom .right {
         height: 300px 
    }
}
/* iPads (portrait) ----------- */
 @media only screen and (max-width: 991px) {
     .cl-produse h2 {
         font-size: 21px;
         margin-top: 200px;
    }
     .cl-produse .pack {
         max-height: 340px;
    }
     .cl-produse .left .text {
         text-align: right;
    }
     .cl-produse .right .text {
         text-align: left 
    }
     .cl-produse .left, .cl-produse .right {
         text-align: center;
    }
     .cl-produse section {
         height: auto 
    }
     .cl-produse section:nth-of-type(1) {
         padding: 0 0 100px 0;
    }
     .cl-produse section:nth-of-type(2) {
         padding: 0 0 100px 0;
    }
     .cl-produse .lapte h2 {
         margin-top: 100px 
    }
     .cl-produse .batoane h2 {
         margin-top: 100px 
    }
     .cl-produse section:nth-of-type(3) {
         padding: 0 0 100px 0;
    }
     .cl-produse section>.xcenter {
         top: 0;
         transform: translateY(0);
    }
     .cl-produse .batoane .left, .cl-produse .batoane .right {
         background-size: 300px;
         background-position: center 
    }
     .top {
         background: none;
         filter: none;
         height: auto;
    }
     .top .h100 {
         height: 500px;
         width: 200vw;
         left: -50vw;
         top: -100px;
         margin-bottom: -200px;
         transform: rotate(2deg);
         background: rgba(0,123,215,1);
         display: none;
    }
     header .logo {
         width: 75px;
         top: 10px;
         left: 20px;
    }
     .buttons {
         top: 17px;
    }
     .text-fix {
         display: none 
    }
     .s1 .pack {
         width: 284px;
         right: 0;
    }
     .produs .splash {
         display: none 
    }
     .produs .slider1bis .s {
        /* min-height: calc(100vh - 71px);
         */
    }
     .produs .s .text {
         padding-right: 250px;
         text-align: center;
         top: 61px;
    }
     .produs .content {
         display: inline-block;
    }
     .s2 .pack {
         width: 284px;
         bottom: auto;
         right: 0;
         left: 0;
         margin: 0 auto;
         top: 110px;
    }
     .s3 .pack {
         width: 133px;
         right: 0;
         left: 0;
         margin: 0 auto;
         top: 118px;
         bottom: auto;
    }
     .s4 .pack {
         width: 127px;
         right: 0;
         left: 0;
         margin: 0 auto;
         top: 110px;
    }
     .s5 .pack {
         width: 200px;
         right: 0;
         left: 0;
         margin: 0 auto;
         top: 110px;
    }
     .s6 .pack {
         width: 200px;
         right: 0;
         left: 0;
         margin: 0 auto;
         top: 110px;
    }
    .s7 .pack {
         right: 0;
         left: 0;
         margin: 0 auto;
         top: 110px;
    }
     .slick-current.s1 .pack {
         bottom: auto;
         top: 140px;
         left: 0;
         margin: 0 auto;
    }
     .slick-current.s2 .pack {
         bottom: auto;
         right: 0;
         left: 0;
         margin: 0 auto;
         top: 175px;
    }
     .slick-current.s3 .pack {
         bottom: auto;
    }
     .slick-current.s4 .pack {
         bottom: auto;
    }
     .slick-current.s5 .pack {
         bottom: auto;
    }
     .slick-current.s6 .pack {
         bottom: auto;
    }
     .slick-current.s7 .pack {
         bottom: auto;
    }
     .slick-current.s .splash {
         right: 0;
         left: 18%;
         margin: 0 auto;
         top: 91px;
    }
     .slick-current.s.s1 .fructe {
         right: calc(100% - 299px);
    }
     .s .fructe {
         display: none 
    }
     .s.s2 .fructe, .s.s3 .fructe, .s.s4 .fructe, .s.s5 .fructe, .s.s6 .fructe, .s.s7 .fructe {
         display: none;
    }
     .produs .s .pack {
         right: -504px;
         max-height: 350px;
         top: 300px;
    }
     .s .splash {
         width: auto;
         max-width: 800px;
    }
     .slider1 .s .text p {
         font-size: 25px;
    }
     .slider1 .s .text p br {
         display: none;
    }
     .slider1 .s:before {
         content: "";
         height: 500px;
         width: 200vw;
         left: -50vw;
         top: -110px;
         margin-bottom: -200px;
         transform: rotate(2deg);
         background: linear-gradient(180deg, rgba(0,123,215,1) 0%, #0463b7 100%);
         position: absolute;
    }
     .s .text {
         top: 57%;
         transform: translateY(0);
         position: absolute;
         bottom: 246px;
         width: 100%;
         left: 0;
         text-align: center;
    }
     .slider1 .s {
         height: 900px 
    }
     .slick-dotted.slick-slider.slider1 {
         margin: 0 -15px 0 -15px;
    }
     .slider1 .s1 {
         background-size: 160px;
         background-position: bottom 10% center;
    }
     .slider1 .s2 {
         background-size: 160px;
         background-position: bottom 10% center;
    }
     .slider1 .s3 {
         background-size: 160px;
         background-position: bottom 129px center;
    }
     .slider1 .s4 {
         background-size: 160px;
         background-position: bottom 10% center;
    }
     .slider1 .s5 {
         background-size: 160px;
         background-position: bottom 10% center;
    }
     .slider1 .s6 {
         background-size: 160px;
         background-position: bottom 10% center;
    }
    .slider1 .s7 {
         background-size: 160px;
         background-position: bottom 10% center;
    }
     .slider1 .slick-dots {
         left: 0;
         right: 0;
         margin: 0 auto;
         width: 345px;
         top: 77%;
    }
     .calculator .left .rot {
         width: 100%;
         transform: rotate(0deg);
         right: 0;
         border-right: 0;
    }
     #slider .slick-prev {
         left: 30px 
    }
     #slider .slick-dots li button {
         color: #999 
    }
     #slider .slick-dots {
         text-align: center;
         bottom: 20px;
    }
     #slider .slick-dots li {
         width: auto;
         display: inline-block;
    }
     .intrebare {
         background-color: #fff;
         border-bottom: 1px solid #ddd 
    }
     #slider .slick-slide {
         height: 350px 
    }
     .calculator {
         background: #fff;
    }
     .calculator .right {
         background: linear-gradient(258deg, rgba(254,254,254,1) 49%, rgb(228, 215, 215) 99%);
    }
     .after {
         display: none;
    }
     .slider2 .slick-slide {
         padding: 0;
         height: auto !important;
    }
     .bottom {
         padding: 0 
    }
     .bottom .right {
         height: auto;
         padding: 60px 10%;
    }
     .bottom .right .xcenter {
         top: 0;
         transform: translateY(0);
    }
     p.poti {
        /* display: none;
         */
    }
     .slider2 .slick-dots {
         position: relative;
         width: auto;
         margin: 10px auto;
         text-align: center;
    }
     .slider2 .slick-dots li {
         display: inline-block;
    }
     footer p {
         font-size: 15px 
    }
}

















@media only screen and (max-width: 991px) {
     .desktop {
          display: none;
     }

      .centru {
        display: none;
    }
}




/* iPads (landscape) ----------- */
 @media only screen and (max-width: 746px) {


    .cl-produse .center {
        margin-left: 0;
    }

   



     
     .produs .s .pack {
         position: relative;
         right: 0;
         left: 0;
         margin: 121px auto 0 auto;
         bottom: auto;
         display: table;
         padding-bottom: 20px;
         z-index: 1;
    }
     .produs .s2 .pack {
         width: auto;
         max-height: 300px;
         top: 0;
    }
     .produs .s3 .pack {
         width: auto;
         max-height: 300px;
         top: 0;
    }
     .produs .s4 .pack {
         width: auto;
         max-height: 300px;
         top: 0;
    }
     .produs .s5 .pack {
         width: auto;
         max-height: 300px;
         top: 0;
    }
     .produs .s6 .pack {
         width: auto;
         max-height: 300px;
         top: 0;
    }
     .produs .s7 .pack {
         width: auto;
         max-height: 300px;
         top: 0;
    }
     .produs.top {
         height: auto 
    }
     .produs .tab svg {
         width: 60px;
    }
     .produs .text .tab p {
         margin-top: -10px;
         font-size: 13px;
    }
     .produs .tab {
         width: 33.3%;
    }
     .produs .text .tabs {
         width: 100%;
         margin: 0px auto 0 auto;
    }
     .produs .s .text {
         padding-right: 0;
         text-align: center;
         left: auto;
         top: 115px;
         position: relative;
         bottom: 0;
    }
     .produs .text .content .c1 p {
         padding: 0 20px;
         font-size: 14px;
    }
     .produs .slider1bis .s {
         height: auto 
    }
     .produs .text .content p {
         padding: 0 5%;
         font-size: 25px;
    }
     .produs .content .c3 p {
         font-size: 11px;
         padding: 5px 3px;
         width: 46%;
         margin-bottom: 0px;
    }
     .produs .content {
         min-height: 218px;
         width: 100%;
         padding: 0;
         box-sizing: content-box;
    }
     .produs .content .c1 {
    }
     .cl-produse h2 {
         font-size: 21px;
         margin-top: 200px;
    }
     .cl-produse .pack {
         max-height: 253px;
    }
     .cl-produse .text {
         font-size: 20px;
         padding: 0 20px;
    }
     .watch {
         width: 270px;
         height: 270px;
         margin: 90px auto;
         border-radius: 50%;
         border: 4px dotted rgba(0, 53, 144, 0.8);
         box-shadow: 0 0 0 6px transparent;
         position: relative;
    }
     .cl-aport .watch {
        /* margin: 90px auto 30px auto;
         */
    }
     .watch ul {
         list-style: none;
         padding: 0;
         margin: 0px 0 0 -18vw;
         width: 100vw;
         height: 135px;
    }
     .watch li {
         float: left;
         width: 33.3%;
    }
     .watch li:nth-of-type(1) img {
         width: 91px;
    }
     .watch li:nth-of-type(2) img {
         width: 83px;
         margin-bottom: 17px;
    }
     .watch li:nth-of-type(3) img {
         width: 93px;
    }
     .cl-aport .watch li:nth-of-type(1) img {
         width: 80px;
         margin-bottom: 30px;
    }
     .cl-aport .watch li:nth-of-type(2) img {
         width: 80px;
        /* margin-bottom: 30px;
         */
    }
     .cl-aport .watch li:nth-of-type(3) img {
         width: 80px;
         margin-bottom: 31px;
    }
     .watch li:nth-of-type(2) {
         position: relative;
         top: -44px;
    }
     .watch li span {
         display: table;
         background-color: #1c75cd;
         font-size: 10px;
    }
     .watch li span:first-of-type {
         padding-top: 10px;
         margin: -22px auto 0 auto;
         font-family: 'bruum', sans-serif;
        /* background-color: transparent;
         */
    }
     .watch li span:last-of-type {
         padding-bottom: 10px;
         line-height: 10px;
         margin: 0 auto;
        /* background-color: transparent;
         */
    }
     .watch .q {
         font-family: 'bruum', sans-serif;
         line-height: 1em;
         font-size: 13px;
         text-align: left;
         display: table;
         margin: 0 auto;
         position: relative;
         top: -56px;
        /* right: 0;
         */
        /* left: 0;
         */
    }
     .watch .q span {
         font-size: 47px;
         position: absolute;
         top: 15px;
         right: -26px;
    }
     .watch .p {
         margin: 0;
         margin-top: -30px;
         line-height: 1em;
         font-size: 10px;
    }
     .watch .buton img {
         width: 42px;
         display: inline-block;
         margin-right: 8px;
    }
     .watch .buton {
         white-space: nowrap;
         display: block;
         font-size: 12px;
         cursor: pointer;
         margin-top: 32px;
         font-family: 'dinn', sans-serif;
    }
     h2 {
         font-size: 26px;
    }
     .top4 .title h2 {
         font-size: 21px;
    }
     .s1 .pack {
         width: auto;
         height: 253px;
         right: 0;
    }
     .s2 .pack {
         width: 284px;
         bottom: auto;
         right: 0;
         left: 0;
         margin: 0 auto;
         top: 110px;
    }
     .s3 .pack {
         width: 133px;
         right: 0;
         left: 0;
         margin: 0 auto;
         top: 118px;
         bottom: auto;
    }
     .s4 .pack {
         width: 127px;
         right: 0;
         left: 0;
         margin: 0 auto;
         top: 110px;
    }
     .s5 .pack {
         width: 200px;
         right: 0;
         left: 0;
         margin: 0 auto;
         top: 110px;
    }
     .s6 .pack {
         width: 200px;
         right: 0;
         left: 0;
         margin: 0 auto;
         top: 110px;
    }
     .s7 .pack {
         width: 200px;
         right: 0;
         left: 0;
         margin: 0 auto;
         top: 110px;
    }
     .slick-current.s1 .pack {
         bottom: auto;
         top: 98px;
         left: 0;
         margin: 0 auto;
    }
     .slick-slide.s2 .pack {
         bottom: auto;
         right: 0;
         left: 0;
         margin: 0 auto;
         top: 70px;
         width: auto;
         height: 303px;
    }
     .slick-slide.s3 .pack {
         bottom: auto;
         width: auto;
         height: 238px;
         top: 100px;
    }
     .slick-slide.s4 .pack {
         bottom: auto;
         width: auto;
         height: 253px;
         top: 92px;
    }
     .slick-slide.s5 .pack {
         bottom: auto;
         width: auto;
         height: 253px;
    }
     .slick-slide.s6 .pack {
         bottom: auto;
         width: auto;
         height: 253px;
    }
     .slick-slide.s7 .pack {
         bottom: auto;
         width: auto;
         height: 253px;
    }
     .slick-slide.s .splash {
         right: 0;
         left: -32px;
         margin: 0 auto;
         top: 62px;
    }
     .slick-current.s.s1 .fructe {
         right: calc(100% - 299px);
    }
     .s .fructe {
         display: none 
    }
     .s.s2 .fructe, .s.s3 .fructe, .s.s4 .fructe, .s.s5 .fructe, .s.s6 .fructe, .s.s7 .fructe {
         display: none 
    }
     .s .splash {
         width: auto;
         max-width: 568px;
    }
     .slider1 .s .text p {
         font-size: 18px;
         text-align: center;
         padding: 0 5%;
    }
     .slider1 .s .text p br {
         display: none;
    }
     .slider1 .s:before {
         content: "";
         height: 407px;
         width: 200vw;
         left: -50vw;
         top: -110px;
         margin-bottom: -200px;
         transform: rotate(2deg);
         background: linear-gradient(180deg, rgba(0,123,215,1) 0%, #0463b7 100%);
         position: absolute;
    }
     .s .text .buton {
         font-size: 16px;
         margin-top: 20px;
    }

    .s .text .buton a {
        padding: 10px 0;
    }
     .s .text .buton img {
         width: 40px;
    }
     .s .text {
         top: auto;
         transform: translateY(0);
         position: absolute;
         bottom: 106px;
         width: 100%;
         left: 0;
         text-align: center;
    }
     .slider1 .s {
         height: 580px;
    }
     .slick-dotted.slick-slider.slider1 {
         margin: 0 -15px 0 -15px;
    }
     .slider1 .s1 {
         background-size: 160px;
         background-position: bottom 10% center;
    }
     .slider1 .s2 {
         background-size: 160px;
         background-position: bottom 10% center;
    }
     .slider1 .s3 {
         background-size: 160px;
         background-position: bottom 129px center;
    }
     .slider1 .s4 {
         background-size: 160px;
         background-position: bottom 10% center;
    }
     .slider1 .s5 {
         background-size: 160px;
         background-position: bottom 10% center;
    }
     .slider1 .s6 {
         background-size: 160px;
         background-position: bottom 10% center;
    }
      .slider1 .s7 {
         background-size: 160px;
         background-position: bottom 10% center;
    }
     .slider1 .slick-dots {
         left: 0;
         right: 0;
         margin: 0 auto;
         width: 288px;
    }
     body {
         overflow-x: hidden 
    }
     .load-hidden {
         visibility: visible 
    }
     .calculator .left {
         height: auto;
         padding: 24px 29px;
         text-align: center;
    }
     .calculator .left .xcenter {
         top: 0;
         transform: translateY(0);
    }
     #slider .slick-prev, #slider .slick-next {
         top: 25%;
    }
     #slider .slick-prev {
         left: 15px 
    }
     #slider .slick-next {
         right: 15px 
    }
     .q5 .sedentar img {
         width: 55px;
         display: inline-block;
    }
     .q5 .activm img {
         width: 25px;
         margin-bottom: 13px;
    }
     .q5 .factiv img {
         width: 39px;
    }
     .q5 label {
         width: 78px;
         text-align: center;
    }
     #slider .slide.q5 p {
         min-height: 34px;
         font-size: 13px;
         display: inline-block;
    }
     #slider .slick-dots li {
         height: 60px 
    }
     #slider .slick-dots {
         bottom: 10px;
         pointer-events: auto;
    }
     #slider .slick-slide {
         height: 389px;
    }
     #slider .slick-slide.q6 div {
         top: 0;
         transform: translateY(0);
         text-align: center;
         padding: 30px 35px 0 35px;
    }
     #slider .slick-slide.q6 div p {
         text-align: center;
    }
     .intrebare {
         padding: 20px 30px 40px 30px;
    }
     .activari {
         padding: 40px 0 40px 0;
    }
     p.poti {
         position: relative;
         margin-top: -40px;
         top: -57px;
    }
     .slider2 .right p {
         font-size: 16px;
         line-height: 18px;
    }
     .slider2 .right {
         padding: 15px 10% 30px 10%;
    }
     .activari .videowr {
         max-width: 94%;
         left: -3px;
    }
     .activari video {
         margin: 15px auto 20px auto;
    }
     #reseteaza {
         margin: 0 auto;
    }
     .q6 div>span {
         margin: 10px auto;
    }
     .q4 div, .q3 div, .q2 div {
         top: 80px;
         transform: translateY(0);
    }
     #menu ul li a {
         font-size: 20px;
    }
     #menu ul li {
         display: table;
         background-size: 27px;
         padding: 5px 5px 5px 41px;
    }
     #menu ul {
         display: table;
         margin: 0 auto;
    }
     #menu .pk {
         display: none !important;
    }
     .breadcrums {
         display: none 
    }
     .cl-aport h3 {
         font-size: 30px;
    }
     .top5 p {
         font-size: 18px;
         line-height: 23px;
    }
     .cl-cum .odd, .cl-cum .even {
         padding: 0 20px;
         margin: 10px 0;
    }
     h3 {
         font-size: 30px 
    }
     .cl-campanii .top5 {
         background-position: center 
    }
     .cl-campanii .left .right {
         display: none;
    }
     .articol {
         padding: 50px 10px 
    }
     .top4 {
         background-position: center;
         height: 600px;
    }
     .contact .xcenter {
         top: 0;
         transform: translateY(0);
         margin-top: 170px;
    }
     .contact {
         height: auto 
    }
     #trimite {
         margin: 20px auto 2px auto;
         display: table;
    }
     .form .info {
         margin-top: 20px;
         margin-bottom: 20px;
         display: block;
         text-align: center;
    }
     .social {
         float: none;
         width: 100%;
         text-align: center 
    }
     .social i {
         font-size: 27px;
         margin: 0 10px;
         display: inline-block 
    }
     footer {
         text-align: center;
         display: block 
    }
     footer img {
         float: none;
         margin-bottom: 20px 
    }
     .top5 {
         background-position: center;
    }
     .cum1 h4 {
         font-size: 20px 
    }
     .art-top p {
         font-size: 15px;
         line-height: 18px;
         width: 46%;
         display: inline-block;
    }
     .imgw100 img.img_cv {
         float: none;
         display: inline-block;
         width: 49% !important;
         margin-right: 3%;
    }
     .cl-camp {
         height: 500px;
    }
     .cl-camp .bg-angle {
         height: 125px;
    }
     .cl-camp .title {
         bottom: 6px;
    }
     .cl-hidratare.top4 {
         background-position: left 25% center;
    }
     .cl-odihna.top4 {
         background-position: left 73% center;
    }
     .cl-cool.top4 {
         background-position: left 69% center;
    }
     .cl-id5d95b8f833383506c70000b6 {
         background-position: left 69% center;
    }
     .cl-id5d95b8c7333835f06a0000c4 {
         background-position: left 19% center;
    }
     .cl-id5d960b9333383500c300035d {
         background-position: left 42% center;
    }
     .cl-id5d962ce6333835d5e800011f {
         background-position: left 22% center;
    }
     .cl-id5d9632533338351b330001bc {
         background-position: left 74% center;
    }
     .cl-id5d963334333835261b00024d {
         background-position: left 45% center;
    }
     .cl-id5d96344433383534a30000ba {
         background-position: left 73% center;
    }
     .cl-id5d963550333835420a000166 {
         background-position: left 66% center;
    }
     .cl-id5d9636403338354e64000142 {
         background-position: left 66% center;
    }
     .cl-id5d9636d033383554d60001bd {
         background-position: left 44% center;
    }
     .cl-id5d96375e3338355fa700016d {
         background-position: left 60% center;
    }
     .cl-id5d9637ff333835793d0003d8 {
         background-position: left 60% center;
    }
}


 @media only screen and (max-width: 541px) {

    .slider1 .slick-dots {
        left: 0;
        right: -186px;
        top: unset;
        margin: 0 auto;
        width: 100%;
    }

    .s .text {
        bottom: 130px;
    }

    }


/* Smartphones (portrait and landscape) ----------- */
 @media only screen and (max-width : 500px) {

    .pp .pmm {
         font-size: 12px;
         width: 110px;
         padding: 6px 0;
  top: 72%;
  left: 16%;
 }


     .pp .nm {
         padding: 6px 0;
         font-size: 12px;
         width: 120px;
  top: 72%;
  left: 42%;

 }

}


@media only screen and (max-width : 411px) {

    .slider1 .slick-dots {
        right: -60px;
    }

    .s .text {
        bottom: 106px;
    }

    }


/* Smartphones (portrait and landscape) ----------- */
 @media only screen and (max-width : 373px) {
     .cum1 p {
        line-height: 15px;
        font-size: 15px;
     }

     .cum1 img:first-of-type {
         max-width: 50px;
         max-height: 70px;
         top: 51px;
         left: 15px;
     }
     .cum1 {
         padding: 20px 50px 00px 75px;
     }

     .top2 {
     /* height: 400px; */
     }

     .activari {
         padding: 90px 0 50px 0;
     }
     #slider .slick-arrow {
         display: none !important;
     }
}


/* DE STERS */

.cl-homepage header .logo {
    /* display: none; */
    /* z-index: 2; */
}

.cl-homepage .buttons {
    top: 20px
}