@import url(https://fonts.googleapis.com/css?family=Montserrat:200,500,700,800|Gloria+Hallelujah);
@import url(../fonts/fontawesome/css/fontawesome.min.css);
@import url(../fonts/fontawesome/css/brands.min.css);
@import url(../fonts/fontawesome/css/solid.min.css);
@import url(../fonts/ionicons/css/ionicons.min.css);
@import url(animate.min.css);

@keyframes loader {
	0% {
		transform: scale(0);
		opacity: 1
	}

	to {
		transform: scale(1);
		opacity: .5
	}
}

@-ms-keyframes loader {
	0% {
		-ms-transform: scale(0);
		opacity: 1
	}

	to {
		-ms-transform: scale(1);
		opacity: .5
	}
}

@-webkit-keyframes loader {
	0% {
		-webkit-transform: scale(0);
		opacity: 1
	}

	to {
		-webkit-transform: scale(1);
		opacity: .5
	}
}

@-moz-keyframes loader {
	0% {
		-moz-transform: scale(0);
		opacity: 1
	}

	to {
		-moz-transform: scale(1);
		opacity: .5
	}
}

@keyframes kenburns {
	0% {
		transform: scale(1.2)
	}

	to {
		transform: scale(1)
	}
}

@keyframes scroll {
	1% {
		opacity: 1;
		top: 30%
	}

	20% {
		opacity: 1;
		top: 80%
	}

	60% {
		opacity: 0;
		top: 80%
	}

	to {
		opacity: 0;
		top: 30%
	}
}

:root {
	--oros-gray: #CECECD;
	--oros-light-gray: #f7f7f7;
	--oros-rgb-gray: 206, 206, 205;
	--oros-blue: #28367a;
	--oros-light-blue: #4fc2ef;
	--oros-rgb-light-blue: 79, 194, 239
}

body,
html {
	width: 100% !important;
	height: 100% !important
}

body {
	font: 500 15px/1.6 Montserrat, sans-serif;
	background-color: #fff;
	-webkit-font-smoothing: antialiased
}

h1,
h2,
h3,
h4,
h5 {
	margin: 0 0 25px;
	line-height: 1.3;
	font-weight: 700;
	letter-spacing: -1px
}

body,
h3,
h4,
h5 {
	letter-spacing: -.4px
}

.navbar-custom.top-nav-collapse a,
.oros-blue {
	color: var(--oros-blue)
}

.navbar-custom a:hover,
.oros-light-blue {
	color: var(--oros-light-blue)
}

p {
	margin: 0 0 35px
}

a {
	text-decoration: none;
	color: #000
}

a,
a img {
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease
}

img {
	-webkit-filter: blur(0);
	filter: blur(0);
	border-radius: 4px
}

a,
img,
input {
	outline: 0 !important
}

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

a img:hover {
	opacity: .75
}

.no-pad {
	padding: 0 !important;
	margin: 0 !important
}

.no-pad-top {
	padding-top: 0 !important
}

.overlay {
	background: rgba(7, 9, 21, .5);
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0
}

.section,
section {
	position: relative;
	z-index: 992;
	padding-top: 160px;
	padding-bottom: 160px;
	background-color: #fff;
	overflow: hidden
}

.oros-small {
	padding-top: 80px;
	padding-bottom: 80px;
	min-height: auto !important
}

.list-inline>li {
	padding-bottom: 10px;
	vertical-align: bottom
}

.btn {
	font-size: 12px !important;
	letter-spacing: .5px;
	outline: 0;
	text-transform: uppercase;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	text-shadow: none;
	text-decoration: none;
	padding: 7px 25px;
	border-radius: 40px;
	font-weight: 800
}

.btn:hover {
	box-shadow: none
}

.btn-lg {
	font-size: 13px !important;
	padding: 10px 32px
}

.btn-blue,
.btn-light-blue {
	color: #fff !important
}

.btn-light-blue {
	border: 2px solid var(--oros-light-blue);
	background-color: var(--oros-light-blue)
}

.btn-blue {
	border: 2px solid var(--oros-blue);
	background-color: var(--oros-blue)
}

a .icon {
	text-decoration: none;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}

.icon-big {
	font-size: 80px !important;
	display: block !important;
	line-height: 75px !important;
	padding: 15px
}

.intro-body .icon-big {
	padding: 20px
}

::selection {
	color: #fff;
	background: #000
}

ul {
	margin-bottom: 1.5em
}

.navbar-custom {
	font-family: Montserrat, sans-serif;
	margin-bottom: 0;
	border-bottom: transparent;
	text-transform: uppercase;
	color: rgba(0, 0, 0, .9);
	-webkit-transition: all .8s ease;
	-moz-transition: all .8s ease;
	transition: all .8s ease
}

.navbar-custom .navbar-brand {
	font-size: 32px;
	font-weight: 500;
	letter-spacing: -.01em;
	text-transform: none
}

.navbar-custom img {
	display: inline-block
}

.navbar-custom.top-nav-collapse {
	background-color: var(--oros-light-gray)
}

.navbar-custom.top-nav-collapse .navbar-brand {
	font-size: 22px
}

.navbar-fixed-top .container {
	width: auto
}

@media (min-width:1200px) {
	.top-nav-collapse .container {
		width: 1170px !important
	}
}

.navbar-custom .navbar-brand .logo {
	max-height: 15rem
}

.navbar-custom.top-nav-collapse .navbar-brand .logo {
	max-height: 24px
}

.navbar-custom .navbar-brand .logodark {
	display: none
}

.navbar-custom .navbar-brand .logo,
.navbar-custom.top-nav-collapse .navbar-brand .logodark {
	display: inline-block
}

.navbar-custom.top-nav-collapse .navbar-brand .logo {
	display: none
}

.navbar-custom.top-nav-collapse .navbar-brand .logodark {
	max-height: 70px
}

.navbar-custom .navbar-brand i {
	vertical-align: middle
}

.navbar-custom .navbar-brand .navbar-toggle:active,
.navbar-custom .navbar-brand .navbar-toggle:focus,
.navbar-custom .navbar-brand:focus {
	outline: 0
}

.navbar-custom .navbar-brand .navbar-toggle {
	padding: 4px 6px;
	font-size: 16px;
	color: #fff
}

.nav>li>a {
	padding: 21px 13px 15px
}

.navbar-custom a {
	color: #fff;
	font-size: 14px;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: .5px;
	font-weight: 700
}

.navbar-custom .nav li a {
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out
}

.navbar-custom .nav li a:active,
.navbar-custom .nav li a:focus,
.navbar-custom .nav li a:hover {
	outline: 0;
	background-color: transparent
}

.navbar-custom .nav li.active {
	outline: 0;
	background-color: transparent !important
}

.navbar-custom .nav li.active a,
.navbar-custom.top-nav-collapse li.active a {
	color: var(--oros-light-blue) !important
}

.navbar-custom .nav li.active a:hover {
	color: #789
}

.navbar-toggle {
	padding: 10px 0
}

.navbar-toggle .icon-bar {
	width: 30px;
	border-radius: 0;
	background: #fff
}

.top-nav-collapse .icon-bar {
	background: #333
}

.nav-url-wrap {
	margin: 20px 0
}

.menu-divider {
	width: 1px;
	border-right: 1px solid #b3b3b3;
	line-height: 18px;
	margin: 23px 15px 0
}

.nav .active {
	height: auto !important
}

@media (min-width:991px) {
	.navbar-custom {
		padding: 40px 30px;
		border-bottom: 0;
		background: 0 0
	}

	.navbar-custom.top-nav-collapse {
		padding: 0 30px;
		background-color: var(--oros-light-gray);
		height: 100px
	}

	@keyframes fadeInUniversal {
		0% {
			opacity: 0;
			transform: translate(0, -40px)
		}

		to {
			opacity: 1;
			transform: translate(0, 0)
		}
	}

	.navbar-left {
		float: right !important
	}
}

@media (max-width:990px) {
	p.empty {
		display: none
	}

	.nav a {
		border-bottom: 1px solid rgba(0, 0, 0, .05) !important;
		color: #000 !important
	}

	.nav a:focus {
		border-bottom: 1px solid rgba(0, 0, 0, .05) !important
	}

	.navbar-header,
	.navbar-nav>li {
		float: none
	}

	.navbar-left {
		float: none !important
	}

	.navbar-toggle {
		display: block
	}

	.navbar-collapse {
		background-color: #eee !important;
		border-top: 1px solid transparent;
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1)
	}

	.navbar-collapse.collapse {
		display: none !important
	}

	.navbar-nav {
		float: none !important;
		margin-top: 7px
	}

	.navbar-nav>li>a {
		padding-top: 14px;
		padding-bottom: 14px
	}

	.collapse.in {
		display: block !important
	}

	.navbar-collapse.in {
		overflow-y: auto !important
	}
}

