@font-face {
	font-family: 'steps';
	src: url('../fonts/steps.eot?x9ckyj');
	src: url('../fonts/steps.eot?x9ckyj#iefix') format('embedded-opentype'), url('../fonts/steps.ttf?x9ckyj') format('truetype'), url('../fonts/steps.woff?x9ckyj') format('woff'), url('../fonts/steps.svg?x9ckyj#steps') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: block;
}

[class^="step-"], [class*=" step-"] {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: 'steps' !important;
	speak-as: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.step-info-circle:before {
	content: "\e907";
}

.step-tax:before {
	content: "\e908";
	color: #006fb8;
}

.step-procesare .path1:before {
	content: "\e909";
	color: rgb(0, 111, 184);
}

.step-procesare .path2:before {
	content: "\e90a";
	margin-left: -1em;
	color: rgb(0, 111, 184);
}

.step-procesare .path3:before {
	content: "\e90b";
	margin-left: -1em;
	color: rgb(0, 111, 184);
}

.step-procesare .path4:before {
	content: "\e90c";
	margin-left: -1em;
	color: rgb(0, 111, 184);
}

.step-procesare .path5:before {
	content: "\e90d";
	margin-left: -1em;
	color: rgb(0, 111, 184);
}

.step-procesare .path6:before {
	content: "\e90e";
	margin-left: -1em;
	color: rgb(0, 111, 184);
}

.step-procesare .path7:before {
	content: "\e90f";
	margin-left: -1em;
	color: rgb(0, 111, 184);
}

.step-procesare .path8:before {
	content: "\e910";
	margin-left: -1em;
	color: rgb(0, 111, 184);
}

.step-procesare .path9:before {
	content: "\e911";
	margin-left: -1em;
	color: rgb(0, 111, 184);
}

.step-procesare .path10:before {
	content: "\e912";
	margin-left: -1em;
	color: rgb(0, 111, 184);
}

.step-procesare .path11:before {
	content: "\e913";
	margin-left: -1em;
	color: rgb(255, 255, 255);
}

.step-road:before {
	content: "\e914";
	color: #006fb8;
}

.step-ong:before {
	content: "\e900";
	color: #006fb8;
}

.step-pf:before {
	content: "\e901";
	color: #006fb8;
}

.step-pfa:before {
	content: "\e902";
	color: #006fb8;
}

.step-upload:before {
	content: "\e903";
	color: #006fb8;
}

.step-pen:before {
	content: "\e904";
	color: #006fb8;
}

.step-envelope:before {
	content: "\e905";
	color: #006fb8;
}

.step-srl:before {
	content: "\e906";
	color: #006fb8;
}


@font-face {
	font-family: 'Now Alt';
	src: url('../fonts/NowAlt-Regular.eot');
	src: url('../fonts/NowAlt-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/NowAlt-Regular.woff2') format('woff2'), url('../fonts/NowAlt-Regular.woff') format('woff'), url('../fonts/NowAlt-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Poppins';
	src: url('../fonts/Poppins-Regular.eot');
	src: url('../fonts/Poppins-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Poppins-Regular.woff2') format('woff2'), url('../fonts/Poppins-Regular.woff') format('woff'), url('../fonts/Poppins-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
body{
	position:relative;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Now Alt', serif;
	font-display: swap;
}

p, li {
	font-family: 'Poppins', sans-serif;
	font-display: swap;
	color: #676767
}
li, ul{
	padding-top:5px;
}
::selection {
	color: #fff;
	background: #0159b4;
}

::-moz-selection { /* Code for Firefox */
	color: #fff;
	background: #0159b4;
}

.btn-obtine {
	border-radius: 5px;
	background: linear-gradient(135deg,rgba(0,110,184,1) 0%, rgba(2,88,180,1) 100%);
	padding: 10px 20px;
	border: 0px;
	color: #fff;
}

.btn-obtine:hover {
	background: linear-gradient(135deg, rgba(47,47,48,1) 0%, rgba(85,85,85,1) 35%, rgba(48,48,48,1) 100%);
}

/* steps */
.steps {
	position: relative;
	margin-bottom: 20px;
	padding: 30px 20px;
	transition: 0.6s;
	background-color: #fff;
	text-align: left;
	box-shadow: 0px 0px 20px #dbdbdb;
}
.steps:before {
	position: absolute;
	top: 0;
	left: 0;
	content: "";
	transition: 0.6s;
	width: 0;
	height: 0;
	background-color: #006fb8;
}

.steps:after {
	position: absolute;
	bottom: 0;
	right: 0;
	content: "";
	transition: 0.6s;
	width: 0;
	height: 0;
	background-color: #006fb8;
}

.steps:hover:after,
.steps:hover:after,
.steps:hover:before {
	width: 30%;
	height: 2px;
}
@media only screen and (min-width: 992px) {
	.steps-box {
		max-width: 420px;
	}
}
@media only screen and (min-width: 1920px) {
.steps-box{
	max-width:507px;
	}
}
@media only screen and (min-width: 992px) {
	.step-two{
	margin:20px 20px 20px 50px;
	box-shadow: 0px 0px 20px #dbdbdb;	
	}
}

@media only screen and (min-width: 1920px) {
	.obtine-steps {
		padding-left: 0px;
	}
}
@media only screen and (min-width: 992px) {
	.steps {
		padding-right: 20px;
	}
}
@media only screen and (max-width: 991px) {
	.steps, step-two {
		margin: 10px 10px;
	}
}
.steps i {
	font-size: 2rem;
	text-align: center;
	width: 80px;
	height: 80px;
	margin: 30px 10px;
	border-radius: 50%;
	text-align: center;
	transition-duration: 0.6s;
	color: #006fb8;
	padding: 10px;
	background: #fff;
}

.steps:hover i {
	background: linear-gradient(180deg, rgba(199,240,255,1) 0%, rgba(255,255,255,1) 100%);
	border-color: #006fb8;
}


@media only screen and (max-width: 767px) {
	.steps i {
		display: none;
	}
}
.obtine-steps {
	background-image: url("../images/bouncy-bg-flip.png");
	background-repeat: no-repeat;
	background-position: top right;
	background-size:contain;
}
.steps-arrow {
	background-image: url("../images/arrow.png");
	background-repeat: no-repeat;
	background-position: left 0% bottom 60%;
}


/* documente-necesare */

.doc{
	margin:20px 0px;
	box-shadow: 0px 0px 20px #dbdbdb;
	background-color:#fff;
	color:#676767;
	padding:20px;
}
.doc:hover{
	color:#fff;
	background-color: #006fb8;
	cursor: pointer;
  -webkit-transition: background-color 1s ease-out;
  -moz-transition: background-color 1s ease-out;
  -o-transition: background-color 1s ease-out;
	transition: background-color 1s ease-out;
}
@media only screen and (min-width: 600px){
	.doc{
	margin:20px 20px 20px 20px;
	box-shadow: 0px 0px 20px #dbdbdb;
	background-color:#fff;
	}
}
/* doc-eori */
.single-document {
	position: relative;
	margin-bottom: 30px;
	padding: 30px 20px;
	transition: 0.6s;
	background-color: #fff;
	text-align: left;
	box-shadow: 0px 0px 20px #dbdbdb;
}
.single-document:before{
	position:absolute;
	top:0;
	left:0;
	content:"";
	transition:0.6s;
	width:0;
	height:0;
	background-color:#006fb8;

}
.single-document:after {
	position: absolute;
	bottom: 0;
	right: 0;
	content: "";
	transition: 0.6s;
	width: 0;
	height: 0;
	background-color: #006fb8;
}
.single-document:hover:after, 
.single-document:hover:before{
	width:30%;
	height:2px;
}
.single-document i{
	font-size:3rem;
	width:100px;
	height:100px;
	margin:10px;
	border-radius:50%;
	text-align:center;
	transition-duration:0.6s;
	color:#006fb8;

}
.single-document:hover i{
	background-color:#006fb8;
	background: linear-gradient(180deg, rgba(199,240,255,1) 0%, rgba(255,255,255,1) 100%);

}
.document-list h3{
	padding-left: 15px;
}
@media only screen and (max-width: 767px) {
	.single-document i {
		display:none;
	}
}

@media only screen and (min-width: 767px) {
	.single-document {
		min-height: 170px;
	}
}
@media only screen and (min-width: 992px) {
	.single-document {
		min-height: 290px;
	}
}
@media only screen and (min-width: 1280px) {
	.single-document {
		min-height: 290px;
	}
}
@media only screen and (min-width: 1440px) {
	.single-document {
		min-height: 235px;
	}
}


/* about-eori-1 */

@media only screen and (min-width: 991px) {
	.about-text {
		padding-top: 60px;
	}
}

.wrapper {
	animation-duration: 6s;
	animation-iteration-count: infinite;
	transform-origin: bottom;
	animation-name: bounce;
	animation-timing-function: ease;
	z-index: -1;
	position: relative;
	margin-top: -350px;
	margin-right: -100px;
}
.dots {
	z-index: -1;
	animation-duration: 6s;
	animation-iteration-count: infinite;
	transform-origin: bottom;
	align-self: flex-end;
	animation-name: bounce;
	animation-timing-function: ease;
	position:relative;
	margin-top:400px;
	margin-left:-450px;
}

@media only screen and (max-width: 767px) {
	.dots {
		display:none;
	}
}
@media only screen and (max-width: 1024px) {
	.dots {
		display: none;
	}
}@media only screen and (max-width: 767px) {
	.ce-este-bounce {
		display: none;
	}
}

@keyframes bounce {
	0% {
		transform: translateY(0);
	}

	50% {
		transform: translateY(-30px);
	}

	100% {
		transform: translateY(0);
	}

}
/* about-eori-2 */

/* Payment */
.payment {
	position: relative;
	padding: 20px 20px;
	transition: 0.6s;
	background-color: #fff;
	text-align: left;
	box-shadow: 0px 0px 20px #dbdbdb;
}
.payment:before{
	position:absolute;
	top:0;
	left:0;
	content:"";
	transition:0.6s;
	width:0;
	height:0;
	background-color:#006fb8;

}
.payment:after {
	position: absolute;
	bottom: 0;
	right: 0;
	content: "";
	transition: 0.6s;
	width: 0;
	height: 0;
	background-color: #006fb8;
}
.payment:hover:after, 
.payment:hover:before{
	width:30%;
	height:2px;
}
.payment i{
	font-size:3rem;
	text-align:center;
	transition-duration:0.6s;
	color:#006fb8;

}
.card{
	position:relative;
	z-index:-1;
	margin-top:-410px;
	margin-left:50px;
}
@media only screen and (max-width: 600px) {
	.card {
		max-width: 230px;
		margin-top: -350px;
	}
	.phone-payment{
		max-width:300px;
	}
}
@media only screen and (max-width: 991px) {
	.payment-text {
		padding-top: 100px;
	}
}
.card {
	animation-duration: 3s;
	transform-origin: bottom;
	align-self: flex-end;
	animation-name: slide;
	animation-timing-function: ease;
	position: relative;
}
@keyframes slide {
	0% {
		transform: translateY(0);
	}

	50% {
		transform: rotate(25deg);
	}

	100% {
		transform: rotate(25deg);
	}
}
.card {
	transform:rotate(25deg);
}
@media only screen and (max-width: 767px) {
	.bouncy {
		max-width:300px;
	}
}

/*navbar*/
a.nav-link.active{
	color: #0159b4;
}
a.nav-link {
	color: #000;
}
ul.dropdown-menu.show {
	border: 0px;
	box-shadow: 0px 0px 5px #dbdbdb;
}
.navbar {
	background-color: #fff;
	position: sticky;
	box-shadow: 0px 0px 20px #dbdbdb;
}
.nav-item {
	position: relative;
	transition: 0.6s;
	background-color: #fff;
	margin-right:20px;
}
.nav-item:before {
	position: absolute;
	bottom: 0;
	left: 0;
	content: "";
	transition: 0.6s;
	width: 0;
	height: 0;
	background-color: #006fb8;
}
.nav-item:after {
	position: absolute;
	bottom: 0;
	left: 0;
	content: "";
	transition: 0.6s;
	width: 0;
	height: 0;
	background-color: #006fb8;
}
.nav-item:hover:after,
.nav-item:hover:before {
	width: 100%;
	height: 1px;
}
.navbar-toggler-icon{
	background-color:#006fb8;
}
#lines {
	border-bottom: 17px double white;
	border-top: 6px solid #006fb8;
	content: "";
	height: 5px;
	width: 30px;
}


/* form */
@media only screen and (max-width: 992px) {
	.form-img {
		padding-left:15px;
	}
}
.form-control:focus {
	border-color: #0159b4 !important;
	box-shadow: none !important;
} 

.form-bg {
	box-shadow: 0px 0px 5px #ccc;
	border-radius: 5px;
}
button#pills-home-tab {
	color: #0159b4;
	background-color: #fff;
	border: 1px solid #0159b4;
}
button#pills-home-tab.active{
	color: #fff;
	background-color: #0159b4;
}
button#pills-profile-tab {
	color: #0159b4;
	background-color: #fff;
	border: 1px solid #0159b4;
}
button#pills-profile-tab.active{
	color: #fff;
	background-color: #0159b4;
}
.btn {
	border-radius: 5px;
    background: linear-gradient(135deg,rgba(0,110,184,1) 0%, rgba(2,88,180,1) 100%);
	padding: 10px 20px;
	border: 0px;
	color: #fff !important;
	box-shadow: 0px 0px 10px #dbdbdb;
}

.btn-active{
	box-shadow: 0px 0px 5px #0159b4;
}
/*footer*/
.footer-box {
	background-color: #fff;
	z-index: 3;
	position: relative;
	border-radius: 8px;
	border: 1px solid rgba(2,88,180,0.2);
}
.footer-txt {
	position: relative;
	z-index: 0;
	margin-top: -95px;
}