.bg-grey { background: #f7f7f7; }
.bg-secondary { background: #02b8a6 !important; }
.bg-dark { background: #1d1d1d !important; }
.bg-green { background: #6feabb; }
.bg-green-dark { background: #02b9a7; }

h1, h2, h3, h4, h5, h6 { font-family: 'Saira', sans-serif; }
p, ul li, dl dt, dl dd { font-family: 'Saira', sans-serif; }

h3 { font-size: 1.3rem; }

.text-primary { color: #fa3c08 !important; }
.text-dark { color: #000 !important; }
.text-green { color: #46b80d; }
.text-blue { color: #2d365f; }
.text-grey { color: #666; }
.text-red { color: #f82f23; }
.text-shadow { text-shadow: 1px 1px 8px #000; }
.text-shadow-w { text-shadow: 1px 1px 2px #001e22; }

.nav-link { font-family: 'Saira', sans-serif; }
.nav-link.text-primary:hover { color: #ff7401 !important; }

.btn { font-family: 'Saira', sans-serif; }
.btn-primary { background-image: linear-gradient(to right, #f82f23, #ff7401); border: 1px solid #fff; border-radius: 1rem; padding: 0.5rem 2rem; }
.btn-primary:hover { border-color: #fff; background-image: linear-gradient(to right, #f82f23, #f82f23); }

.badge-danger { background: #f82f23; }

.rounded-circle { border-radius: .75rem !important; }

/* HEADER */
.navbar-nav .nav-link { font-size: 1.15rem; color: #000 !important; border-bottom: 3px solid #fff; padding: 2rem 1rem !important; }
.navbar-nav .nav-link:hover, .navbar-nav .nav-link[aria-expanded="true"] { color: #fa3c08 !important; border-color: #fa3c08; }

.dropdown-item { background: #fa3c08 !important; }
.dropdown-item:hover { background: #ff7401 !important; }

/* CAROUSEL */
.carousel-caption { width: 400px; bottom: 28%; }
.carousel-caption h2 { font-size: 2.5rem; }

#carouselVenicePages .carousel-caption { width: 600px; bottom: 30%; left: 10%; }

/* CONTENT */
.banner { margin-top: -90px; }
.img-hover-zoom { overflow: hidden; }
.img-hover-zoom img { transition: transform .5s ease; }
.img-hover-zoom:hover img { transform: scale(1.2); }
.card-img-overlay { top: auto; }

/* FORM */
.form-control { font-family: 'Saira', sans-serif; border-radius: 1rem; }

/* ANIMATION QUEM SOMOS */
.bg-quem-somos { background: url('../img/bg-quem-somos-2.png') right top no-repeat #0095a7; animation: mymove 300s infinite; }

@keyframes mymove { 50% { background-position: right bottom; } }

.particle { position: absolute; border-radius: 50%; background: #fff; }

@keyframes particle-animation-1 { 100% { transform: translate3d(90vw, 18vh, 41px); } }

.particle:nth-child(1) {
	animation: particle-animation-1 60s infinite;
	opacity: 1;
	height: 16px;
	width: 16px;
	animation-delay: -0.2s;
	transform: translate3d(87vw, 34vh, 42px);
}

@keyframes particle-animation-2 { 100% { transform: translate3d(57vw, 11vh, 30px); } }

.particle:nth-child(2) {
	animation: particle-animation-2 60s infinite;
	opacity: 0.62;
	height: 17px;
	width: 17px;
	animation-delay: -0.4s;
	transform: translate3d(29vw, 52vh, 90px);
}

@keyframes particle-animation-3 { 100% { transform: translate3d(40vw, 34vh, 77px); } }

.particle:nth-child(3) {
	animation: particle-animation-3 60s infinite;
	opacity: 0.8;
	height: 16px;
	width: 16px;
	animation-delay: -0.6s;
	transform: translate3d(16vw, 58vh, 12px);
}

@keyframes particle-animation-4 { 100% { transform: translate3d(23vw, 49vh, 83px); } }

.particle:nth-child(4) {
	animation: particle-animation-4 60s infinite;
	opacity: 0.44;
	height: 19px;
	width: 19px;
	animation-delay: -0.8s;
	transform: translate3d(55vw, 5vh, 63px);
}

@keyframes particle-animation-5 { 100% { transform: translate3d(52vw, 24vh, 47px); } }

.particle:nth-child(5) {
	animation: particle-animation-5 60s infinite;
	opacity: 0.06;
	height: 17px;
	width: 17px;
	animation-delay: -1s;
	transform: translate3d(32vw, 64vh, 7px);
}

@keyframes particle-animation-6 { 100% { transform: translate3d(56vw, 83vh, 78px); } }

.particle:nth-child(6) {
	animation: particle-animation-6 60s infinite;
	opacity: 0.57;
	height: 16px;
	width: 16px;
	animation-delay: -1.2s;
	transform: translate3d(25vw, 21vh, 82px);
}

@keyframes particle-animation-7 { 100% { transform: translate3d(81vw, 66vh, 95px); } }

.particle:nth-child(7) {
	animation: particle-animation-7 60s infinite;
	opacity: 0.27;
	height: 16px;
	width: 16px;
	animation-delay: -1.4s;
	transform: translate3d(9vw, 16vh, 20px);
}

@keyframes particle-animation-8 { 100% { transform: translate3d(85vw, 64vh, 88px); } }

.particle:nth-child(8) {
	animation: particle-animation-8 60s infinite;
	opacity: 0.59;
	height: 18px;
	width: 18px;
	animation-delay: -1.6s;
	transform: translate3d(7vw, 83vh, 38px);
}

@keyframes particle-animation-9 { 100% { transform: translate3d(80vw, 82vh, 16px); } }

.particle:nth-child(9) {
	animation: particle-animation-9 60s infinite;
	opacity: 0.83;
	height: 16px;
	width: 16px;
	animation-delay: -1.8s;
	transform: translate3d(65vw, 52vh, 64px);
}

@keyframes particle-animation-10 { 100% { transform: translate3d(32vw, 72vh, 89px); } }

.particle:nth-child(10) {
	animation: particle-animation-10 60s infinite;
	opacity: 0.45;
	height: 19px;
	width: 19px;
	animation-delay: -2s;
	transform: translate3d(64vw, 45vh, 100px);
}

@keyframes particle-animation-11 { 100% { transform: translate3d(9vw, 73vh, 34px); } }

.particle:nth-child(11) {
	animation: particle-animation-11 60s infinite;
	opacity: 0.14;
	height: 8px;
	width: 8px;
	animation-delay: -2.2s;
	transform: translate3d(66vw, 39vh, 37px);
}

@keyframes particle-animation-12 { 100% { transform: translate3d(37vw, 15vh, 55px); } }

.particle:nth-child(12) {
	animation: particle-animation-12 60s infinite;
	opacity: 0.98;
	height: 9px;
	width: 9px;
	animation-delay: -2.4s;
	transform: translate3d(21vw, 62vh, 89px);
}

@keyframes particle-animation-13 { 100% { transform: translate3d(60vw, 59vh, 17px); } }

.particle:nth-child(13) {
	animation: particle-animation-13 60s infinite;
	opacity: 0.18;
	height: 7px;
	width: 7px;
	animation-delay: -2.6s;
	transform: translate3d(86vw, 89vh, 12px);
}

@keyframes particle-animation-14 { 100% { transform: translate3d(40vw, 3vh, 74px); } }

.particle:nth-child(14) {
	animation: particle-animation-14 60s infinite;
	opacity: 0.03;
	height: 10px;
	width: 10px;
	animation-delay: -2.8s;
	transform: translate3d(64vw, 76vh, 1px);
}

@keyframes particle-animation-15 { 100% { transform: translate3d(45vw, 58vh, 69px); } }

.particle:nth-child(15) {
	animation: particle-animation-15 60s infinite;
	opacity: 0.22;
	height: 9px;
	width: 9px;
	animation-delay: -3s;
	transform: translate3d(23vw, 43vh, 36px);
}

@keyframes particle-animation-16 { 100% { transform: translate3d(41vw, 33vh, 28px); } }

.particle:nth-child(16) {
	animation: particle-animation-16 60s infinite;
	opacity: 0.36;
	height: 9px;
	width: 9px;
	animation-delay: -3.2s;
	transform: translate3d(85vw, 89vh, 57px);
}

@keyframes particle-animation-17 { 100% { transform: translate3d(4vw, 88vh, 58px); } }

.particle:nth-child(17) {
	animation: particle-animation-17 60s infinite;
	opacity: 0.22;
	height: 9px;
	width: 9px;
	animation-delay: -3.4s;
	transform: translate3d(19vw, 42vh, 95px);
}

@keyframes particle-animation-18 { 100% { transform: translate3d(56vw, 30vh, 25px); } }

.particle:nth-child(18) {
	animation: particle-animation-18 60s infinite;
	opacity: 0.67;
	height: 9px;
	width: 9px;
	animation-delay: -3.6s;
	transform: translate3d(80vw, 48vh, 6px);
}

@keyframes particle-animation-19 { 100% { transform: translate3d(23vw, 87vh, 11px); } }

.particle:nth-child(19) {
	animation: particle-animation-19 60s infinite;
	opacity: 0.1;
	height: 8px;
	width: 8px;
	animation-delay: -3.8s;
	transform: translate3d(58vw, 88vh, 92px);
}

@keyframes particle-animation-20 { 100% { transform: translate3d(71vw, 50vh, 47px); } }

.particle:nth-child(20) {
	animation: particle-animation-20 60s infinite;
	opacity: 0.29;
	height: 6px;
	width: 6px;
	animation-delay: -4s;
	transform: translate3d(68vw, 5vh, 48px);
}