@import url('https://fonts.googleapis.com/css?family=Rubik:300,400&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Prompt:500&subset=latin-ext');

* {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

html, body {
	font-family: 'Rubik', sans-serif;
	font-weight: 400 !important;
	overflow-x: hidden;
	background: #E3E3E3
}

.btn, .navbar-brand, h1, h2, h3, h4, h5 {
	font-family: 'Prompt', sans-serif;
}

.bold {
	font-family: 'Prompt', sans-serif;
	font-weight: 500;
}

.container-fluid {
	background: #E3E3E3;
}

p {
	font-size: 18px
}

.link {
	cursor: pointer
}

.display-4 {
	font-size: 3rem;
}

#banner-carousel .carousel-item p {
	font-size: 20px;
	text-shadow: 0px 1px 2px rgba(0, 0, 0, 1);
}

ul {
	list-style-type: none;
	padding: 0;
	font-weight: 400;
}

a, a:hover, a:focus {
	color: inherit;
	text-decoration: none;
}


.regular {
	font-weight: 400;
}

.thin {
	font-weight: 300;
}

.footer a {
	color: inherit !important;
}

.footer a:link {
	color: inherit !important;
	text-decoration: none;
}

.carousel-indicators {
	bottom: 80px;
}

.bg-truck {
	background: url("/public/img/bg-truck.jpg");
	background-size: cover;
	background-position: center center;
}

.bg-cola {
	background: url("/public/img/bg-cola.jpg");
	background-size: cover;
	background-position: center center;
}

.bg-energy {
	background: url("/public/img/bg-energy2.jpg");
	background-size: cover;
}

.invisible {
	opacity: 0;
}

.bg-primary-dark {
	background: #0073de;
}

.navbar {
	transition: all .25s ease-out;
}

.px-lg-10 {
	padding-left: 8rem !important;
	padding-right: 8rem !important;
}

.py-lg-8 {
	padding-top: 8rem !important;
	padding-bottom: 8rem !important;
}

.py-lg-10 {
	padding-top: 12rem !important;
	padding-bottom: 12rem !important;
}

.bg-effect-1 {
	background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
	background-size: 400% 400%;
	animation: gradientBG 25s ease-out infinite;
}

