@charset "utf-8";
/* CSS Document */

body { font-family: 'Poppins', sans-serif;}
a:focus { outline: none;}

.table strong { font-weight: 600;}


/* Header */

.siteHeader { position: relative;}
.siteHeader .navbar-nav .nav-item .nav-link { font-size: 15px;}

.siteHeaderHome { background: url(/assets/images/homeBg.jpg) no-repeat center fixed; background-size: 100%;}
.siteHeaderHome .siteHeaderOverlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #00000090;}
.siteHeaderHome .siteHeaderNavbar .navbar { background: url(/assets/images/homeBg.jpg) no-repeat center fixed; background-size: 100%;}
.siteHeaderNavbar .navbar .container { z-index: 30;}
.siteHeaderNavbar .navbar .navbar-toggler-icon-box { display: block; width: 30px; height: 30px; line-height: 30px;}

/* Home Hero */

.siteHeaderHero { position: relative;}

.siteHeaderHeroBText { position: relative; z-index: 30;}
.siteHeaderHeroBText .shhbtBox { font-size: 18px; text-align: center;}
.siteHeaderHeroBText .shhbtIntro { font-size: 20px;}
.siteHeaderHeroBText .shhbtIntroEx { font-size: 30px; line-height: 50px;}
.siteHeaderHeroBText .shhbtDesc { font-size: 16px; text-align: center;}

.siteHeaderHeroBIcon1 { position: absolute; top: 60px; left: 20px; right: 20px; bottom: 10px; background: url(/assets/images/icons/smart-content-pentru-afacerea-ta.svg) no-repeat center scroll;  background-size: contain; opacity: 0.05; z-index: 28;}

/* Header */

.siteHeaderMargin { margin-bottom: 74px;}