@media (min-width:991px) {
	.navbar-custom.top-nav-collapse {
		padding: 0 !important
	}
}

#toggle:checked~nav {
	opacity: 1;
	visibility: visible
}

#toggle:checked~nav ul li {
	transform: translateY(0);
	opacity: 1;
	transition: all .3s cubic-bezier(.6, 0, .8, 1.5) .3s
}

.bg-gray {
	background-color: var(--oros-light-gray)
}

.bg-oros-gray {
	background-color: var(--oros-gray)
}

.bg-oros-blue {
	background-color: var(--oros-blue);
	color: #fff;
}

.oros-bg-dark-blue {
	background-color: rgba(12, 13, 15, .98);
	color: rgba(255, 255, 255, .9) !important;
	text-shadow: 0 1px 3px rgba(0, 0, 0, .2)
}

.oros-bg-dark-blue a {
	color: #fff
}

.oros-bg-dark-blue a:hover {
	color: rgba(255, 255, 255, .8)
}

.oros-footer-bg {
	background-color: #fff;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	color: #222 !important;
	text-shadow: none !important
}

.oros-footer-bg a {
	color: var(--oros-blue) !important
}

.oros-footer-bg a:hover {
	color: var(--oros-light-blue) !important
}

.intro,
.intro .intro-body {
	width: 100%;
	position: relative
}