@keyframes gradientBG {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

.bg-white-transparent {
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	background: rgba(255, 255, 255, .9);
}

.bg-purple {
	background: #FF512F; /* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #DD2476, #FF512F); /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #DD2476, #FF512F); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}

.bg-blue {
	background: #005C97; /* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #363795, #005C97) !important;; /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #363795, #005C97) !important;; /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.bg-coca-cola {
	background: #F00000 !important;  /* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #DC281E, #F00000) !important;  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #DC281E, #F00000) !important; /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}

.bg-red {
	background: #e52d27; !important;/* fallback for old browsers */
	background: -webkit-linear-gradient(to bottom, #b31217, #e52d27) !important;; /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to bottom, #b31217, #e52d27) !important;; /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}

.bg-light-purple {
	background-image: linear-gradient(135deg, #667eea 0%, #764ba2 100%), url('http://svn.debianart.org/themes/moreblue2red/gdm/background.svg');
}

.bg-career {
	background: linear-gradient(90deg, #765fc3 50%, #ab63bd);
}

.bg-light-blue {
	background-image: linear-gradient(-225deg, #2b85be 0%, #1D8FE1 48%, #292e9c 100%);
}

.bg-light-red {
	background-image: linear-gradient(120deg, #f093fb 0%, #f5576c 100%);
}

.bg-premium {
	background-image: radial-gradient(circle farthest-corner at 10% 20%, #434343 0%, black 90%);
}

.bg-moon {
	background-image: linear-gradient(179.5deg, rgba(255, 230, 69, 1) 3.3%, rgba(255, 157, 73, 1) 96%);
}

.bg-green {
	background-image: linear-gradient(to top, #0ba360 0%, #3cba92 100%);
}

.bg-naga {
	background-image: linear-gradient(to top, #505285 0%, #585e92 12%, #65689f 25%, #7474b0 37%, #7e7ebb 50%, #8389c7 62%, #9795d4 75%, #a2a1dc 87%, #b5aee4 100%);
}

.bg-acid {
	background-image: linear-gradient(to top, #37ecba 0%, #72afd3 100%);
}

.bg-bliss {
	background-image: linear-gradient(to top, #09203f 0%, #537895 100%);
}

.bg-fire {
	background: #cb2d3e; /* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #ef473a, #cb2d3e); /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #ef473a, #cb2d3e); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}

.bg-pink {
	background: #DE6262; /* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #FFB88C, #DE6262); /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #FFB88C, #DE6262); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}

.career-gradient-header {
	background-color: #663dff;
	background-image: linear-gradient(319deg, #663dff 0%, #aa00ff 37%, #cc4499 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

#banner {
	transition: all .7s ease-in-out;
}

.section-separator {
	display: block;
	position: absolute;
	content: '';
	top: 0;
	left: -25%;
	z-index: 2;
	width: 100%;
	height: 20%;
	-webkit-transform: rotate(-8deg);
	transform: rotate(-8deg);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
}

.banner-image {
	max-height: 300px;
}

.btn-rounded {
	border-radius: 5px;
}

.btn-light:hover {
	background: #f8f9fa;
}

.btn-gold {
	background: #F7BC39;
	color: black;
}

.btn-gold:hover {
	background: #e2a839;
	color: black;
}

.nav-item {
	font-family: 'Prompt', sans-serif;
	margin-top: 2px;
	margin-left: 1.5rem;
	margin-right: 1.5rem;
}

.navbar-light .navbar-nav .nav-link {
	color: rgba(0, 0, 0, .75);
	text-shadow: 1px 1px 2px #bababa;
}

.navbar-white .navbar-dark .navbar-nav .nav-link {
	color: #ec0705;
}

.up-effect {
	transition: all .2s ease-out;
}

.up-effect:hover {
	transform: translateY(10px);
}

.drop-shadow {
	transition: .25s all;
	transform: scale(1.05);
	filter: drop-shadow(0 14px 28px rgba(0, 0, 0, 0.25));
}

.drop-shadow:hover {
	transform: scale(1);
	filter: none;
}

.shadow-1 {
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
	transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
}

.shadow-2 {
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
	transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
}

.shadow-2:hover {
	box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}

.shadow-3 {
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}

.shadow-4 {
	box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}

.shadow-5 {
	box-shadow: 0 19px 38px rgba(0, 0, 0, 0.30), 0 15px 12px rgba(0, 0, 0, 0.22);
}

.shadow-6 {
	box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}

.shadow-7 {
	box-shadow: none;
	transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
}

.shadow-7:hover {
	box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
	transform: scale(1.05);
}

.letter-space {
	letter-spacing: 0.05rem;
}

.merged-letter {
	letter-spacing: -5px;
}

.text-gold {
	color: #F7BC39;
}

.text-pink {
	color: #ff2873
}

.text-purple {
	color: #8a91e0
}

.carousel-control-prev {
	left: -6.2rem;
}

.carousel-control-next {
	right: -6.2rem;
}


.carousel-indicator {
	cursor: pointer
}

.carousel-indicators li {
	width: 10px;
	height: 10px;
	border-radius: 100%;
	border: 1px solid white;
	background: none;
}

.carousel-indicators .active {
	background: white;
}

.header-separator {
	height: 2px;
	width: 15%;
	background: #4e54c8;
	border: none !important;
}

.sub-header {
	color: #4e54c8;
	border-left: 2px solid #4e54c8;
	padding-left: 1rem;
	margin-bottom: 1rem;
}

.carousel-fade .carousel-item {
	opacity: 0;
	transition-duration: .6s;
	transition-property: opacity;
}

.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right {
	opacity: 1;
}

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
	opacity: 0;
}

.carousel-fade .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active,
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-prev {
	transform: translateX(0);
	transform: translate3d(0, 0, 0);
}

.about-us {
	background: white;
	margin-top: -70px;
	border-radius: 5px;
	z-index: 2;
}

.size-12 {
	font-size: 12px;
}

.size-14 {
	font-size: 14px;
}

.size-16 {
	font-size: 16px;
}

.size-18 {
	font-size: 18px;
}

.size-22 {
	font-size: 22px;
}

.size-24 {
	font-size: 24px;
}

.size-32 {
	font-size: 32px !important;
}

.size-36 {
	font-size: 36px !important;
}

.size-48 {
	font-size: 48px !important;
}

.size-56 {
	font-size: 56px !important;
}

.news-card {
	border-radius: 3px;
}

.py-20 {
	padding-top: 8rem;
	padding-bottom: 8rem;
}

.curved-top {
	-webkit-clip-path: polygon(0 8%, 100% 0%, 100% 92%, 0% 100%);
	clip-path: polygon(0 8%, 100% 0%, 100% 92%, 0% 100%);
}

.wrp {
	text-align: center;
	height: 100%;
	width: 100%;
}

.wrp::before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}

.icon {
	display: inline-block;
	font-size: 48px;
	line-height: 90px;
	height: 90px;
	width: 90px;
	margin-right: 12px;
	color: #4099ff;
	border-radius: 100%;
	position: relative;
	transition: all .5s ease-out;
}

.icon::before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	border-radius: 100%;
	background: rgba(0, 0, 0, 0);
	z-index: -1;
}

.icon::after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	vertical-align: middle;
	width: 100%;
	height: 100%;
	transform: scale(0);
	background: #4099ff;
	border-radius: 100%;
	z-index: -1;
}

.icon:hover {
	color: white !important;
	animation-name: bubble2;
	animation-duration: 0.5s;
	animation-delay: 0.1s;
	animation-fill-mode: forwards;
}

.icon:hover::after {
	animation-name: bubble;
	animation-duration: 0.5s;
	animation-fill-mode: forwards;
}

.icon-twitter {
	color: #4099ff;
}

.icon-twitter::after {
	background: #4099ff;
}

.icon-facebook {
	color: #3b5998;
}

.icon-linkedin {
	color: #2F89BF;
}

.icon-facebook::after {
	background: #3b5998;
}

.icon-instagram {
	color: #000;
}

.icon-instagram::after {
	background: #000;
}

.icon-gplus {
	color: #dc4e41;
}

.icon-gplus::after {
	background: #dc4e41;
}

@-moz-keyframes bubble {
	100% {
		transform: scale(1);
	}
}

@-webkit-keyframes bubble {
	100% {
		transform: scale(1);
	}
}

@-o-keyframes bubble {
	100% {
		transform: scale(1);
	}
}

@keyframes bubble {
	100% {
		transform: scale(1);
	}
}

@-moz-keyframes bubble2 {
	100% {
		color: #fff !important;
	}
}

@-webkit-keyframes bubble2 {
	100% {
		color: #fff !important;
	}
}

@-o-keyframes bubble2 {
	100% {
		color: #fff !important;
	}
}

@keyframes bubble2 {
	100% {
		color: #fff !important;
	}
}

.about-us-pic {
	max-height: 140px;
}

.about-us-point {
	max-height: 80px;
}

.team-card {
	margin-top: .5rem;
	border: none;
	border-radius: 4px;
}

.team-card-photo {
	border-radius: 5px;
	margin-top: -30px;
	max-height: 270px;
}

.team-name {
	margin-top: -20px;
	margin-left: 15px;
	text-shadow: 0px 1px 5px rgba(0, 0, 0, 1);
}

.zindex {
	z-index: 2;
}

.blog-post p::first-letter {
	font-size: 2rem;
	font-family: 'Playfair Display', serif;
}

.blog-post-list {
	max-height: 1000px;
	overflow: auto;
}


.blog-post-list::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
	background-color: #fff;
}

.blog-post-list::-webkit-scrollbar {
	width: 3px;
	background-color: #F5F5F5;
}

.blog-post-list::-webkit-scrollbar-thumb {
	background-color: rgba(0, 0, 0, 0.5);
}

.blog-post-list .list-group-item {
	border: none;
	background-color: inherit !important;
	transition: all .2s ease-out;
	cursor: pointer;
	border-radius: 0;
	font-weight: 400;
	padding: 1rem;
	color: #aaa;
	box-shadow: inset 3px 0 0 #aaa;
}

.blog-post-list .active {
	box-shadow: inset 3px 0 0 black;
	color: black !important;
}

.blog-post-list .list-group-item:hover {
	box-shadow: inset 3px 0 0;
	color: #333
}

.blog-post-iconbar {
	position: absolute;
	top: 0;
	right: 1.2rem;
}

.sans {
	font-family: 'Playfair Display', serif;
}

.radius-4 {
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.narrow-line {
	width: 8%;
	height: 1px;
	border-radius: 3px;
}

.subscribe-input.form-control {
	border: none;
	border-bottom: 2px solid #cecece;
	border-radius: 0;
	font-family: 'Prompt', sans-serif;
	background: none;
}

.form-control:active, .form-control:focus {
	outline: none;
	box-shadow: none;
	background: none;
}

.form-control:focus {
	border-color: #6C757D;
	outline: none;
	box-shadow: none;
	background: inherit;
}

.rounded-input {
	background: #EBEEF1;
	border: none;
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;
	padding: 1rem;
	height: 50px;
}

.rounded-textarea {
	background: #EBEEF1;
	border: none;
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;
	padding: 1rem;
}

.rounded-input:focus, .rounded-textarea:focus {
	background: #EBEEF1;
}

.rounded-addon {
	background: #EBEEF1;
	border: none;
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
	font-size: 25px;
	padding: 0 1rem;
}

.rounded-addon-textarea {
	background: #EBEEF1;
	border: none;
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
	font-size: 25px;
	padding: 0 1rem;
}

.subscribe-input::placeholder {
	color: #b4b4b4 !important;
	font-size: 12px;
	font-family: 'Prompt', sans-serif;
	opacity: 1; /* Firefox */
	letter-spacing: 0.07rem;
}

.subscribe-input:-ms-input-placeholder {
	color: #dadada;
}

.subscribe-input:-ms-input-placeholder {
	color: #dadada;
}

.bold-border {
	border: 2px solid
}

#drag_drop {
	border: 2px dashed #cecece;
}

#drag_drop p {
	padding-top: 10px;
	width: 100%;
	height: 100%;
	text-align: center;
	color: #333;
}

#drag_drop input {
	position: absolute;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	outline: none;
	opacity: 0;
}

#drag_drop button {
	margin: 0;
	color: #fff;
	background: #16a085;
	border: none;
	width: 508px;
	height: 35px;
	margin-top: -20px;
	margin-left: -4px;
	border-radius: 4px;
	border-bottom: 4px solid #117A60;
	transition: all .2s ease;
	outline: none;
}

#drag_drop button:hover {
	background: #149174;
	color: #0C5645;
}

#drag_drop button:active {
	border: 0;
}

.map-container {
	overflow: hidden;
	padding-bottom: 35%;
	position: relative;
	height: 0;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.map-container iframe {
	left: 0;
	top: 0;
	width: 100%;
	position: absolute;
}

.image-white {
	filter: brightness(0) invert(1);
}

.job-listing .list-group-item {
	margin-bottom: 1rem;
	font-weight: 400;
	border: none;
	border-radius: .25rem;
}

.card-photo {
	max-height: 80px;
}

.card-photo-lg {
	max-height: 250px;
}

label {
	font-size: 14px;
	margin-bottom: .2rem
}


.form-alert {
	font-size: 13px;
	font-weight: 400;
	color: #dc3545;
}

.disabled {
	pointer-events: none;
}

.input-group.has-error {
	box-shadow: 0 0 0 2px #dc3545;
	border-radius: .25rem
}

.input-group.has-error i {
	color: #dc3545;
}

.btn {
	box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px;
}

.red-label {
	background: rgba(0,0,0,.05);
	border-radius: .4rem;
	padding: .5rem 2rem;
}

[v-cloak] {
	display:none
}

.card-badge {
	position: absolute;
	top: -1.7rem;
	background: white;
	border-radius: 4px;
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
	padding: .2rem 1rem;
	color: #ea0a07;
}

.card-side-badge {
	position: absolute;
	padding: 2.27rem 2.8rem;
	font-size: 3rem;
	top: 0;
	left: -4.5rem;
	background: white;
	color: #ee0504;
}

@media (max-width: 992px) {
	.navbar-container .navbar-collapse {
		background: rgba(255, 255, 255, .98);
		border-radius: .5rem;
		padding: 2rem 1rem;
	}

	.navbar-container #contact-button {
		color: #007bff;
		border-color: #007bff
	}

	.navbar-dark .navbar-nav .nav-link {
		color: black
	}

	.navbar-dark .navbar-nav .active > .nav-link {
		color: #e52d27;
		text-shadow: 1px 1px 2px #bababa;
	}

	.about-us {
		background: white;
		margin-top: -20px;
		border-radius: 5px;
		z-index: 2;
	}
}