body {  font-family: 'Open Sans', sans-serif; font-size: 16px; color: #333;}
body > .row, main > .row  {margin-left: 0; margin-right: 0}
.container {max-width: 1340px;}
main {}
a {color: #2B2D42; transition-duration: 0.2s;}
a:hover {color: #D90429; text-decoration: none;}
::selection{background:#D90429;color:#fff}::-moz-selection{background:#D90429;color:#fff}

ol {margin-left: -22px;}
.blue {color: #2F3047;}
.red {color: #D90429;}
.white {color: #fff;}
.navbar-brand img {width: 160px;}
.navbar {background: #fcfcfc; padding-top: 20px; padding-bottom: 20px}
.navbar-nav .nav-link {font-weight: 500; white-space: nowrap; border-bottom: 4px solid #FCFCFC; padding: 6px 0 4px 0 !important; font-size: 16px;}
.navbar-nav .nav-link:hover, .navbar-nav .active {border-bottom: 4px solid #D90429;}
.nav-item {padding: 0 15px; position: relative;}
.dropdown-menu {border-radius: 0; padding: 0; left: auto;}
.dropdown-menu .dropdown-item {padding: 0.25rem 0.5rem;}


.nav-item .autentifica {border: 1px solid #D90429; background: #fff; color: #000; font-size: 13px; margin-top: 5px; margin-right: 2px; padding: 6px 25px 6px 15px !important; transition-duration: 0.2s;border-top-left-radius: 18px; border-bottom-left-radius: 18px;}
.nav-item .autentifica:hover { text-decoration: none;background: #D90429; color: #fff;}
.nav-item .incepe {background: #D90429; border: 1px solid #D90429; color: #fff; font-size: 13px;  margin-top: 5px; padding: 6px 15px 6px 25px!important;border-top-right-radius: 18px; border-bottom-right-radius: 18px;}
.nav-item .incepe:hover { text-decoration: none; background: #BD0020; }

.sau {width: 26px; height: 26px; color: #777; font-size: 10px; line-height: 18px;border: 1px solid #D90429; background: #fff; position: absolute; left: 122px; top: -1px; 
  -ms-transform: rotate(45deg); /* IE 9 */
    -ms-transform-origin: 50% 50%; /* IE 9 */
    -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
    -webkit-transform-origin: 50% 50%; /* Chrome, Safari, Opera */
    transform: rotate(45deg);}
.sau>span { position: absolute; top: 4px; left: 4px; -ms-transform: rotate(-45deg); /* IE 9 */
    -ms-transform-origin: 50% 50%; /* IE 9 */
    -webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */
    -webkit-transform-origin: 50% 50%; /* Chrome, Safari, Opera */
    transform: rotate(-45deg);}


.wapp {position: absolute; top: 150px; right: 100px; z-index: 100;}
.wapp .icon {width: 60px; height: 60px; border-radius: 20px; background: #42EB61; color: #fff;}
.wapp .icon i { font-size: 40px; position: absolute; top: 10px; left: 13px;}
.wapp .inchide {width: 30px; height: 30px; border-radius: 15px; background: #D90429; color: #fff; position: absolute; top: -10px; right: -10px; z-index: 1200; text-align: center; line-height: 30px; cursor: pointer;}
.wapp .badge {width: 30px; height: 30px; border-radius: 15px; background: #D90429; color: #fff; position: absolute; top: -10px; right: -10px; z-index: 1190; text-align: center; line-height: 23px; cursor: pointer; font-size: 16px;}
.wapp .deschide {cursor: pointer;}
.wapp .chat {position: absolute; top: 0; right: 0; width: 300px; height: 500px; border-radius: 20px;background-image: url('../images/wp-bg.jpg'); background-size: cover; overflow: hidden; box-shadow: 0px 0px 12px 4px #333; border: 2px solid #00806A;}
.wapp .chat .header {position: relative; background: #00806A; color: #fff; height: 60px;}
.wapp .chat .header .img {position: absolute; top: 10px; left: 10px; width: 40px; height: 40px; border-radius: 50%; margin-right: 10px; background: #fff; padding: 6px 8px;}
.wapp .chat .header .ttl {position: absolute; top: 17px; left: 60px; color: #fff; font-size: 15px; font-weight: 600;}
.wapp .chat .footer {background: #00806A; color: #fff; height: 40px; text-align: center; line-height: 40px;}
.wapp .chat .footer a {color: #eee;}
.wapp .chat .footer a:hover {color: #fff;}
.wapp .chat .mess {width: 295px; margin: 0 0 0 15px; padding-top: 15px; height: calc(100% - 100px); overflow-y: scroll; scroll-behavior: smooth;
  scroll-margin-block: 100%;}
.wapp .chat .mess .zi {position: relative; padding-bottom: 15px; text-align: center; font-size: 14px; font-weight: 600;}
.wapp .chat .mess .zi span {background: #fff; padding: 0 10px; display: inline-block; border-radius: 8px;}
.wapp .chat .mess .mesaj {position: relative; background: #fff; padding: 10px 10px 20px 10px; border-radius: 7px; margin-bottom: 15px; margin-right: 15px; font-size: 14px;}
.wapp .chat .mess .mesaj span {position: absolute; bottom: 3px; right: 5px;color: #aaa; background: #fff;}
.wapp .chat .mess .mesaj a {color: #D90429;}
.form-group {position: relative; padding-top: 20px; }
label {margin-bottom: 0}
.form-group input {margin-bottom: 20px;}
.form-group label {position: absolute; top: 8px; left: 8px; padding: 0 5px;  background: #fff; border-radius: 5px; font-size: 12px; color: #999;}
.form-group-checkbox {padding-top: 10px; padding-bottom: 0; margin-bottom: 0px;}
.form-group-checkbox label {position: relative; width: calc(100% - 30px); top: 0; cursor: pointer; display: inline-block; font-size: 14px; color: #333;}

.form-group label.error {color: red; font-size: 12px; top: 62px; left: -5px; position: absolute;}
.form-group-checkbox label.error {color: red; font-size: 12px; top: 32px; left: 0px; position: absolute;}

i.fa-eye {cursor: pointer;}
i.fa-eye:hover {color: #D90429;}

#utilizator {color: #D90429; cursor: pointer; text-decoration: underline;}

#X {
	position: absolute; left: 115px; top: -5px;
	width: 35px; height: 35px;
}
#Xmain {
	position: absolute;
	z-index: 2;
	top: 0; 
	left: 19px;
	width: 9px;
	height: 35px;
	transform: skew(-33deg);
	background: #2b2d42;
}
#X0 {
	position: absolute;
	z-index: 2;
	top: 2px; 
	left: 8px;
	width: 1px;
	height: 32px;
	transform: skew(-33deg);
	background: #D90429;
}
#X1 {
	position: absolute;
	z-index: 2;
	top: 0; 
	left: 9px;
	width: 10px;
	height: 35px;
	transform: skew(-33deg);
	background: #fcfcfc;
}
#X2 {
	position: absolute;
	z-index: 2;
	top: 0; 
	left: 26px;
	width: 10px;
	height: 35px;
	transform: skew(-33deg);
	background: #fcfcfc;
}


h1, h2 {color: #D90429;}
h1.ttlcontor {font-size: 1.5rem; line-height: 2rem; padding-bottom: 0;}
h2 {font-size: 32px; margin-bottom: 20px;}
h2.box {padding: 10px 0; margin-bottom: 0; margin-top: 0; font-size: 28px;}
h4.blog-title {font-size: 1.3rem; margin-top: 20px;}
h3.blog-title {font-size: 1.3rem; margin-top: 20px;}
h3.tutorial-title {font-size: 1.3rem; margin-top: 20px; min-height: 100px;}
h4.qs {cursor: pointer; margin-top: 30px;}
h4.acton:after {	font-family: 'Font Awesome\ 5 Free';
    content: '\f106';
    margin: 10px 10px 0px 0px;
	font-size: 16px;
	position: absolute;
	right: 10px;
	}
h4.actoff:after {	font-family: 'Font Awesome\ 5 Free';
    content: '\f107';
    margin: 10px 10px 0px 0px;
	font-size: 16px;
	position: absolute;
	right: 10px;
	}
.as {border-bottom: 1px solid #ddd;}
.pgttl {padding: 50px 50px 0;}
.pgttl-dark {padding: 80px 50px 0;color: #fff;}
.pgsubttl {background: rgba(0,0,0,0.4); color: white; padding: 20px 30px 10px 30px; width: 75%; border-radius: 40px;backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); margin: 100px -15px 0 -15px;}
.btn {background: #D90429; color: #fff; border-radius: 20px; padding: 8px 24px; border-color: unset;}
.btn:hover {color: #fff; background: #BD0020;}

.btnwhite {background: #fff; color:#D90429; border-color: #D90429; border-radius: 20px; padding: 8px 24px;}
.btnwhite:hover {background: #fff; color: #BD0020; border-color: #BD0020;}

a.tag {background: #D90429; color: #fff; border-radius: 20px; padding: 6px 12px; font-size: 13px; margin-right: 15px; margin-bottom: 15px; display: inline-block; white-space: nowrap;}
a.tag:hover {color: #fff; background: #2b2d42;}
a.tag-activ { background: #2b2d42;}

.suport_txt {border-bottom: 1px solid #ccc; margin-bottom: 10px; padding-bottom: 10px;}
.suport_txt a {color: #D90429; text-decoration: none;;}
.suport_txt a:before {
	font-family: 'Font Awesome\ 5 Free';
    content: '\f0c6';
    margin: 0px 10px 0px 0px;
	font-size: 16px;font-weight: 900;
}

a.download {color: #2B2D42;}
a.download:before {
	font-family: 'Font Awesome\ 5 Free';
    content: '\f0c6';
    margin: 0px 10px 0px 0px;
	font-size: 16px;font-weight: 900;
}
a.download:hover {color: #D90429;}

.intro {background: #25252F; color: #CCCCCC; border-top: 1px solid #686871;}
.intro a {color: #fff;}

.vizual {background: url('../images/smarttax-vizual_v3.jpg') #2C2C36; background-size: cover; min-height: 400px; aspect-ratio: 160/65; padding-top: 120px;}

.vizual h2 {color: #fff; font-weight: 600; font-size: 3rem;}
.vizual h4 {color: #fff; font-weight: 400; font-size: 1.4rem; margin-top: 40px; line-height: 1.8rem;}
.vizual ul {color: #fff; font-size: 1.4rem;}
.vizual a {color: #fff; text-decoration: underline;}
.vizual-d395 {background-image: url('../images/declaratii-vizual-2.jpg'); background-position: center right; background-size: cover;}
.pgttl2 {padding:10px; border-radius: 10px; background: rgba(255, 255, 255, 0.65); box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1); backdrop-filter: blur(7.1px); -webkit-backdrop-filter: blur(7.1px);}

.vizual-efactura {background-image: url('../images/efactura-vizual.jpg'); background-position: center right; background-size: cover;}
.vizual-etransport {background-image: url('../images/etransport-vizual-2.jpg'); background-position: center right; background-size: cover;}
.vizual-etransportator {background-image: url('../images/vizual-e-transportator.jpg'); background-position: center right; background-size: cover;}
.vizual-cta {background-image: url('../images/smarttax-appointment.jpg'); background-position: center right; background-size: cover; min-height: 450px;}
.vizual-saft {background-image: url('../images/saft-declaratia-406-smartTAX-v1.jpg'); background-position: center right; background-size: cover;}
.vizual-dr-saft {background-image: url('../images/banner-website-dr-saf-t_v1.jpg'); background-position: center right; background-size: cover;}
.vizual-identitate {background-image: url('../images/id-web.jpg'); background-position: center right; background-size: cover;}
.vizual-gits {background-image: url('../images/gits-grup.jpg'); background-position: center right; background-size: cover; color: #fff;}

.cta-text-alb {background: rgba(255,255,255,0.9); padding: 20px; border-radius: 10px; color: #000;}
.cta-text {background: rgba(43,45,66,0.8); padding: 20px; border-radius: 10px; color: #fff;}
.cta-form {background: #fff; padding: 20px; border-radius: 10px;}
.contor {text-align: center; color: #CCCCCC; padding-bottom: 30px; position: relative;font-size: 16px;}
.contor span { font-weight: 600;}
.contor > .valori {font-size: 20px; text-align: center; font-weight: 400;}
.contor > .valori > span {font-size: 44px; font-weight: 700; color: #fff}
.contor > .valori2 > span {font-size: 44px; font-weight: 700; color: #D90429}

.card {border-radius: 20px; overflow: hidden; height: 100%; padding-bottom: 40px; background: #f9f9f9; transition-duration: 0.2s;border: none; position: relative;}
.card:hover {-webkit-box-shadow: 0px 2px 9px #ddd;
-moz-box-shadow: 0px 2px 9px #ddd;
box-shadow: 0px 2px 9px #ddd; background: #fff;}
.card .card-text {margin: 20px;}
/*.card .btn {position: absolute; bottom: 20px; right: 20px;}*/
.card .pachet {width: 100%; color: #ffffff; background: #2B2D42; font-size: 22px; font-weight: 600; text-align: center; padding: 20px 0;transition-duration: 0.2s;}
.card:hover .pachet { background: #D90429; }
.card .detalii {padding: 0 20px; margin-bottom: 40px;}
.card .detalii h3 { color: #2B2D42; font-size: 30px; font-weight: 700; text-align: center; padding: 20px 0;transition-duration: 0.2s; border-bottom: 1px solid #eee; margin-bottom: 20px;}
.card .detalii h3 > span {font-size: 20px;}
.card .detalii h3 > span > span {font-size: 16px;}
.card:hover .detalii h3 { color: #D90429; }
.card .detalii p, .card .detalii label, .card .detalii {font-size: 14px;}
.card .detalii ul, ul.lst4 {list-style-type: none; padding-left: 25px; font-size: 14px;}
.card .detalii ul li, ul.lst4 li{text-indent: 17px; padding-bottom: 8px; transition-duration: 0.2s; line-height: 17px;}
.card .detalii ul li:before, ul.lst4 li:before {
    font-family: 'Font Awesome\ 5 Free';
    content: '\f105';
    margin: 5px 10px -3px -35px;
	color: #2B2D42;font-weight: 900; /* Fix version 5.0.9 */}
.card:hover .detalii ul li:before {color: #D90429;}
.card:hover .detalii ul:first li:first-child {color: #D90429; font-weight: 600;}
.card .alege, .card a.btn {position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); background: #2B2D42; color: #fff; border-radius: 20px;   padding: 8px 24px;transition-duration: 0.2s; cursor: pointer; white-space: nowrap;}
.card .alege:hover, .card a.btn:hover { background: #D90429;}
.card .active {background: #D90429 !important; }

.sumar_comanda {border: 1px solid #666; background: #fafafa; padding: 30px; border-radius: 15px;}
.sumar_comanda h3 {font-weight: 600; font-size: 16px;}
.sumar_comanda ul {list-style-type: none; padding-left: 25px; font-size: 1rem;}
.sumar_comanda ul li{text-indent: 17px; padding-bottom: 8px; transition-duration: 0.2s; }
.sumar_comanda ul li:before {
    font-family: 'Font Awesome\ 5 Free';
    content: '\f105';
    margin: 5px 10px -3px -35px;
	color: #2B2D42;font-weight: 900;}
.sumar_comanda table {border: none;}
.sumar_comanda td {padding-right: 25px; vertical-align: top;}

#contract {width: 100%; height: 400px; overflow-y: auto; border: 1px solid #ccc; border-radius: 5px; padding: 15px; background: #fafafa;}

.etape, .etapeleft {cursor: pointer; color: #ffffff; margin: 0 10px; background: #2B2D42; transition-duration: 0.2s; padding: 6px 12px; border-radius: 16px;}
.etape i, .etapeleft i {font-size: 14px;}
.etape:hover, .etapeleft:hover {cursor: pointer; background: #D90429;}
.etapa {}
.roundedimg {border-radius: 20px;}
.img-box {aspect-ratio: 16/9; overflow: hidden; border-radius: 20px; position: relative;}
.img-box img {object-fit: cover; height: 100%;  transition-duration: 0.2s;}
a:hover .img-box img {transform: scale(1.1);} 
.img-box > i {position: absolute; top:70%; left: 50%; transform: translate(-50%, -50%); color: rgba(43,45,66,0.5); font-size: 60px; z-index: 1000;  transition-duration: 0.2s;}
a:hover .img-box > i {position: absolute; top:68%; left: 50%; transform: translate(-50%, -50%); color: rgba(43,45,66,0.3); font-size: 90px;}

.idbox {margin-bottom: 30px; padding: 30px;}
.idbox p {margin-top: 10px; padding-left: 50px; position: relative; line-height: 20px;}
.corect p:before{
    font-family: 'Font Awesome\ 5 Free';
    content: '\f00c';
    margin: 0px 17px 0px 0px;
	color: green;
	font-size: 26px;	
	position: absolute;
	top: 10px; 
	left: 0;font-weight: 900;
} 
.gresit p:before{
    font-family: 'Font Awesome\ 5 Free';
    content: '\f071';
    margin: 0px 17px 0px 0px;
	color: red;
	font-size: 26px;	
	position: absolute;
	top: 10px; 
	left: 0;font-weight: 900;} 
 
.card .square-img-box {aspect-ratio: 1/1; display: block; overflow: hidden; margin-top: -1px; border-radius: 0px;}
.square-img-box {aspect-ratio: 1/1; display: block; overflow: hidden; margin-top: -1px; border-radius: 20px;}
.square-img-box img {object-fit: fill; height: 100%;}
ul.alertlst {list-style-type: none; padding-left: 40px;}
ul.alertlst li{padding-bottom: 10px; line-height: 20px;}
ul.alertlst li:before {
    font-family: 'Font Awesome\ 5 Free';
    content: '\f071';
    margin: 5px 17px -3px -35px;
	color: #D90429;
	font-size: 16px;font-weight: 900;
	}
	
ul.alertlst1 {list-style-type: none; padding-left: 30px; position: relative;}
ul.alertlst1 li{padding-bottom: 10px; line-height: 20px;}
ul.alertlst1 li:before {
    font-family: 'Font Awesome\ 5 Free';
    content: '\f12a';
    position: absolute;
	top: 11px;
	left: 0px;
	color: #D90429;
	font-size: 36px;font-weight: 900;
	}

.actualizari p {margin-bottom: 5px;}
.actualizari ul {list-style-type: none; padding-left: 25px; font-size: 1rem;}
.actualizari ul li{text-indent: 11px;padding-bottom: 4px;  }
.actualizari ul li:before {
    font-family: 'Font Awesome\ 5 Free';
    content: '\f00c';
    margin: 5px 10px -3px -35px;
	color: #D90429;
	font-size: 16px;font-weight: 900;}
	
	
.actualizari ul ul { padding-left: 20px;list-style-type: disc;}	
.actualizari ul ul li:before {
    font-family: 'Font Awesome\ 5 Free';
    content: '';
	margin: 5px 1px -3px -11px;font-weight: 900;
/*    content: '\f22d';
    margin: 5px 7px -3px -27px;
	color: #333;
	font-size: 12px;*/}
	
	
ul.lst {list-style-type: none; padding-left: 25px; font-size: 1rem;}
ul.lst li{text-indent: 11px;padding-bottom: 8px;  }
ul.lst li:before {
    font-family: 'Font Awesome\ 5 Free';
    content: '\f00c';
    margin: 5px 10px -3px -35px;
	color: #D90429;
	font-size: 14px;
	font-weight: 900;}
ul.lst2 {list-style-type: none; padding-left: 28px;}
ul.lst2 li{text-indent: 9px;padding-bottom: 8px;  }
ul.lst2 li:before {
    font-family: 'Font Awesome\ 5 Free';
    content: '\f058';
    margin: 5px 10px -3px -35px;
	color: #D90429;font-weight: 900;}
	
ul.lst3 {list-style-type: none; padding-left: 28px;}
ul.lst3 li{text-indent: 9px;padding-bottom: 8px;  }
ul.lst3 li:before {
    font-family: 'Font Awesome\ 5 Free';
    content: '\f35a';
    margin: 5px 10px -3px -35px;
	color: #D90429;font-weight: 900;}

p.solutia {padding-left: 60px; position: relative;}
p.solutia:before { font-family: 'Font Awesome\ 5 Free';
    content: '\f0eb';
	color: #D90429;
	font-size: 50px;
	position: absolute;
	top: -5px;
	left: 0;
	font-weight: 900;
	}
.vizual-box {background: rgba(217,4,41,1); color: #fff; border-radius: 10px; text-align: center; padding: 30px; margin-bottom: 30px;}
#example td {vertical-align: middle;}

.blog-tags a {background:#2B2D42; font-size: 14px; color:#fff; border-radius: 14px; padding: 5px 14px; margin: 0 5px;}
.blog-tags a:hover {background:#D90429;}
.articol-blog a {text-decoration: underline;}

.drsaft-off {position: fixed; right: 0px; top: 300px; overflow: hidden; width: 60px; height: 60px; padding: 5px; background: #fff; border-top-left-radius: 30px; border-bottom-left-radius: 30px; transition-duration: 0.2s; cursor: pointer;}
.drsaft-off img {height: 50px; }
.drsaft-off p {display: none; transition-duration: 0.3s;}
.drsaft-on {position: fixed; right: 0px; top: 300px; overflow: hidden; width: 260px; height: 180px; padding: 10px; background: #fff; border-top-left-radius: 35px; border-bottom-left-radius: 35px;transition-duration: 0.2s; cursor: pointer;}
.drsaft-on img {height: 50px; }
.drsaft-on p {display: block; font-size: 14px; text-align: right; line-height: 18px; margin-top: 10px; margin-right: 20px;transition-duration: 0.3s;}
.drsaft-lopo-page {width: 400px;}

.pachet2 {background: #fafafa; border-radius: 20px; color: #666; height: 100%; transition-duration: 0.2s;}
.pachet2 > h4 {background: #2B2D42; text-align: center; color: #fff; border-top-left-radius: 20px;  border-top-right-radius: 20px; padding: 15px; transition-duration: 0.2s; margin: 0;}
.pachet2 >.detalii { padding: 20px;}

.pachet2:hover {background: #fff; color: #000;-webkit-box-shadow: 0px 2px 9px #ddd;
-moz-box-shadow: 0px 2px 9px #ddd;
box-shadow: 0px 2px 9px #ddd;}
.pachet2:hover > h4 {background: #D90429;}

#fileList ul{list-style-type: none;padding-left: 10px;}
#fileList .form-group-checkbox {padding-top: 0;}
#fileList .form-group .xmluri {margin-bottom: 0;}
#fileList .scrollbox {margin-top: 20px; max-height: 200px; overflow-y: scroll; border: 1px solid #ccc; padding: 10px;}

#footer {color: #ccc; padding-top: 100px; padding-bottom: 20px;background: #2B2D42; font-size: 14px;}
#footer img{width: 130px;}
#footer a {color: #ccc; text-decoration: none;}
#footer a:hover {color: #fff;}
#footer ul {list-style-type: none; padding: 0;}
#footer ul.socialmedia li {float: left; display: inline-block; margin-right: 20px;}
#footer h3 {font-size: 18px; text-transform: uppercase; border-bottom: 1px solid #45475A; padding-bottom: 10px;}
#footer i {font-size: 25px;}

#footer .footer_lst li {margin-bottom: 10px;}

#footer i.contact {width: 24px;}
#footer i.contact:before {font-size: 16px; margin: 0 auto;}
#footer p {margin-top: 18px;}

.anpc img {width: 250px !important; height: 62px !important;}
@media (max-width: 576px) {
	h2 {margin-top: 20px; font-size: 2em;}
	.pgttl p, .pgttl-dark p {text-align: center;}
}
@media (max-width: 767px) {
	#myCarousel .carousel-item .mask img {max-width:70%;}
	.caruselbox {padding: 20px;}
	.carousel-control-next, .carousel-control-prev {top: 20%;}



}
@media (max-width: 991px) {
	.pgttl, .pgttl-dark {padding:0px;}
.h1, h1 {
    font-size: 2.0rem;
}
	#myCarousel h4 {font-size: 1.25rem}
	#myCarousel .carousel-item {min-height: 550px}
	.vizual {aspect-ratio: auto;}
	.nav-item {padding: 3px 0;}
	.nav-item:last-of-type{margin-top: 10px;}
	.sau { left: 108px; top: 3px;}
	#X {
		position: absolute; left: 101px; top: -2px;
		width: 35px; height: 35px;
	}
	
	.navbar-nav .nav-link {font-weight: 500; white-space: nowrap; border-bottom: none; border-left: 4px solid #FCFCFC; padding: 3px 6px 3px 6px !important; font-size: 18px;}
	.navbar-nav .nav-link:hover, .navbar-nav .nav-item .active {border-bottom: none; border-left: 4px solid #D90429;}
	
	.drsaft-lopo-page {width: 200px;}
	.wapp {position: absolute; top: 150px; right: 20px; z-index: 100;}
	.wapp .chat .mess {width: 280px; margin: 0 0 0 15px; padding-top: 15px; height: calc(100% - 100px); overflow-y: scroll; scroll-behavior: smooth; scroll-margin-block: 100%;}
	
}
@media (max-width: 1200px) {
	.pgttl {padding:10px; border-radius: 10px; background: rgba(255, 255, 255, 0.65); box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1); backdrop-filter: blur(7.1px); -webkit-backdrop-filter: blur(7.1px);}
	.pgttl-dark {padding:10px; border-radius: 10px; background: rgba(0, 0, 0, 0.4); box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1); backdrop-filter: blur(7.1px); -webkit-backdrop-filter: blur(7.1px);}

	.pgsubttl {background: rgba(0,0,0,0.4); color: white; padding: 20px 30px 10px 30px; width: auto; display: block; border-radius: 10px;backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);  margin: 20px -15px;}
	.vizual {background: url('../images/smarttax-vizual_v3.jpg') #2C2C36; background-size: cover; min-height: 400px; aspect-ratio: auto; padding-top: 50px;}

}