@import url("https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css");
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');

@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@media (prefers-reduced-motion:reduce),(print){.animated{-webkit-animation-duration:1ms!important;animation-duration:1ms!important;-webkit-transition-duration:1ms!important;transition-duration:1ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important}}

body{
	font-family: 'Roboto Condensed', sans-serif;
	font-size:17px;
	font-style: italic;
}
a:hover {
    text-decoration: blink;
}
.btn-primary{
	background:#323488;
	border-color:#323488;
	color:#fff !important;
}
.btn {
    padding-bottom: 8px;
}
.btn-lg {
    padding-bottom: 12px;
}
a, .text-primary{
	color:#323488 !important;
}
.br15{border-radius:15px}
.br30{border-radius:30px}
.br50{border-radius:50px}
.grad1 {
    background: rgba(0,0,0,0.5);
}
.carousel-caption h1.small {
    font-size: 22px;
    font-weight: 900 !important;
}

.phone-pulse {
	display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 100px;
    height: 100px;
    border-radius: 10%;
    padding: 10px;
    border: none;
    background: rgba(255, 255, 255, 0);
    position: fixed;
    bottom: 20px;
    right: 20px;
    cursor: pointer;
    outline: none;
    z-index: 1000;
}
.phone-pulse img {
	width:46px;
  	animation-name: shake;
  	animation-delay: .3s;
  	animation-duration: 1.0s;
  	animation-iteration-count: infinite;
	background: #323488;
    border-radius: 50px;
	padding: 10px;
}
.pulse-ring-1 {
    width: 70px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    animation-name: pulse-3;
    animation-delay: .3s;
    animation-duration: 2.0s;
    /*animation-timing-function: linear;*/
    animation-iteration-count: infinite;
}
.pulse-ring-2 {
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    animation-name: pulse-2;
    animation-delay: .1s;
    animation-duration: 2.0s;
    /*animation-timing-function: linear;*/
    animation-iteration-count: infinite;
}
.pulse-ring-3 {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    animation-name: pulse-1;
    animation-duration: 2.0s;
    /*animation-timing-function: linear;*/
    animation-iteration-count: infinite;
}
@keyframes shake {
  0% {
  	    transform: rotate(0deg);
  }
  25% {
    transform: rotate(-15deg);
  }
  50% {
    transform: rotate(15deg);
  }
    75% {
    transform: rotate(0deg);
  }
    100% {
    transform: rotate(0deg);
  }
}
@keyframes pulse-1 {
    0% {
        -webkit-box-shadow: 0 0 20px rgb(50 52 136 / 50%);
        box-shadow: 0 0 20px rgb(50 52 136 / 50%);
        background: rgb(50 52 136 / 5%);
    }
    100% {
        -webkit-box-shadow: 0 0 0 30px rgb(0 0 0 / 0%);
        box-shadow: 0 0 0 30px rgba(0, 0, 0, 0);
        background: rgb(50 52 136 / 0%);
    }
}
@keyframes pulse-2 {
    0% {
        -webkit-box-shadow: 0 0 20px rgb(50 52 136 / 50%);
        box-shadow: 0 0 20px rgb(50 52 136 / 50%);
        background: rgb(50 52 136 / 5%);
    }

    100% {
        -webkit-box-shadow: 0 0 0 30px rgba(0, 0, 0, 0);
        box-shadow: 0 0 0 30px rgba(0, 0, 0, 0);
        background: rgb(50 52 136 / 0%);
    }
}

@keyframes pulse-3 {
    0% {
        -webkit-box-shadow: 0 0 20px rgb(50 52 136 / 50%);
        box-shadow: 0 0 20px rgb(50 52 136 / 50%);
        background: rgb(50 52 136 / 5%);
    }

    100% {
        -webkit-box-shadow: 0 0 0 30px rgba(0, 0, 0, 0);
        box-shadow: 0 0 0 30px rgba(0, 0, 0, 0);
        background: rgb(50 52 136 / 0%);
    }
}

.social{
	animation: beat .3s infinite alternate;
}

@keyframes beat{
	to { transform: scale(1.2); }
}

@media (min-width: 768px){
	.display-1 {font-size: 6rem}
	.display-4 {font-size: 3.5rem}
}
@media (max-width: 768px){
	.display-1 {font-size: 3rem}
	.display-4 {font-size: 2.2rem}
}