.siteHeaderPages .siteHeaderOverlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #071172; background-image: linear-gradient(to right, #38095e 0%, #071172 100%);}
.siteHeaderPages .navbar-nav .nav-item .nav-link,
.siteHeaderPages .navbar-nav .nav-item .btn { color: #edeaf7;}
.siteHeaderPages .navbar-nav .nav-item .nav-link:hover,
.siteHeaderPages .navbar-nav .nav-item .btn:hover { color: #ffffff;}
.siteHeaderPages .navbar-nav .nav-item .btn:hover { background-color: transparent !important;}
.siteHeaderPages .navbar-nav .nav-item.active .nav-link { color: #ff347e;}
.siteHeaderPages .navbar-brand i.fas { color: #ff347e;}
.siteHeaderPages .navbar-brand small { font-size: 11px; color: #ffffff50;}

@media (max-width: 991.98px) {

    .siteHeader { background-size: cover;}
    .siteHeaderNavbar .navbar { background: none; background-color: #000000a1;}
    .siteHeaderNavbar .navbar .navbar-collapse { background-color: #060924; border-radius: 5px; margin-bottom: 10px;}
    .siteHeaderNavbar .navbar .fa-user-circle { color: #ff347e;}
}


/* Footer */

.siteFooter a:hover { color: #edeaf7;}
.siteFooter .fa-box-open { color: #f592b6;}

.hoverShake:hover { animation: shake 0.82s cubic-bezier(.36, .07, .19, .97) both; transform: translate3d(0, 0, 0);}
.hoverHeartbeat:hover { animation: heartbeat 1s infinite;}

.hoverHeartbeatFori:hover .fori { animation: heartbeat 1s infinite;}


/* Common */

.pageContainer { font-size: 15px;}

.opac00 { opacity: 0.00;}
.opac25 { opacity: 0.25;}
.opac50 { opacity: 0.50;}
.opac75 { opacity: 0.75;}
.opac80 { opacity: 0.80;}
.opac90 { opacity: 0.90;}

.ffOpenSans { font-family: 'Open Sans', sans-serif;}
.ffPoppins { font-family: 'Poppins', sans-serif;}

.fs10 { font-size: 10px;}
.fs11 { font-size: 11px;}
.fs12 { font-size: 12px;}
.fs13 { font-size: 13px;}
.fs14 { font-size: 14px;}
.fs15 { font-size: 15px;}
.fs16 { font-size: 16px;}
.fs17 { font-size: 17px;}
.fs18 { font-size: 18px;}
.fs20 { font-size: 20px;}
.fs22 { font-size: 22px;}
.fs24 { font-size: 24px;}
.fs26 { font-size: 26px;}
.fs28 { font-size: 28px;}
.fs30 { font-size: 30px;}
.fs32 { font-size: 32px;}
.fs40 { font-size: 40px;}
.fs50 { font-size: 50px;}
.fs60 { font-size: 60px;}
.fs70 { font-size: 70px;}

.lh20 { line-height: 20px;}
.lh24 { line-height: 24px;}
.lh25 { line-height: 25px;}
.lh28 { line-height: 28px;}
.lh30 { line-height: 30px;}
.lh32 { line-height: 32px;}
.lh35 { line-height: 35px;}
.lh40 { line-height: 40px;}
.lh45 { line-height: 45px;}
.lh50 { line-height: 50px;}

.ls13 { letter-spacing: 1.3pt;}

.txtOverflow { width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.txtStrike { text-decoration: line-through;}
.txtItalic { font-style: italic;}
.txt900 { font-weight: 900;}
.txt800 { font-weight: 800;}
.txt700 { font-weight: 700;}
.txt600 { font-weight: 600;}
.txt500 { font-weight: 500;}
.txt400 { font-weight: 400;}
.txt300 { font-weight: 300;}
.txt200 { font-weight: 200;}
.txt100 { font-weight: 100;}

.text-gray { color: #aaaaaa;}
.text-footer1 { color: #b9bbd6;}
.text-footer2 { color: #8f91b3;}
.text-footer3 { color: #6a6c81;}
.text-footer4 { color: #585a6e;}

.color-title { color: #1e1666;}
.color-text { color: #6a7c92;}
.color-orange { color: #ff6b3d;}
.color-pink { color: #ff347e;}
.color-purple1 { color: #c600de;}
.color-purple2 { color: #732fda;}
.color-blue1 { color: #1b4dee;}
.color-blue2 { color: #0090c4;}

.bg-gray { background-color: #f5f7fa;}
.bg-black-t50 { background-color: #00000075;}
.bg-121212 { background-color: #121212;}
.bg-222222 { background-color: #222222;}
.bg-footer1 { background-color: #090c2b;}
.bg-footer2 { background-color: #060924;}

.pinkHr { border-top: none; height: 4px; background-color: #ff347e; border-radius: 2px;}

.emptyTable { display: block; text-align: center; padding: 20px 0; color: #797979; font-weight: 300;}

.jqValidation .error { font-size: 13px;}

.navCard .nav-item { padding: 0 15px;}
.navCard .nav-item .nav-link.active { border-bottom: 4px solid #6483df;}

.invalid-feedback { display: block; width: 100%; font-size: 12px; margin-top: 10px;}
.invalid-feedback.error { color: #dc3545;}

.ratingStars { cursor: default;}

.cHelp { cursor: help;}
.cDefault { cursor: default;}

.posAbs { position: absolute;}
.posRel { position: relative;}

.imagePHolder { display: inline-block; background-color: #eaecf4; font-size: 60px; max-width: 100%; border: 1px solid #dddddd;}
.imagePHolder i { color: #babcc5;}
.iph50 { width: 50px; height: 50px; font-size: 30px;}
.iph80 { width: 80px; height: 80px;}
.iph100 { width: 100px; height: 100px;}
.iph120 { width: 120px; height: 120px;}
.iph200 { width: 200px; height: 200px;}

.orderSteps i { font-size: 24px;}
.orderSteps .bg-white { width: 70px; height: 70px; line-height: 40px; text-align: center; color: #aaaaaa;}
.orderSteps .progress { height: 3px;}

.txtUpper { text-transform: uppercase;}

.dflexCountList a { border-right: 1px solid #efefef;}
.dflexCountList a:last-child { border-right: none;}

.avatar { display: inline-block; border-radius: 50%; object-fit: cover; object-position: center;}
.avatar30 { width: 30px; height: 30px; line-height: 30px;}
.avatar50 { width: 50px; height: 50px; line-height: 50px;}
.avatar80 { width: 80px; height: 80px; line-height: 80px;}
.avatar100 { width: 100px; height: 100px; line-height: 100px;}
.avatar120 { width: 120px; height: 120px; line-height: 120px;}
.avatar200 { width: 200px; height: 200px; line-height: 200px;}

.onlineStatus { background-color: #eaecf4; height: .75rem; width: .75rem; border-radius: 100%; position: absolute; bottom: 0; right: 0; border: .125rem solid #ffffff;}

.wsThumbSm { width: 120px; height: 72px;}
.wsThumbPH { background-color: #eaecf4; font-size: 120px; max-width: 100%; height: 320px; object-fit: cover; object-position: center; border: 1px solid #dddddd;}
.wsThumbPHSm { width: 120px; height: 72px; font-size: 30px;}
.wsThumbPH i { color: #babcc5;}

.mcDefault { cursor: default;}
.mcPointer { cursor: pointer;}
.mcHelp { cursor: help;}
.mcZoom { cursor: zoom-in;}

.border2Px { border-width: 2px !important;}
.border3Px { border-width: 3px !important;}
.border4Px { border-width: 4px !important;}

.form-group label small.labelOpt { display: block;}

.smFiltersDD .dropdown-toggle { border-width: 1px; border-style: solid; border-color: transparent;}
.smFiltersDD .dropdown-toggle:focus,
.smFiltersDD .dropdown-toggle:hover { border-color: #e3e6f0; background-color: #ffffff;}
.smFiltersDD .dropdown-toggle:focus { background-color: #e3e6f0;}

.boxOverlayWrapper { overflow: hidden;}
.boxOverlayWrapper > div { filter: blur(0.8px); -webkit-filter: blur(0.8px);}
.boxOverlay { position: absolute; width: 100%; height: 100%;}

.rotate15 { transform: rotate(15deg); -webkit-transform: rotate(15deg);}

.iconsSBig { text-align: center; border-radius: 10px; background-color: #ffffff; box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.10); padding: 30px;}
.iconsSBig img { max-width: 30%;}

.iconsST380 { position: relative; min-height: 380px;}
.iconsST300 { position: relative; min-height: 300px;}
.iconsSTBox { width: 140px; height: 140px; text-align: center; display: flex; justify-content: center; align-items: center; border-radius: 50%; background-color: #ffffff; box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06); position: absolute;}
.iconsSTBox1 { top: 0; right: calc(50% - 70px);}
.iconsSTBox2 { top: 100px; right: 30px;}
.iconsSTBox3 { top: 200px; right: calc(50% - 70px);}
.iconsSTBox4 { top: 100px; left: 30px;}
.iconsSTBox img { max-width: 60%;}

.shadowGray { box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06); transition: transform 0.5s;}
.shadowGray2 { box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.10); transition: transform 0.5s;}

.homeServs { background-image: none;}
.homeServs .shadowGray { cursor: default;}
.homeServs .shadowGray:hover { box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.16); transform: translate(0, -10px);}

.homeRevs .fa-quote-left { transition: transform 0.5s;}
.homeRevs:hover .fa-quote-left { transform: rotate(180deg);}

.effectScale1 { transition: transform 0.5s;}
.effectScale1:hover { transform: scale(1.2);}

.smTitleBar,
.noTitleBar,
.gloTitleBar { position: relative;}
.gloTitleBar { display: inline-block; width: auto;}
.smTitleBar::after,
.noTitleBar::after,
.gloTitleBar::after { content: ' '; position: absolute; border: 2px solid #ff347e; border-radius: 2px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);}
.smTitleBar::after { top: calc(100% + 20px); left: 50%; width: 50px; transform: translateX(-50%);}
.noTitleBar::after { top: calc(100% + 15px); left: 0; width: 50px;}
.gloTitleBar::after { top: calc(100% + 20px); left: 0; width: 50%;}

.ovrwSpan { background: url('/assets/images/seo-curve-line.png') repeat-x center scroll;}
.ovrwBox { width: 100%; padding-top: 100%; position: relative;}
.ovrwBox .title { font-size: 16px;}
.ovrwBoxText { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex; align-items: center; justify-content: center;}
.ovrwBoxText:hover { box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.16); transform: scale(1.1);}

.effectList1 li { transition: all 0.5s;}
.effectList1 li:hover { background-color: #ffffff; box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06); transform: translateY(-5px);}

.bg-theme1 { background-color: #701083;}
.bg-theme2 { background-color: #0f7394;}
.bg-theme3 { background-color: #112b9e;}

.w-md-33 { width: 100%;}
.w-md-75 { width: 100%;}

.slick-dots li button::before { font-size: 16px;}

.invalid-feedback { position: relative; margin-top: 0; top: -10px; font-size: 12px !important;}

.squareBox { width: 100%; padding-top: 100%; position: relative;}
.squareBox > div { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}

.listTimeline { border-left: 2px dashed #d6d1e1;}
.listTimeline li { position: relative;}
.listTimeline li i { position: absolute; top: calc(50% - 8px); left: -32.5px;}

.blogList a .image { overflow: hidden;}
.blogList a .image img { width: 100%; height: 200px; object-fit: cover; object-position: center; transition: 0.5s ease-in-out;}
.blogList a:hover .image img { transform: scale(1.05);}
.articleText strong,
.articleText b { font-weight: 600;}

/* Small devices (landscape phones, 576px and up) */

@media (min-width: 576px) {
    
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    
    .w-md-33 { width: 33%;}
    .w-md-75 { width: 75%;}

    .homeServs { background: url('/assets/images/seo-curve-line.png') repeat-x center scroll;}

    /* Header */

    .siteHeaderPages .navbar-brand small { font-size: 13px;}

    /* Home Hero */

    .siteHeaderHeroBText .shhbtBox { font-size: 50px; text-align: left;}
    .siteHeaderHeroBText .shhbtIntro { font-size: 40px;}
    .siteHeaderHeroBText .shhbtIntroEx { font-size: 70px; line-height: 50px;}
    .siteHeaderHeroBText .shhbtDesc { font-size: 20px; text-align: left;}

    .siteHeaderHeroBIcon1 { position: absolute; top: 60px; left: -80px; right: 0; bottom: 15px; background: url(/assets/images/icons/continut-digital-care-conteaza-2.svg) no-repeat left center scroll; background-size: contain; opacity: 0.05; z-index: 29;}
    .siteHeaderHeroBIcon2 { position: absolute; top: 0; left: 0; right: -80px; bottom: 30px; background: url(/assets/images/icons/smart-content-pentru-afacerea-ta.svg) no-repeat right center scroll; background-size: contain; opacity: 0.05; z-index: 28;}

    /* Overview */

    .ovrwBox { bottom: -20px;}
    .ovrwBox .title { font-size: 20px;}
    .ovrwSpan .row > div:nth-child(even) .ovrwBox { bottom: 0; top: -20px;}

    .listCircle { position: relative;}
    .listCircle li { position: relative;}
    .listCircle li.lc1 { left: -200px;}
    .listCircle li.lc2 { left: -100px;}
    .listCircle li.lc3 { left: -45px;}
    .listCircle li.lc4 { left: -10px;}
    .listCircle li.lc5 { left: 15px;}
    .listCircle li.lc6 { left: 20px;}
    .listCircle li.lc7 { left: 12px;}
    .listCircle li.lc8 { left: -5px;}
    .listCircle li.lc9 { left: -35px;}
    .listCircle li.lc10 { left: -95px;}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

}

/* Effects */

@keyframes shake {
	10%, 90% { transform:translate3d(-1px, 0, 0);}
	20%, 80% { transform:translate3d(2px, 0, 0);}
	30%, 50%, 70% { transform:translate3d(-2px, 0, 0);}
	40%, 60% { transform:translate3d(2px, 0, 0);}
}

@keyframes heartbeat {
    0% { transform: scale(.75);}
    20% { transform: scale(1);}
    40% { transform: scale(.75);}
    60% { transform: scale(1);}
    80% { transform: scale(.75);}
    100% { transform: scale(.75);}
}