.intro {
	display: table;
	text-align: center;
	text-shadow: 0 1px 3px rgba(0, 0, 0, .2);
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: center center;
	height: 100% !important;
	z-index: 0;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover
}

.intro,
.intro a {
	color: #fff
}

.intro a:hover {
	color: #ccc;
	text-decoration: none
}

.oros-intro-half-size {
	height: 50% !important
}

.intro .intro-body {
	display: table-cell;
	vertical-align: middle;
	padding: 150px 0 70px;
	z-index: 1
}

.oros-intro-half-size .intro-body {
	padding: 180px 0 110px
}

.intro h1 {
	font-size: 70px;
	line-height: 80px;
	letter-spacing: 0
}

@media (min-width:768px) {
	.intro {
		padding: 0
	}
}

.hero-home {
	background-image: url(../img/hero/hero.jpg)
}

.hero-about {
	background-image: url(../img/hero/about-hero.jpg)
}

.hero-services {
	background-image: url(../img/hero/services-hero.jpg)
}

.hero-contact {
	background-image: url(../img/hero/contact-hero.jpg)
}

.form-control {
	border: 1px solid #ddd;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-transition: border-color ease-in-out .3s, -webkit-box-shadow ease-in-out .3s;
	transition: border-color ease-in-out .3s, box-shadow ease-in-out .3s
}

.form-control:focus {
	border-color: #888;
	outline: 0;
	-webkit-box-shadow: none;
	box-shadow: none
}

.grid-pad img {
	margin-bottom: 25px
}

.grid-pad div[class*=col-] {
	margin-bottom: 40px
}

.row:not(:first-child) {
	padding-top: 40px
}

.row:not(:first-child) div[class*=col-] {
	margin-bottom: 0
}

#oros_contact a {
	text-decoration: none;
	color: var(--oros-blue);
	font-weight: 700
}

#oros_contact hr {
	margin-top: 40px;
	margin-bottom: 40px;
	border-top: 1px solid #ccc
}

#oros_contact .list-inline {
	padding-top: 10px
}

.oros-fade .OROS-hero-inner .item {
	opacity: 0;
	transition-property: opacity
}

.oros-fade .OROS-hero-inner .active {
	opacity: 1
}

.oros-fade .OROS-hero-inner .active.right {
	left: 0;
	opacity: 0;
	z-index: 1
}

#OROS-hero .OROS-hero-inner {
	position: absolute !important
}

@media all and (transform-3d),
(-webkit-transform-3d) {

	.oros-fade .OROS-hero-inner>.item.active,
	.oros-fade .OROS-hero-inner>.item.active.right {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		opacity: 1
	}

	.oros-fade .OROS-hero-inner>.item.active.right {
		opacity: 0
	}
}

.OROS-hero-inner,
.active,
.fill,
.item {
	height: 100%
}

.fill {
	display: table;
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: -1;
	background-position: center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover
}

.box-shadow {
	box-shadow: 0 5px 25px 0 rgba(0, 0, 0, .1);
	position: relative;
	z-index: 993;
	background: #fff;
	border-radius: 4px
}

.box-shadow [class*=col-] {
	padding: 35px 45px
}

.border {
	border-right: 1px solid var(--oros-gray);
	border-left: 1px solid var(--oros-gray)
}

