/* RESET & NORMALIZE */
/*********************************************************************/

*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html, body { width: 100%; height: 100%; background: #FFF; font-family: 'Manrope', Arial, sans-serif; font-size: 16px; line-height: 140%; font-weight: 500; text-align: left; color: #606f87; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-tap-highlight-color: rgba(0,0,0,0);}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,progress { padding: 0; margin: 0; border: 0; vertical-align: baseline; outline: none; }
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary { display: block; }
audio,canvas,progress,video { display: inline-block; }
audio:not([controls]) { height: 0; display: none; }
ol,ul { list-style: none; }
blockquote,q { quotes: none; }
blockquote:before,blockquote:after,q:before,q:after { content: ''; content: none; }
table { width: 100%; border-collapse: collapse; border-spacing: 0; }
strong { font-weight: bold; }
sub,sup { font-size: 75%; line-height: 0; position: relative; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
hr { height: 0; }
button,input,optgroup,select,textarea { padding: 0; margin: 0; font-family: inherit; color: inherit; font-size: 100%; }
button::-moz-focus-inner,input::-moz-focus-inner { padding: 0; border: 0; }
textarea { overflow: auto; resize: none; vertical-align: top; }
input::-moz-placeholder, ::-webkit-input-placeholder, ::-moz-placeholder, :-ms-input-placeholder { opacity: 1; }
a { background-color: transparent; color: #00aceb; }
a:link, a:active, a:visited { text-decoration: none; }
a:hover { text-decoration: none !important; color: #1a284d;}
:focus { outline: none; }
a[x-apple-data-detectors] { color: inherit !important; text-decoration: none !important; font-size: inherit !important; font-family: inherit !important; font-weight: inherit !important; line-height: inherit !important; }
strong {font-weight: 800;}


/* GENERAL */
/*********************************************************************/

#cookie-box {width: 580px; border-radius: 40px; position: fixed; right: 30px; bottom: 30px; z-index: 99999; -webkit-box-shadow: 0px 5px 20px 10px rgba(0,0,0,0.1); -moz-box-shadow: 0px 5px 20px 10px rgba(0,0,0,0.1); box-shadow: 0px 5px 20px 10px rgba(0,0,0,0.1); overflow: hidden;}
#cookie-box .inner {width: 100%; height: 100%; background: #fff; position: relative; display: block; padding: 50px 50px 60px;}
#cookie-box .heading {color:#1A284D; font-size: 36px; line-height: 45px; font-weight: 800; padding: 0 10px; letter-spacing: -1px;}
#cookie-box .txt {font-size: 14px; color: #606F87; line-height: 22px; font-weight: 500; padding: 0 10px 20px;}
#cookie-box .buton {width: calc(50% - 20px); display: block; float: left; margin: 0 10px;}
#cookie-box .buton.v2 {background: #fff; border: 1px solid #1a284d; line-height: 58px; color:#1a284d;}
#cookie-box .buton.v2:hover {background: #1a284d; color:#fff;}
#cookie-box .txt a:hover {color: #606f87;}

.action-button {width: 100%; height: auto; border-radius: 20px 20px 0 0; background-color: #fff; position: fixed; bottom: 0; left: 0; box-shadow: 0px 5px 20px 10px rgba(0, 0, 0, 0.10); padding: 25px 30px; display: none; z-index: 9999; cursor: pointer;}
.action-button p {font-size: 23px; line-height: 29px; color: #1A284D; font-weight: 800; letter-spacing: -0.7px; padding-right: 30px; position: relative; width: 100%; display: block;}
.action-button p .ico {position: absolute; top: 5px; right: 0;}

#action-box {width: 100%; height: auto; border-radius: 20px 20px 0 0; background-color: #fff; position: fixed; bottom: -270px; left: 0; transition: bottom 0.3s ease; box-shadow: 0px 5px 20px 10px rgba(0, 0, 0, 0.10); padding: 30px; z-index: 10000;}
#action-box.active {bottom: 0;}
#action-box p {font-size: 23px; line-height: 29px; color: #1A284D; font-weight: 800; letter-spacing: -0.7px; display: block; margin-bottom: 20px;}
#action-box ul li {font-size: 15px; line-height: 20px; padding-bottom: 5px; padding-left: 25px; position: relative; color: #1A284D; font-weight: 500;}
#action-box ul li img {width: 16px; height: 16px; position: absolute; left: 0; top: 3px;}
#action-box .buton {width: 100%; height: 50px; line-height: 50px; font-size: 15px; letter-spacing: -0.3px; margin-top: 20px;}

#overlay {position: fixed; top: 0; left: 0; width: 100%; height: 100%; backdrop-filter: blur(2px); background: rgba(0, 0, 0, 0.3); z-index: 9999; opacity: 0; visibility: hidden; transition: opacity 0.3s ease;}
#overlay.active {opacity: 1;visibility: visible;}

#main { width: 100%; overflow: hidden;}
.lazyload {max-width: 100%; height: auto;}

.ico {background: url('../img/sprite.png') 0 0 no-repeat; display: block;}
.ico.fb {width: 40px; height: 40px;}
.ico.insta {width: 40px; height: 40px; background-position: -40px 0;}
.ico.li {width: 40px; height: 40px; background-position: -80px 0;}
.ico.go-top {width: 13px; height: 16px; background-position: -120px 0;}
.ico.action-img.open-ft {background-position: -200px 0;}
.ico.action-img.close-ft {background-position: -240px 0;}
.ico.action-img {width: 40px;height: 40px;}
.ico.faq-open {width: 20px; height: 20px; background-position: -160px 0;}
.activ .ico.faq-open {background-position: -180px 0;}
.ico.search {width: 24px; height: 24px; background-position: -280px 0;}

.float-st {float: left;}
.float-dr {float: right !important;}
.centered {text-align: center;}

.inner {width: 100%; max-width: 1380px; padding: 0 30px; margin: 0 auto; position: relative; display: block; z-index: 2;}
.inner.v3 {max-width: 1380px; padding: 0 10px;}
.inner.v4 {padding: 100px 40px;}
.inner.v5 {padding: 0;}
.inner.v6 {padding: 0 20px;}
.inner.w-bg {margin-top: 100px;}
.inner.w-bg:before {content: ''; width: calc(100% + 240px); height: calc(100% - 30px); background-color: #D8F1FF; border-radius: 40px; position: absolute; left: -120px; top: -100px;}

.buton {height: 60px; border-radius: 30px; text-align: center; font-weight: 800; line-height: 59px; color: #fff; display: block; font-size: 18px; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.2s ease; transition: all 0.5s ease; margin-top: 20px; width: 250px; background: #de3549;}
.buton:hover {background: #1a284d; color: #fff;}
.buton.v2 {width: 300px;}

.ui-input {height: 60px; border-radius: 10px; border: 1px solid #1A284D; background: #fff; color: #606F87; position: relative; margin-bottom: 30px;}
.ui-input label {display: none; font-size: 12px; position: absolute; left: 0;}
.ui-select label {display: none; font-size: 12px; position: absolute; left: 0;}
.ui-input input {width: 100%; height: 100%; font-size: 18px; padding: 0 25px; line-height: 58px; border: none; background: transparent; color: #606f87; font-weight: 500;}
.ui-input textarea {width: 100%; height: 100%; font-size: 18px; padding: 15px 25px; line-height: 25px; border: none; background: transparent; color: #606f87; font-weight: 500;}
.ui-input.textarea {height: 180px;}
.ui-input.eroare {border-color: #D80000; margin-bottom: 30px !important;}
.ui-input.eroare label {display: block; color: #D80000;}
.ui-select.eroare {border-color: #D80000; margin-bottom: 30px !important;}
.ui-select.eroare label {display: block; color: #D80000;}
.ui-input.succes label {display: block; color: #159a4d;}
.ui-input input::-webkit-input-placeholder, .ui-input textarea::-webkit-input-placeholder { color: #606f87; }
.ui-input input:-moz-placeholder, .ui-input textarea:-moz-placeholder { color: #606f87; opacity: 1; }
.ui-input input::-moz-placeholder, .ui-input textarea::-moz-placeholder { color: #606f87; opacity: 1; }
.ui-input input:-ms-input-placeholder, .ui-input textarea:-ms-input-placeholder { color: #606f87; }
.ui-input input:placeholder-shown, .ui-input textarea:placeholder-shown { color: #606f87; }

.ui-select { width: 100%; height: 60px; padding: 0 25px; border: 1px solid #1A284D; cursor: pointer; border-radius: 10px; margin-bottom: 30px;}
.ui-select select { width: 100%; height: 100%; color: #606f87; font-size: 18px; cursor: pointer; font-weight: 500; }
.ui-select.sel-stil { /*overflow: hidden;*/ padding: 0; color: #606f87; position: relative; background: #fff; }
.ui-select.sel-stil:before { content: ''; width: 20px; height: 20px; display: block; position: absolute; right: 20px; top: 19px; background: url('../continut/plus.svg') 0 0 no-repeat;}
.ui-select.sel-stil select::-ms-expand { display: none; }
.ui-select.sel-stil select { height: 100%; z-index: 1; background: transparent; position: relative; border: 0; padding: 0 35px 0 25px; -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; text-overflow: ''; margin-top: 0; }

input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; }
input:focus::-moz-placeholder { color:transparent; }
input:focus:-ms-input-placeholder { color:transparent; }
textarea:focus::-webkit-input-placeholder { color:transparent; }
textarea:focus:-moz-placeholder { color:transparent; }
textarea:focus::-moz-placeholder { color:transparent; }
textarea:focus:-ms-input-placeholder { color:transparent; }

#confirmare_js {line-height: 18px; margin-top: 15px;}
#confirmare_js.succes {color: #159a4d;}

.pre-heading {font-size: 19px; line-height: 25px; color: #19b4ed; font-weight: 800; text-transform: uppercase; margin: 80px 0 20px;}
.pre-heading.v2 {margin-top: 0;}
.pre-heading span {text-transform: none;}
.heading {margin-bottom: 10px; position: relative; letter-spacing: -1.9px;}
.heading h1, .heading h2, .heading h3 {font-size: 60px; line-height: 70px; color: #1a284d; font-weight: 800;}
.heading span {color: #00aceb;}
.heading.v2 h1, .heading.v2 h2, .heading.v2 h3 {font-size: 36px; line-height: 45px; letter-spacing: -1.1px;}
.heading.v3 h1, .heading.v3 h2, .heading.v3 h3, .heading.v3 h4 {font-size: 50px; line-height: 55px; color: #1a284d; font-weight: 800;}
.heading.v4 h1, .heading.v4 h2, .heading.v4 h3 {font-size: 45px; line-height: 40px;}
.heading.v5 h1, .heading.v5 h2, .heading.v5 h3 {font-size: 95px; line-height: 90px; letter-spacing: -4.75px;}
.heading.v6 h1, .heading.v6 h2, .heading.v6 h3 {font-size: 50px; line-height: 55px; letter-spacing: -1.5px;}
.heading.v3 {margin-bottom: 30px; letter-spacing: -1.5px;}

.ct-col-box {margin-left: -30px; width: calc(100% + 60px);}
.ct-col {float: left; padding: 0 30px; display: block; width: 100%; position: relative;}
.ct-col.v1 {width: 33.33%;}
.ct-col.v2 {width: 66.67%;}
.ct-col.v3 {width: 50%;}
.ct-col.v4 {width: 43%;}
.ct-col.v5 {width: 56%;}
.ct-col.v6 {width: 77%;}
.ct-col.v7 {width: 37%;}
.ct-col.v8 {width: 63%;}

.continut p {font-size: 18px; line-height: 26px; color: #606f87; padding-bottom: 25px;}
.continut.v4 p {font-size: 22px; line-height: 32px;}
.continut.v2 p, .continut.v2 {color: #1a284d;}
.continut .link {text-transform: uppercase; font-weight: 800; margin-top: 20px; display: block;}
.continut .link:hover {color: #1a284d;}

.cautare {width: 100%; display: block; position: relative;}
.cautare .input-cautare { width: 100%; height: 60px; overflow: hidden; padding-right: 65px; border: 1px solid #1A284D; display: block; position: relative; z-index: 5; background: #fff; border-radius: 10px;}
.cautare .input-cautare input { width: 100%; height: 100%; display: block; background: none; border: none; padding-left: 25px; font-size: 18px; font-weight: 500; color: #606F87; }
.cautare .input-cautare input::-webkit-input-placeholder { color: #606F87; }
.cautare .input-cautare input:-moz-placeholder { color: #606f87; opacity: 1; }
.cautare .input-cautare input::-moz-placeholder { color: #606f87; opacity: 1; }
.cautare .input-cautare input:-ms-input-placeholder { color: #606f87; }
.cautare .input-cautare input:placeholder-shown { color: #606f87; }
.cautare .c-search .ico {position: absolute; left: 18px; top: 18px;}
.cautare .c-search {width: 60px; height: 60px; position: absolute; top: 0; right: 0; display: block; z-index: 5; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.cautare .c-search.hover:hover .ico, .cautare .c-search.touch-click .ico {background-position: -136px -16px;}

/* CLEARFIX */

.clear { width: 0; height: 0; padding: 0; margin: 0; display: block; visibility: hidden; overflow: hidden; font-size: 0; line-height: 0; clear: both; }
.clearfix:after { content: ' ';  width: 0; height: 0; padding: 0; margin: 0; display: block; visibility: hidden; overflow: hidden; font-size: 0; line-height: 0; clear: both; }

/* HEADER */

#header {width: 100%; height: 120px; position: relative; z-index: 9998; background-color: #fff; padding: 30px 0;}
#header .hd-inner {max-width: 1380px; margin: 0 auto; width: 100%; padding: 0 30px; height: 100%; position: relative;}
#header .hd-inner:before {content: ''; width: calc(100% + 180px); height: calc(100% + 60px); background-color: #d8f1ff; position: absolute; left: -90px; top: -30px;}
#header.v2 .hd-inner:before {border-radius: 0 0 40px 40px;}
#header.v3 .hd-inner:before {background-color: #1A284D;}
#header .logo {position: absolute; top: 10px; display: block; width: 205px; height: 40px;}
#header .logo img {max-width: 100%; max-height: 100%;}
#header .meniu .item, #header .meniu .item a, .hd-links a {color: #1a284d;}
#header.v3 .meniu .item, #header.v3 .meniu .item a, #header.v3 .hd-links a {color: #fff;}
#header .meniu .item a:hover, .hd-links a:hover, #header.v3 .hd-links a:hover {color: #00aceb;}

#header .buton {width: 130px; color:#fff; margin-top: 0;}
#header.v3 .buton:hover {background: #fff; color: #1A284D !important;}

.meniu-m { width: 40px; height: 40px; position: absolute; top: 10px; right: 40px; display: none; z-index: 11000;}
.meniu {display: block;}
.meniu .item {font-weight: 800;}
.meniu .item, .hd-links .item {float: left; line-height: 60px; margin-left: 30px; font-size: 18px; position: relative;}

/* SIDEBAR MENIU */

#sidebar { width: 100%; padding: 0 30px 20px; background: #fff; position: fixed; top: 0; padding-top: 90px; right: 0; opacity: 0; display: none; border-radius: 0 0 20px 20px; z-index: 100001;}
#sidebar .logo {position: absolute; top: 30px; left: 30px; display: block; width: 153px; height: 30px;}
#sidebar .logo img {max-width: 100%; max-height: 100%;}
#sidebar .meniu-m {display: block; top: 25px;}

.hamburger { width: 30px; height: 20px; position: relative; -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; cursor: pointer; -webkit-box-sizing: content-box; box-sizing: content-box; padding-top: 10px; display: block; padding-left: 10px;}
.hamburger-container {position: relative; cursor: pointer;}
.hamburger span { display: block; position: absolute; height: 2px; width: 100%; background-color: #1A284D; opacity: 1; right: 0; -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .15s ease-in-out; transition: .15s ease-in-out; text-align: right;}
.hamburger span:nth-child(1) {top: 0;}
.hamburger span:nth-child(2), .hamburger span:nth-child(3) {top: 8px; width: 15px;}
.hamburger span:nth-child(4) {top: 16px; width: 20px;}

.sd-inner .links-m a { display: block;}
.sd-inner .links-m .item {padding: 12px 0; border-top: 1px solid #CDD4D9;}
.sd-inner .links-m .item:last-child {border: none; padding-top: 0;}
.sd-inner .links-m .link { font-size: 18px; line-height: 25px; color: #1a284d;}
.sd-inner .links-m .link.nv1 {font-weight: 800;}
.sd-inner .links-m .link:hover {color: #00aceb; }
.sd-inner .links-m .links { padding: 0; margin-top: 15px; }
.sd-inner .links-m .links li { padding: 0; border: none; font-weight: 800; font-size: 15px; line-height: 20px;}
.sd-inner .buton {margin: 0; width: 100%;}

/* HOMEPAGE */

#content .intro {padding: 60px 30px; margin-bottom: 100px; position: relative; background: #d8f1ff;}
#content .intro:before {content: ''; width: calc(100% + 180px); height: 100%; background-color: #d8f1ff; position: absolute; left: -90px; top: 0; display: block; border-radius: 0 0 40px 40px; overflow: hidden;}

.intro .img-bg {position: absolute; width: 604px; height: 760px; right: -90px; bottom: 0; border-radius: 0 0 40px 0; overflow: hidden;}
.intro .img-bg img {max-width: 100%; max-height: 100%;}
.intro .ct-col.v2 .img.v1 {width: 480px; height: 580px; left: 40px; top: -20px;}
.intro .ct-col.v2 .img.v2 {width: 260px; height: 160px; left: 42%; top: 60px;}
.intro .ct-col.v2 .img.v3 {width: 290px; height: 200px; right: -80px; top: -20px;}
.intro .ct-col.v2 .img.v4 {width: 340px; height: 260px; left: 47%; bottom: -120px;}
.intro .ct-col.v2 .img.v5 {width: 230px; height: 260px; right: -110px; bottom: -160px;}
.intro .ct-col.v2 .img.v2 img, .intro .ct-col.v2 .img.v3 img, .intro .ct-col.v2 .img.v4 img {border-radius: 20px; overflow: hidden;}
.intro .ct-col.v2 .img.v5 img {-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}

.intro .main-box {background-color: #1a284d; padding: 60px; border-radius: 40px; margin-bottom: -180px; margin-top: 55px;}
.intro .main-box .heading h1, .intro .main-box .heading h2, .intro .main-box .heading h3 {color:#fff;}
.intro .main-box .continut p {color: #8fb4c9; padding-bottom: 20px;}
.intro .main-box .buton {width: 220px;}
.intro .main-box .buton:hover {color:#1a284d; background: #fff;}
.intro .main-box img {width: 20px; height: 20px; position: absolute; left: 0; top: 3px;}
.intro .main-box li {font-size: 18px; line-height: 25px; color:#fff; padding-left: 30px; position: relative; margin-bottom: 5px;}

/* Tabs homepage */

.tabs-container {width: 100%; padding: 50px 0 0; border-top: 1px solid #cdd4d9; margin-top: 25px;}
.tabs-container .tabs { width: 100%; display: block; position: relative; z-index: 1;}
.tabs-link {padding-bottom: 50px; line-height: 0; font-size: 0;}
.tabs-link .tab-link {width: auto; display: block; font-size: 18px; font-weight: 800; line-height: 30px; letter-spacing: -0.4px; float: left; margin: 0 30px 0 0; position: relative; z-index: 2; cursor: pointer; color: #00aceb;}
.tabs-link .tab-link.tab-activ, .tabs-link .tab-link:hover {color: #1a284d;}
.tabs-link .tab-link.tab-activ:before { content: ''; width: 0; height: 0; border-style: solid; position: absolute; -webkit-transform: rotate(360deg); display: block; border-width: 0 15px 15px 15px; border-color: transparent transparent #1a284d transparent; bottom: -50px; z-index: 1; left: 50%; margin-left: -15px;}

.tab-content { height: 0; overflow: hidden; position: relative;}
.tab-content.tab-activ { height: auto; overflow: visible;}
.tab-content .img {width: 47%; max-width: 620px; height: auto; max-height: 690px; position: absolute; right: -80px; top: 40px; line-height: 0;}
.tab-content .img img {max-width: 100%; height: auto;}

.tab-inner {padding: 110px 0 90px; background: #1a284d; position: relative;}
.tab-inner:before {content: ''; width: calc(100% + 240px); height: 100%; background-color: #1a284d; position: absolute; left: -120px; top: 0; border-radius: 40px;}
.tab-inner .heading h1, .tab-inner .heading h2, .tab-inner .heading h3 {color:#fff;}
.tab-inner .continut {width: 53%; position: relative;}
.tab-inner .continut, .tab-inner .continut p {color: #8fb4c9;}

.slide-down {width: 53%; position: relative;}
.slide-down .item {border-top: 1px solid #5f6983; position: relative;}
.slide-down .item:last-child {padding: 20px 20px 20px 0; color: #8FB4C9;}
.slide-down .item .link {width: 100%; display: inline-block; cursor: pointer; font-size: 20px; line-height: 30px; color:#fff; font-weight: 800; padding: 20px 40px 20px 0; letter-spacing: -0.4px;}
.slide-down .item .link.more {font-size: 16px; line-height: 30px; color: #00aceb; font-weight: 500; letter-spacing: 0; display: inline; padding: 0;}
.slide-down .item .link.more:hover {color:#fff;}
.slide-down .item .link span {color:#fff; font-size: 38px; line-height: 20px; position: absolute; right: 10px; top: 25px; font-weight: 300;}
.slide-down .item .link span.close {display: none;}
.slide-down .item .link.activ span.open {display: none;}
.slide-down .item .link.activ span.close {display: block;}
.slide-down .item .continut {width: 100%; font-size: 16px; line-height: 22px; color:#8FB4C9;}
.slide-down .item .continut p {font-size: 16px; line-height: 22px; color:#8FB4C9;}
.slide-down .item .continut a:hover {color: #fff;}
.slide-down-item {overflow: hidden; height: 0; transition: max-height 250ms ease;}

/* Blue & white info boxes */

.ib-wrap {padding: 0 15px; margin-top: 10px; margin-bottom: -40px; width: 62.4%; float: left;} 
.info-box {width: 50%; float: left; padding: 15px; }
.info-box .ib-inner {background-color: #1a284d; border-radius: 20px; padding: 30px 40px 40px; font-size: 20px; line-height: 25px;}
.info-box .continut, .info-box .continut p {color:#8fb4c9; font-size: 16px; line-height: 23px;}
.info-box .heading h1, .info-box .heading h2, .info-box .heading h3, .info-box .heading h4 {color: #fff;}
.info-box a {margin-top: -10px; display: block;}
.info-box a:hover {color:#fff !important;}

.logo-wrap {margin-top: 55px; margin-bottom: -20px; float: left; width: 37.6%; padding: 0 30px;}
.logo-wrap .continut p {font-size: 16px; line-height: 23px;}
.logo-wrap .logos {width: calc(100% + 20px); margin-left: -10px; margin-top: -10px; font-size: 0; line-height: 0;}
.logo-wrap .logos li {display: inline-block; padding: 10px; width: 25%; height: 120px;}
.logo-wrap .logos li .img {border-radius: 20px; display: block; width: 100%; height: 100%; position: relative;}
.logo-wrap .logos li .img img {max-width: 45%; max-height: 45%; top: 0; left: 0; right: 0; bottom: 0; margin: auto; position: absolute;}

.info-box.v2 {width: 100%; padding: 0 30px; position: relative; font-size: 18px; line-height: 26px; color: #606f87; margin-top: 25px; margin-left: -30px;}
.info-box.v2:before {content: ''; width: 1px; height: 100%; position: absolute; top: -5px; right: -30px; background-color: #cdd4d9;}
.info-box.v2 a:hover {color: #1a284d !important;}
.info-box.v2.last:before {display: none;}
.info-box.v2 h4 {font-size: 20px; line-height: 25px; color: #1a284d; margin-bottom: 20px; letter-spacing: -0.4px; font-weight: 800;}
.info-box.v2 h4 span {color: #00aceb; font-size: 95px; line-height: 95px; letter-spacing: -4.75px; font-weight: 800;}
.info-box.v2 a {color: #00aceb; font-size: 16px; line-height: 22px; font-weight: 500; display: block; margin-top: 15px;}
.info-box.v2 span {font-size: 16px; color:#1a284d; line-height: 22px; display: inline-block;}
.info-box.v2 span a {display: inline-block;}

.faq-content {padding: 200px 0 60px;}
.faq-content .preview .img {position: absolute; left: 50%; margin-left: -445px; top: -220px; line-height: 0; width: 800px;}
.faq-content .preview .img img {border-radius: 20px; -webkit-box-shadow: 0px 20px 40px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 20px 40px 0px rgba(0,0,0,0.1); box-shadow: 0px 20px 40px 0px rgba(0,0,0,0.1);}
.faq-content .preview .img:last-child {left: auto; right: 245px; top: -130px; width: 220px;}
.faq-content .continut {margin-bottom: 25px !important;}
.faq-content .col-faq {float: left; width: 100%; padding: 0; text-align: left;}
.faq-content .item {border-top: 1px solid #CDD4D9; padding: 20px 0; line-height: 28px; color: #1A284D;}
.faq-content .col-faq .slide-down-item .continut {color: #1A284D !important; margin-bottom: 0 !important; padding: 25px 0 5px; max-width: 880px;}
.faq-content .col-faq .slide-down-item .continut p {font-size: 16px; line-height: 22px; padding-bottom: 15px; color: #1A284D;}
.faq-content .link {width: 100%; font-size: 20px; display: inline-block; position: relative; padding-right: 50px; line-height: 29px; cursor: pointer; color: #1a284d; font-weight: 800; letter-spacing: -0.4px;}
.faq-content .col-faq.v2 .link {font-size: 21px; font-weight: normal; line-height: 25px;}
.faq-content .link .ico { position: absolute; top: 50%; margin-top: -10px; right: 20px; }
.faq-content .info-tip {padding: 25px 0; font-size: 15px !important; line-height: 20px !important; color: #8f939c;}
.faq-img {width: 100%; max-width: 1280px; height: auto; max-height: 400px; display: inline-block; position: relative; margin-top: 50px;}
.faq-img img {max-width: 100%; height: auto;}
.slide-down-item ul li {font-size: 16px; line-height: 22px; padding-bottom: 5px;}
.slide-down-item ul {list-style: disc; padding-left: 15px; padding-bottom: 20px;}

#content .section.border {border-bottom: 1px solid #e2e3e6;}
#content .section {padding: 150px 0 0;}
#content .section.v2 {padding: 80px 0 0;}
#content .section.v3 {padding: 0;}
#content .section.v4 {padding: 60px 0 0;}

/* Blog & articole */

.inner.blog {padding: 80px 0 0;}
.inner.blog .continut {position: relative; padding: 110px 30px 60px;}
.inner.blog .continut .text {max-width: 880px; position: relative;}
.inner.blog .continut.v2 {margin: 40px; max-width: 100%;}
.inner.blog .continut:before {content: ''; width: calc(100% + 180px); height: 100%; left: -90px; position: absolute; top: 0; background-color: #D8F1FF; border-radius: 40px 40px 0 0;}

.blog-ctg {padding-top: 50px; position: relative;}
.blog-ctg li {display: inline-block; margin-right: 30px;}
.blog-ctg a {font-size: 18px; line-height: 25px; color: #00ACEB; font-weight: 800; letter-spacing: -0.36px; display: block;}
.blog-ctg a:hover {color: #1A284D;}

.articole {position: relative;}
.articole.v2 {width: calc(100% + 60px); margin-left: -30px;}
.articole:before {content: ''; width: calc(100% + 180px); height: 180px; position: absolute; left: -90px; top: 0; background-color: #D8F1FF; border-radius: 0 0 40px 40px;}
.articole.v2:before {height: calc(100% - 760px); border-radius: 40px; top: 230px;}
.articol {width: 100%; display: block;}
.articole.v2 .articol {margin-bottom: 40px; margin-top: 30px;}
.articol .img {width: 100%; height: auto; margin-bottom: 30px; display: block; position: relative; padding-top: 57%; border-radius: 20px;}
.articol .img img {width: 100%; height: auto; max-height: 100%; top: 0; left: 0; bottom: 0; right: 0; position: absolute; margin: auto; border-radius: 20px;}
.articol h3 {font-size: 36px; line-height: 45px; max-height: 135px; letter-spacing: -1px; font-weight: 800;}
.articol a.titlu {color: #1A284D; line-height: 45px; margin-bottom: 15px; overflow: hidden; height: 135px; display: block; font-weight: 800;}
.articol a.titlu:hover {color: #00aceb;}
.articol .data {font-size: 14px; line-height: 20px; color: #606f87; margin-bottom: 10px;}
.articol .data a {color: #00ACEB;}
.articol .data a:hover, .articol .link:hover {color: #1a284d;}
.articol .preview {height: 78px; display: block; overflow: hidden; font-size: 18px; line-height: 26px; color: #606F87;}
.articol .link {font-size: 16px; line-height: 22px; color: #00ACEB; margin-top: 15px; display: block;}

.articol.principal {margin-bottom: 90px;}
.articol.principal .img {width: 47.7%; float: left; padding-top: 27.3%; margin: 0;}
.articol.principal a.titlu {height: auto; max-height: 135px;}
.articol.principal .art-content {width: 52.3%; float: right; padding: 35px 0 40px 60px; position: relative; min-height: 360px;}

.paginare {display: block; width: 100%; line-height: 26px; font-size: 18px; font-weight: 500; color: #1A284D; padding: 50px 0 0; border-top: 1px solid #CDD4D9; position: relative;}
.paginare p {float: left; margin-right: 20px;}
.paginare li {float: left; margin-right: 10px; position: relative; width: 25px; color: #00ACEB; font-weight: 800;}
.paginare li span {color: #1A284D;}
.paginare li a {display: block; color: #00ACEB; font-weight: 800;}
.paginare li a.activ, .paginare li a:hover {color: #1A284D;}

.intro .data {font-size: 14px; line-height: 22px;}
.content.v-blog .intro-heading, .content.v-blog p, .content.v-blog span, .content.v-blog ul, .content.v-blog ol, .content.v-blog blockquote, .content.v-blog h1, .content.v-blog h2, .content.v-blog h3, .content.v-blog h4 {max-width: 820px;}
.content .img {width: 100%; height: auto; display: block; margin-bottom: 50px; margin-top: 20px; font-size: 0; line-height: 0; filter: drop-shadow(0px 5px 20px rgba(0, 0, 0, 0.10));}
.content .img.main-img {margin-top: -120px; border-radius: 20px; overflow: hidden;}
.content .img img {max-width: 100%; height: auto; }
.content .img.v2 img {border-radius: 20px; }

/* Contact box */

.c-box {padding: 110px 0 95px; position: relative;}
.c-box:before {content: ''; width: calc(100% + 240px); height: 100%; background: #1a284d url('../continut/ext-shadow.svg') right 0 top 0 no-repeat; position: absolute; left: -120px; top: 0; border-radius: 40px;}
.c-box .heading h1, .c-box .heading h2, .c-box .heading .heading-txt {color:#fff;}
.c-box p {font-size: 18px; line-height: 26px; color: #8FB4C9; margin-bottom: 20px;}
.c-box ul li {display: inline-block; margin-right: 20px; vertical-align: middle; font-size: 18px; line-height: 26px; color: #8FB4C9; padding: 10px 0;}
.c-box ul li a {color: #fff;}
.c-box ul li a:hover {color: #00ACEB;}
.c-box .buton {margin-top: 0;}
.c-box .buton:hover {background: #fff; color: #1a284d;}

/* Despre noi */

#content .intro.about {margin-bottom: 0; padding-bottom: 130px;}
.intro.about .info-box.v2 {border-color: #BCD3E4;}
.img-icon {margin-top: -37%;}
.img-icon img {max-width: 100%; height: auto;}
.intro.about .info-box.v2:before {background-color: #BCD3E4;}

.client-wrap {width: calc(100% - 30px); display: block; margin-left: 15px; margin-top: 10px;}
.client-wrap li {width: 20%; float: left; padding: 15px;}
.client-wrap .img {border-radius: 20px; overflow: hidden; position: relative; width: 100%; height: 120px;}
.client-wrap .img img {max-width: 60%; max-height: 60%; left: 0; top: 0; right: 0; bottom: 0; margin: auto; position: absolute;}

.quote-wrap {width: calc(100% + 210px); margin-left: -105px; display: block; bottom: -15px; position: relative;}
.quote-wrap .col-img {width: 28.3%; float: left; padding: 20px 15px; display: flex; min-height: 630px; line-height: 0;}
.quote-wrap .col-img .img {width: 100%; height: 100%; border-radius: 40px; overflow: hidden;}
.quote-wrap .col-img .img img {max-width: 100%; height: auto;}
.quote-wrap .ct-col-box {width: 71.7%; float: right; display: flex;}
.quote-wrap .ct-col {padding: 20px 15px;}
.quote-wrap .ct-col .inner {border-radius: 40px; background-color: #00ACEB; padding: 50px 50px 50px 60px; color: #8FB4C9; height: 100%; width: 100%;}
.quote-wrap .ct-col .inner.v2 {background-color: #1A284D;}
.quote-wrap .ct-col .inner p {color: #fff; font-size: 36px; line-height: 45px; letter-spacing: -1.1px; font-weight: 800;}
.quote-wrap .ct-col .inner blockquote p {font-size: 22px; line-height: 32px; color: #8FB4C9; font-weight: 500; letter-spacing: 0;}
.quote-wrap .ct-col .inner blockquote footer {font-size: 18px; line-height: 25px;}
.quote-wrap .ct-col .inner blockquote footer strong {color: #fff;}

/* Pagini continut */

#content .intro.v-continut {padding-bottom: 85px; margin-bottom: 40px;}

.side-content {width: 270px; float: left; padding-right: 30px; transition: all 0.3s ease;}
.side-content li {padding: 10px 0; border-bottom: 1px solid #CDD4D9;}
.side-content li:last-child {border: none;}
.side-content li a {font-size: 14px; line-height: 16px !important; color: #606F87; font-weight: 500;}
.side-content li a:hover {color: #00aceb;}
.side-content .head {font-size: 16px; line-height: 26px; color: #1A284D; font-weight: 800; text-transform: uppercase;}

.sticky {position: fixed; top: 20px; width: 270px; z-index: 1000;}
.reach-bottom {position: absolute; top: auto; bottom: 0; width: 270px;}

.content {width: calc(100% - 270px); float: right; padding-left: 30px; font-size: 18px; line-height: 26px; color: #1A284D; position: relative;}
.content .intro-heading {font-size: 26px; line-height: 36px; font-weight: 500; color: #1A284D; margin-bottom: 25px;}
.content p, .content ul, .content ol {padding-bottom: 20px;}
.content h2 {font-size: 36px; line-height: 46px; letter-spacing: -1px; color: #1A284D; font-weight: 800; margin: 20px 0 20px;}
.content h3 {font-size: 26px; line-height: 36px; letter-spacing: -1px; color: #1A284D; font-weight: 800; margin: 20px 0 20px;}
.content ul {padding-left: 50px; list-style: disc;}
.content ol {padding-left: 50px; list-style: decimal;}
.content ul li, .content ol li {padding-bottom: 5px;}
.content blockquote {padding-left: 30px; position: relative; font-size: 26px; line-height: 36px; margin-bottom: 50px; color: #1A284D; font-weight: 500;}
.content blockquote p {font-size: 26px; line-height: 36px;}
.content blockquote span {display: block; font-size: 18px; line-height: 26px; margin-top: -10px; font-weight: 500; color: #00ACEB;}
.content blockquote:before {content: ''; width: 5px; height: 100%; display: block; position: absolute; left: 0; top: 0; background: #00aceb;}

.content table {width: calc(100% - 270px); border: 1px solid #CDD4D9; background: #fff; }
.content table tr { background: #fff; }
.content table tr:nth-child(2n) { background: #f4f4f4; }
.content table tbody tr th, .continut table tbody tr td { padding: 8px; vertical-align: top; border-top: 1px solid #CDD4D9; border-right: 1px solid #CDD4D9; }

/* Portofoliu */

#content .intro.v2 {margin-bottom: 250px;}
.intro.v2 .slider-home {margin-top: 30px;}

.stores {padding: 0; width: 100%; margin-left: 15px;}
.stores .ct-col.v1 {padding: 0 15px;}
.store {margin-top: 60px; margin-bottom: 20px; width: 100%; display: block; font-size: 16px; line-height: 22px;}
.store p {font-size: 16px; line-height: 22px; color: #606F87; margin-bottom: 15px;}
.store .img {border-radius: 10px; overflow: hidden; -webkit-box-shadow: 0px 20px 40px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 20px 40px 0px rgba(0,0,0,0.1); box-shadow: 0px 20px 40px 0px rgba(0,0,0,0.1); width: 100%; height: auto; margin-top: 25px; line-height: 0;}
.store .img img {max-width: 100%; max-height: 100%;}

/* Magazin B2B si B2C */

.ct-col-box.v-b2c .ct-col.v1:nth-child(4n+1) {clear: left;}

#content .intro.pachete.b2b {padding-bottom: 110px;}
.intro.b2b ul {margin-top: 20px;}
.intro.b2b ul li {display: inline-block; margin-right: 20px; vertical-align: middle; font-size: 18px; line-height: 26px; color: #8FB4C9; padding: 10px 0;}
.intro.b2b ul li a {color: #fff;}
.intro.b2b ul li a:hover {color:#00ACEB;}
.intro.b2b .buton {margin-top: 0;}
.intro.b2b .buton:hover {background: #fff; color: #1a284d;}
#content .intro.b2b:before {border-radius: 0 0 40px 40px !important;}

.logo-wrap.v2 {margin-top: 10px; margin-bottom: 0; float: none; width: 100%; padding: 0;}
.logo-wrap.v2 .logos {padding: 0; width: calc(100% + 20px); margin-left: -10px;}
.logo-wrap.v2 .logos li {width: 14.28%; float: left; display: block;}
.logo-wrap.v2 .logos li:nth-child(1), .logo-wrap.v2 .logos li:nth-child(8), .logo-wrap.v2 .logos li:nth-child(14), .logo-wrap.v2 .logos li:nth-child(19), .logo-wrap.v2 .logos li:nth-child(23), .logo-wrap.v2 .logos li:nth-child(26), .logo-wrap.v2 .logos li:nth-child(28) {clear: left;}

.integrari-b2c {border-bottom: 1px solid #CDD4D9; margin-top: 30px;}
.integrari-b2c li {border-top: 1px solid #CDD4D9; padding: 12px 0 12px 30px;position: relative; font-size: 18px; line-height: 25px; color: #1A284D; font-weight: 800; letter-spacing: -0.2px;}
.integrari-b2c li img {width: 20px; height: 20px; position: absolute; left: 0; top: 50%; margin-top: -10px;}

.b2c-icon {width: 100px; height: 100px; margin-bottom: 20px; margin-top: 30px;}
.b2c-icon img {max-width: 100%; max-height: 100%;}

.b2c-contact {font-size: 22px; line-height: 32px; font-weight: 500; color: #1A284D; padding-top: 50px; margin-top: 50px; border-top: 1px solid #CDD4D9;}
.b2c-contact li:first-child {width: 70%; float: left;}
.b2c-contact li:last-child {width: 30%; float: right; text-align: right;}
.b2c-contact .buton {margin-top: 0; float: right;}

.slide-down.v2 {width: 100%;}
.slide-down.v2 .item {border-color: #CDD4D9;}
.slide-down.v2 .item:last-child {border-bottom: 1px solid #CDD4D9; padding: 0;}
.slide-down.v2 .item .link {color:#1A284D;}
.slide-down.v2 .item .link span {color:#1A284D;}
.slide-down.v2 .item .continut {color: #606f87;}
.slide-down.v2 .item .continut p {color: #606F87;}
.slide-down.v2 .item .continut a:hover {color: #1a284d;}

.img-b2c-col {width: 620px; height: 480px; border-radius: 40px; overflow: hidden; right: -60px; position: relative; top: -50px;}
.img-b2c-col.v2 {right: auto; left: -150px;}
.img-b2c-col img {max-width: 100%; max-height: 100%;}

.b2c-col {margin-top: 130px;}

.ib-wrap.b2c .info-box {padding-top: 40px; padding-bottom: 40px; position: relative;}
.ib-wrap.b2c .info-box .ib-inner {padding-bottom: 15px;}
.ib-wrap.b2c .info-box:nth-child(2n+1) {clear: left;}
.ib-wrap.b2c .info-box a {margin: 0; display: initial;}
.ib-wrap.b2c .info-box .img {width: 100px; height: 100px; margin-top: -80px; margin-left: -40px; margin-bottom: 20px; background-color: #00ACEB; border-radius: 20px 20px 20px 0; position: relative;}
.ib-wrap.b2c .info-box .img img {max-width: 50%; max-height: 50%; left: 0; top: 0; right: 0; bottom: 0; margin: auto; position: absolute;}

.b2c-proces {margin-top: 120px; margin-bottom: -20px; float: left; width: 37.6%; padding: 0 30px;}
.b2c-proces ul {font-size: 18px; line-height: 26px; font-weight: 800; color: #1A284D;}
.b2c-proces ul li {margin-top: 30px; padding-left: 50px; position: relative;}
.b2c-proces ul li span {width: 30px; height: 30px; border-radius: 50%; background-color: #00ACEB; position: absolute; left: 0; top: 50%; margin-top: -15px; line-height: 30px; color: #fff; text-align: center;}
.b2c-proces ul li:before {content: ''; width: 4px; height: 10px; border-radius: 2px; background-color: #7FD5F5; position: absolute; left: 13px; bottom: -20px;}
.b2c-proces ul li:last-child:before {display: none;}

.intro.b2b .img-bg {width: 200px; height: 460px; right: 310px; bottom: -30px; border-radius: 10px 0 0 10px; box-shadow: 0px 5px 20px 10px rgba(0, 0, 0, 0.10);}
.intro.b2b .img-bg.v2 {width: 400px; height: 640px; right: -90px; bottom: -80px; border-radius: 40px 0 40px 40px;}

.inner.slider.b2b:before {height: calc(100% + 150px);}
.slider-home.v2 .item {margin-top: 20px; margin-bottom: 0; margin-right: 20px;}
.slider-home.v2 .main-img {margin-top: 30px; width: 100%; max-width: 240px; height: 120px; border-radius: 20px; background-color: #fff; box-shadow: 0px 5px 20px 10px rgba(0, 0, 0, 0.10); position: relative;}
.slider-home.v2 .main-img img {max-width: 65%; max-height: 65%; left: 0; top: 0; right: 0; bottom: 0; margin: auto; position: absolute; border-radius: 0; box-shadow: none !important;}
.slider-home.v2 .slick-list {margin-right: 79%;}
.slider-home.v2 .slick-prev {top: -60px;}
.slider-home.v2 .slick-next {top: -60px;}

/* Slider homepage */

.inner.slider {margin-top: 100px; padding-bottom: 100px;}
.inner.slider:before {content: ''; width: calc(100% + 180px); height: 100%; background-color: #D8F1FF; border-radius: 40px; position: absolute; left: -90px; top: -100px;}

.slider-home {width: 100%; white-space: nowrap; overflow: visible;}
.slider-home .item {display: inline-block; width: 100%; position: relative; vertical-align: bottom; height: 100%;  white-space: normal; margin-bottom: -320px; margin-top: 80px;}
.slider-home .item a {color:#1a284d;}
.slider-home .quote {max-width: 1080px; width: 200%; margin: -80px auto 20px; display: block; position: relative; min-height: 135px;}
.slider-home .quote p {font-size: 22px; line-height: 32px; color: #1A284D; font-weight: 500;}
.slider-home .quote footer {font-size: 16px; line-height: 22px; color: #1A284D; display: block; margin-top: 15px;}
.slider-home .quote footer a {color:#00ACEB;}
.slider-home .quote footer a:hover {color: #1A284D;}
.slider-home img {border-radius: 10px; -webkit-box-shadow: 0px 20px 40px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 20px 40px 0px rgba(0,0,0,0.1); box-shadow: 0px 20px 40px 0px rgba(0,0,0,0.1); max-width: 100%; height: auto;}
.slider-home .main-img {display: block; margin: 80px auto 0; margin-left: 0; width: 100%; max-width: 530px; max-height: 660px;}

.slick-list {overflow: visible; /*margin-right: 730px;*/ margin-right:55%;}

.slick-slide.item .quote p, .slick-slide.item .quote footer {display: none;}
.slick-slide.item.slick-current .quote p, .slick-slide.item.slick-current .quote footer {display: block;}

.slick-prev {width: 60px; height: 60px; background-color: #fff; position: absolute; top: 60px; right: 80px; border-radius: 50%; line-height: 0; font-size: 0; border: none; box-shadow: none; z-index: 99; cursor: pointer; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.2s ease; transition: all 0.5s ease;}
.slick-prev:before {content: ''; width: 0; height: 0; border-style: solid; border-top: 12px solid transparent; border-bottom: 12px solid transparent; border-right: 12px solid #1a284d; border-left: 0; position: absolute; left: 50%; margin-left: -9px; top: 50%; margin-top: -12px; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.2s ease; transition: all 0.5s ease;}
.slick-prev:after {content: ''; width: 0; height: 0; border-style: solid; border-top: 9px solid transparent; border-bottom: 9px solid transparent; border-right: 9px solid #fff; border-left: 0; position: absolute; left: 50%; margin-left: -6px; top: 50%; margin-top: -9px; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.2s ease; transition: all 0.5s ease;}
.slick-next {width: 60px; height: 60px; background-color: #fff; position: absolute; top: 60px; right: 0; border-radius: 50%; line-height: 0; font-size: 0; border: none; box-shadow: none; z-index: 99; cursor: pointer; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.2s ease; transition: all 0.5s ease;}
.slick-next:before {content: ''; width: 0; height: 0; border-style: solid; border-top: 12px solid transparent; border-bottom: 12px solid transparent; border-left: 12px solid #1a284d; border-right: 0; position: absolute; left: 50%; margin-left: -4px; top: 50%; margin-top: -12px; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.2s ease; transition: all 0.5s ease;}
.slick-next:after {content: ''; width: 0; height: 0; border-style: solid; border-top: 9px solid transparent; border-bottom: 9px solid transparent; border-left: 9px solid #fff; border-right: 0; position: absolute; left: 50%; margin-left: -4px; top: 50%; margin-top: -9px; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.2s ease; transition: all 0.5s ease;}
.slick-prev:hover, .slick-next:hover {background-color: #1A284D;}
.slick-prev:hover:after {border-right-color: #1A284D;}
.slick-next:hover:after {border-left-color: #1A284D;}
.slick-prev:hover:before {border-right-color:#fff;}
.slick-next:hover:before {border-left-color:#fff;}

/* CONTACT */

.ib-wrap.v2 {width: 100%; float: none; text-align: left;}
.ib-wrap.v2 .info-box.v3 {width: 28%;}
.ib-wrap.v2 .info-box.v3:nth-child(3n+1) {clear: left;}
.ib-wrap.v2 .info-box.v4 {width: 44%; float: right;}
.ib-wrap.v2 .info-box span {font-size: 18px; line-height: 26px; margin-bottom: 10px; display: inline-block; margin-top: -5px;}
.ib-wrap.v2 .info-box span a {display: inline-block; color:#00ACEB; font-size: 18px; line-height: 26px;}
.ib-wrap.v2 .info-box p {font-size: 16px; line-height: 22px; color: #fff; padding: 0;}
.ib-wrap.v2 .info-box a {font-size: 16px; line-height: 22px; color: #fff; margin-top: 0;}
.ib-wrap.v2 .info-box .icon {max-height: 60px; margin-bottom: 17px;}
.ib-wrap.v2 a.heading h3 {color: #00ACEB;}
.ib-wrap.v2 a.heading h3:hover {color: #fff;}
.ib-wrap.v2 .info-box .row {padding-bottom: 15px; margin-bottom: 20px; border-bottom: 1px solid #606F87;}
.ib-wrap.v2 .info-box .row:last-child {border: none; padding: 0; margin: 0;}

.formular { text-align: center; width: 100%; max-width: 920px; padding: 0 30px; margin: 0 auto; position: relative;}
.formular:before {content: ''; width: 170%; height: 69%; background-color: #D8F1FF; border-radius: 40px; position: absolute; left: -35%; bottom: -36%;}
.formular p {font-size: 18px; line-height: 26px; padding-bottom: 50px;}
.formular .info-f {position: relative;}
.formular .info-f p {font-size: 14px; line-height: 22px; color: #606F87; text-align: left; padding-bottom: 25px;}
.formular .info-f h3 {font-size: 18px; line-height: 26px; font-weight: 800; color: #1A284D; text-align: left; margin-bottom: 20px;}
.formular .info-f a:hover {color: #1a284d;}
.formular .buton {width: 100%; margin: 0; position: relative;}

/* PACHETE */

#content .intro.pachete {margin-bottom: 0; padding-bottom: 30px;}
#content .intro.pachete:before {background: #1A284D; border-radius: 0;}
.intro.pachete .continut p {color: #8FB4C9;}
.intro.pachete .heading h1, .intro.pachete .heading h2, .intro.pachete .heading h3 {color: #fff;}

.f-bar {width: 100%; background-color: #1A284D; padding: 50px 0; display: block; position: relative; font-size: 18px; line-height: 30px; color: #fff; border-top: 1px solid #606F87; margin-top: -1px; transition: all 0.3s ease;}
.f-bar.sticky {position: fixed; top: 0; left: 0; z-index: 1000; box-shadow: 0 2px 5px rgba(0,0,0,0.1); padding: 15px 30px;}
.f-bar.sticky p {display: none;}
.f-bar:before {content: ''; width: calc(100% + 240px); height: 100%; background-color: #1A284D; border-radius: 0 0 40px 40px; position: absolute; left: -120px; top: 0;}
.f-bar p {width: 68.35%; position: relative; float: left;}
.f-bar span {font-weight: 800; text-transform: uppercase; font-size: 16px; line-height: 30px; color: #00ACEB; position: relative; width: 10.55%; float: left; text-align: center;}   

.functionalitati {display: block; line-height: 0; font-size: 0;}
.functionalitati li {padding: 20px 0; border-bottom: 1px solid #CDD4D9; width: 100%; display: table;}
.functionalitati li.sticky-end {border: none;}
.functionalitati .head {font-size: 36px; line-height: 45px; color: #00ACEB; font-weight: 800; padding-top: 50px; letter-spacing: -1px;}
.functionalitati li p {width: 100%; display: block; font-size: 16px; line-height: 22px; color: #606F87; font-weight: 500; float: left; padding-right: 50px;}
.functionalitati li.v2 {border: none;}
.functionalitati li.v2 p {width: 69%;}
.functionalitati li strong {font-size: 18px; line-height: 26px; color: #1A284D; padding-bottom: 5px; display: block;}
.functionalitati li .opt {width: 10.55%; padding: 0 10px; text-align: center; display: table-cell; font-size: 14px; line-height: 22px; color: #1A284D; font-weight: 800; vertical-align: middle;}
.functionalitati li .opt.v2 {background-color: #D8F1FF; position: relative;}
.functionalitati li .opt.v2:before {content: ''; width: 100%; height: calc(100% + 40px); background-color: #D8F1FF; position: absolute; left: 0; top: -20px;}
.functionalitati li .opt.v2 span {position: relative;}
.functionalitati li img {width: 28px; height: 28px; vertical-align: middle; position: relative;}

.box-f-wrap {width: calc(100% + 30px); margin-left: -15px; position: relative; display: block; margin-top: 25px;}
.box-f {width: 20%; padding: 15px; float: left;}
.box-f .inner {padding: 10px; border: 1px solid #CDD4D9; border-radius: 20px; height: 120px; text-align: center; position: relative;}
.box-f img {max-width: 50%; max-height: 50%; width: initial !important; height: initial !important; top: 0; left: 0; right: 0; bottom: 0; margin: auto; position: absolute !important;}

/* FOOTER */

#footer {width: 100%; background: #fff; font-size: 14px; position: relative; color: #1A284D; display: block;}
#footer a {color: #00ACEB;}
#footer a:hover {color: #1A284D;}
#footer .ft-top {padding: 90px 0 50px;}
#footer .inner {padding: 0 30px;}

.ft-box {width: 20%; max-width: 230px; padding-right: 30px; display: block; float: left;}
.ft-box .title {font-size: 16px; line-height: 26px; color: #1A284D; text-transform: uppercase; font-weight: 800; position: relative; margin-bottom: 5px;}
.ft-box .list {display: block;}
.ft-box .list li {margin-bottom: 5px;}
.ft-box .list li a {line-height: 26px; font-size: 18px;}

#footer .ft-bottom {padding: 45px 0;}
#footer .ft-bottom .inner:before {content: ''; width: calc(100% - 60px); height: 1px; background-color: #CDD4D9; position: absolute; top: -45px; left: 30px;}
#footer .ft-bottom ul {float: left;}
#footer .ft-bottom ul li {font-size: 14px; line-height: 40px; padding-right: 20px; float: left; color:#1A284D;}

.social-wrap {position: relative; display: block; float: right !important;}
.social-wrap li {width: 40px; height: 40px; margin-left: 20px; padding-right: 0 !important; float: left !important; border-radius: 50%; background-color: #DE3549; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.2s ease; transition: all 0.5s ease;}
.social-wrap li:hover {background-color: #1A284D;}

/* Blurred background */

#mask {position: fixed; top: 90px; left: 0; width: 100%; height: 100%; backdrop-filter: blur(2px); background: rgba(0, 0, 0, 0.3); z-index: 99; transition: opacity 0.3s ease;display: none;}


/* RESPONSIVE */

@media only screen and (max-width: 1600px) {
    .quote-wrap {width: 100%; margin-left: 0; padding: 0 15px;}
    .quote-wrap .ct-col .inner {padding: 40px;}
    .quote-wrap .ct-col .inner p {font-size: 30px; line-height: 37px;}
    .quote-wrap .ct-col .inner blockquote p {font-size: 18px; line-height: 26px;}
}

@media only screen and (max-width: 1320px) {
    #footer .inner, #footer .ft-bottom .inner {padding: 0 20px;}
    #footer .ft-bottom .inner:before {width: calc(100% - 40px); left: 20px;}
    #footer .ft-bottom {padding: 40px 20px;}
    .ft-box {padding: 0 20px; max-width: 100%; width: 25%;}

    .heading h1, .heading h2 {font-size: 50px; line-height: 55px;}

    .faq-content .preview .img:last-child {right: 150px;}
    .info-box .heading.v2 h3 {line-height: 33px; font-size: 27px;}

    .faq-content.v2 .img-2 {left: 0;}

    /* Despre noi */

    .quote-wrap .col-img {display: none;}
    .quote-wrap .ct-col-box {width: 100%;}

    .intro.b2b .img-bg {right: 250px;}
    .intro.b2b .img-bg.v2 {bottom: -135px;}
}

@media only screen and (max-width: 1300px) {
    .tabs-link .tab-link.tab-activ:before {display: none;}

    .slick-list {margin-right:45%;}
    .slider-home .quote {width: 150%;}
    .slider-home.v2 .slick-list {margin-right: 75%;}
    .slider-home.v2 .slick-prev {top: -150px;}
    .slider-home.v2 .slick-next {top: -150px;}
}


@media only screen and (max-width: 1150px) {
    .meniu .item, .hd-links .item {font-size: 16px; margin-left: 20px;}

    .intro .main-box {padding: 40px;}
    .tab-inner .continut, .slide-down {width: 60%;}
    .social-wrap {float: left !important;}
    .social-wrap li {margin-left: 0; margin-right: 20px;}
    #content .section {padding: 100px 0 0;}
    .logo-wrap {padding-left: 0;}
    .info-box.v2 {padding: 0; margin-left: 0;}
    .faq-content {padding-bottom: 0;}
    .inner.blog .continut {padding-top: 70px;}

    #content .intro.b2b {margin-bottom: 60px;}
    .intro.b2b .img-bg {right: 200px;}
    .intro.b2b .img-bg.v2 {right: -100px; bottom: -110px;}
    .img-b2c-col.v2 {left: -230px;}

}

@media only screen and (max-width: 1100px) {
    .meniu .item, .hd-links .item {margin-left: 15px;}
    .info-box.v2 h4 span {font-size: 85px;}
    .slick-list {margin-right:40%;}
    .slider-home.v2 .slick-list {margin-right: 70%;}
}


@media only screen and (min-width: 1001px) {
    #sidebar { display: none !important; }
}

@media only screen and (max-width: 1000px) {
	#header {height: 90px; padding: 20px 0; background-color: #D8F1FF;}
	#header.v3 {background: #1A284D;}
	#header.v3 .hamburger span {background-color: #fff;}
	#header .logo {width: 153px; height: 30px;}
	#header .hd-inner:before {display: none;}
	.meniu-m {right: 30px; top: 5px;}
	#content .intro {margin-bottom: 0; padding: 30px 0;}
	#content .section {padding-top: 60px;}
	.inner {padding: 0;}
	.ct-col-box {margin-left: 0; width: 100%;}
	.ct-col.v2, .ct-col.v6, .ct-col.v3 {width: 100%;}
	.ib-wrap {width: 100%; margin-top: 0;}
	.logo-wrap {width: 100%; padding-left: 30px;}

	.info-box.v2 {padding-bottom: 40px; border-bottom: 1px solid #CDD4D9; margin-top: 30px;}
	.info-box.v2 h4 span {font-size: 70px; letter-spacing: -2px; line-height: 80px;}
	.info-box.v2.last {border: none; padding-bottom: 0;}

	.c-box {padding: 50px 0 55px;}
	.c-box p, .c-box ul li {font-size: 16px; line-height: 22px;}

	.heading.v3 h1, .heading.v3 h2, .heading.v3 h3, .heading.v3 h4 {font-size: 35px; line-height: 42px;}
	.heading.v2 h1, .heading.v2 h2, .heading.v2 h3, .info-box .heading.v2 h3 {font-size: 30px; line-height: 39px; letter-spacing: -0.4px;}

	.tabs-container {padding-left: 30px; padding-right: 30px; border-top: none;}
	.tabs-link {position: relative;}
	.tabs-link:before {content: ''; width: 100%; height: 1px; background-color: #CDD4D9; position: absolute; left: 0; top: -40px;}
	.tabs-link .tab-link {display: inline-block; width: 49%; float: none; margin: 0; line-height: 22px; margin-bottom: 10px;}
	.tab-inner {padding: 60px 0;}
	.tab-inner .continut, .slide-down {width: 100%;}
	.tab-content .img {width: 100%; position: relative; right: 0; max-width: 100%; top: 0; height: auto; max-height: 100%;}

	#cookie-box .inner {padding: 40px 40px 50px;}
    #cookie-box .txt {font-size: 13px; line-height: 18px;}
    #cookie-box .heading {font-size: 23px; line-height: 29px; letter-spacing: -0.7px;}

    .pre-heading {margin-top: 40px;}
    .inner.v4 {padding: 0 0 100px;}
    
    .heading h1, .heading h2, .heading.v6 h1, .heading.v6 h2, .heading.v6 h3 {font-size: 40px; line-height: 45px; letter-spacing: -1.5px;}
    .continut p br {display: none;}
    .buton {height: 50px; line-height: 50px; border-radius: 25px; font-size: 15px;}
    #cookie-box .buton.v2 {line-height: 48px;}
    .buton.stil-2 {line-height: 48px;}

    .faq-content .col-faq {padding: 0 30px;}
    .faq-content .continut {padding: 0 30px;}
    .faq-content .col-faq .slide-down-item .continut {padding: 15px 0 0;}

    .inner.v6.about .ct-col.v1, .inner.v6.about .ct-col.v2 {margin-top: 0; width: 100%;}
    .inner.v6.about .ct-col.v1 {margin-top: -20px;}
    .banner-col-2 .banner-col-row {width: 60%;}
    .inner.v6.about .ct-col.v1 .continut {text-align: left; float: left !important; width: 40%;}
    .banner-col-3 .banner-col-row {width: 100%;}

    #footer .social-wrap {margin-top: 15px; margin-bottom: 15px;}
    #footer .social-wrap li {margin-right: 10px;}
    #footer .ft-top {padding: 50px 0 10px;}
    #footer .inner, #footer .ft-bottom .inner {padding: 0 10px;}
    #footer .ft-box {width: 100%; margin: 0 0 10px;}
    #footer .ft-box .title {font-size: 13px; line-height: 20px;}
    .ft-box .list li a {font-size: 15px; line-height: 22px;}
    #footer .ft-bottom {padding: 40px 20px 30px;}
    #footer .ft-bottom ul {float: none;}
    #footer .ft-bottom ul li {float: none; line-height: 25px;}
    #footer .ft-bottom .inner:before {width: calc(100% - 20px); top: -30px; left: 10px;}

/*Slider homepage*/

    .inner.slider {padding: 0 30px; margin-top: 60px;}
	.inner.slider:before {top: -50px;}
    .slider-home .main-img {margin-top: 40px; margin-left: auto;}
    .slider-home .quote p {font-size: 18px; line-height: 24px;}
    .slick-list {margin-right: 0;}
    .slider-home .quote {width: 80%; margin-left: 0;}
    .slider-home .item {margin-bottom: -200px;}

/* Despre noi */

	.img-icon {margin-top: -20%; margin-bottom: 50px; max-width: 75%;}
	.heading.v5 h1, .heading.v5 h2, .heading.v5 h3 {font-size: 55px; line-height: 60px; letter-spacing: -2.75px;}
	.continut.v4 p {font-size: 18px; line-height: 25px;}
	.client-wrap {padding: 0 5px;}
	.client-wrap li {padding: 10px; width: 25%;}
	.quote-wrap {margin-bottom: 50px;}
	.quote-wrap .ct-col.v1 {width: 33.33%;}
	.quote-wrap .ct-col.v2 {width: 66.67%;}
	.quote-wrap .ct-col .inner {padding: 30px;}
	.quote-wrap .ct-col .inner p {font-size: 27px; line-height: 35px;}

/* Contact */

	.ib-wrap.v2 .info-box.v4 {width: 100%;}
	.ib-wrap.v2 .info-box.v3 {width: 50%;}

    .ct-col.v1 {width: 100%;}
    .blog .ct-col.v1 {width: 100%;}
    .ct-col.v4, .ct-col.v5 {width: 100%;}

    .intro .main-box {margin-top: 30px; margin-bottom: 0;}
    .intro .ct-col.v2 {width: 100%; margin-bottom: 40px;}

    #main {min-width: 320px; width: 100%; position: relative;}
    .meniu, #header .hd-links {display: none;}
    #header .meniu-m { display: block; }
    .meniu-m .ico-mobil { top: 50%; margin-top: -11px; right: 0; position: absolute;}
    #content .section .info {width: 100%; min-width: 320px; height: auto; padding: 30px; display: block; position: relative;}
    #content .section .info .box {width: 100%; max-width: 100%; min-width: 100%; min-height: 100px; height: auto; padding: 20px 20px 90px; display: block; margin-bottom: 30px;}
    #content .section .info .box:last-child {margin: 0;}
    #content .section .info .box .buton {bottom: 20px;}
    #content .section .carousel { width: 100%;}

/* Continut */

    .side-content {display: none;}
    .content {width: 100%; padding: 0; font-size: 16px; line-height: 24px;}
    #content .intro.v-continut {padding-bottom: 60px;}

	.content .intro-heading {font-size: 22px; line-height: 33px;}
	.content p, .content ul, .content ol {padding-bottom: 20px;}
	.content h1 {font-size: 40px; line-height: 45px; letter-spacing: -1px;}
	.content h2 {font-size: 35px; line-height: 40px; letter-spacing: -1px;}
	.content h3 {font-size: 30px; line-height: 35px; letter-spacing: -0.5px;}
	.content h4 {font-size: 25px; line-height: 30px; letter-spacing: -0.5px;}
	.content blockquote {font-size: 22px; line-height: 33px;}
	.content blockquote p {font-size: 22px; line-height: 33px;}

	.content .img.main-img {margin-top: -10px;}


/* PORTOFOLIU */

    #content .intro.v2 {margin-bottom: 170px;}
    .intro.v2 .slider-home {padding: 0 30px; margin-top: 30px;}
	.intro.v2 .slider-home .slick-prev {right: 110px;}
	.intro.v2 .slider-home .slick-next {right: 30px;}
	.client-wrap .img {height: 100px;}
	.stores .ct-col.v1 {width: 50%;}
	.stores {padding: 0 15px; margin-left: 0;}

/* BLOG */

    .articol {margin-bottom: 30px;}
    .articol a.titlu {height: auto;}
    .articol h3 {font-size: 30px; line-height: 36px; max-height: initial;}
    .articol .preview {font-size: 15px; line-height: 22px; height: auto;}
    .inner.blog {padding-top: 50px}
    .inner.blog .continut.v2 {margin-left: 20px; margin-right: 20px;}

    #content .pg-articol {padding-bottom: 30px;}
    .intro .cautare {padding-left: 30px; padding-right: 30px; margin-top: 0;}
    .blog-ctg {padding-left: 30px; padding-right: 30px;}
    .blog-ctg li {margin-bottom: 10px;}
    .articol.principal {margin: 70px 0 0; }
    .articol.principal .art-content {padding: 0 0 0 30px; min-height: initial;}
    .articol.principal a.titlu {max-height: 110px;}
    .ct-col-box.v2 {width: calc(100% + 60px); margin-left: -30px; margin-top: 70px; margin-bottom: 40px;}
    .articole.v2 .articol {margin-top: 0;}

/* Functionalitati */

    #content .section.v3 {padding: 0 30px;}
    .functionalitati li .opt, .f-bar span {width: 13%;}
    .f-bar {font-size: 16px; line-height: 24px; padding: 30px 0;}
    .f-bar p {width: 61%;}
    .f-bar span {font-size: 14px;}
    .functionalitati li strong {font-size: 16px; line-height: 24px;}
    .functionalitati li p {font-size: 14px; line-height: 22px; padding-right: 20px;}
    .functionalitati .head {font-size: 30px; line-height: 38px;}
    .box-f {width: 25%;}
    .box-f .inner {height: 100px;}
    .functionalitati li.v2 p {width: 100%; padding-right: 0;}

/* B2C */

    .intro.b2b .img-bg {width: 130px; height: 290px; right: 233px;}
    .intro.b2b .img-bg.v2 {right: 0; bottom: -60px; width: 238px; height: 380px; border-radius: 20px 0 0 20px;}
    .section.v4 .ct-col.v1 {width: 100%; max-width: 100% !important; margin-bottom: 20px !important;}
    .ct-col-box.v-b2c .ct-col.v1 {width: 50%;}
    .ct-col-box.v-b2c .ct-col.v1:nth-child(4n+1) {clear: none;}
    .ct-col-box.v-b2c .ct-col.v1:nth-child(2n) {clear: left;}

    .b2c-contact {font-size: 17px; line-height: 25px; padding-top: 20px; margin-top: 30px;}
    .b2c-contact li:first-child {width: 100%; margin-bottom: 20px;}
    .b2c-contact li:last-child {width: 100%;}
    .b2c-contact .buton {float: left;}

    .ct-col.v7 {width: 100%;}
    .logo-wrap.v2 .logos {margin-top: 30px;}
    .logo-wrap.v2 .logos li:nth-child(1), .logo-wrap.v2 .logos li:nth-child(8), .logo-wrap.v2 .logos li:nth-child(14), .logo-wrap.v2 .logos li:nth-child(19), .logo-wrap.v2 .logos li:nth-child(23), .logo-wrap.v2 .logos li:nth-child(26), .logo-wrap.v2 .logos li:nth-child(28) {clear: none;}
    .logo-wrap.v2 .logos li {width: 16.66%;}

    .b2c-proces {width: 100%; margin-top: 30px; padding-bottom: 50px; margin-bottom: 30px;}
    .inner.w-bg {margin-top: 70px;}
    .inner.w-bg:before {height: calc(100% + 50px); top: -70px;}

    .ct-col.v1.w-border .continut {padding-bottom: 30px; border-bottom: 1px solid #CDD4D9; margin-bottom: 30px;}
    .slider-home.v2 .slick-prev {display: none !important;}
    .slider-home.v2 .slick-next {display: none !important;}
    .slider-home.v2 .slick-list {margin-right: 65%;}
    #content .section.v3.faq {padding: 0;}
    #content .section.v3.faq .faq-content {padding-top: 150px;}

    .b2c-col {margin-top: 50px;}
    .img-b2c-col {top: 0; right: auto; margin: 0 auto;}
    .img-b2c-col.v2 {left: auto;}

}


@media only screen and (max-width: 800px) {
    .ct-col.v2, .ct-col.v8 {width: 100%;}
    .platforma .faq-content.v2 {margin-top: 120px;}
    .faq-content.v2 {margin-top: 120px;}
    .faq-content.v2 .preview .img:first-child, .faq-content.v2 .preview .img.v1 {left: -30px;}
    .faq-content.v2 .preview .img:last-child {right: 20px; top: -115px;}

    .quote-wrap .ct-col .inner p {font-size: 23px; line-height: 29px; letter-spacing: -0.9px;}
    .quote-wrap .ct-col .inner blockquote p {font-size: 17px; line-height: 25px; padding-bottom: 10px;}
    .quote-wrap .ct-col .inner blockquote footer {font-size: 15px; line-height: 22px;}
    .quote-wrap .ct-col .inner {padding: 20px 30px; border-radius: 20px;}
    .quote-wrap .ct-col {padding: 15px;}

    .articol.principal {margin-top: 30px;}
    .articol.principal .art-content {width: 100%; padding: 0;}
    .articol.principal .img {width: 100%; margin-bottom: 20px; padding-top: 57%;}
    .blog-ctg {display: none;}

    #content .intro.pachete.b2b {padding-bottom: 340px; margin-bottom: 30px;}
    .slider-home.v2 .slick-list {margin-right: 60%;}
}


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

    #content .section .info .box .buton {margin-top: 20px;}
    #content .section .ui-input.v1 {width: 100%;}
    
    /* CONTACT */

    .col-1 {width: 100%; padding: 30px 0;}
    .col-1.float-dr {padding-top: 0;}

    /* Functionalitati / pachete */

    .f-bar {font-size: 15px; line-height: 22px;}
    .f-bar span {font-size: 13px;}
    .f-bar p {width: 100%; margin-bottom: 20px;}
    .functionalitati li {padding: 15px 0;}
    .functionalitati li .opt {padding-top: 15px; border-top: 1px solid #CDD4D9; display: inline-block; margin-top: 20px; font-size: 12px; line-height: 29px;}
    .functionalitati li .opt.v2:before {height: calc(100% + 15px); top: 0;}
    .functionalitati li .opt, .f-bar span {width: 33.33%;}
    .functionalitati li strong {font-size: 15px; line-height: 22px;}
    .functionalitati li p {font-size: 13px; line-height: 18px; padding-right: 0; float: none; display: table;}
    .functionalitati .head {font-size: 23px; line-height: 29px; letter-spacing: -0.7px;}
    .box-f {width: 33.33%;}
    .box-f .inner {height: 90px;}

    /* SLider home */

    .slick-prev {display: none !important;}
    .slick-next {display: none !important;}
    .slider-home .quote {width: 100%;}
    .slider-home .quote p {font-size: 17px; line-height: 25px;}
    .slider-home .quote footer {font-size: 13px; line-height: 25px;}
    .slider-home .main-img {max-width: 500px;}

    /* Blog */

    .articole.v2:before {height: calc(100% - 600px); top: 180px;}

}

@media only screen and (max-width: 700px) {
    .quote-wrap {bottom: -10px; margin-bottom: 0;}
    .quote-wrap .ct-col-box {display: block;}
    .quote-wrap .ct-col-box .ct-col.v1, .quote-wrap .ct-col-box .ct-col.v2 {width: 100%;}
    .quote-wrap .col-img {width: 100%; display: block; min-height: auto;}
    .quote-wrap .col-img .img {border-radius: 20px;}

    .logo-wrap.v2 .logos li {width: 20%;}
    #cookie-box {width: 100%; border-radius: 20px 20px 0 0; right: 0; bottom: 0;}
    #cookie-box .inner {padding: 25px 20px 30px;}

    .img-b2c-col {width: 100%; height: auto; border-radius: 20px;}

}

@media only screen and (max-width: 600px) {
	.heading h1, .heading h2 {font-size: 30px; line-height: 34px; letter-spacing: -0.9px;}
	.heading.v3 h1, .heading.v3 h2, .heading.v3 h3, .heading.v3 h4, .heading.v6 h1, .heading.v6 h2, .heading.v6 h3 {font-size: 25px; line-height: 30px; letter-spacing: -0.5px;}
	.heading.v2 h1, .heading.v2 h2, .heading.v2 h3, .info-box .heading.v2 h3 {font-size: 23px; line-height: 29px; letter-spacing: -0.7px;}
	.heading.v3 {margin-bottom: 20px;}
	.continut p, .logo-wrap .continut p, .slide-down .item .continut p {font-size: 15px; line-height: 22px;}

	.ui-input, .ui-select {height: 50px; margin-bottom: 20px;}
	.ui-input input, .ui-select select, .ui-input textarea {font-size: 16px;}
	.ui-select.sel-stil:before {top: 14px;}
	.ui-input.textarea {height: 200px;}

	.c-box .buton {width: 200px;}
	.c-box:before {background-size: cover; background-position-x: 150px;}

	.cautare .input-cautare {height: 50px;}
	.cautare .input-cautare input {font-size: 15px;}
	.cautare .c-search {width: 50px; height: 50px;}
	.cautare .c-search .ico {left: 13px; top: 13px;}

	/* DESPRE NOI */

    .continut.v4 p {font-size: 17px;}
    .img-icon {margin-top: -35%;}
    .client-wrap li {width: 33.33%;}
    .heading.v5 h1, .heading.v5 h2, .heading.v5 h3 {font-size: 45px; line-height: 50px;}

    /* Contact */

    .formular p {font-size: 15px; line-height: 22px; padding-bottom: 25px;}
    .formular {margin-top: -50px; margin-bottom: -30px;}
    .formular:before {height: 74%;}
    .formular .info-f h3 {font-size: 15px; line-height: 22px;}
    .formular .info-f p {font-size: 12px; line-height: 18px;}
    .ib-wrap.v2 .info-box.v3 {width: 100%;} 

    .intro .main-box .continut p, .intro .main-box li {font-size: 13px; line-height: 18px;}
    .intro .main-box img {top: 0;}
    .intro .main-box {padding: 30px; border-radius: 20px;}

    .tabs-link {padding-bottom: 30px;}
    .tabs-container {margin-top: 10px; padding-top: 30px;}
    .tabs-link .tab-link {font-size: 15px; line-height: 22px; letter-spacing: -0.3px;}
    .tabs-link:before {top: -30px;}

    .slide-down .item .link, .slide-down .item .link.more {font-size: 15px; line-height: 22px;}
    .slide-down .item .continut {font-size: 13px; line-height: 18px;}
    .slide-down .item .link span {top: 21px;}

    #content .intro .buton {width: 180px;}
    #content .intro {margin: 0;}

    .slider-home .item {margin-left: 30px; margin-right: 30px;}
    .inner.slider {padding: 0;}
    .inner.slider .continut {padding: 0 30px;}
    .slick-prev {right: 80px;}
    .slick-next {right: 30px;}

    .heading.v4 {margin-bottom: 0;}
    .ct-col.v1 {width: 100%;}

    .info-box {width: 100%;}
    .info-box .ib-inner {padding: 30px;}
    .info-box .continut, .info-box .continut p {height: auto; font-size: 13px; line-height: 18px;}
    .info-box.v2, .info-box.v2 a, .info-box.v2 h4 {font-size: 15px; line-height: 22px;}

    .logo-wrap {margin-top: 50px;}
    .logo-wrap .logos li {width: 33.33%; padding: 5px;}

    .faq-content .link, .faq-content .item {font-size: 15px; line-height: 22px;}
    .faq-content .col-faq .slide-down-item .continut {font-size: 13px; line-height: 19px;}

    #footer .ft-links {margin-bottom: 25px;}
    #footer .ft-bottom .ft-links li {float: none; line-height: 25px;}

    /* Blog */

    .paginare {font-size: 15px;}
    .paginare p {width: 100%;}
    .inner.blog .continut {padding-top: 50px; padding-bottom: 30px;}
    .articol h3 {font-size: 23px; line-height: 30px;}
    .articol .data {font-size: 11px; line-height: 15px;}
    .articol .link {font-size: 13px; line-height: 18px;}
    .articol a.titlu, .articol .preview {height: auto;}
    .articol.principal a.titlu {max-height: 120px;}
    .articole.v2:before {height: calc(100% - 520px); top: 120px;}

    /* Continut */

    .content {font-size: 14px; line-height: 22px;}
    .content .intro-heading {font-size: 18px; line-height: 25px;}
	.content h1 {font-size: 30px; line-height: 37px; letter-spacing: -0.5px; margin: 10px 0 20px;}
	.content h2 {font-size: 25px; line-height: 33px; letter-spacing: -0.5px; margin: 10px 0 20px;}
	.content h3 {font-size: 22px; line-height: 30px; letter-spacing: -0.2px; margin: 10px 0 20px;}
	.content h4 {font-size: 20px; line-height: 27px; letter-spacing: -0.2px; margin: 10px 0 20px;}
	.content blockquote {font-size: 18px; line-height: 25px;}
	.content blockquote p {font-size: 18px; line-height: 25px;}
	.content ul, .content ol {padding-left: 20px;}

    /* PORTOFOLIU */

    #content .intro.v2 {padding-top: 0;}
    .intro.v2 .slider-home {padding: 0;}
    .client-wrap .img {height: 80px;}
    .stores .ct-col.v1 {width: 100%;}
    .store p {font-size: 13px; line-height: 18px;}
    .store {margin-top: 30px; font-size: 13px; line-height: 18px;}

    /* B2C */

    #content .intro.b2b {padding-top: 0;}
    #content .intro.b2b .buton {width: 200px;}
    .intro.b2b ul li:last-child {display: none;}
    .section.v4 .ct-col.v1 p {font-size: 13px; line-height: 18px;}
    .section.v4 .ct-col.v1:last-child {margin-bottom: 0 !important;}
    .ct-col-box.v-b2c .ct-col.v1 {width: 100%; padding-left: 140px; position: relative; margin-top: 20px;}
    .ct-col-box.v-b2c .ct-col.v1 p {font-size: 13px; line-height: 18px;}
    .b2c-icon {width: 80px; height: 80px; position: absolute; left: 30px; top: 5px; margin: 0;}
    .logo-wrap.v2 .logos li {width: 25%;}
    .integrari-b2c li {font-size: 15px; line-height: 22px;}
    .ib-wrap.b2c .info-box .img {width: 80px; height: 80px; margin-left: -30px;}
    .b2c-proces ul {font-size: 15px; line-height: 22px;}
    .slider-home.v2 .main-img {margin-top: 0;}
    .slider-home.v2 .item {margin-right: 0;}

    #content .section.v3.faq .faq-content {padding-top: 100px;}
    .inner.slider.b2b:before {height: calc(100% + 100px);}
    .slider-home.v2 .slick-list {margin-right: 45%;}

    /* Contact box-button */

    .action-button {display: block;}
    #footer {padding-bottom: 60px;}

}

@media only screen and (max-width: 540px) {
    .about .col-2 .box {padding: 20px; margin-bottom: 20px;}

    .box-f-wrap {width: calc(100% + 20px); margin-left: -10px; margin-top: 10px;}
    .box-f {width: 50%; padding: 10px;}
    .box-f .inner {height: 80px;}
    .img-icon {margin-top: -37%;}

}

@media only screen and (max-width: 450px) {
    .paginare {padding-top: 20px;}
    .tabs-link .tab-link {width: 100%;}
    #cookie-box .buton {width: calc(100% - 20px);}
    #cookie-box .buton.v2 {margin-top: 20px;}

    .istoric .ct-col.v3 {padding-right: 20px;}

    /* DESPRE NOI */

    .client-wrap li {width: 50%;}

    .articole.v2:before {top: 70px;}
    .img-icon {margin-top: -50%;}
    .logo-wrap.v2 .logos li {width: 33.33%;}
    .slider-home.v2 .main-img {height: 100px;}
}

@media only screen and (max-width: 370px) {
    .sd-inner .links-m .item:first-child {margin-top: -25px;}

    .inner.v6 {padding: 0 10px;}
    .inner.v6.about .ct-col.v1 {margin-top: -20px;}
    .faq-content.v2 {margin-bottom: 0;}

    .img-icon {margin-top: -55%;}

    .articole.v2:before {height: calc(100% - 570px); }

    .intro.b2b .img-bg {right: 184px;}
    .intro.b2b .img-bg.v2 {right: -50px;}
}


/* IMAGINI */
/*********************************************************************/

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .ico {background-size: 473px 462px; background-image: url('../img/sprite@2x.png');}
}