@font-face {
    font-family: 'Montserrat-Regular';
    src: url('../fonts/Montserrat-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
	font-display: swap;
}

@font-face {
    font-family: 'Montserrat-Bold';
    src: url('../fonts/Montserrat-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
	font-display: swap;
}

html, body {
    font-family: 'Montserrat-Regular', sans-serif;	
	color: #fff;
}

h1, h2, h3, h4 {
    font-family: 'Montserrat-Bold';	
	word-break: break-word;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}



@media (min-width:768px){ 
h1 {
	font-size: 5rem;
	margin-bottom: 7.5rem;
}

h2 {
	font-size: 4rem;
	margin-bottom: 2rem;
}
}

.bg-dark {
	background-color: #2b345d!important;
}

.section {
	padding: 90px 60px 60px 0;
}

#thirdPage.section {
	padding: 0px 0px 0px 0;
}

#fourthPage.section {
	padding: 90px 0px 0px 0;
}


#firstPage {
	background-image: url(../img/bg1.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}

#secondPage {
	background-image: url(../img/bg2.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}

#fourthPage {
	background-image: url(../img/bg3.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}

.navbar-brand img {
	height: 40px;
	width: auto;
}

.navbar-collapse {
	height: 100%;
text-align: center;
background-color: rgba(0,0,0,.8);
padding: 30px;
}

.form-control {
	background-color: transparent;
	color: #fff;
}

.form-control.is-invalid, .was-validated .form-control:invalid {
	border-color: #fff;
}

.form-check-input.is-invalid~.form-check-label, .was-validated .form-check-input:invalid~.form-check-label,
.invalid-feedback {
color: #fff;
}

#thirdPage .row:nth-of-type(odd) > .col-lg-6:nth-of-type(even) > .card-div {
background-color: #2b345d;
}

#thirdPage .row:nth-of-type(odd) > .col-lg-6:nth-of-type(odd) > .card-div  {
background-color: transparent;
}

#thirdPage .row:nth-of-type(even) > .col-lg-6:nth-of-type(even) > .card-div {
background-color: #2b345d;
}

#thirdPage .row:nth-of-type(even) > .col-lg-6:nth-of-type(odd) > .card-div  {
background-color: transparent;
}

@media (min-width: 992px) {
#thirdPage .row:nth-of-type(odd) > .col-lg-6:nth-of-type(even) > .card-div {
background-color: #2b345d;
}

#thirdPage .row:nth-of-type(odd) > .col-lg-6:nth-of-type(odd) > .card-div  {
background-color: transparent;
}

#thirdPage .row:nth-of-type(even) > .col-lg-6:nth-of-type(even) > .card-div {
background-color: transparent;
}

#thirdPage .row:nth-of-type(even) > .col-lg-6:nth-of-type(odd) > .card-div  {
background-color: #2b345d;
}
}

.card-div-inner {
	min-height: 545px;
	background-image: url(../img/circle.svg);
	background-repeat: no-repeat;
	background-size: 265px 265px;
	background-position: left 130px;
	padding-left: 100px;
}

.card-div > * {
	max-width: 430px;
}

#pp-nav.right {
right: 34px;
}

#pp-nav li, .pp-slidesNav li {
width: 20px;
height: 26px;
margin: 14px;
}

#pp-nav span, .pp-slidesNav span {
top: 4px;
left: 4px;
width: 16px;
height: 16px;
border: 2px solid #fff;
background: rgba(255,255,255,1);
}

#pp-nav li .active span, .pp-slidesNav .active span {
background: transparent;
}


#thirdPage .border-bottom {
	border-bottom: 5px solid white!important;
}

footer {
	background-image: url(../img/logo.svg);
	background-repeat: no-repeat;
	background-size: 150px auto;
	background-position: center 1.5rem;
	padding-top: 85px!important;
	padding-bottom:  85px!important;
}

	.navbar-brand {
		padding-left: 1.5rem;
	}
	
	.navbar-toggler  {
		padding-right: 1.5rem;
	}

@media (min-width:1024px) {
	.navbar-brand {
		padding-left: 4.375rem;
	}
	
	.navbar-toggler  {
		padding-right: 4.375rem;
	}
	
footer {
	background-image: url(../img/logo.svg);
	background-repeat: no-repeat;
	background-size: 150px auto;
	background-position: 4.375rem center;
}


}

.btn {
	min-width: 180px;
}

.text-secondary {
	color: #ed2024!important;
}

@media (min-width:1500px){ 
.container {
	max-width: 1440px;
}

#pp-nav.right {
right: 70px;
}
}

.nav-link {
padding: .5rem .25rem;
}

#fourthPage > div > div > div.col-lg-12.text-center.mb-4 > ul > li > span::after,
#fourthPage > div > div > div.col-lg-12.text-center.mb-4 > ul > li:not(:last-of-type) > a::after  {
    content:'|';
	padding-left: .25rem;
}

/*anim*/
#anim,#animb,#anim1,#anim2,#anim3,#animp,#animp2,#anim2b,#anim2c,#anim2d,#anim3b,#anim3c {
	opacity: 0;
	transition: all 1s;
}

.animated {
	opacity: 1!important;
	transition: all 1s;
}


.slide-top {
	
	opacity: 1!important;
	-webkit-animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

/* ----------------------------------------------
 * Generated by Animista on 2021-5-7 13:41:23
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation slide-top
 * ----------------------------------------
 */
@-webkit-keyframes slide-top {
  0% {
    -webkit-transform: translateY(-100px);
            transform: translateY(-100px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes slide-top {
  0% {
    -webkit-transform: translateY(-100px);
            transform: translateY(-100px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

.slide-left {
		opacity: 1!important;
	-webkit-animation: slide-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

.slide-right {
		opacity: 1!important;
	-webkit-animation: slide-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

/* ----------------------------------------------
 * Generated by Animista on 2021-5-7 13:46:0
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation slide-left
 * ----------------------------------------
 */
@-webkit-keyframes slide-left {
  0% {
    -webkit-transform: translateX(-100px);
            transform: translateX(-100px);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes slide-left {
  0% {
    -webkit-transform: translateX(-100px);
            transform: translateX(-100px);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

.navbar-dark .navbar-nav .nav-link {
font-size: 2rem;
}


/**
 * ----------------------------------------
 * animation slide-right
 * ----------------------------------------
 */
@-webkit-keyframes slide-right {
  0% {
    -webkit-transform: translateX(100px);
            transform: translateX(100px);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes slide-right {
  0% {
    -webkit-transform: translateX(100px);
            transform: translateX(100px);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

.navbar-dark .navbar-nav .nav-link {
font-size: 2rem;
}

.pp-scrollable {
	overflow-x: hidden;
}

.btn-primary {
    color: #fff;
    background-color: rgb(54, 62, 101);
    border-color:rgb(54, 62, 101);
}

.btn-primary:hover {
    color: #fff;
    background-color: rgb(54, 62, 101);
    border-color:#0062cc
}

.btn-primary.focus, .btn-primary:focus {
    color: #fff;
    background-color: #0069d9;
    border-color: #0062cc;
    box-shadow:0 0 0 .2rem rgba(38, 143, 255, .5)
}
.modal-header{
	border: 0px solid rgba(0,0,0,.2);
}
.modal-footer{
	border-top: 0px solid #dee2e6
}
.modaltxt {
	color: rgb(54, 62, 101);
}