.top-btn {
	position: fixed;
	bottom: 20px;
	right: 30px;
	display: none;
	z-index: 1000;
	padding: 13px;
	border-radius: 50%;
	color: var(--oros-blue) !important;
	background: rgba(var(--oros-rgb-gray, .1));
	line-height: 1
}

a:hover.top-btn {
	color: #fff !important;
	background: rgba(var(--oros-rgb-light-blue, .1))
}

.top-btn::after {
	display: inline-block;
	content: "";
	font-family: "Font Awesome 5 Free";
	cursor: pointer
}

@media (max-width:500px) {
	.top-btn {
		display: none !important
	}
}

.oros-feature .col-lg-6 {
	width: 49%
}

.offset {
	margin: -65px auto 30px
}

.oros-offset div[class*=col-] {
	padding: 0
}

.oros-offset-wrap {
	color: #000
}

.oros-offset-wrap,
.oros-offset-wrap-dark,
.oros-offset-wrap-right {
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, .08);
	background: #fff;
	position: absolute;
	top: auto;
	left: -195px;
	bottom: 20px;
	padding: 45px 55px;
	width: 60%;
	text-align: left;
	border-radius: 4px
}

.oros-offset-wrap-right {
	color: #000;
	right: -195px;
	left: auto
}

.oros-offset-wrap-dark {
	background: var(--oros-blue);
	color: #fff
}

.row.vertical-center {
	margin-right: -25px;
	margin-left: -25px
}

.vertical-center>[class*=col] {
	display: inline-block;
	float: none;
	vertical-align: middle;
	padding: 0 50px
}

.footer {
	line-height: 27px
}

.footer .footer-menu a {
	line-height: 30px;
	font-weight: 700
}

.footer a,
.footer a:hover {
	text-decoration: none
}

.footer a:hover {
	opacity: 1
}

.footer a.btn {
	color: #000 !important
}

@media (max-width:991px) {
	.footer {
		text-align: center
	}

	.wow {
		animation-name: none !important;
		visibility: visible !important
	}
}

@media (max-width:480px) {
	.intro h1 {
		font-size: 30px !important;
		line-height: 40px !important
	}
}

@media (max-width:768px) {
	body {
		letter-spacing: 0
	}

	.h1,
	.h2,
	h1,
	h2 {
		font-size: 24px
	}

	.h3,
	h3 {
		font-size: 20px
	}

	.h4,
	h4 {
		font-size: 16px
	}

	.intro h1 {
		font-size: 38px !important;
		line-height: 38px !important
	}

	.section,
	section {
		padding-top: 80px;
		padding-bottom: 80px
	}

	.oros-small {
		padding-top: 60px;
		padding-bottom: 60px
	}
}

@media (max-width:991px) {
	.action .btn {
		float: none;
		margin-top: 30px
	}

	.action,
	.action .btn,
	.intro .intro-body .row,
	section {
		text-align: center
	}

	.grid-pad div[class*=col-] {
		margin-bottom: 40px !important
	}

	.row.vertical-center {
		margin-right: 0;
		margin-left: 0;
		text-align: center
	}

	.intro .intro-body {
		padding: 150px 20px 70px;
		text-align: center
	}

	.btn {
		margin: 10px
	}

	.footer .footer-menu {
		padding-bottom: 20px
	}

	section {
		background-attachment: scroll !important;
		background-position: 50% 50% !important
	}

	.nav li a {
		-webkit-transition: all 0s ease-in-out !important;
		-moz-transition: all 0s ease-in-out !important;
		transition: all 0s ease-in-out !important
	}
}

@media (max-width:1199px) {

	#about,
	#oros_section {
		text-align: center
	}

	.oros-offset-wrap,
	.oros-offset-wrap-dark,
	.oros-offset-wrap-right {
		left: 0;
		width: 100%;
		position: inherit;
		text-align: center
	}

	.oros-feature {
		text-align: center;
		border-radius: 4px
	}

	.oros-feature [class*=col] {
		width: 100%
	}

	.footer div[class*=col-] {
		text-align: center;
		min-height: 30px
	}

	.vertical-center>[class*=col] {
		padding: 40px
	}
}

.contact-txt p {
	margin: 0
}

.contact-form-btn {
	padding-left: 0
}

.action-button {
	height: 45px;
	margin: auto
}

.action-button a:hover {
	background-color: var(--oros-light-blue);
	border: 2px solid var(--oros-light-blue)
}

.footer-logo img {
	width: 200px;
	height: 200px
}

.acq-strat {
    margin-top: -140px;
}