@font-face {
	font-family: "Metropolis Semi";
	src: url(../fonts/Metropolis-SemiBold.woff2) format("woff2"), url(../fonts/Metropolis-SemiBold.woff) format("woff");
	font-weight: 600;
	font-style: normal
}

@font-face {
	font-family: Metropolis;
	src: url(../fonts/Metropolis-Light.woff2) format("woff2"), url(../fonts/Metropolis-Light.woff) format("woff");
	font-weight: 300;
	font-style: normal
}

@font-face {
	font-family: Metropolis;
	src: url(../fonts/Metropolis-Medium.woff2) format("woff2"), url(../fonts/Metropolis-Medium.woff) format("woff");
	font-weight: 500;
	font-style: normal
}

@font-face {
	font-family: Metropolis;
	src: url(../fonts/Metropolis-Regular.woff2) format("woff2"), url(../fonts/Metropolis-Regular.woff) format("woff");
	font-weight: 400;
	font-style: normal
}

.section-bg-home {
	background-image: url(../images/about-us-bg.webp)
}

.section-bg-home.section-bg-home-light {
	background-image: url(../images/11.webp);
	background-repeat: repeat-x;
	background-size: 150% auto;
	background-position: -86% 44%;
	background-color: #fff;
	padding: 0;
	position: absolute;
	top: 0;
	bottom: 0;
	width: 100vw;
	height: auto
}

.section-bg-home.aboutus-bg {
	background-image: url(../images/kirangems-5_2.JPG)
}

.section-bg-home.product-bg {
	background-image: url(../images/products-bg.jpg)
}

.section-bg-home.sales-bg {
	background-image: url(../images/products-bg1.jpg)
}

.section-bg-home.achievement-bg {
	background-image: url(../images/accreditation.jpg)
}

.section-bg-home.contacts-bg {
	background-image: url(../images/contact-bg.jpg)
}

.about-bg {
	background-image: url(../images/contact-offiice.jpg)
}

.about-bg.direct {
	background-image: url(../images/product/5.webp)
}

.services-bg-1 {
	background-image: url(../images/contact.webp)
}

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

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

.services-bg-4 {
	background-image: url(../images/KiranGems-1.webp)
}

.who-we-1 {
	background-image: url(../images/horse_comp.png)
}

.who-we-2 {
	background-image: url(../images/horse.png)
}

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

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

.works-page-img-carousel-item-1 {
	background-image: url(../img/works/works-page-img-carousel-item-1.jpg)
}

.works-page-img-carousel-item-2 {
	background-image: url(../img/works/works-page-img-carousel-item-2.jpg)
}

.works-page-img-carousel-item-3 {
	background-image: url(../img/works/works-page-img-carousel-item-3.jpg)
}

.works-page-img-carousel-item-4 {
	background-image: url(../img/works/works-page-img-carousel-item-4.jpg)
}

.works-page-img-carousel-item-5 {
	background-image: url(../img/works/works-page-img-carousel-item-5.jpg)
}

.works-page-img-carousel-item-6 {
	background-image: url(../img/works/works-page-img-carousel-item-6.jpg)
}

.works-page-img-carousel-item-7 {
	background-image: url(../img/works/works-page-img-carousel-item-7.jpg)
}

.works-page-img-carousel-item-8 {
	background-image: url(../img/works/works-page-img-carousel-item-8.jpg)
}

.works-page-img-carousel-item-9 {
	background-image: url(../img/works/works-page-img-carousel-item-9.jpg)
}

.works-page-img-carousel-item-10 {
	background-image: url(../img/works/works-page-img-carousel-item-10.jpg)
}

.works-page-img-carousel-item-11 {
	background-image: url(../img/works/works-page-img-carousel-item-11.jpg)
}

.works-page-img-carousel-item-12 {
	background-image: url(../img/works/works-page-img-carousel-item-12.jpg)
}

.news-page-img-carousel-item-1 {
	background-image: url(../images/chairman-small.webp)
}

.news-page-img-carousel-item-2 {
	background-image: url(../images/mdirector.webp)
}

.news-page-img-carousel-item-3 {
	background-image: url(../images/dlHeader.webp)
}

.news-page-img-carousel-item-4 {
	background-image: url(../images/dlHeader.webp)
}

.panel-left.panel-left-bg-1 {
	background-image: url(../images/chairman-small.webp)
}

.panel-left.panel-left-bg-2 {
	background-image: url(../images/mdirector.webp)
}

.panel-left.panel-left-bg-3 {
	background-image: url(../images/dlHeader.webp)
}

.panel-left.panel-left-bg-4 {
	background-image: url(../images/dlHeader.webp)
}

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

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

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

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

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

.bg-img-1-2 {
	background-image: url(../img/background/hero-bg-1-2.jpg)
}

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

.bg-img-3-2 {
	background-image: url(../img/background/hero-bg-3-2.jpg)
}

.bg-img-4-2 {
	background-image: url(../img/background/hero-bg-4-2.jpg)
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	box-sizing: border-box
}

body,
html {
	height: 100%;
	line-height: 170%
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block
}

ol,
ul {
	list-style: none
}

blockquote,
q {
	quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
	content: "";
	content: none
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

:focus {
	outline: 0
}

a:active,
a:focus,
button::-moz-focus-inner,
input[type=button]::-moz-focus-inner,
input[type=reset]::-moz-focus-inner,
input[type=submit]::-moz-focus-inner {
	border: 0;
	outline: 0
}

html {
	-ms-overflow-style: scrollbar
}

body {
	font-family: Metropolis, sans-serif;
	font-weight: 400;
	font-size: 15px;
	line-height: 1.3;
	font-style: normal;
	color: #000;
	background: #fff;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	width: 100%;
	height: 100%;
	overflow-x: hidden;
	overflow-y: auto;
	margin: 0;
	padding: 0
}

a {
	color: #fff;
	text-decoration: none;
	outline: 0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-transition: all .5s linear;
	-moz-transition: all .5s linear;
	-ms-transition: all .5s linear;
	-o-transition: all .5s linear;
	transition: all .5s linear
}

a:active,
a:focus,
a:hover,
a:visited {
	color: #fff;
	text-decoration: underline;
	outline: 0;
	-webkit-transition: all .5s linear;
	-moz-transition: all .5s linear;
	-ms-transition: all .5s linear;
	-o-transition: all .5s linear;
	transition: all .5s linear
}

p {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	line-height: 1.5
}

p a,
p a:hover {
	color: #fff;
	text-decoration: underline;
	outline: 0;
	-webkit-transition: all .5s linear;
	-moz-transition: all .5s linear;
	-ms-transition: all .5s linear;
	-o-transition: all .5s linear;
	transition: all .5s linear
}

strong {
	font-weight: 700
}

::-moz-selection {
	background: #5f5f5f;
	color: #fff
}

::selection {
	background: #5f5f5f;
	color: #fff
}

.nopadding {
	padding: 0 !important;
	margin: 0 !important
}

.sections {
	position: relative;
	z-index: 5
}

.nopadding {
	padding: 0 !important;
	margin: 0 !important
}

.section {
	overflow: hidden
}

.section-bg-home {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-repeat: no-repeat;
	background-position: center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover
}

.bg-blue {
	background: #13b6c8 linear-gradient(45deg, #006292, #13b6c8)
}

.bg-blue-light {
	background: #3988c7 linear-gradient(45deg, #2b6da2, #3988c7)
}

.bg-theme-blue {
	background: #136caf linear-gradient(45deg, #035290, #136caf)
}

.bg-blue-grey {
	background: #035290 linear-gradient(90deg, #035290, #95979a)
}

.bg-light-blue {
	background: #70bbf5 linear-gradient(45deg, #5187b1, #70bbf5)
}

.bg-grey-theme {
	background: #bdbebf linear-gradient(45deg, #95979a, #bdbebf)
}

.bg-cyan {
	background: #26c6da linear-gradient(45deg, #006064, #26c6da)
}

.bg-pink {
	background: #e83364 linear-gradient(45deg, #73144b, #e83364)
}

.bg-green {
	background: #8bc34a linear-gradient(45deg, #558b2f, #8bc34a)
}

.bg-brown {
	background: #8d6e63 linear-gradient(45deg, #4e342e, #8d6e63)
}

.bg-dark-brown {
	background: #757575 linear-gradient(45deg, #424242, #757575)
}

.bg-teal {
	background: #4db6ac linear-gradient(45deg, #00695c, #4db6ac)
}

.bg-deep-pink {
	background: #9575cd linear-gradient(45deg, #4527a0, #9575cd)
}

.bg-red {
	background: #e57373 linear-gradient(45deg, #b71c1c, #e57373)
}

.bg-orange {
	background: #db8608 linear-gradient(45deg, #e65100, #db8608)
}

.bg-purple {
	background: #ba68c8 linear-gradient(45deg, #4a148c, #ba68c8)
}

.bg-cyan {
	background: #757575 linear-gradient(45deg, #4a5e73, #6f8297)
}

.text-underline {
	text-decoration: underline
}

.hero-fullscreen {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	overflow: hidden;
	z-index: 0
}

.hero-bg {
	position: relative;
	width: 100%;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover
}

.hero-fullscreen-FIX {
	width: 100%;
	height: 100%
}

.logo {
	position: fixed;
	display: inline-block;
	top: 50px;
	left: 50px;
	line-height: 0;
	opacity: 1;
	-moz-opacity: 1;
	-webkit-opacity: 1;
	-webkit-transition: all .3s cubic-bezier(.77, 0, .175, 1);
	-moz-transition: all .3s cubic-bezier(.77, 0, .175, 1);
	-ms-transition: all .3s cubic-bezier(.77, 0, .175, 1);
	-o-transition: all .3s cubic-bezier(.77, 0, .175, 1);
	transition: all .3s cubic-bezier(.77, 0, .175, 1);
	cursor: pointer;
	z-index: 200
}

@media only screen and (max-width:880px) {
	.logo {
		position: absolute
	}
}

@media only screen and (max-width:768px) {
	.logo {
		top: 15px;
		left: 25px
	}
}

.logo-img:before {
	content: "";
	background: url(../images/KIRAN-LOGO.webp) no-repeat;
	background-size: contain;
	display: block;
	width: 100px;
	height: 60px;
	line-height: 34px;
	-webkit-transition: color .3s cubic-bezier(.77, 0, .175, 1);
	-moz-transition: color .3s cubic-bezier(.77, 0, .175, 1);
	-ms-transition: color .3s cubic-bezier(.77, 0, .175, 1);
	-o-transition: color .3s cubic-bezier(.77, 0, .175, 1);
	transition: color .3s cubic-bezier(.77, 0, .175, 1)
}

.logo-img-dark:before {
	content: "";
	background: url(../images/KIRAN-LOGO-W.webp) no-repeat;
	background-size: contain;
	display: block;
	width: 100px;
	height: 60px;
	line-height: 34px;
	-webkit-transition: color .3s cubic-bezier(.77, 0, .175, 1);
	-moz-transition: color .3s cubic-bezier(.77, 0, .175, 1);
	-ms-transition: color .3s cubic-bezier(.77, 0, .175, 1);
	-o-transition: color .3s cubic-bezier(.77, 0, .175, 1);
	transition: color .3s cubic-bezier(.77, 0, .175, 1)
}

.logo-light .logo-img:before {
	background: url(../images/KIRAN-LOGO-W.webp) no-repeat;
	background-size: contain;
	display: block;
	width: 140px;
	height: 60px;
	line-height: 34px
}

.logo-dark .logo-img-dark:before {
	background: url(../images/KIRAN-LOGO.png) no-repeat;
	background-size: contain;
	display: block;
	width: 100px;
	height: 60px;
	line-height: 34px
}

.navigation-icon-wrapper {
	position: fixed;
	width: 45px;
	height: 45px;
	padding: 3px 5px 5px;
	top: 42px;
	right: 50px;
	cursor: pointer;
	z-index: 999;
	background: #0074c6;
	padding: 2px 5px 5px;
	border-radius: 100px;
	overflow: hidden
}

@media only screen and (max-width:768px) {
	.navigation-icon-wrapper {
		top: 17px;
		right: 25px
	}
}

.navigation-icon {
	padding: 6px 0
}

.navigation-icon .line {
	display: block;
	width: 26px;
	height: 2px;
	margin: 6px auto;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	background-color: #fff
}

#navigation-icon.active .line:nth-child(1) {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	background-color: #fff;
	position: absolute;
	top: 15px;
	left: 10px
}

#navigation-icon.navigation-icon-dark.active .line:nth-child(1) {
	background-color: #fff
}

#navigation-icon.active .line:nth-child(3) {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	background-color: #fff;
	position: absolute;
	top: 15px;
	left: 10px
}

.navigation-icon-wrapper.open {
	z-index: 10000
}

.navigation-icon-wrapper.open .navigation-icon .line {
	background-color: #0073c6
}

#navigation-icon.navigation-icon-dark.active .line:nth-child(3) {
	background-color: #fff
}

.navigation-icon .line.line-dark {
	background: #fff
}

@media only screen and (max-width:768px) {
	.navigation-icon .line.line-dark {
		background: #111
	}
}

.navigation-icon .line.line-light {
	background: #111
}

@media only screen and (max-width:768px) {
	.navigation-icon .line.line-light {
		background: #111
	}
}

nav.navigation-menu {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: #000;
	text-align: center;
	visibility: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	opacity: 0;
	-moz-opacity: 0;
	-webkit-opacity: 0;
	-webkit-transform: scale(.75);
	-moz-transform: scale(.75);
	-ms-transform: scale(.75);
	-o-transform: scale(.75);
	transform: scale(.75);
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
	z-index: 1001
}

nav.navigation-menu.navigation-menu-light {
	background: #fff
}

nav.navigation-menu.show {
	width: 100%;
	height: 100%;
	left: 0;
	overflow: auto;
	top: 0;
	background: #000;
	visibility: visible;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	opacity: 1;
	-moz-opacity: 1;
	-webkit-opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease
}

nav.navigation-menu.navigation-menu-light.show {
	background: #fff
}

nav.navigation-menu a {
	text-decoration: none;
	-webkit-transition: all .5s linear;
	-moz-transition: all .5s linear;
	-ms-transition: all .5s linear;
	-o-transition: all .5s linear;
	transition: all .5s linear
}

nav.navigation-menu a svg {
	width: 15px;
	height: 15px;
	vertical-align: text-top;
	margin-right: 10px;
	float: right
}

nav.navigation-menu a:hover {
	-webkit-transition: all .5s linear;
	-moz-transition: all .5s linear;
	-ms-transition: all .5s linear;
	-o-transition: all .5s linear;
	transition: all .5s linear
}

nav.navigation-menu a:active,
nav.navigation-menu a:link,
nav.navigation-menu a:visited {
	color: #fff
}

nav.navigation-menu.navigation-menu-light a:active,
nav.navigation-menu.navigation-menu-light a:link,
nav.navigation-menu.navigation-menu-light a:visited {
	color: #111
}

nav.navigation-menu li a.active {
	color: #777
}

nav.navigation-menu.navigation-menu-light li a.active {
	color: #999
}

nav.navigation-menu li {
	text-align: center;
	border-bottom: 1px solid #ebebeb;
	padding: 8px 0;
	vertical-align: middle;
	display: block;
	text-align: left
}

nav.navigation-menu li.has-sub {
	border-bottom: 0;
	padding-bottom: 0
}

nav.navigation-menu li.has-sub>a {
	border-bottom: 1px solid #ebebeb;
	padding-top: 3px;
	padding-bottom: 8px;
	width: 100%;
	display: inline-block
}

nav.navigation-menu li.last {
	margin: 0
}

nav.navigation-menu a {
	font-family: Oswald, sans-serif;
	font-size: 20px;
	font-weight: 400;
	font-style: normal;
	text-transform: uppercase;
	line-height: 1;
	letter-spacing: .05em;
	text-decoration: none;
	vertical-align: middle
}

nav.navigation-menu li .submenu-parent {
	display: none
}

nav.navigation-menu li .submenu-parent li .submenu-child {
	display: none
}

@media only screen and (max-width:880px) {
	nav.navigation-menu a {
		font-size: 17px
	}
}

@media only screen and (max-width:640px) {
	nav.navigation-menu a {
		font-size: 14px
	}
}

.brackets a::after,
.brackets a::before {
	display: inline-block;
	opacity: 0;
	-moz-opacity: 0;
	-webkit-opacity: 0;
	-webkit-transition: -webkit-transform .3s, opacity .2s;
	-moz-transition: -moz-transform .3s, opacity .2s;
	-ms-transition: -ms-transform .3s, opacity .2s;
	-o-transition: -o-transform .3s, opacity .2s;
	transition: transform .3s, opacity .2s
}

.brackets a::before {
	content: "\2014";
	margin-right: 10px;
	-webkit-transform: translateX(20px);
	-moz-transform: translateX(20px);
	-ms-transform: translateX(20px);
	-o-transform: translateX(20px);
	transform: translateX(20px)
}

.brackets a::after {
	content: "";
	margin-left: 10px;
	-webkit-transform: translateX(-20px);
	-moz-transform: translateX(-20px);
	-ms-transform: translateX(-20px);
	-o-transform: translateX(-20px);
	transform: translateX(-20px)
}

.brackets a:focus::after,
.brackets a:focus::before,
.brackets a:hover::after,
.brackets a:hover::before {
	opacity: 1;
	-moz-opacity: 1;
	-webkit-opacity: 1;
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0)
}

.brackets ul,
li {
	list-style: none
}

.brackets a,
.brackets a:hover,
.brackets a:visited {
	text-decoration: none
}

.navigation-menu-img-wrapper {
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 1
}

.navigation-menu-img {
	position: absolute;
	width: 50%;
	top: 0;
	left: 0;
	bottom: 0;
	overflow: hidden
}

.menu-img {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	visibility: hidden;
	opacity: 0;
	-moz-opacity: 0;
	-webkit-opacity: 0;
	-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
	-moz-transition: all 1s cubic-bezier(.4, 0, .2, 1);
	-ms-transition: all 1s cubic-bezier(.4, 0, .2, 1);
	-o-transition: all 1s cubic-bezier(.4, 0, .2, 1);
	transition: all 1s cubic-bezier(.4, 0, .2, 1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
	-webkit-pointer-events: none;
	-moz-pointer-events: none;
	pointer-events: none
}

.menu-img.active {
	opacity: 1;
	-moz-opacity: 1;
	-webkit-opacity: 1;
	visibility: visible;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1)
}

.navigation-menu-txt {
	position: relative;
	width: 100%;
	height: auto
}

.intro-wrapper {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 10
}

.intro-subtitle {
	font-family: Oswald, sans-serif;
	font-size: 17px;
	line-height: 1;
	font-style: normal;
	font-weight: 400;
	letter-spacing: .05em;
	text-transform: uppercase;
	margin: 0 0 2px 0;
	color: #fff
}

@media only screen and (max-width:880px) {
	.intro-subtitle {
		margin: 0 0 9px 0
	}
}

@media only screen and (max-width:768px) {
	.intro-subtitle {
		font-size: 15px;
		margin: 0 0 14px 0
	}
}

.intro-subtitle.intro-subtitle-dark {
	color: #111
}

#intro-title {
	font-family: Oswald, sans-serif;
	font-size: 45px;
	font-weight: 700;
	font-style: normal;
	letter-spacing: normal;
	line-height: 1;
	text-transform: uppercase;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	margin: 0 0 0 -9px;
	padding: 0;
	color: #fff
}

.intro-text {
	color: #fff;
	max-width: 650px;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	font-size: 25px
}

.intro-text p {
	line-height: 40px
}

@media only screen and (max-width:880px) {
	#intro-title {
		font-size: 115px;
		margin: 0 0 0 -6px
	}
}

@media only screen and (max-width:767px) {
	#intro-title {
		font-size: 42px;
		margin: 0 0 0 -4px
	}

	.intro-text p {
		line-height: 24px
	}
}

#intro-title.intro-title-dark {
	color: #111
}

.bottom-credits {
	position: absolute;
	display: block;
	width: auto;
	height: auto;
	left: 51px;
	bottom: 16px;
	color: #fff;
	font-size: 9px;
	text-transform: uppercase;
	text-align: left;
	letter-spacing: .05em;
	font-weight: 600;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	z-index: 1002
}

@media only screen and (max-width:768px) {
	.bottom-credits {
		left: 26px;
		bottom: 16px;
		font-size: 8px
	}
}

.bottom-credits a,
.bottom-credits a:hover {
	color: #fff;
	text-decoration: none
}

.bottom-credits.bottom-credits-dark,
.bottom-credits.bottom-credits-dark a,
.bottom-credits.bottom-credits-dark a:hover {
	color: #111
}

.social-icons-wrapper {
	position: absolute;
	left: auto;
	right: 50px;
	bottom: 16px;
	text-align: right;
	z-index: 1002
}

.social-icons-wrapper ul {
	margin: 0 auto;
	padding: 0;
	list-style-type: none
}

.social-icons-wrapper ul li {
	display: inline-block;
	margin: 0 auto;
	padding: 0 0 0 5px
}

ul.social-icons {
	font-size: 16px;
	line-height: 1;
	margin: 0;
	padding: 0;
	position: relative
}

@media only screen and (max-width:640px) {
	ul.social-icons {
		font-size: 14px
	}
}

ul.social-icons a,
ul.social-icons a:hover {
	padding: 0;
	color: #fff;
	text-decoration: none;
	-webkit-transition: all .5s linear;
	-moz-transition: all .5s linear;
	-ms-transition: all .5s linear;
	-o-transition: all .5s linear;
	transition: all .5s linear
}

ul.social-icons a {
	opacity: 1;
	-moz-opacity: 1;
	-webkit-opacity: 1
}

ul.social-icons a:hover {
	opacity: .5;
	-moz-opacity: .5;
	-webkit-opacity: .5
}

ul.social-icons.social-icons-dark a,
ul.social-icons.social-icons-dark a:hover {
	color: #111
}

.scroll-indicator-wrapper {
	position: absolute;
	left: 50%;
	bottom: 0;
	z-index: 10
}

.scroll-indicator {
	position: absolute;
	width: 1px;
	height: 50px;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	background-color: rgba(191, 191, 191, .25);
	mix-blend-mode: overlay
}

@media only screen and (max-width:768px) {
	.scroll-indicator {
		height: 25px
	}
}

@media all and (-ms-high-contrast:none),
(-ms-high-contrast:active) {
	.scroll-indicator {
		display: none;
		visibility: hidden
	}
}

.scroll-indicator.scroll-indicator-dark {
	background-color: rgba(255, 255, 255, .5)
}

.scroll-indicator::before {
	content: "";
	position: absolute;
	display: block;
	width: 100%;
	height: 50%;
	-webkit-animation: teardrop 2s cubic-bezier(.76, .05, .86, .06) infinite;
	animation: teardrop 2s cubic-bezier(.76, .05, .86, .06) infinite;
	-webkit-animation-direction: normal;
	animation-direction: normal;
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), #fff);
	background: linear-gradient(top, rgba(255, 255, 255, 0), #fff)
}

@-webkit-keyframes teardrop {
	0% {
		top: -10%;
		opacity: 0;
		height: 0
	}

	50% {
		opacity: 1
	}

	100% {
		top: 100%;
		height: 75%
	}
}

@keyframes teardrop {
	0% {
		top: -10%;
		opacity: 0;
		height: 0
	}

	50% {
		opacity: 1
	}

	100% {
		top: 100%;
		height: 75%
	}
}

.scroll-indicator.scroll-indicator-dark::before {
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), #000);
	background: linear-gradient(top, rgba(0, 0, 0, 0), #000)
}

.section-heading,
.section-heading-dark {
	font-family: Metropolis, sans-serif;
	text-transform: capitalize;
	color: #fff;
	line-height: 1.25;
	padding: 0 0 15px 25px;
	margin-bottom: 0
}

.section-heading-dark {
	color: #111
}

.about-bg-wrapper,
.about-content-wrapper {
	position: relative;
	height: 100vh
}

.about-bg {
	height: 100vh;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover
}

.mobile-view-logo {
	width: 120px;
	padding: 15px;
	display: block
}

@media (min-width:992px) {
	.about-bg {
		position: absolute;
		width: 50vw;
		height: auto;
		top: 0;
		bottom: 0
	}
}

@media only screen and (max-width:640px) {
	.about-bg {
		min-height: 350px
	}
}

.show-skillbar {
	position: relative;
	padding: 0;
	margin: 58px 5px 0 5px;
	text-align: left
}

@media only screen and (max-width:880px) {
	.show-skillbar {
		padding: 0 30px;
		margin: 59px 5px 0 5px
	}
}

.skillbar {
	position: relative;
	display: inline-block;
	width: 100%;
	height: 21px;
	margin: 0 0 30px 0;
	background: 0 0
}

.skillbar-title {
	position: absolute;
	width: auto;
	height: 21px;
	line-height: 21px;
	top: -21px;
	left: 0;
	font-size: 10px;
	font-weight: 400;
	text-transform: uppercase;
	color: #fff;
	background: 0 0;
	padding: 0
}

.skillbar-bar {
	display: inline-block;
	width: 0;
	height: 3px;
	background: #5f5f5f;
	margin: 0 0 3px 0
}

.skill-bar-percent {
	position: absolute;
	height: auto;
	line-height: 1;
	top: -21px;
	right: 0;
	color: #fff;
	font-size: 11px
}

.facts-counter-wrapper {
	padding: 0;
	margin: 37px -15px 0 -15px
}

@media only screen and (max-width:880px) {
	.facts-counter-wrapper {
		margin: 40px 0 0 0
	}
}

.facts-counter-number {
	font-family: Oswald, sans-serif;
	font-size: 25px;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: -.04em;
	font-style: normal;
	line-height: 1.3;
	text-align: center;
	color: #fff
}

@media only screen and (max-width:880px) {
	.facts-counter-number {
		font-size: 18px
	}
}

.facts-counter-description {
	color: #fff;
	text-align: center;
	text-transform: uppercase
}

.facts-counter-description-img {
	display: block;
	font-size: 30px;
	text-align: center;
	color: #5f5f5f;
	margin: 10px 0 9px 0
}

@media only screen and (max-width:880px) {
	.facts-counter-description-img {
		font-size: 20px;
		margin: 14px 0 10px 0
	}
}

.facts-counter-title {
	font-size: 11px;
	letter-spacing: .05em
}

.facts-counter-add-space {
	margin-top: 0
}

@media only screen and (max-width:980px) {
	.facts-counter-add-space {
		margin-top: 40px
	}
}

@media only screen and (max-width:880px) {
	.facts-counter-add-space {
		margin-top: 40px
	}
}

.about-content {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center !important;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center
}

.about-content .about-content-inner {
	position: relative;
	width: 100%;
	padding: 0 25px
}

.about-content .about-content-inner.bg-white {
	padding-bottom: 25px;
	background: rgba(255, 255, 255, .9);
	width: 95%
}

.ecommerce {
	z-index: 2
}

.ecommerce .ecommerce-detail-wrap {
	padding-top: 20px;
	padding-bottom: 20px;
	min-height: 33.33vh;
	display: table;
	border-right: 1px solid rgba(255, 255, 255, .5);
	border-bottom: 1px solid rgba(255, 255, 255, .5)
}

.ecommerce .ecommerce-detail-wrap .ecommerce-detail-content {
	display: table-cell;
	vertical-align: middle
}

.ecommerce .ecommerce-detail-wrap .section-heading {
	padding-left: 0;
	padding-bottom: 10px
}

.ecommerce .ecommerce-detail-wrap .services-txt {
	line-height: 1.5;
	font-weight: 400
}

.ecommerce .ecommerce-detail-wrap img {
	max-width: 50px
}

.border-right-0 {
	border-right: 0 !important
}

.border-bottom-0 {
	border-bottom: 0 !important
}

@media all and (min-width:1920px) {
	.about-content .about-content-inner {
		padding: 0 25px
	}
}

@media only screen and (max-width:1200px) {
	.about-content .about-content-inner {
		padding: 0 25px
	}
}

@media only screen and (max-width:880px) {
	.about-content .about-content-inner {
		padding: 0 20px
	}
}

.about-content-inner h3 {
	font-family: Oswald, sans-serif;
	font-size: 23px;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: .05em;
	text-align: center;
	color: #fff
}

@media only screen and (max-width:880px) {
	.about-content-inner h3 {
		font-size: 18px;
		padding: 0 10px
	}
}

.about-txt {
	margin: 53px 0 0 0;
	padding: 0;
	color: #fff
}

@media all and (min-width:1920px) {
	.about-txt {
		margin: 101px 0 0 0
	}
}

@media only screen and (max-width:880px) {
	.about-txt {
		margin: 101px 0 0 0;
		padding: 0 35px
	}
}

.tag-line {
	padding: 0 25px;
	color: #fff;
	font-weight: 500;
	font-size: 17px;
	margin-bottom: 10px
}

.services-txt,
.services-txt-dark {
	margin: 0;
	padding: 0 25px
}

@media only screen and (max-width:880px) {

	.services-txt,
	.services-txt-dark {
		margin: 101px 0 0 0;
		padding: 0 55px
	}
}

.services-txt {
	color: #fff
}

.services-txt-dark,
.services-txt-dark a,
.services-txt-dark a:hover {
	color: #2d2d2d
}

.services-container {
	position: relative;
	width: 100%;
	height: 50vh;
	margin: 0;
	padding: 0
}

.services-container.services-container-dark {
	background: #000
}

@media only screen and (max-width:880px) {
	.services-container {
		height: 100vh
	}
}

.services-bg-wrapper {
	position: relative;
	height: 50vh
}

@media only screen and (max-width:880px) {
	.services-bg-wrapper {
		height: 100vh
	}
}

.services-bg {
	height: 100vh;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover
}

@media (min-width:992px) {
	.services-bg {
		position: absolute;
		width: 50vw;
		height: auto;
		top: 0;
		bottom: 0
	}
}

@media only screen and (max-width:640px) {
	.services-bg {
		min-height: 350px
	}
}

.works-page-img-wrapper {
	position: relative;
	width: 100%;
	height: 100vh;
	margin: 0;
	padding: 0
}

.works-page-img-wrapper a,
.works-page-img-wrapper a:hover {
	color: #fff
}

@media only screen and (max-width:880px) {
	.works-page-img-wrapper {
		width: 100%
	}
}

.works-page-img-carousel-item {
	position: relative;
	width: 100%;
	height: 50vh;
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover
}

.works-page-img-carousel-title h4 {
	font-family: Oswald, sans-serif;
	font-size: 25px;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: .05em;
	text-align: center;
	color: #fff;
	line-height: 1.25;
	padding: 0 0 8px 0;
	margin: 0 0 -5px 0;
	text-shadow: 1px 1px 2px #111
}

@media only screen and (max-width:880px) {
	.works-page-img-carousel-title h4 {
		font-size: 18px;
		line-height: 1.5;
		padding: 0 0 3px 0;
		margin: 0
	}
}

.works-page-img-carousel-spacer-top {
	margin-top: 26px
}

.works-page-img-carousel-wrapper {
	position: relative;
	background: 0 0;
	height: 50vh
}

.works-page-img-carousel-wrapper::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	opacity: 0;
	-moz-opacity: 0;
	-webkit-opacity: 0;
	-webkit-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	-ms-transition: all 1s ease 0s;
	-o-transition: all 1s ease 0s;
	transition: all 1s ease 0s;
	background-color: rgba(0, 0, 0, .7)
}

.works-page-img-carousel-wrapper .works-page-img-carousel-text {
	position: absolute;
	width: 100%;
	font-family: Raleway, sans-serif;
	font-size: 14px;
	line-height: 1.5;
	text-align: center;
	font-style: normal;
	font-weight: 400;
	color: #fff;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	left: -10px;
	bottom: 50px;
	padding: 0 60px;
	z-index: 10
}

@media only screen and (max-width:880px) {
	.works-page-img-carousel-wrapper .works-page-img-carousel-text {
		font-size: 13px;
		left: 0
	}
}

.works-page-img-carousel-wrapper .works-page-img-carousel-text .works-page-img-carousel-heading {
	font-family: Raleway, sans-serif;
	font-size: 10px;
	line-height: 1.5;
	font-style: normal;
	font-weight: 400;
	text-transform: uppercase;
	text-shadow: 1px 1px 2px #111;
	letter-spacing: .05em
}

.works-page-img-carousel-wrapper .works-page-img-carousel-text .works-page-img-carousel-content {
	max-height: 0;
	opacity: 0;
	-moz-opacity: 0;
	-webkit-opacity: 0;
	overflow: hidden;
	-webkit-transition: all .5s ease-out;
	-moz-transition: all .5s ease-out;
	-ms-transition: all .5s ease-out;
	-o-transition: all .5s ease-out;
	transition: all .5s ease-out
}

.works-page-img-carousel-wrapper:hover::after {
	opacity: 1;
	-moz-opacity: 1;
	-webkit-opacity: 1
}

.works-page-img-carousel-wrapper:hover .works-page-img-carousel-content {
	max-height: 600px;
	opacity: 1;
	-moz-opacity: 1;
	-webkit-opacity: 1;
	-webkit-transition: all 1s ease-in;
	-moz-transition: all 1s ease-in;
	-ms-transition: all 1s ease-in;
	-o-transition: all 1s ease-in;
	transition: all 1s ease-in
}

.news-page-img-wrapper {
	position: relative;
	width: 100%;
	height: 100vh;
	margin: 0;
	padding: 0
}

@media only screen and (max-width:880px) {
	.news-page-img-wrapper {
		width: 100%
	}
}

.news-page-img-carousel-item {
	position: relative;
	width: 100%;
	height: 100vh;
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover
}

.news-page-img-carousel-title h4 {
	font-family: Metropolis, sans-serif;
	text-transform: capitalize;
	font-weight: 500;
	text-align: center;
	color: #fff;
	line-height: 1.25;
	padding: 0 0 10px 0;
	margin: 0 0 -5px 0;
	text-shadow: 1px 1px 2px #111
}

@media only screen and (max-width:880px) {
	.news-page-img-carousel-title h4 {
		font-size: 18px;
		line-height: 1.5;
		padding: 0 0 3px 0;
		margin: 0
	}
}

.news-page-img-carousel-spacer-top {
	margin-top: 42px
}

.news-page-img-carousel-spacer-bottom {
	margin-top: 25px
}

.news-page-img-carousel-wrapper {
	position: relative;
	background: 0 0;
	height: 100vh
}

.news-page-img-carousel-wrapper::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	opacity: 0;
	-moz-opacity: 0;
	-webkit-opacity: 0;
	-webkit-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	-ms-transition: all 1s ease 0s;
	-o-transition: all 1s ease 0s;
	transition: all 1s ease 0s;
	background-color: rgba(0, 0, 0, .3)
}

.news-page-img-carousel-wrapper .news-page-img-carousel-text {
	position: absolute;
	width: 100%;
	font-size: 15px;
	line-height: 1.5;
	text-align: center;
	font-style: normal;
	font-weight: 400;
	color: #fff;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	left: -10px;
	bottom: 50px;
	padding: 0 60px;
	z-index: 10
}

@media only screen and (max-width:880px) {
	.news-page-img-carousel-wrapper .news-page-img-carousel-text {
		font-size: 13px;
		left: 0;
		padding: 0 50px
	}
}

.news-page-img-carousel-wrapper .news-page-img-carousel-text .news-page-img-carousel-heading {
	font-family: Metropolis, sans-serif;
	font-size: 14px;
	line-height: 1.5;
	font-style: normal;
	font-weight: 400;
	text-transform: uppercase;
	text-shadow: 1px 1px 2px #111;
	letter-spacing: .05em
}

.news-page-img-carousel-heading.news-page-img-carousel-heading-dark {
	text-align: left;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: 500;
	padding-bottom: 20px;
	margin-top: -30px;
	color: #111
}

@media only screen and (max-width:880px) {
	.news-page-img-carousel-heading.news-page-img-carousel-heading-dark {
		text-align: center;
		padding-bottom: 0;
		margin-top: -14px
	}
}

.news-page-img-carousel-heading.news-page-img-carousel-heading-dark span {
	display: block;
	font-style: italic;
	font-weight: 700;
	padding-top: 7px;
	color: #5f5f5f
}

@media only screen and (max-width:880px) {
	.news-page-img-carousel-heading.news-page-img-carousel-heading-dark span {
		padding-top: 5px
	}
}

.news-page-img-carousel-wrapper .news-page-img-carousel-text .news-page-img-carousel-content {
	max-height: 0;
	opacity: 0;
	-moz-opacity: 0;
	-webkit-opacity: 0;
	overflow: hidden;
	-webkit-transition: all .5s ease-out;
	-moz-transition: all .5s ease-out;
	-ms-transition: all .5s ease-out;
	-o-transition: all .5s ease-out;
	transition: all .5s ease-out
}

.news-page-img-carousel-wrapper:hover::after {
	opacity: 1;
	-moz-opacity: 1;
	-webkit-opacity: 1
}

.news-page-img-carousel-wrapper:hover .news-page-img-carousel-content {
	max-height: 600px;
	opacity: 1;
	-moz-opacity: 1;
	-webkit-opacity: 1;
	-webkit-transition: all 1s ease-in;
	-moz-transition: all 1s ease-in;
	-ms-transition: all 1s ease-in;
	-o-transition: all 1s ease-in;
	transition: all 1s ease-in
}

.panel-left {
	position: absolute;
	width: 50%;
	height: 100vh;
	overflow: hidden;
	top: 0;
	left: -100%;
	background: #000;
	-webkit-transition: all .8s ease-out;
	-moz-transition: all .8s ease-out;
	-ms-transition: all .8s ease-out;
	-o-transition: all .8s ease-out;
	transition: all .8s ease-out;
	opacity: 1;
	-moz-opacity: 1;
	-webkit-opacity: 1;
	z-index: 99
}

@media only screen and (max-width:640px) {
	.panel-left {
		display: none;
		visibility: hidden
	}
}

.panel-left.open {
	left: 0
}

.panel-left-bg-all {
	position: absolute;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover
}

.panel-right {
	position: absolute;
	width: 50%;
	height: 100vh;
	overflow-x: hidden;
	overflow-y: auto;
	top: 0;
	right: -100%;
	-webkit-transition: all .8s ease-out;
	-moz-transition: all .8s ease-out;
	-ms-transition: all .8s ease-out;
	-o-transition: all .8s ease-out;
	transition: all .8s ease-out;
	opacity: 1;
	-moz-opacity: 1;
	-webkit-opacity: 1;
	z-index: 99
}

@media only screen and (max-width:640px) {
	.panel-right {
		width: 100%
	}
}

.panel-right.open {
	right: 0
}

.news-content {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center !important;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	background: #fff
}

.news-content .news-content-inner {
	position: relative;
	width: 100%;
	padding: 0 40px;
	text-align: center
}

@media only screen and (max-width:1200px) {
	.news-content .news-content-inner {
		padding: 0 40px
	}
}

@media only screen and (max-width:880px) {
	.news-content .news-content-inner {
		padding: 0 20px
	}
}

.news-content-inner p {
	padding: 0 10px 20px 0
}

@media only screen and (max-width:640px) {
	.news-content-inner p {
		font-size: 12px;
		padding: 49px 10px 37px 10px
	}
}

.height-correction {
	position: relative;
	width: 100%;
	height: auto
}

@media only screen and (max-width:880px) {
	.height-correction {
		margin-top: 0
	}
}

.text-title h4 {
	font-family: Metropolis, sans-serif;
	font-size: 35px;
	font-weight: 400;
	text-transform: capitalize;
	letter-spacing: .05em;
	text-align: left;
	color: #fff;
	line-height: 1.25;
	padding: 0 0 35px 0;
	margin-left: -2px
}

.text-title.text-title-dark h4 {
	color: #111
}

@media only screen and (max-width:880px) {
	.text-title h4 {
		font-size: 18px;
		text-align: center;
		line-height: 1.5;
		padding: 0 0 17px 0;
		margin: 0
	}
}

.news-text-txt {
	line-height: 100px;
	padding: 0;
	margin-top: 9px;
	text-align: left
}

@media only screen and (max-width:880px) {
	.news-text-txt {
		padding: 0;
		margin-top: -5px;
		text-align: center;
		border-left: none
	}
}

@media only screen and (max-width:640px) {
	.news-text-txt {
		margin-top: 0;
		margin-bottom: 2px
	}
}

.news-text-txt p {
	position: relative;
	top: -7px;
	color: #2d2d2d;
	line-height: 27px;
	text-align: justify
}

.text-spacer {
	position: absolute;
	left: 0;
	padding: 0
}

@media only screen and (max-width:880px) {
	.text-spacer {
		position: relative;
		left: auto;
		padding: 1px 0 0 0;
		margin: 0 auto;
		text-align: center;
		top: -22px
	}
}

.contact-txt {
	margin: 0;
	padding: 0 25px
}

@media all and (min-width:1920px) {
	.contact-txt {
		padding: 0 150px
	}
}

@media only screen and (max-width:880px) {
	.contact-txt {
		padding: 0 55px
	}
}

.contact-txt,
.contact-txt a,
.contact-txt a:hover {
	color: #5f5f5f
}

.contact-bg-wrapper,
.contact-container {
	position: relative;
	width: 100%;
	height: 100vh;
	margin: 0;
	padding: 0;
	background: #fff;
	text-align: center
}

.contact-bg {
	height: 100vh;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover
}

@media (min-width:992px) {
	.contact-bg {
		position: absolute;
		width: 50vw;
		height: auto;
		top: 0;
		bottom: 0
	}
}

@media only screen and (max-width:640px) {
	.contact-bg {
		min-height: 350px
	}
}

.contact-info-mail {
	display: block;
	font-size: 40px;
	font-weight: 700;
	margin: 0 0 12px 0
}

@media all and (min-width:1920px) {
	.contact-info-mail {
		font-size: 40px;
		margin: 0 0 22px 0
	}
}

@media only screen and (max-width:1200px) {
	.contact-info-mail {
		font-size: 20px;
		margin: 0 0 22px 0
	}
}

@media only screen and (max-width:880px) {
	.contact-info-mail {
		margin: 0 0 32px 0
	}
}

@media only screen and (max-width:768px) {
	.contact-info-mail {
		font-size: 20px
	}
}

@media only screen and (max-width:640px) {
	.contact-info-mail {
		font-size: 16px
	}
}

.contact-info-mail a,
.contact-info-mail a:hover {
	text-decoration: none
}

.social-icons-contact-wrapper {
	position: relative;
	margin: 29px auto 0 auto
}

@media all and (min-width:1920px) {
	.social-icons-contact-wrapper {
		margin: 39px auto 0 auto
	}
}

@media only screen and (max-width:880px) {
	.social-icons-contact-wrapper {
		margin: 39px auto 0 auto
	}
}

.social-icons-contact-wrapper ul {
	margin: 0 auto;
	padding: 0;
	list-style-type: none
}

.social-icons-contact-wrapper ul li {
	display: inline-block;
	margin: 0 auto;
	padding: 0 0 0 5px
}

ul.social-icons-contact {
	font-size: 20px;
	line-height: 1;
	margin: 0;
	padding: 0;
	position: relative
}

@media only screen and (max-width:640px) {
	ul.social-icons-contact {
		font-size: 16px
	}
}

ul.social-icons-contact a,
ul.social-icons-contact a:hover {
	padding: 0;
	color: #5f5f5f;
	text-decoration: none;
	-webkit-transition: all .5s linear;
	-moz-transition: all .5s linear;
	-ms-transition: all .5s linear;
	-o-transition: all .5s linear;
	transition: all .5s linear
}

ul.social-icons-contact a {
	opacity: 1;
	-moz-opacity: 1;
	-webkit-opacity: 1
}

ul.social-icons-contact a:hover {
	opacity: .5;
	-moz-opacity: .5;
	-webkit-opacity: .5
}

.contact-modal-launcher-wrapper {
	position: relative;
	width: 350px;
	height: auto;
	margin: 14px auto 30px auto;
	line-height: 1.5
}

@media all and (min-width:1920px) {
	.contact-modal-launcher-wrapper {
		margin: 24px auto 40px auto
	}
}

@media only screen and (max-width:880px) {
	.contact-modal-launcher-wrapper {
		margin: 24px auto 40px auto
	}
}

@media only screen and (max-width:640px) {
	.contact-modal-launcher-wrapper {
		width: 280px
	}
}

.contact-modal-launcher-wrapper a,
.contact-modal-launcher-wrapper a:hover {
	text-decoration: none
}

a.button-link {
	display: inline-block;
	font-family: Raleway, sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 11px;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: .65em;
	color: #5f5f5f;
	text-align: left;
	text-transform: uppercase;
	cursor: pointer;
	padding: 0
}

@media only screen and (max-width:640px) {
	a.button-link {
		font-size: 10px;
		letter-spacing: .55em
	}
}

a.button-link span {
	position: relative;
	padding: 0 0 0 47px;
	z-index: 2
}

@media only screen and (max-width:640px) {
	a.button-link span {
		padding: 0 0 0 24px
	}
}

a.button-link:before {
	content: "";
	position: relative;
	display: block;
	width: 20px;
	height: 2px;
	top: 20px;
	left: -3px;
	background-color: #5f5f5f;
	-webkit-transition: left .2s cubic-bezier(.25, .46, .45, .94);
	transition: left .2s cubic-bezier(.25, .46, .45, .94);
	transition: left .2s cubic-bezier(.25, .46, .45, .94), -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	z-index: 1
}

@media only screen and (max-width:640px) {
	a.button-link:before {
		width: 10px;
		top: 20px
	}
}

a.button-link i {
	position: relative;
	display: inline-block;
	top: 4px;
	left: 10px;
	margin: 0;
	padding: 0 0 0 13px;
	font-size: 21px;
	color: #5f5f5f;
	-webkit-transition: left .2s cubic-bezier(.25, .46, .45, .94);
	transition: left .2s cubic-bezier(.25, .46, .45, .94);
	transition: left .2s cubic-bezier(.25, .46, .45, .94), -webkit-transform .2s cubic-bezier(.25, .46, .45, .94);
	z-index: 1
}

@media only screen and (max-width:640px) {
	a.button-link i {
		padding: 0;
		top: 4px
	}
}

a.button-link:hover:before {
	left: 100%
}

a.button-link:hover i {
	left: 50px
}

@media only screen and (max-width:640px) {
	a.button-link:hover i {
		left: 30px
	}
}

.center-container-contact-modal {
	position: absolute;
	display: table;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
	background: 0 0
}

.center-block-contact-modal {
	display: table-cell;
	vertical-align: middle
}

.center-block-contact-modal-padding-top {
	padding: 35px 0 0 0
}

@media only screen and (max-width:880px) {
	.center-block-contact-modal-padding-top {
		padding: 73px 0 0 0
	}
}

.center-block-contact-modal-padding-bottom {
	padding: 0 0 35px 0
}

@media only screen and (max-width:880px) {
	.center-block-contact-modal-padding-bottom {
		padding: 0 0 69px 0
	}
}

.center-container-contact-modal h2.section-heading {
	font-family: Oswald, sans-serif;
	font-size: 35px;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: .05em;
	text-align: center;
	color: #111;
	line-height: 1.25;
	padding: 0 0 5px 0
}

@media only screen and (max-width:768px) {
	.center-container-contact-modal h2.section-heading {
		font-size: 40px;
		padding: 0 0 4px 0
	}
}

.center-container-contact-modal p {
	font-family: Raleway, sans-serif;
	font-size: 10px;
	line-height: 1.5;
	font-style: normal;
	font-weight: 400;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: .05em;
	color: #5f5f5f
}

.contact-modal-wrapper {
	position: relative;
	width: 90%;
	margin: 0 auto
}

.contact-modal {
	position: absolute;
	width: 50%;
	height: 100%;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	visibility: hidden;
	border: none;
	background: #fff;
	opacity: 0;
	-moz-opacity: 0;
	-webkit-opacity: 0;
	-webkit-transform: scale(.75);
	-moz-transform: scale(.75);
	-ms-transform: scale(.75);
	-o-transform: scale(.75);
	transform: scale(.75);
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
	overflow-x: hidden;
	overflow-y: auto;
	z-index: 1005
}

.contact-modal.close {
	visibility: hidden;
	opacity: 0;
	-moz-opacity: 0;
	-webkit-opacity: 0
}

.contact-modal.open {
	width: 50%;
	height: 100%;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	visibility: visible;
	border: none;
	opacity: 1;
	-moz-opacity: 1;
	-webkit-opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1)
}

@media only screen and (max-width:768px) {

	.contact-modal,
	.contact-modal.open {
		width: 100%;
		height: 100vh
	}
}

.contact-modal-closer {
	position: relative;
	width: 50px;
	height: auto;
	margin: 43px auto 0 auto;
	font-size: 20px;
	text-align: center;
	color: #111;
	cursor: pointer
}

#contact-form {
	width: 100%;
	margin: 22px auto 0 auto;
	padding: 0;
	text-align: center;
	line-height: 1
}

@media only screen and (max-width:768px) {
	#contact-form {
		margin: 21px auto 0 auto
	}
}

form {
	margin: 0;
	padding: 0
}

#form input {
	position: relative;
	width: 100%;
	height: 40px;
	border-bottom: 1px solid #5f5f5f;
	border-left: none;
	border-right: none;
	border-top: none;
	padding: 5px 5px;
	background: 0 0;
	margin: 10px 0 10px 0;
	font-size: 16px;
	line-height: 1.5;
	font-style: normal;
	font-weight: 400;
	color: #000;
	-webkit-transition: all .5s linear;
	-moz-transition: all .5s linear;
	-ms-transition: all .5s linear;
	-o-transition: all .5s linear;
	transition: all .5s linear
}

textarea {
	position: relative;
	width: 100%;
	height: 100px;
	border-bottom: 1px solid #5f5f5f;
	border-left: none;
	border-right: none;
	border-top: none;
	padding: 5px 5px;
	background: 0 0;
	margin: 5px;
	font-family: Metropolis;
	font-size: 16px;
	line-height: 1.5;
	font-style: normal;
	font-weight: 400;
	resize: none;
	-webkit-transition: all .5s linear;
	-moz-transition: all .5s linear;
	-ms-transition: all .5s linear;
	-o-transition: all .5s linear;
	transition: all .5s linear
}

#form textarea {
	color: #000;
	margin: 10px 0 10px 0;
	-webkit-transition: all .5s linear;
	-moz-transition: all .5s linear;
	-ms-transition: all .5s linear;
	-o-transition: all .5s linear;
	transition: all .5s linear
}

#form input:hover,
#form textarea:hover {
	border-color: rgba(95, 95, 95, .35);
	-webkit-transition: all .5s linear;
	-moz-transition: all .5s linear;
	-ms-transition: all .5s linear;
	-o-transition: all .5s linear;
	transition: all .5s linear
}

#form input:focus,
#form textarea:focus {
	-webkit-transition: all .5s linear;
	-moz-transition: all .5s linear;
	-ms-transition: all .5s linear;
	-o-transition: all .5s linear;
	transition: all .5s linear
}

.success {
	font-family: Raleway, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: 500;
	letter-spacing: .15em;
	text-transform: uppercase;
	text-align: center;
	color: #5f5f5f;
	margin: 0 auto;
	padding: 39px 0 13px 0;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

#form .error {
	position: absolute;
	font-size: 9px;
	text-transform: uppercase;
	color: #5f5f5f;
	display: block;
	margin: 0;
	padding: 0;
	letter-spacing: .15em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	width: 200px !important
}

.make-space {
	margin-left: 15px;
	margin-right: 15px
}

::-webkit-input-placeholder {
	font-size: 12px;
	color: #5f5f5f
}

:-ms-input-placeholder {
	font-size: 12px;
	color: #5f5f5f
}

::-moz-placeholder {
	font-size: 12px;
	color: #5f5f5f
}

input:-moz-placeholder {
	font-size: 12px;
	color: #5f5f5f
}

input:focus::-webkit-input-placeholder {
	color: transparent
}

input:focus:-ms-input-placeholder {
	color: transparent
}

input:focus::-moz-placeholder {
	color: transparent
}

input:focus:-moz-placeholder {
	color: transparent
}

textarea:focus::-webkit-input-placeholder {
	color: transparent
}

textarea:focus:-ms-input-placeholder {
	color: transparent
}

textarea:focus::-moz-placeholder {
	color: transparent
}

textarea:focus:-moz-placeholder {
	color: transparent
}

.overlay-video:before,
.overlay:before {
	content: "";
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 1;
	background: rgba(0, 0, 0, .2)
}

.overlay:before {
	-webkit-pointer-events: none;
	-moz-pointer-events: none;
	pointer-events: none
}

.overlay-video:before {
	-webkit-pointer-events: auto;
	-moz-pointer-events: auto;
	pointer-events: auto
}

.overlay-inverse-dark-35:before {
	background: -moz-linear-gradient(bottom, rgba(0, 0, 0, .35) 0, rgba(0, 0, 0, .1) 100%);
	background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .35) 0, rgba(0, 0, 0, .1) 100%);
	background: linear-gradient(to top, rgba(0, 0, 0, .35) 0, rgba(0, 0, 0, .1) 100%)
}

.overlay-dark-60:before {
	background: rgba(0, 0, 0, .3)
}

.overlay-dark-80:before {
	background: rgba(0, 0, 0, .8)
}

.overlay-dark-40:before {
	background: rgba(0, 0, 0, .4)
}

.overlay-light-80:before {
	background: rgba(255, 255, 255, .8)
}

.center-container-home {
	position: relative;
	display: table;
	table-layout: fixed;
	width: 100%;
	height: 100%;
	background: 0 0;
	text-align: center;
	z-index: 10
}

.center-block-home {
	display: table-cell;
	vertical-align: middle
}

.center-container {
	position: absolute;
	display: table;
	table-layout: fixed;
	width: 100%;
	height: 100%;
	background: 0 0
}

.center-block {
	display: table-cell;
	vertical-align: middle
}

.center-container-menu {
	position: relative;
	display: table;
	width: 100%;
	height: 100%
}

.center-block-menu {
	display: table-cell;
	vertical-align: middle
}

.link-underline {
	position: relative;
	display: inline-block
}

.link-underline::before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background: #fff;
	-webkit-transform-origin: right center;
	-moz-transform-origin: right center;
	-ms-transform-origin: right center;
	transform-origin: right center;
	-webkit-transform: scale(0, 1);
	-moz-transform: scale(0, 1);
	-ms-transform: scale(0, 1);
	-o-transform: scale(0, 1);
	transform: scale(0, 1);
	-webkit-transition: -webkit-transform .4s cubic-bezier(.4, 0, .2, 1);
	-moz-transition: -moz-transform .4s cubic-bezier(.4, 0, .2, 1);
	-ms-transition: -ms-transform .4s cubic-bezier(.4, 0, .2, 1);
	-o-transition: -o-transform .4s cubic-bezier(.4, 0, .2, 1);
	transition: transform .4s cubic-bezier(.4, 0, .2, 1)
}

.link-underline.link-underline-dark::before {
	background: #5f5f5f
}

.link-underline:hover::before {
	-webkit-transform-origin: left center;
	-moz-transform-origin: left center;
	-ms-transform-origin: left center;
	transform-origin: left center;
	-webkit-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	transform: scale(1, 1)
}

.c-btn {
	position: relative;
	display: inline-block;
	border: none;
	background: #fff;
	letter-spacing: normal;
	font-weight: 500;
	font-size: 15px;
	text-transform: uppercase;
	text-align: center;
	color: #111;
	margin: 20px 0 0 0;
	padding: 6px 15px 4px;
	-webkit-transition: color .4s cubic-bezier(.4, 0, .2, 1);
	-moz-transition: color .4s cubic-bezier(.4, 0, .2, 1);
	-ms-transition: color .4s cubic-bezier(.4, 0, .2, 1);
	-o-transition: color .4s cubic-bezier(.4, 0, .2, 1);
	transition: color .4s cubic-bezier(.4, 0, .2, 1);
	cursor: pointer;
	border-radius: 100px;
	overflow: hidden
}

.c-btn-contact-modal-wrapper-only {
	padding: 11px 25px 11px 25px
}

.c-btn.fullwidth-liquid {
	width: 174px;
	color: #fff;
	background: #0074c6;
	border: none
}

.c-btn.fullwidth-liquid.onHoverWhite {
	background: #fff
}

.c-btn.fullwidth-liquid.onHoverWhite a {
	color: #000
}

.c-btn.inverse {
	color: #fff;
	background: #0074c6
}

.c-btn.inverse-dark {
	color: #fff;
	background: #0074c6
}

.c-btn.fullwidth {
	width: 225px
}

.c-btn::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: #000;
	-webkit-transform-origin: right center;
	-moz-transform-origin: right center;
	-ms-transform-origin: right center;
	transform-origin: right center;
	-webkit-transform: scale(0, 1);
	-moz-transform: scale(0, 1);
	-ms-transform: scale(0, 1);
	-o-transform: scale(0, 1);
	transform: scale(0, 1);
	-webkit-transition: -webkit-transform .4s cubic-bezier(.4, 0, .2, 1);
	-moz-transition: -moz-transform .4s cubic-bezier(.4, 0, .2, 1);
	-ms-transition: -ms-transform .4s cubic-bezier(.4, 0, .2, 1);
	-o-transition: -o-transform .4s cubic-bezier(.4, 0, .2, 1);
	transition: transform .4s cubic-bezier(.4, 0, .2, 1)
}

.c-btn.fullwidth-liquid::before {
	background: #0074c6 linear-gradient(0deg, #0084c3, #1f5071)
}

.c-btn.inverse::before {
	background: #0074c6 linear-gradient(0deg, #0084c3, #1f5071)
}

.c-btn.inverse-dark::before {
	background: #0074c6 linear-gradient(0deg, #0084c3, #1f5071)
}

.c-btn:hover::before,
a:hover .c-btn::before {
	-webkit-transform-origin: left center;
	-moz-transform-origin: left center;
	-ms-transform-origin: left center;
	transform-origin: left center;
	-webkit-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	transform: scale(1, 1)
}

.c-btn span {
	display: inline-block;
	position: relative;
	z-index: 2
}

.c-btn:hover,
a:hover .c-btn {
	color: #fff
}

.c-btn.fullwidth-liquid:hover {
	color: #fff
}

.c-btn.fullwidth-liquid.onHoverWhite:hover a {
	color: #fff
}

.c-btn.inverse:hover {
	color: #fff
}

.c-btn.inverse-dark:hover {
	color: #fff
}

.c-btn.bordered {
	background: 0 0;
	border: 1px solid #0074c6;
	border-color: #0074c6;
	color: #0074c6
}

.section-title-vertical {
	position: absolute;
	left: 46px;
	bottom: 0;
	font-family: Oswald, sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 17px;
	text-transform: uppercase;
	letter-spacing: .05em;
	color: #fff;
	text-shadow: 1px 1px 2px #111;
	z-index: 10
}

@media only screen and (max-width:880px) {
	.section-title-vertical {
		display: none;
		visibility: hidden
	}
}

.section-title-vertical.right-side {
	left: auto;
	right: 56px
}

.section-title-vertical span {
	writing-mode: vertical-rl;
	white-space: nowrap
}

.section-title-vertical:after {
	content: "";
	display: block;
	width: 2px;
	height: 50px;
	background-color: #fff;
	margin: 20px 0 0 12px
}

.spacer-line-vertical-dark,
.spacer-line-vertical-light {
	position: relative;
	display: block
}

.spacer-line-vertical-dark::after,
.spacer-line-vertical-light::after {
	content: "";
	position: absolute;
	width: 1px;
	height: 25px;
	top: 100%;
	left: 50%;
	margin: -1px auto 0 auto
}

@media all and (min-width:1920px) {

	.spacer-line-vertical-dark::after,
	.spacer-line-vertical-light::after {
		height: 50px;
		margin: 9px auto 0 auto
	}
}

@media only screen and (max-width:880px) {

	.spacer-line-vertical-dark::after,
	.spacer-line-vertical-light::after {
		height: 50px;
		margin: 9px auto 0 auto
	}
}

.spacer-line-vertical-dark::after {
	border-right: 1px solid #5f5f5f
}

.spacer-line-vertical-light::after {
	border-right: 1px solid #fff
}

.preloader-bg {
	position: fixed;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background: #fff;
	z-index: 9999
}

#preloader {
	position: fixed;
	display: table;
	table-layout: fixed;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background: #fff;
	z-index: 999999
}

#preloader-status {
	display: table-cell;
	vertical-align: middle
}

.preloader-position {
	position: relative;
	margin: 0 auto;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box
}

.loader {
	position: relative;
	width: 45px;
	height: 45px;
	left: 50%;
	top: 50%;
	margin-left: -22px;
	margin-top: 2px;
	-webkit-animation: rotate 1s infinite linear;
	-moz-animation: rotate 1s infinite linear;
	-ms-animation: rotate 1s infinite linear;
	-o-animation: rotate 1s infinite linear;
	animation: rotate 1s infinite linear;
	border: 3px solid rgba(17, 17, 17, .15);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%
}

.loader span {
	position: absolute;
	width: 45px;
	height: 45px;
	top: -3px;
	left: -3px;
	border: 3px solid transparent;
	border-top: 3px solid rgba(17, 17, 17, .75);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%
}

@-webkit-keyframes rotate {
	0% {
		-webkit-transform: rotate(0)
	}

	100% {
		-webkit-transform: rotate(360deg)
	}
}

@keyframes rotate {
	0% {
		transform: rotate(0)
	}

	100% {
		transform: rotate(360deg)
	}
}

.slick-list,
.slick-track {
	-webkit-perspective: 2000;
	perspective: 2000;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.slick-about {
	width: 100%;
	height: auto
}

.slick-next,
.slick-prev {
	position: absolute;
	display: block;
	top: 50%;
	width: 60px;
	height: 60px;
	line-height: normal;
	text-align: center;
	-webkit-transition: all .27s cubic-bezier(0, 0, .58, 1);
	-moz-transition: all .27s cubic-bezier(0, 0, .58, 1);
	-ms-transition: all .27s cubic-bezier(0, 0, .58, 1);
	-o-transition: all .27s cubic-bezier(0, 0, .58, 1);
	transition: all .27s cubic-bezier(0, 0, .58, 1);
	opacity: 0;
	-moz-opacity: 0;
	-webkit-opacity: 0;
	z-index: 1;
	visibility: visible
}

@media only screen and (max-width:1200px) {

	.slick-next,
	.slick-prev {
		top: auto;
		bottom: 0;
		margin-top: -29px
	}
}

.slick-services .slick-next,
.slick-services .slick-prev {
	top: 50%
}

.slick-prev {
	left: -50px
}

.slick-next {
	right: -50px
}

.slick-next:before,
.slick-prev:before {
	font-size: 11px;
	color: #111;
	padding-top: 14px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	display: block;
	width: 66%;
	height: 66%;
	position: absolute;
	background: #fff;
	-webkit-transition: all .27s cubic-bezier(0, 0, .58, 1);
	-moz-transition: all .27s cubic-bezier(0, 0, .58, 1);
	-ms-transition: all .27s cubic-bezier(0, 0, .58, 1);
	-o-transition: all .27s cubic-bezier(0, 0, .58, 1);
	transition: all .27s cubic-bezier(0, 0, .58, 1);
	opacity: 1;
	-moz-opacity: 1;
	-webkit-opacity: 1
}

.slick-prev:before {
	left: 85px;
	top: 9px
}

@media only screen and (max-width:768px) {
	.slick-prev:before {
		left: 60px
	}
}

.slick-next:before {
	right: 85px;
	top: 9px
}

@media only screen and (max-width:768px) {
	.slick-next:before {
		right: 60px
	}
}

.slick-next:hover,
.slick-prev:hover {
	-webkit-transition: 0 none;
	-moz-transition: 0 none;
	-ms-transition: 0 none;
	-o-transition: 0 none;
	transition: 0 none;
	opacity: 1;
	-moz-opacity: 1;
	-webkit-opacity: 1
}

.slick-about,
.slick-services {
	cursor: auto
}

.slick-about:hover .slick-next,
.slick-about:hover .slick-prev,
.slick-fullscreen-slideshow-zoom-fade:hover .slick-next,
.slick-fullscreen-slideshow-zoom-fade:hover .slick-prev,
.slick-next:active:before,
.slick-next:hover:before,
.slick-prev:active:before,
.slick-prev:hover:before,
.slick-services:hover .slick-next,
.slick-services:hover .slick-prev {
	opacity: 1;
	-moz-opacity: 1;
	-webkit-opacity: 1
}

.slick-about:hover .slick-prev,
.slick-fullscreen-slideshow-zoom-fade:hover .slick-prev,
.slick-services:hover .slick-prev {
	left: -35px
}

.slick-about:hover .slick-next,
.slick-fullscreen-slideshow-zoom-fade:hover .slick-next,
.slick-services:hover .slick-next {
	right: -35px
}

.slick-fullscreen-img-fill {
	position: relative;
	display: block;
	width: 100%;
	overflow: hidden
}

.slick-fullscreen-img-fill img {
	position: relative;
	display: inline-block;
	min-width: 100%;
	max-width: none;
	min-height: 100%
}

.slick-fullscreen .slick-fullscreen-item .slick-fullscreen-img-fill,
.slick-fullscreen-slideshow .slick-fullscreen-item .slick-fullscreen-img-fill,
.slick-fullscreen-slideshow-zoom-fade .slick-fullscreen-item .slick-fullscreen-img-fill {
	height: 100vh;
	background: 0 0
}

.slick-fullscreen .slick-fullscreen-item .slick-fullscreen-img-fill .bg-img,
.slick-fullscreen-slideshow .slick-fullscreen-item .slick-fullscreen-img-fill .bg-img,
.slick-fullscreen-slideshow-zoom-fade .slick-fullscreen-item .slick-fullscreen-img-fill .bg-img {
	position: relative;
	width: auto;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover
}

.slick-fullscreen .slick-dots,
.slick-fullscreen-slideshow .slick-dots,
.slick-fullscreen-slideshow-zoom-fade .slick-dots {
	position: absolute;
	width: 100%;
	height: 5px;
	left: 0;
	bottom: 0;
	margin: 0;
	padding: 0;
	background: rgba(255, 255, 255, .25);
	list-style-type: none
}

.slick-fullscreen .slick-dots li button,
.slick-fullscreen-slideshow .slick-dots li button,
.slick-fullscreen-slideshow-zoom-fade .slick-dots li button {
	display: none
}

.slick-fullscreen .slick-dots li,
.slick-fullscreen-slideshow .slick-dots li,
.slick-fullscreen-slideshow-zoom-fade .slick-dots li {
	position: absolute;
	float: left;
	width: 0;
	height: 5px;
	left: -5px;
	background: #fff
}

.slick-fullscreen .slick-dots li.slick-active,
.slick-fullscreen-slideshow .slick-dots li.slick-active,
.slick-fullscreen-slideshow-zoom-fade .slick-dots li.slick-active {
	width: 100%;
	-webkit-animation: progressDots 4s both;
	-moz-animation: progressDots 4s both;
	-ms-animation: progressDots 4s both;
	-o-animation: progressDots 4s both;
	animation: progressDots 4s both
}

@-webkit-keyframes progressDots {
	from {
		width: 0
	}

	to {
		width: 100%
	}
}

@keyframes progressDots {
	from {
		width: 0
	}

	to {
		width: 100%
	}
}

.slick-fullscreen,
.slick-fullscreen-slideshow,
.slick-fullscreen-slideshow-zoom-fade {
	background: 0 0
}

.slick-fullscreen .slick-slide,
.slick-fullscreen-slideshow .slick-slide,
.slick-fullscreen-slideshow-zoom-fade .slick-slide {
	display: none;
	float: left;
	height: 100%
}

.slick-initialized .slick-slide {
	display: block
}

.slick-fullscreen-slideshow-zoom-fade .slick-fullscreen-item .bg-img {
	-webkit-transition: all 1s cubic-bezier(.7, 0, .3, 1);
	-moz-transition: all 1s cubic-bezier(.7, 0, .3, 1);
	-ms-transition: all 1s cubic-bezier(.7, 0, .3, 1);
	-o-transition: all 1s cubic-bezier(.7, 0, .3, 1);
	transition: all 1s cubic-bezier(.7, 0, .3, 1);
	-webkit-transform: scale(1.3);
	-moz-transform: scale(1.3);
	-ms-transform: scale(1.3);
	-o-transform: scale(1.3);
	transform: scale(1.3)
}

.slick-fullscreen-slideshow-zoom-fade .slick-fullscreen-item.slick-active .bg-img {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1)
}

.owl-buttons {
	position: static
}

.owl-next,
.owl-prev {
	position: absolute;
	display: block;
	top: 50%;
	margin-top: -29px;
	width: 60px;
	height: 60px;
	line-height: normal;
	font-size: 11px;
	padding-top: 23px;
	color: #111;
	text-align: center;
	-webkit-transition: all .27s cubic-bezier(0, 0, .58, 1);
	-moz-transition: all .27s cubic-bezier(0, 0, .58, 1);
	-ms-transition: all .27s cubic-bezier(0, 0, .58, 1);
	-o-transition: all .27s cubic-bezier(0, 0, .58, 1);
	transition: all .27s cubic-bezier(0, 0, .58, 1);
	opacity: .5;
	-moz-opacity: .5;
	-webkit-opacity: .5;
	visibility: visible
}

.owl-prev {
	left: -40px;
	padding-left: 21px
}

.owl-next {
	right: -50px;
	padding-right: 21px
}

.owl-next:before,
.owl-prev:before {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	content: "";
	display: block;
	width: 66%;
	height: 66%;
	position: absolute;
	background: #fff;
	-webkit-transition: all .27s cubic-bezier(0, 0, .58, 1);
	-moz-transition: all .27s cubic-bezier(0, 0, .58, 1);
	-ms-transition: all .27s cubic-bezier(0, 0, .58, 1);
	-o-transition: all .27s cubic-bezier(0, 0, .58, 1);
	transition: all .27s cubic-bezier(0, 0, .58, 1)
}

.owl-prev:before {
	left: 55px;
	top: 9px
}

@media only screen and (max-width:768px) {
	.owl-prev:before {
		left: 60px
	}
}

.owl-next:before {
	right: 65px;
	top: 9px
}

@media only screen and (max-width:768px) {
	.owl-next:before {
		right: 60px
	}
}

.owl-next .owl-custom,
.owl-prev .owl-custom {
	position: relative
}

.owl-prev .owl-custom {
	position: relative;
	left: 35px
}

@media only screen and (max-width:768px) {
	.owl-prev .owl-custom {
		left: 39px
	}
}

.owl-next .owl-custom {
	position: relative;
	right: 44px
}

@media only screen and (max-width:768px) {
	.owl-next .owl-custom {
		right: 39px
	}
}

.owl-next:hover,
.owl-prev:hover {
	-webkit-transition: 0 none;
	-moz-transition: 0 none;
	-ms-transition: 0 none;
	-o-transition: 0 none;
	transition: 0 none
}

.owl-carousel:hover .owl-next,
.owl-carousel:hover .owl-prev,
.owl-next:active:before,
.owl-next:hover:before,
.owl-prev:active:before,
.owl-prev:hover:before {
	opacity: 1;
	-moz-opacity: 1;
	-webkit-opacity: 1
}

.owl-carousel:hover .owl-prev {
	left: -25px
}

.owl-carousel:hover .owl-next {
	right: -35px
}

.mfp-arrow-left:after {
	font-family: Ionicons;
	content: "\f124";
	font-size: 18px;
	color: #fff;
	margin-top: 22px
}

.mfp-arrow-right:after {
	font-family: Ionicons;
	content: "\f125";
	font-size: 18px;
	color: #fff;
	margin-top: 22px
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
	cursor: crosshair
}

.mfp-arrow-left:after,
.mfp-arrow-left:before {
	border-right: none
}

.mfp-arrow-right:after,
.mfp-arrow-right:before {
	border-left: none
}

.mfp-title {
	font-family: Raleway, sans-serif;
	font-size: 13px;
	line-height: 1.5;
	font-style: normal;
	font-weight: 400;
	letter-spacing: .05em
}

#fp-nav.left,
#fp-nav.right {
	z-index: -1 !important;
	display: none;
	visibility: hidden
}

.YT-bg {
	display: none
}

@media only screen and (max-width:880px) {
	.YT-bg {
		position: relative;
		height: 100%;
		background-image: url(../img/background/YT-bg.jpg);
		background-repeat: no-repeat;
		background-position: center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-ms-background-size: cover;
		-o-background-size: cover;
		background-size: cover
	}
}

#videoContainment {
	position: absolute;
	display: block;
	width: 100% !important;
	height: 100% !important;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	background: #000;
	z-index: 0
}

.mb_YTPBar .mb_YTPProgress {
	background: #fff;
	height: 10px
}

.mb_YTPBar .mb_YTPseekbar {
	background: #5f5f5f;
	height: 10px
}

.mb_YTPBar .mb_YTPLoaded {
	background: #db0018
}

.mb_YTPBar {
	opacity: .25;
	-moz-opacity: .25;
	-webkit-opacity: .25;
	z-index: 100 !important
}

@media only screen and (max-width:880px) {
	.mb_YTPBar {
		display: none;
		visibility: hidden
	}
}

.mb_YTPBar.visible,
.mb_YTPBar:hover {
	opacity: 1;
	-moz-opacity: 1;
	-webkit-opacity: 1
}

.mb_YTPBar .buttonBar,
.mb_YTPBar:hover .buttonBar {
	background: 0 0
}

.mb_YTPBar,
.mb_YTPBar span.mb_YTPUrl a {
	color: #fff
}

.mb_YTPBar .level {
	background-color: #fff
}

@media only screen and (max-width:880px) {

	.mb_YTPBar span.mb_OnlyYT,
	.mb_YTPBar span.mb_YTPUrl {
		display: none;
		visibility: hidden
	}
}

#changeVideo {
	position: absolute;
	top: 135px;
	right: 155px;
	width: auto;
	margin: 0;
	-webkit-transition: 1.2s cubic-bezier(.67, .02, .2, .97) 2.3s;
	-moz-transition: 1.2s cubic-bezier(.67, .02, .2, .97) 2.3s;
	-ms-transition: 1.2s cubic-bezier(.67, .02, .2, .97) 2.3s;
	-o-transition: 1.2s cubic-bezier(.67, .02, .2, .97) 2.3s;
	transition: 1.2s cubic-bezier(.67, .02, .2, .97) 2.3s;
	opacity: 1;
	-moz-opacity: 1;
	-webkit-opacity: 1;
	cursor: pointer;
	z-index: 100
}

@media only screen and (max-width:880px) {
	#changeVideo {
		top: auto;
		bottom: 75px;
		right: 75px;
		-webkit-transition: none;
		-moz-transition: none;
		-ms-transition: none;
		-o-transition: none;
		transition: none
	}
}

.page-loaded #changeVideo {
	opacity: 1;
	-moz-opacity: 1;
	-webkit-opacity: 1
}

#changeVideo .active {
	color: #111;
	background: #fff
}

@media only screen and (max-width:480px) {
	.mb_YTPBar .mb_YTPUrl.ytpicon {
		display: none
	}
}

.vimeo-bg {
	display: none
}

@media only screen and (max-width:880px) {
	.vimeo-bg {
		position: relative;
		height: 100%;
		background-image: url(../img/background/vimeo-bg.jpg);
		background-repeat: no-repeat;
		background-position: center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-ms-background-size: cover;
		-o-background-size: cover;
		background-size: cover
	}

	#vimeo-videoContainment {
		display: none
	}
}

#vimeo-videoContainment {
	position: absolute;
	display: block;
	width: 100% !important;
	height: 100% !important;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	background: #000;
	z-index: 0
}

#vimeo-videoContainment embed,
#vimeo-videoContainment iframe,
#vimeo-videoContainment object {
	border: none
}

.html5-bg {
	display: none
}

@media only screen and (max-width:880px) {
	.html5-bg {
		position: relative;
		height: 100%;
		background-image: url(../img/background/html5-bg.jpg);
		background-repeat: no-repeat;
		background-position: center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-ms-background-size: cover;
		-o-background-size: cover;
		background-size: cover
	}
}

.html5-videoContainment {
	position: absolute;
	top: 50%;
	left: 50%;
	width: auto;
	min-width: 100%;
	height: auto;
	min-height: 100%;
	background: #000;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 0
}

@media screen and (min-width:992px) {
	#fullpage {
		width: calc(100% - 200px);
		margin-left: 200px;
		position: relative
	}
}

.vert-menu-wrap {
	width: 200px;
	float: left;
	padding: 5px 0;
	height: 100vh;
	position: relative;
	background-image: url(../images/menu-bg.webp);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	z-index: 1
}

.vert-menu-wrap.fixed-menu {
	position: fixed;
	left: 0;
	top: 0
}

.vert-menu-wrap .logo-wrap {
	float: left;
	width: 100%;
	margin-bottom: 0;
	text-align: center;
	padding: 0 10px
}

.vert-menu-wrap .links.bottom-links {
	position: absolute;
	bottom: 20px;
	left: 12px;
	width: 87%
}

.vert-menu-wrap .links.bottom-links li {
	margin-top: 5px;
	padding: 11px 25px 11px 25px
}

.vert-menu-wrap .links.bottom-links li a {
	color: #fff;
	padding: 0;
	position: relative;
	z-index: 2;
	font-size: 15px
}

.vert-menu-wrap .links.bottom-links .bg-btn {
	background: #0074c6 linear-gradient(0deg, #0084c3, #1f5071);
	margin-bottom: 5px;
	border-radius: 150px;
	border: 1px solid transparent
}

.vert-menu-wrap .links.bottom-links .bg-btn a {
	color: #fff;
	text-align: center
}

.vert-menu-wrap .links.bottom-links li.active a {
	font-weight: 500
}

.vert-menu-wrap .links.bottom-links .bg-btn:hover {
	background: #fff;
	border: 1px solid #0074c6
}

.vert-menu-wrap .links.bottom-links .bg-btn:hover a {
	color: #0074c6
}

.vert-menu-wrap .links.bottom-links .bd-btn {
	border: 1px solid #0074c6
}

.vert-menu-wrap .links.bottom-links .bd-btn a {
	color: #0074c6;
	text-align: center
}

.vert-menu-wrap .links.bottom-links .bd-btn:hover {
	background: #0074c6;
	border: 1px solid #fff
}

.vert-menu-wrap .links.bottom-links .bd-btn:hover a {
	color: #fff
}

.vert-menu-wrap .logo-wrap a img {
	max-height: 55px
}

.vert-menu-wrap .links {
	float: left;
	width: 100%;
	margin-top: 1vh
}

.vert-menu-wrap .links li {
	display: inline-block;
	width: 100%;
	position: relative;
	float: left
}

.vert-menu-wrap .links li a {
	display: inline-block;
	width: 100%;
	color: #000;
	padding: 9px 15px;
	font-size: 16px;
	text-decoration: none
}

.vert-menu-wrap .links li a svg {
	width: 15px;
	height: 25px;
	vertical-align: bottom;
	float: right
}

.vert-menu-wrap .links li .submenu-parent {
	display: none;
	position: absolute;
	background: #fff;
	right: -100%;
	top: 0;
	z-index: 1;
	box-shadow: 0 5px 5px rgba(0, 0, 0, .4)
}

.vert-menu-wrap .links li .submenu-parent .submenu-child {
	display: none;
	position: absolute;
	background: #fff;
	right: -100%;
	bottom: 0;
	z-index: 1;
	box-shadow: 0 5px 5px rgba(0, 0, 0, .4)
}

.vert-menu-wrap .links li .submenu-parent .submenu-child li a,
.vert-menu-wrap .links li .submenu-parent li a {
	display: inline-block;
	width: 100%;
	color: #000;
	padding: 9px 15px;
	font-size: 16px;
	text-decoration: none
}

.vert-menu-wrap .links li:hover .submenu-parent {
	display: block
}

.vert-menu-wrap .links li .submenu-parent li:hover .submenu-child {
	display: block
}

.vert-menu-wrap .links li.active:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: 0 0;
	-webkit-animation: slide .5s;
	-o-animation: slide .5s;
	animation: slide .5s;
	z-index: -1
}

.vert-menu-wrap .links li.active .submenu-parent li:before {
	animation: none;
	-webkit-animation: none
}

.vert-menu-wrap .links li .submenu-parent li.active a {
	color: #0074c6
}

@-webkit-keyframes slide {
	0% {
		background: #0074c6;
		-webkit-transform-origin: left center;
		-moz-transform-origin: left center;
		-ms-transform-origin: left center;
		transform-origin: left center;
		-webkit-transform: scale(0, 1);
		-moz-transform: scale(0, 1);
		-ms-transform: scale(0, 1);
		-o-transform: scale(0, 1);
		transform: scale(0, 1);
		-webkit-transition: -webkit-transform .4s cubic-bezier(.4, 0, .2, 1);
		-moz-transition: -moz-transform .4s cubic-bezier(.4, 0, .2, 1);
		-ms-transition: -ms-transform .4s cubic-bezier(.4, 0, .2, 1);
		-o-transition: -o-transform .4s cubic-bezier(.4, 0, .2, 1);
		transition: transform .4s cubic-bezier(.4, 0, .2, 1)
	}

	50% {
		background: #0074c6;
		-webkit-transform-origin: left center;
		-moz-transform-origin: left center;
		-ms-transform-origin: left center;
		transform-origin: left center;
		-webkit-transform: scale(1, 1);
		-moz-transform: scale(1, 1);
		-ms-transform: scale(1, 1);
		-o-transform: scale(1, 1);
		transform: scale(1, 1);
		-webkit-transition: -webkit-transform .4s cubic-bezier(.4, 0, .2, 1);
		-moz-transition: -moz-transform .4s cubic-bezier(.4, 0, .2, 1);
		-ms-transition: -ms-transform .4s cubic-bezier(.4, 0, .2, 1);
		-o-transition: -o-transform .4s cubic-bezier(.4, 0, .2, 1);
		transition: transform .4s cubic-bezier(.4, 0, .2, 1)
	}

	100% {
		background: #0074c6;
		-webkit-transform-origin: left center;
		-moz-transform-origin: left center;
		-ms-transform-origin: left center;
		transform-origin: left center;
		-webkit-transform: scale(0, 1);
		-moz-transform: scale(0, 1);
		-ms-transform: scale(0, 1);
		-o-transform: scale(0, 1);
		transform: scale(0, 1);
		-webkit-transition: -webkit-transform .4s cubic-bezier(.4, 0, .2, 1);
		-moz-transition: -moz-transform .4s cubic-bezier(.4, 0, .2, 1);
		-ms-transition: -ms-transform .4s cubic-bezier(.4, 0, .2, 1);
		-o-transition: -o-transform .4s cubic-bezier(.4, 0, .2, 1);
		transition: transform .4s cubic-bezier(.4, 0, .2, 1)
	}
}

@-moz-keyframes slide {
	0% {
		background: #0074c6;
		-webkit-transform-origin: left center;
		-moz-transform-origin: left center;
		-ms-transform-origin: left center;
		transform-origin: left center;
		-webkit-transform: scale(0, 1);
		-moz-transform: scale(0, 1);
		-ms-transform: scale(0, 1);
		-o-transform: scale(0, 1);
		transform: scale(0, 1);
		-webkit-transition: -webkit-transform .4s cubic-bezier(.4, 0, .2, 1);
		-moz-transition: -moz-transform .4s cubic-bezier(.4, 0, .2, 1);
		-ms-transition: -ms-transform .4s cubic-bezier(.4, 0, .2, 1);
		-o-transition: -o-transform .4s cubic-bezier(.4, 0, .2, 1);
		transition: transform .4s cubic-bezier(.4, 0, .2, 1)
	}

	50% {
		background: #0074c6;
		-webkit-transform-origin: left center;
		-moz-transform-origin: left center;
		-ms-transform-origin: left center;
		transform-origin: left center;
		-webkit-transform: scale(1, 1);
		-moz-transform: scale(1, 1);
		-ms-transform: scale(1, 1);
		-o-transform: scale(1, 1);
		transform: scale(1, 1);
		-webkit-transition: -webkit-transform .4s cubic-bezier(.4, 0, .2, 1);
		-moz-transition: -moz-transform .4s cubic-bezier(.4, 0, .2, 1);
		-ms-transition: -ms-transform .4s cubic-bezier(.4, 0, .2, 1);
		-o-transition: -o-transform .4s cubic-bezier(.4, 0, .2, 1);
		transition: transform .4s cubic-bezier(.4, 0, .2, 1)
	}

	100% {
		background: #0074c6;
		-webkit-transform-origin: left center;
		-moz-transform-origin: left center;
		-ms-transform-origin: left center;
		transform-origin: left center;
		-webkit-transform: scale(0, 1);
		-moz-transform: scale(0, 1);
		-ms-transform: scale(0, 1);
		-o-transform: scale(0, 1);
		transform: scale(0, 1);
		-webkit-transition: -webkit-transform .4s cubic-bezier(.4, 0, .2, 1);
		-moz-transition: -moz-transform .4s cubic-bezier(.4, 0, .2, 1);
		-ms-transition: -ms-transform .4s cubic-bezier(.4, 0, .2, 1);
		-o-transition: -o-transform .4s cubic-bezier(.4, 0, .2, 1);
		transition: transform .4s cubic-bezier(.4, 0, .2, 1)
	}
}

@-o-keyframes slide {
	0% {
		background: #0074c6;
		-webkit-transform-origin: left center;
		-moz-transform-origin: left center;
		-ms-transform-origin: left center;
		transform-origin: left center;
		-webkit-transform: scale(0, 1);
		-moz-transform: scale(0, 1);
		-ms-transform: scale(0, 1);
		-o-transform: scale(0, 1);
		transform: scale(0, 1);
		-webkit-transition: -webkit-transform .4s cubic-bezier(.4, 0, .2, 1);
		-moz-transition: -moz-transform .4s cubic-bezier(.4, 0, .2, 1);
		-ms-transition: -ms-transform .4s cubic-bezier(.4, 0, .2, 1);
		-o-transition: -o-transform .4s cubic-bezier(.4, 0, .2, 1);
		transition: transform .4s cubic-bezier(.4, 0, .2, 1)
	}

	50% {
		background: #0074c6;
		-webkit-transform-origin: left center;
		-moz-transform-origin: left center;
		-ms-transform-origin: left center;
		transform-origin: left center;
		-webkit-transform: scale(1, 1);
		-moz-transform: scale(1, 1);
		-ms-transform: scale(1, 1);
		-o-transform: scale(1, 1);
		transform: scale(1, 1);
		-webkit-transition: -webkit-transform .4s cubic-bezier(.4, 0, .2, 1);
		-moz-transition: -moz-transform .4s cubic-bezier(.4, 0, .2, 1);
		-ms-transition: -ms-transform .4s cubic-bezier(.4, 0, .2, 1);
		-o-transition: -o-transform .4s cubic-bezier(.4, 0, .2, 1);
		transition: transform .4s cubic-bezier(.4, 0, .2, 1)
	}

	100% {
		background: #0074c6;
		-webkit-transform-origin: left center;
		-moz-transform-origin: left center;
		-ms-transform-origin: left center;
		transform-origin: left center;
		-webkit-transform: scale(0, 1);
		-moz-transform: scale(0, 1);
		-ms-transform: scale(0, 1);
		-o-transform: scale(0, 1);
		transform: scale(0, 1);
		-webkit-transition: -webkit-transform .4s cubic-bezier(.4, 0, .2, 1);
		-moz-transition: -moz-transform .4s cubic-bezier(.4, 0, .2, 1);
		-ms-transition: -ms-transform .4s cubic-bezier(.4, 0, .2, 1);
		-o-transition: -o-transform .4s cubic-bezier(.4, 0, .2, 1);
		transition: transform .4s cubic-bezier(.4, 0, .2, 1)
	}
}

@keyframes slide {
	0% {
		background: #0074c6;
		-webkit-transform-origin: left center;
		-moz-transform-origin: left center;
		-ms-transform-origin: left center;
		transform-origin: left center;
		-webkit-transform: scale(0, 1);
		-moz-transform: scale(0, 1);
		-ms-transform: scale(0, 1);
		-o-transform: scale(0, 1);
		transform: scale(0, 1);
		-webkit-transition: -webkit-transform .4s cubic-bezier(.4, 0, .2, 1);
		-moz-transition: -moz-transform .4s cubic-bezier(.4, 0, .2, 1);
		-ms-transition: -ms-transform .4s cubic-bezier(.4, 0, .2, 1);
		-o-transition: -o-transform .4s cubic-bezier(.4, 0, .2, 1);
		transition: transform .4s cubic-bezier(.4, 0, .2, 1)
	}

	50% {
		background: #0074c6;
		-webkit-transform-origin: left center;
		-moz-transform-origin: left center;
		-ms-transform-origin: left center;
		transform-origin: left center;
		-webkit-transform: scale(1, 1);
		-moz-transform: scale(1, 1);
		-ms-transform: scale(1, 1);
		-o-transform: scale(1, 1);
		transform: scale(1, 1);
		-webkit-transition: -webkit-transform .4s cubic-bezier(.4, 0, .2, 1);
		-moz-transition: -moz-transform .4s cubic-bezier(.4, 0, .2, 1);
		-ms-transition: -ms-transform .4s cubic-bezier(.4, 0, .2, 1);
		-o-transition: -o-transform .4s cubic-bezier(.4, 0, .2, 1);
		transition: transform .4s cubic-bezier(.4, 0, .2, 1)
	}

	100% {
		background: #0074c6;
		-webkit-transform-origin: left center;
		-moz-transform-origin: left center;
		-ms-transform-origin: left center;
		transform-origin: left center;
		-webkit-transform: scale(0, 1);
		-moz-transform: scale(0, 1);
		-ms-transform: scale(0, 1);
		-o-transform: scale(0, 1);
		transform: scale(0, 1);
		-webkit-transition: -webkit-transform .4s cubic-bezier(.4, 0, .2, 1);
		-moz-transition: -moz-transform .4s cubic-bezier(.4, 0, .2, 1);
		-ms-transition: -ms-transform .4s cubic-bezier(.4, 0, .2, 1);
		-o-transition: -o-transform .4s cubic-bezier(.4, 0, .2, 1);
		transition: transform .4s cubic-bezier(.4, 0, .2, 1)
	}
}

.vert-menu-wrap .links li:hover a {
	color: #0074c6
}

.vert-menu-wrap .links li:hover .submenu-parent li:hover a {
	color: #0074c6
}

.vert-menu-wrap .links li:hover .submenu-parent li:hover .submenu-child li a {
	color: #000
}

.vert-menu-wrap .links li:hover .submenu-parent li:hover .submenu-child li:hover a {
	color: #0074c6
}

.vert-menu-wrap .links li:hover a svg {
	fill: #0074c6
}

.vert-menu-wrap .links li:hover .submenu-parent li a svg {
	fill: #111
}

.vert-menu-wrap .links li.active a {
	color: #0074c6;
	font-weight: 600;
	-webkit-animation: textanim .5s;
	-o-animation: textanim .5s;
	animation: textanim .5s
}

.vert-menu-wrap .links li.active a svg {
	fill: #0074c6;
	-webkit-animation: textanim .5s;
	-o-animation: textanim .5s;
	animation: textanim .5s
}

.vert-menu-wrap .links li.active .submenu-parent li a svg {
	fill: #000;
	animation: none;
	-webkit-animation: none
}

.vert-menu-wrap .links li.active .submenu-parent li a {
	font-weight: 500;
	animation: none;
	-webkit-animation: none;
	-o-animation: none
}

.vert-menu-wrap .links.bottom-links li:hover a {
	color: #fff
}

@-webkit-keyframes textanim {
	100% {
		color: #fff;
		fill: #fff
	}
}

@-moz-keyframes textanim {
	100% {
		color: #fff;
		fill: #fff
	}
}

@-o-keyframes textanim {
	100% {
		color: #fff;
		fill: #fff
	}
}

@keyframes textanim {
	100% {
		color: #fff;
		fill: #fff
	}
}

.p-r-5 {
	padding-right: 5px
}

.p-l-5 {
	padding-left: 5px
}

img {
	max-width: 100%
}

.text-blue {
	color: #0074c6 !important
}

.text-dark-brown {
	color: #403224 !important
}

.mb-10 {
	margin-bottom: 10px
}

.initial-content-detail {
	margin-top: 20px
}

.initial-content-detail li {
	display: inline-block;
	width: 100%;
	margin-bottom: 8px
}

.initial-content-detail li span {
	display: inline-block;
	width: 52%
}

.initial-content-detail li strong {
	display: inline-block;
	margin-right: 5px;
	text-transform: capitalize;
	position: relative;
	vertical-align: top;
	width: 45%;
	font-weight: 400
}

.initial-content-detail li strong span {
	position: relative;
	z-index: 1;
	width: auto;
	padding-right: 15px
}

.initial-content-detail li strong:after {
	content: "";
	position: absolute;
	right: 20px;
	bottom: 10px;
	width: 45%;
	height: 1px;
	background: #fff
}

.heading-text {
	color: #000;
	line-height: 45px
}

@media screen and (min-width:992px) {
	.shrink-right-md {
		padding-right: 35px
	}

	.shrink-left-md {
		padding-left: 35px
	}
}

@media screen and (min-width:1200px) {
	.shrink-right-md {
		padding-right: 50px
	}

	.shrink-left-md {
		padding-left: 50px
	}
}

@media screen and (min-width:1400px) {
	.shrink-right-md {
		padding-right: 70px
	}

	.shrink-left-md {
		padding-left: 70px
	}
}

@media screen and (min-width:1200px) {
	.widget-line {
		display: block;
		height: 1px;
		border: 0;
		background-color: #ccc;
		margin: 24px auto 42px 0
	}
}

@media screen and (min-width:1600px) {
	.widget-line {
		margin-top: 42px;
		margin-bottom: 62px
	}
}

.mt-30 {
	margin-top: 30px
}

.bg-white {
	background: #fff
}

@media screen and (min-width:768px) {
	.flex-sm {
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-ms-flex-align: center;
		-webkit-align-items: center;
		-webkit-box-align: center;
		align-items: center;
		width: 100%;
		height: 100%;
		min-height: inherit
	}

	.flex-wrap {
		flex-wrap: wrap
	}

	.align-items-flex-end {
		align-items: flex-end !important
	}

	.align-items-flex-start {
		align-items: flex-start !important
	}

	.flex-order-1 {
		order: 1
	}

	.flex-order-2 {
		order: 2
	}

	.align-self-baseline {
		align-self: baseline
	}
}

.work-bg.csr {
	background-image: url(../images/kiran-hospital-2.JPG)
}

.csr-tabs-wrap {
	z-index: 1;
	padding: 0;
	position: absolute;
	left: 0;
	bottom: 0;
	padding-bottom: 10px
}

.csr-slider ul {
	float: left;
	width: 100%
}

.csr-slider ul li {
	display: inline-block;
	width: 100%;
	margin-bottom: 10px;
	position: relative;
	padding-left: 15px;
	text-align: justify
}

.csr-slider ul.less-margin li {
	display: inline-block;
	width: 100%;
	margin-bottom: 4px;
	position: relative;
	padding-left: 15px;
	text-align: justify
}

.csr-slider ul li:before {
	content: "-";
	position: absolute;
	left: 0
}

.csr-slider ul.less-margin li ul li {
	display: inline-block;
	width: 100%;
	margin-bottom: 4px;
	position: relative;
	padding-left: 0;
	text-align: justify
}

.csr-slider ul.less-margin li ul li .h4 {
	padding-right: 25px
}

.csr-slider ul li ul li:before {
	content: "";
	position: relative;
	left: auto
}

.manuf-bg {
	background-image: url(../images/14.webp)
}

.manuf-bg {
	background-repeat: repeat-x;
	background-size: 150% auto;
	background-position: -86% -44%;
	background-color: #fff;
	padding: 0;
	position: absolute;
	top: 0;
	bottom: 0;
	width: 100vw;
	height: auto
}

.manuf-bg-2 {
	background-image: url(../images/manu-2.jpg)
}

.manuf-bg-wrapper,
.manuf-content-wrapper {
	position: relative;
	height: 100vh
}

.manuf-bg-2 {
	height: 100vh;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover
}

@media (min-width:992px) {
	.manuf-bg-2 {
		position: absolute;
		width: 100vw;
		height: auto;
		top: 0;
		bottom: 0
	}
}

@media only screen and (max-width:640px) {
	.manuf-bg-2 {
		min-height: 350px
	}
}

.accrediation-bg {
	background-image: url(../images/accreditation-p.jpg)
}

.acc-bg-wrapper {
	position: relative;
	height: 100vh
}

.accrediation-bg {
	height: 100vh;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover
}

@media (min-width:992px) {
	.accrediation-bg {
		position: absolute;
		width: 50vw;
		height: auto;
		top: 0;
		bottom: 0
	}
}

@media only screen and (max-width:640px) {
	.accrediation-bg {
		min-height: 350px
	}
}

.manufacturing-detail {
	position: absolute;
	background: #4b4b4c;
	padding: 0;
	bottom: 0;
	left: 0;
	z-index: 1
}

.manufacturing-detail .manuf-text {
	background: #3988c7 linear-gradient(45deg, #2b6da2, #3988c7);
	padding: 10px 20px 25px
}

.manufacturing-detail.right {
	left: auto;
	right: 0
}

.accrediation .detail {
	float: left;
	width: 100%
}

.accrediation img {
	max-width: 50px;
	float: left;
	margin-right: 20px
}

.accrediation .text {
	float: left;
	width: 80%
}

.accrediation .detail .h4 {
	padding-left: 20px
}

.accrediation .detail .acc-text {
	margin-bottom: 15px
}

.contain-bg {
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-ms-background-size: contain;
	-o-background-size: contain;
	background-size: contain
}

.left-side {
	background-position: center left
}

.about-center {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 100px;
	margin: auto;
	z-index: 1;
	display: table;
	border: 2px solid #fff;
	padding: 20px
}

.about-center:after {
	content: "";
	position: absolute;
	top: 50%;
	right: -100vw;
	width: 100vw;
	height: 2px;
	background: #fff
}

.about-center.right-text {
	position: absolute;
	padding: 0;
	top: 0;
	bottom: 0;
	left: auto;
	right: 100px;
	margin: auto;
	z-index: 1;
	display: table;
	border: 2px solid #fff;
	padding: 20px
}

.about-center.right-text:after {
	content: "";
	position: absolute;
	top: 50%;
	right: auto;
	left: -100vw;
	width: 100vw;
	height: 2px;
	background: #fff
}

.about-center .about-text {
	display: table-cell;
	vertical-align: middle;
	background: rgba(255, 255, 255, .9);
	padding: 20px
}

.about-bg-2 {
	background-image: url(../images/12.jpg)
}

.about-bg-3 {
	background-image: url(../images/csr-banner-i.jpg)
}

.about-bg-4 {
	background-image: url(../images/chairman-static.jpg)
}

.about-bg-wrapper-1 {
	position: relative;
	height: 100vh
}

.about-bg-2 {
	background-repeat: repeat-x;
	background-size: 150% auto;
	background-position: -86% -44%;
	background-color: #fff;
	padding: 0;
	position: absolute;
	top: 0;
	bottom: 0;
	width: 100vw;
	height: auto
}

.about-bg-3,
.about-bg-4 {
	height: 100vh;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover
}

@media (min-width:992px) {

	.about-bg-3,
	.about-bg-4 {
		position: absolute;
		width: 100vw;
		height: auto;
		top: 0;
		bottom: 0
	}
}

@media only screen and (max-width:640px) {

	.about-bg-3,
	.about-bg-4 {
		min-height: 350px
	}
}

.quote-text {
	position: absolute;
	padding: 0;
	top: 0;
	bottom: 0;
	left: 100px;
	margin: auto;
	z-index: 1;
	display: table;
	padding: 20px
}

.quote-text .about-text {
	position: relative;
	top: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
	display: table;
	overflow: hidden;
	margin: .5em auto 0;
	padding: 50px;
	width: calc(100% - 2 * 50px - 1em);
	max-width: 47em;
	min-height: 10em;
	border-radius: 1em;
	color: #fff
}

.quote-text .about-text:before {
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	margin: calc(-1 * 50px);
	padding: inherit;
	border-radius: 50%;
	box-shadow: 0 0 0 85em rgba(255, 255, 255, .2);
	content: ""
}

.quote-text .quote-bubble {
	position: absolute;
	top: 10px;
	color: #fff;
	font-family: Metropolis, sans-serif;
	font-weight: 300;
	line-height: 1;
	left: 60px
}

.quote-text .quote-bubble svg {
	max-width: 50px
}

.timeline {
	background: #f6f6f6
}

.timeline:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 1px;
	height: 100%;
	background: #ccc
}

.timeline .timeline__container {
	margin: 0;
	padding: 0;
	list-style: none
}

.timeline .timeline__container .timeline__item {
	color: #323232;
	padding-bottom: 10px;
	cursor: pointer;
	position: relative;
	margin-bottom: 20px
}

.timeline .timeline__container .timeline__item .timeline__date {
	display: inline-block;
	vertical-align: bottom;
	width: calc(50% - 1px);
	font-weight: 500;
	font-size: 20px;
	letter-spacing: .04px;
	border-bottom: 1px solid #9cb5c7;
	padding-bottom: 15px;
	transition: .3s cubic-bezier(0, .77, .83, 1)
}

.timeline .timeline__container .timeline__item .timeline__name {
	display: inline-block;
	vertical-align: bottom;
	width: calc(50% - 5px);
	font-weight: 500;
	font-size: 16px;
	letter-spacing: .03px;
	line-height: 2rem;
	padding-left: 35px;
	margin-bottom: -8px;
	transition: .3s cubic-bezier(0, .77, .83, 1)
}

.timeline .timeline__container .timeline__item .timeline__ring {
	position: absolute;
	width: 26px;
	height: 26px;
	bottom: -2px;
	left: 50%;
	-ms-transform: translateX(-50%);
	transform: translateX(-50%)
}

.timeline .timeline__container .timeline__item.active .timeline__date,
.timeline .timeline__container .timeline__item:hover .timeline__date {
	font-size: 25px;
	color: #0074c6;
	letter-spacing: .06px;
	border-color: #0074c6
}

.timeline .timeline__container .timeline__item.active .timeline__date,
.timeline .timeline__container .timeline__item:hover .timeline__date {
	font-size: 25px;
	color: #0074c6;
	letter-spacing: .06px;
	border-color: #0074c6
}

.timeline .timeline__container .timeline__item.active .timeline__name,
.timeline .timeline__container .timeline__item:hover .timeline__name {
	font-size: 25px;
	color: #0074c6;
	letter-spacing: .05px;
	margin-bottom: -7px;
	line-height: 2.5rem
}

.timeline .timeline__container .timeline__item.active .timeline__ring svg circle,
.timeline .timeline__container .timeline__item:hover .timeline__ring svg circle {
	stroke: #0074c6
}

.positioned-header {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	background: #f6f6f6;
	margin: auto
}

.centered-content {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	background: #fff;
	padding: 30px;
	height: min-content
}

.dia-types {
	height: 50vh
}

.dia-types .dia-text-outer {
	padding: 0 30px 15px
}

.dia-types .dia-text .h3,
.dia-types .dia-text p {
	width: 100%;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}

.dia-types:hover .dia-text .h3 {
	color: #0074c6
}

.dia-types.left-side .dia-text-outer {
	margin: 30px 50px 30px 30px
}

.dia-types.right-side .dia-text-outer {
	margin: 30px 30px 30px 50px
}

.dia-text-outer {
	position: relative;
	display: inline-block;
	padding: .5em 2em;
	cursor: pointer;
	overflow: hidden
}

.dia-text-outer:after,
.dia-text-outer:before {
	content: "";
	position: absolute;
	left: 0;
	height: 2px;
	width: 100%;
	background-color: #ccc
}

.dia-text-outer:before {
	top: 0
}

.dia-text-outer:after {
	bottom: 0
}

.dia-text-outer:hover>*>:after,
.dia-text-outer:hover>*>:before {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.dia-text-outer:hover>*>*>:after,
.dia-text-outer:hover>*>*>:before {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.dia-text-outer>:after,
.dia-text-outer>:before {
	content: "";
	position: absolute;
	top: 0;
	height: 100%;
	width: 2px;
	background-color: #ccc
}

.dia-text-outer>:before {
	left: 0
}

.dia-text-outer>:after {
	right: 0
}

.dia-text-outer>*>:after,
.dia-text-outer>*>:before {
	content: "";
	position: absolute;
	left: 0;
	z-index: 9;
	height: 2px;
	width: 100%;
	background-color: #0074c6
}

.dia-text-outer>*>:before {
	top: 0;
	-webkit-transform: translate3d(-105%, 0, 0);
	transform: translate3d(-105%, 0, 0);
	transition: -webkit-transform .8s cubic-bezier(.4, 0, .2, 1);
	transition: transform .8s cubic-bezier(.4, 0, .2, 1);
	transition: transform .8s cubic-bezier(.4, 0, .2, 1), -webkit-transform .8s cubic-bezier(.4, 0, .2, 1)
}

.dia-text-outer>*>:after {
	bottom: 0;
	-webkit-transform: translate3d(105%, 0, 0);
	transform: translate3d(105%, 0, 0);
	transition: -webkit-transform .8s cubic-bezier(.4, 0, .2, 1);
	transition: transform .8s cubic-bezier(.4, 0, .2, 1);
	transition: transform .8s cubic-bezier(.4, 0, .2, 1), -webkit-transform .8s cubic-bezier(.4, 0, .2, 1)
}

.dia-text-outer>*>*>:after,
.dia-text-outer>*>*>:before {
	content: "";
	position: absolute;
	top: 0;
	z-index: 9;
	height: 100%;
	width: 2px;
	background-color: #0074c6
}

.dia-text-outer>*>*>:before {
	left: 0;
	-webkit-transform: translate3d(0, 105%, 0);
	transform: translate3d(0, 105%, 0);
	transition: -webkit-transform .8s cubic-bezier(.4, 0, .2, 1);
	transition: transform .8s cubic-bezier(.4, 0, .2, 1);
	transition: transform .8s cubic-bezier(.4, 0, .2, 1), -webkit-transform .8s cubic-bezier(.4, 0, .2, 1)
}

.dia-text-outer>*>*>:after {
	right: 0;
	-webkit-transform: translate3d(0, -105%, 0);
	transform: translate3d(0, -105%, 0);
	transition: -webkit-transform .8s cubic-bezier(.4, 0, .2, 1);
	transition: transform .8s cubic-bezier(.4, 0, .2, 1);
	transition: transform .8s cubic-bezier(.4, 0, .2, 1), -webkit-transform .8s cubic-bezier(.4, 0, .2, 1)
}

.dia-types.left-side:after {
	content: "";
	position: absolute;
	top: 24vh;
	right: 45px;
	width: 10px;
	height: 10px;
	border-radius: 20px;
	background: #ccc;
	z-index: 11
}

.dia-types.left-side:before {
	content: "";
	position: absolute;
	top: 24.6vh;
	right: 0;
	width: 50px;
	height: 2px;
	border-radius: 20px;
	background: #ccc;
	z-index: 11
}

.dia-types .dia-types-inner {
	position: relative;
	float: left;
	width: 100%;
	height: 50vh
}

.dia-types.left-side .dia-types-inner:after {
	content: "";
	position: absolute;
	top: 22.3vh;
	right: 45px;
	width: 10px;
	height: 40px;
	background: #f6f6f6;
	z-index: 10
}

.dia-types.right-side:after {
	content: "";
	position: absolute;
	top: 25vh;
	left: 45px;
	width: 10px;
	height: 10px;
	border-radius: 20px;
	background: #ccc;
	z-index: 11
}

.dia-types.right-side:before {
	content: "";
	position: absolute;
	top: 25.6vh;
	left: 0;
	width: 50px;
	height: 2px;
	border-radius: 20px;
	background: #ccc;
	z-index: 11
}

.dia-types.right-side .dia-types-inner:after {
	content: "";
	position: absolute;
	top: 23.3vh;
	left: 45px;
	width: 10px;
	height: 40px;
	background: #f6f6f6;
	z-index: 10
}

@media (min-width:1900px) {
	.dia-types .dia-text {
		height: 30vh
	}

	.dia-types.left-side .dia-text:after,
	.dia-types.right-side .dia-text:after {
		top: 23.6vh
	}

	.dia-types.left-side:before,
	.dia-types.right-side:before {
		top: 25.4vh
	}
}

.p-l-0 {
	padding-left: 0
}

.p-r-0 {
	padding-right: 0
}

.offices {
	position: relative;
	padding-left: 100px
}

.offices h4 {
	padding-bottom: 7px
}

.offices:before {
	content: "";
	position: absolute;
	width: 70px;
	height: 1px;
	background: #fff;
	top: 11px;
	left: 30px
}

.office-address {
	position: relative;
	height: 100vh
}

.office-address p {
	font-size: 15px
}

.offices a {
	margin-top: 10px;
	display: inline-block;
	text-decoration: underline
}

.offices p a {
	margin: 0;
	text-decoration: none
}

.contact-form {
	padding: 30px;
	height: calc(100vh - 30px);
	overflow: hidden
}

.contact-form label {
	font-weight: 500;
	width: 100%
}

.contact-form input {
	width: 100%
}

.form-wrap {
	padding: 30px
}

.read-more {
	color: #0074c6;
	cursor: pointer;
	float: right
}

.read-more:hover {
	color: #111;
	text-decoration: none
}

.mt-0 {
	margin-top: 0 !important
}

.mt-10 {
	margin-top: 10px !important
}

.csr-bg-wrapper {
	position: relative;
	height: 100vh;
	overflow: hidden
}

.csr-bg {
	background-image: url(../images/kiran-hospital-new.webp);
	background-size: 100% 100%;
	padding: 0;
	position: absolute;
	top: 0;
	bottom: 0;
	width: calc(100vw - 200px);
	height: auto;
	background-position: center center
}

.csr-bg.product-detail-sec {
	background-image: none
}

.accrediation-bg-wrapper {
	position: relative;
	height: 100vh;
	overflow: hidden
}

.accrediation-bg-1 {
	background-image: url(../images/17.jpg)
}

.accrediation-bg-1 {
	background-repeat: repeat-x;
	background-size: 150% auto;
	background-position: -86% -44%;
	background-color: #fff;
	padding: 0;
	position: absolute;
	top: 0;
	bottom: 0;
	width: 100vw;
	height: auto
}

.accrediation-wrap {
	z-index: 2;
	height: 100vh;
	display: table
}

.accrediation-wrap .text {
	float: left;
	width: 100%;
	margin-top: 20px
}

.accrediation-wrap .h4,
.accrediation-wrap p {
	margin-top: 0;
	padding: 0
}

.accrediation-wrap .accrediation-content .acc-text {
	padding-left: 20px;
	padding-right: 20px;
	min-height: 275px;
	text-align: center
}

.accrediation-wrap .accrediation-content .acc-text .h4 {
	position: relative;
	padding-left: 0;
	padding-bottom: 20px;
	margin-bottom: 20px
}

.accrediation-wrap .accrediation-content .acc-text .h4:before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 100px;
	height: 4px;
	background: #fff
}

.accrediation-wrap .acc-text.border-right {
	border-right: 2px solid #fff
}

.accrediation-wrap .acc-text.border-top {
	border-top: 2px solid rgba(255, 255, 255, .5)
}

.accrediation-wrap img {
	max-width: 50px;
	display: inline-block
}

.features-wrap {
	float: left;
	width: 100%
}

.features-wrap .nav-tabs {
	border-bottom: 0
}

.features-wrap .nav-tabs>li {
	width: 100%;
	float: left;
	text-align: left
}

.features-wrap .nav-tabs>li>.feature-desc {
	width: 100%;
	height: 0;
	overflow: hidden;
	padding-left: 51px
}

.features-wrap .nav-tabs>li.active>.feature-desc {
	width: 100%;
	height: 100%;
	overflow: visible;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}

.features-wrap .nav-tabs>li.active>a,
.features-wrap .nav-tabs>li.active>a:focus,
.features-wrap .nav-tabs>li.active>a:hover {
	background: 0 0;
	border: 0
}

.features-wrap .nav-tabs>li.active>a .section-heading-dark,
.features-wrap .nav-tabs>li.active>a:focus .section-heading-dark,
.features-wrap .nav-tabs>li.active>a:hover .section-heading-dark {
	color: #0074c6
}

.features-wrap .nav>li>a {
	padding: 7px 15px
}

.features-wrap .nav-tabs>li>a {
	border: 0
}

.features-wrap .nav-tabs>li>a img {
	width: 30px;
	display: inline-block;
	vertical-align: middle
}

.features-wrap .nav-tabs>li>a h4 {
	display: inline-block;
	vertical-align: middle;
	padding-bottom: 0
}

.features-wrap .nav-tabs>li>a:hover,
.features-wrap .nav>li>a:focus,
.features-wrap .nav>li>a:hover {
	background: 0 0;
	border: 0
}

.features-wrap .nav-tabs>li>a:hover .section-heading-dark,
.features-wrap .nav>li>a:focus .section-heading-dark {
	color: #0074c6
}

.feature-img img {
	max-height: 480px
}

.bg-offer {
	background: url(../images/offer-bg.jpg) no-repeat center;
	background-size: cover
}

.bg-direct {
	background: url(../images/direct.jpg) no-repeat center;
	background-size: cover
}

.bg-partner {
	background: url(../images/e-partner.jpg) no-repeat center;
	background-size: cover
}

.bg-distribution {
	background: url(../images/contact-bg.jpg) no-repeat center;
	background-size: cover
}

.mb-40 {
	margin-bottom: 40px
}

.height-50vh {
	height: 50vh
}

.z-index-1 {
	z-index: 1
}

.p-l-30 {
	padding-left: 30px
}

.gridlayout {
	display: -ms-grid;
	display: grid;
	grid-gap: 1em 1em;
	-ms-grid-columns: (1fr)[4];
	grid-template-columns: repeat(4, 1fr)
}

.gridlayout.grid-3 {
	-ms-grid-columns: (1fr)[2];
	grid-template-columns: repeat(2, 1fr)
}

.gridlayout.grid-gap-2 {
	grid-gap: 2em 2em
}

.products .content {
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.products .thumbnail {
	position: relative;
	background: 0 0;
	border: 0;
	margin-bottom: 0;
	padding: 0
}

.products .thumbnail.icone {
	padding: 2em 0
}

.products .thumbnail .bloc-wave {
	display: block;
	position: absolute;
	bottom: -2px
}

.products .bloc-content {
	position: relative;
	padding: 1.6em;
	height: 100%
}

.products .bloc-excerpt {
	font-size: 16px;
	margin-bottom: 0
}

.other-stakeholder {
	float: left;
	width: 100%;
	position: absolute;
	bottom: 0;
	margin: auto;
	left: 0;
	right: 0;
	z-index: 1
}

.other-stakeholder ul {
	width: 100%;
	float: left
}

.other-stakeholder ul li {
	display: inline-block;
	margin: 10px;
	cursor: pointer
}

.other-stakeholder ul li img {
	max-height: 120px;
	border: 2px solid #fff
}

.products-wrap {
	float: left;
	width: 100%;
	margin-top: 25px;
	text-align: left;
	padding-left: 25px;
	position: relative
}

.navigation__ul {
	margin: 0;
	padding: 0;
	list-style-type: none
}

.navigation__li {
	display: block;
	position: relative
}

.navigation__anchor {
	color: inherit;
	display: block;
	margin: 0;
	padding: 10px;
	font-weight: 300;
	position: relative;
	text-decoration: none;
	text-transform: uppercase;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	outline: 0 !important;
	overflow: hidden;
	letter-spacing: 1px;
	line-height: 1.15;
	-webkit-tap-highlight-color: transparent;
	transition: all .3s
}

.navigation__anchor--active {
	font-weight: 700
}

.navigation--left .navigation__anchor {
	padding-left: 30px
}

.navigation__anchor:after,
.navigation__anchor:before {
	content: "";
	width: 1px;
	height: 50%;
	position: absolute;
	left: 3px;
	background-color: #fff
}

.navigation__anchor:after {
	bottom: -3px
}

.navigation__anchor:before {
	top: -3px
}

.navigation--theme-light .navigation__anchor:after,
.navigation--theme-light .navigation__anchor:before {
	background-color: #fff;
	opacity: .5
}

.navigation__anchor--active {
	font-weight: 500
}

.navigation__anchor-circle {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	width: 7px;
	height: 7px;
	border: 1px solid #fff;
	border-radius: 100%;
	overflow: hidden;
	transform: translateY(-3.5px)
}

.navigation__anchor-circle {
	border: 1px solid #fff
}

.navigation__anchor--active .navigation__anchor-circle {
	background: #fff
}

.navigation__anchor:hover .navigation__anchor-text {
	font-weight: 500;
	opacity: 1
}

.navigation__anchor:hover p.navigation__anchor-text {
	font-weight: 400
}

.navigation__anchor-text {
	display: block;
	transform: translateZ(0);
	transition: all .3s;
	padding-left: 20px;
	color: #fff;
	cursor: pointer
}

p.navigation__anchor-text {
	font-weight: 400;
	text-transform: none;
	font-size: 15px;
	margin-top: 10px
}

.navigation__anchor-text {
	opacity: .66
}

.navigation__anchor--active .navigation__anchor-text {
	opacity: 1
}

.navigation__active-dot {
	border: 1px solid #fff;
	background-color: #fff;
	border-radius: 100%;
	display: inline-block;
	position: absolute;
	left: 25px;
	top: 0;
	width: 7px;
	height: 7px;
	overflow: hidden;
	box-shadow: 0 0 3px 0 #fff;
	transform: translateY(0);
	transition: all .3s
}

.navigation--theme-light .navigation__active-dot {
	border-color: #fff;
	background-color: #fff;
	box-shadow: 0 0 3px 0 #fff
}

.loader-new {
	z-index: 999999;
	top: 0;
	left: 0;
	position: fixed;
	width: 100%;
	height: 100%;
	overflow: hidden;
	visibility: visible;
	opacity: 1;
	background: #fff
}

.loader-new .transition-wrap {
	width: 200%;
	height: 200%;
	transform: rotate(25deg) translate(-50%, -50%);
	left: -50%;
	top: -50%;
	position: fixed
}

.loader-new .transition-wrap .transition-1,
.loader-new .transition-wrap .transition-3 {
	left: 0;
	top: 0;
	position: absolute;
	height: 400%;
	background: #0074c6;
	transform: rotate(25deg) translate(10%, -50%);
	-webkit-animation: transition-1 2s;
	-o-animation: transition-1 2s;
	animation: transition-1 2s
}

.loader-new .transition-wrap .transition-2 {
	left: 0;
	top: 0;
	position: absolute;
	height: 400%;
	width: 100%;
	background: #fff;
	transform: rotate(25deg) translate(10%, -50%);
	-webkit-animation: transition-2 2s;
	-o-animation: transition-2 2s;
	animation: transition-2 2s
}

.loader-new .logo {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%) scale(1);
	-moz-transform: translate(-50%, -50%) scale(1);
	-ms-transform: translate(-50%, -50%) scale(1);
	transform: translate(-50%, -50%) scale(1);
	-webkit-animation: logo 2s;
	-o-animation: logo 2s;
	animation: logo 2s;
	display: block
}

@-webkit-keyframes transition-1 {
	0% {
		width: 40%;
		left: 100%
	}

	100% {
		left: -100%
	}
}

@-moz-keyframes transition-1 {
	0% {
		width: 40%;
		left: 100%
	}

	100% {
		left: -100%
	}
}

@-o-keyframes transition-1 {
	0% {
		width: 40%;
		left: 100%
	}

	100% {
		left: -100%
	}
}

@keyframes transition-1 {
	0% {
		width: 40%;
		left: 100%
	}

	100% {
		left: -100%
	}
}

@-webkit-keyframes transition-2 {
	0% {
		width: 40%;
		left: 100%
	}

	100% {
		left: -100%
	}
}

@-moz-keyframes transition-2 {
	0% {
		width: 40%;
		left: 100%
	}

	100% {
		left: -100%
	}
}

@-o-keyframes transition-2 {
	0% {
		width: 40%;
		left: 100%
	}

	100% {
		left: -100%
	}
}

@keyframes transition-2 {
	0% {
		width: 40%;
		left: 100%
	}

	100% {
		left: -100%
	}
}

@-webkit-keyframes logo {
	0% {
		transform: scale(0) translate(-50%, -50%)
	}

	100% {
		transform: scale(1) translate(-50%, -50%);
		-webkit-transform: scale(1) translate(-50%, -50%);
		-moz-transform: scale(1) translate(-50%, -50%);
		-ms-transform: scale(1) translate(-50%, -50%);
		-o-transform: scale(1) translate(-50%, -50%)
	}
}

@-moz-keyframes logo {
	0% {
		transform: scale(0) translate(-50%, -50%)
	}

	100% {
		transform: scale(1) translate(-50%, -50%)
	}
}

@-o-keyframes logo {
	0% {
		transform: scale(0) translate(-50%, -50%)
	}

	100% {
		transform: scale(1) translate(-50%, -50%)
	}
}

@keyframes logo {
	0% {
		transform: scale(0) translate(-50%, -50%);
		-webkit-transform: scale(0) translate(-50%, -50%);
		-moz-transform: scale(0) translate(-50%, -50%);
		-ms-transform: scale(0) translate(-50%, -50%);
		-o-transform: scale(0) translate(-50%, -50%)
	}

	100% {
		transform: scale(1) translate(-50%, -50%)
	}
}

.one-line {
	display: inline-block;
	margin-top: 25px;
	padding-left: 5px
}

.onHoverContent {
	max-height: 70px;
	overflow: hidden;
	position: relative
}

.hover-content:after {
	content: "Read More";
	position: absolute;
	bottom: 5px;
	left: 50px;
	color: #0074c6
}

.hover-content:hover .onHoverContent {
	max-height: max-content;
	overflow: visible
}

.hover-content:hover:after {
	content: ""
}

.line-height-30 {
	line-height: 30px
}

.award-detail .nav-tabs {
	border-bottom: 0;
	padding-left: 10px;
	padding-right: 10px
}

.award-detail .nav-tabs>li {
	width: 100%;
	float: left;
	text-align: left;
	padding-bottom: 10px;
	position: relative
}

.award-detail .nav-tabs>li.expanded {
	padding-bottom: 0
}

.award-detail .nav-tabs>li>.feature-desc {
	position: relative
}

.award-detail .nav-tabs>li>.feature-desc {
	width: 100%;
	margin-top: 20px
}

.award-detail .nav-tabs>li>.feature-desc.expanded {
	width: 100%;
	height: auto;
	overflow: visible
}

.award-detail .nav-tabs>li>.feature-desc ul {
	padding-left: 15px
}

.award-detail .nav-tabs>li>.feature-desc ul li {
	display: inline-block;
	width: 100%;
	padding-left: 30px;
	padding-bottom: 3px;
	color: #fff;
	position: relative
}

.award-detail .nav-tabs>li>.feature-desc ul li:before {
	content: "";
	position: absolute;
	top: 5px;
	left: 0;
	width: 15px;
	height: 15px;
	background: url(../images/diamond-bullet.svg) no-repeat;
	background-size: contain
}

.award-detail .nav-tabs>li>.feature-desc .section-heading.icon-diamond,
.award-detail .nav-tabs>li>.feature-desc p.icon-diamond {
	position: relative;
	padding-left: 30px
}

.award-detail .nav-tabs>li>.feature-desc .section-heading.icon-diamond:before,
.award-detail .nav-tabs>li>.feature-desc p.icon-diamond:before {
	content: "";
	position: absolute;
	top: 5px;
	left: 0;
	width: 15px;
	height: 15px;
	background: url(../images/diamond-bullet.svg) no-repeat;
	background-size: contain
}

.award-detail .nav-tabs>li.active>a,
.award-detail .nav-tabs>li.active>a:focus,
.award-detail .nav-tabs>li.active>a:hover {
	background: 0 0;
	border: 0;
	border-bottom: 1px solid #fff
}

.award-detail .nav-tabs>li.active>a .section-heading,
.award-detail .nav-tabs>li.active>a:focus .section-heading,
.award-detail .nav-tabs>li.active>a:hover .section-heading {
	color: #fff;
	font-weight: 600
}

.award-detail .nav>li>a {
	padding: 0
}

.award-detail .nav-tabs>li>a {
	border: 0;
	border-bottom: 1px solid #ccc
}

.award-detail .nav-tabs>li>a img {
	width: 30px;
	display: inline-block;
	vertical-align: middle
}

.award-detail .nav-tabs>li>a h4 {
	display: inline-block;
	vertical-align: middle;
	padding-bottom: 0;
	padding-left: 0;
	color: rgba(255, 255, 255, .7)
}

.award-detail .nav-tabs>li>a:hover,
.award-detail .nav>li>a:focus,
.award-detail .nav>li>a:hover {
	background: 0 0;
	border: 0;
	border-bottom: 1px solid #fff
}

.award-detail .nav-tabs>li>a:hover .section-heading-dark,
.award-detail .nav>li>a:focus .section-heading-dark,
.award-detail .nav>li>a:hover .section-heading-dark {
	color: #0074c6
}

.award-bg-wrapper {
	position: relative;
	height: 100vh
}

.award-img {
	position: relative;
	height: 100vh
}

.award-img img {
	position: absolute;
	width: 50vw;
	height: 100%;
	top: 0;
	bottom: 0;
	object-fit: cover
}

.award-img .award-desc {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 10px;
	background: rgba(255, 255, 255, .7);
	text-align: center
}

.bg-csr {
	background: url(../images/kiran-hospital-2.JPG) no-repeat center;
	background-size: cover;
	position: relative
}

.bg-csr:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .75);
	z-index: 0
}

.csr-heading {
	padding: 2em
}

.csr-heading h2.section-heading {
	font-size: 30px
}

.csr-tabs,
.csr-tabs-detail {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center !important;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center
}

.csr-tabs .nav-tabs {
	border-bottom: 0
}

.csr-tabs .nav-tabs>li {
	width: 100%;
	float: left;
	text-align: left;
	padding-left: 4.7rem;
	padding-top: 1rem;
	padding-bottom: 1rem;
	position: relative;
	transition: padding .25s ease-in-out
}

.csr-tabs .nav-tabs>li:before {
	content: "";
	position: absolute;
	display: block;
	width: 4.7rem;
	height: 3px;
	left: 0;
	top: calc(50% - 1px);
	background-color: #fff;
	transition: width .25s ease-in-out;
	z-index: 1
}

.csr-tabs .nav-tabs>li:hover:before {
	background: #0074c6
}

.csr-tabs .nav-tabs>li>.tag-line {
	position: absolute;
	left: -10px;
	bottom: -28px
}

.csr-tabs .nav>li>a {
	padding: 7px 0
}

.csr-tabs .nav-tabs>li.active {
	padding-left: 6.8rem
}

.csr-tabs .nav-tabs>li.active:before {
	width: 6.8rem;
	background-color: #0074c6
}

.csr-tabs .nav-tabs>li.active>a,
.csr-tabs .nav-tabs>li.active>a:focus,
.csr-tabs .nav-tabs>li.active>a:hover {
	background: 0 0;
	border: 0
}

.csr-tabs .nav-tabs>li.active>a .section-heading-dark,
.csr-tabs .nav-tabs>li.active>a:focus .section-heading-dark,
.csr-tabs .nav-tabs>li.active>a:hover .section-heading-dark {
	color: #0074c6
}

.csr-tabs .nav-tabs>li>a {
	border: 0
}

.csr-tabs .nav-tabs>li>a h4 {
	display: inline-block;
	vertical-align: middle;
	padding-bottom: 0;
	padding-left: 0;
	margin-top: 0;
	font-size: 23px
}

.csr-tabs .nav-tabs>li>a:hover,
.csr-tabs .nav>li>a:focus,
.csr-tabs .nav>li>a:hover {
	background: 0 0;
	border: 0
}

.work-bg {
	background-image: url(../images/work-bg-1.webp)
}

.work-bg-wrapper {
	position: relative;
	height: 100vh
}

.work-bg {
	height: 100vh;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover
}

@media (min-width:992px) {
	.work-bg {
		position: absolute;
		width: 50vw;
		height: auto;
		top: 0;
		bottom: 0
	}
}

@media only screen and (max-width:640px) {
	.work-bg {
		min-height: 350px
	}
}

.job-list-wrap {
	position: relative;
	width: 100%;
	float: left;
	text-align: left
}

.job-list-wrap .job-list {
	margin: 10px 0 0;
	position: relative
}

.job-list-wrap .job-list .line-binded-to-cursor {
	position: absolute;
	top: 0;
	left: 0;
	background-color: #fff;
	width: 2px
}

.job-list-wrap .job-list .job-item {
	position: relative;
	line-height: 35px;
	padding: 0 0 0 30px
}

.job-list-wrap .job-list .job-item .index {
	color: rgba(255, 255, 255, .5);
	font-size: 16px;
	font-weight: 500;
	transition: color .3s;
	padding: 0 30px 0 0;
	cursor: default
}

.job-list-wrap .job-list .job-item .value {
	transition: padding .3s;
	color: #fff;
	font-size: 16px;
	cursor: default
}

.job-list-wrap .job-list .job-item a {
	text-decoration: none
}

.job-list-wrap .job-list .job-item.active .index {
	color: #fff
}

.job-list-wrap .job-list .job-item.active .value {
	padding: 0 0 0 30px
}

.link-blue,
.link-blue:active,
.link-blue:focus,
.link-blue:visited {
	color: #0074c6
}

.link-blue:hover {
	color: #000;
	text-decoration: none
}

.login-container {
	position: relative;
	width: 100%;
	height: 100vh;
	margin: 0;
	padding: 0;
	text-align: center
}

.login-wrap {
	background: #fff;
	float: left;
	width: 100%;
	padding-top: 20px
}

.bg-grey {
	background: #f6f6f6
}

@media (min-width:768px) {
	.col-sm-push-2p {
		left: 2.333333%
	}

	.col-sm-pull-2p {
		right: 2.333333%
	}
}

.vr-link {
	position: fixed;
	bottom: 0;
	right: 0;
	width: 80px;
	height: 80px;
	border-top-left-radius: 100%;
	background: #db8608 linear-gradient(45deg, #e65100, #db8608);
	z-index: 1;
	box-shadow: 0 5px 30px rgba(0, 0, 0, .5);
	display: flex;
	align-items: center;
	justify-content: flex-end;
	padding-top: 10px;
	padding-right: 10px
}

.vr-link img {
	max-width: 45px
}

.pos-rel {
	position: relative
}

.text-decoration-none {
	text-decoration: none !important
}

.box-shadow {
	box-shadow: 0 10px 30px rgba(0, 0, 0, .5)
}

.padded-section {
	padding: 15px 0 30px
}

.pt-100 {
	padding-top: 100px
}

.mt-40 {
	margin-top: 40px
}

.pb-65 {
	padding-bottom: 65px
}

.sales-cat-bg {
	background: url(../images/distribution.jpg) no-repeat;
	background-size: cover;
	background-position: center center
}

.show-onhover {
	opacity: 0;
	display: none
}

.sales-on-hover img {
	border: 5px solid #fff;
	min-height: 250px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, .2)
}

.font-500 {
	font-weight: 500
}

.font-19 {
	font-size: 19px
}

.footer-logo {
	position: absolute;
	display: block;
	left: 0;
	right: 0;
	margin: auto;
	bottom: 0;
	z-index: 1002;
	width: 100%;
	padding: 10px 0 5px
}

.footer-logo img {
	max-width: 70%
}

.pb-10 {
	padding-bottom: 10px
}

.news-heading {
	padding: 30px 0;
	background: url(../images/news-bg.jpg) no-repeat center
}

.news-heading:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .6);
	top: 0;
	left: 0
}

.news-heading h3 {
	font-family: Oswald, sans-serif;
	font-size: 45px;
	font-weight: 700;
	font-style: normal;
	letter-spacing: normal;
	line-height: 1;
	text-transform: uppercase;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	margin: 0 0 0 -9px;
	padding: 0;
	color: #fff;
	position: relative;
	z-index: 1
}

.posts {
	position: relative;
	background: #f6f6f6;
	padding: 30px 0 30px
}

.news-wrap {
	margin-top: 50px;
	position: relative
}

.news-wrap:after {
	content: "";
	width: 0%;
	height: 3px;
	position: absolute;
	bottom: 0;
	right: 0;
	background: #0074c6;
	z-index: 1;
	-webkit-transition: width .5s;
	-moz-transition: width .5s;
	-ms-transition: width .5s;
	-o-transition: width .5s;
	transition: width .5s
}

.news-wrap:hover:after {
	width: 100%;
	left: 0;
	right: auto
}

.news-img-wrap {
	height: 250px;
	overflow: hidden
}

.news-img-wrap img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	object-fit: cover;
	z-index: 1;
	width: 100%;
	height: 100%;
	-webkit-transition: transform .5s;
	-moz-transition: transform .5s;
	-ms-transition: transform .5s;
	-o-transition: transform .5s;
	transition: transform .5s
}

.news-wrap:hover .news-img-wrap img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1)
}

.news-wrap .icon {
	opacity: 0;
	position: absolute;
	z-index: 10;
	transition: all .3s ease;
	color: #1d1d1d
}

.news-wrap .icon {
	bottom: 0;
	right: 50px;
	padding-right: 30px
}

.news-wrap .icon>span {
	color: #0074c6;
	font-size: 14px;
	font-weight: 600;
	display: block;
	width: 100%;
	font-weight: 600
}

.news-wrap .icon>span:after {
	content: "";
	position: absolute;
	display: block;
	height: 14px;
	width: 18px;
	right: 0;
	transform: translateY(-50%);
	top: 50%;
	background-size: contain;
	background-repeat: no-repeat;
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA3My4yIDczLjIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDczLjIgNzMuMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+LnN0MHtmaWxsOiMwMDc0QzY7fTwvc3R5bGU+PGc+PGcgaWQ9IkFycm93X1JpZ2h0Ij48Zz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNNzEuNiwzMy44TDUxLDE1LjJjLTEuOS0xLjctNC44LTEuNS02LjUsMC4zYy0xLjcsMS45LTEuNSw0LjgsMC40LDYuNWwxMS4zLDEwLjFINC42QzIsMzIuMSwwLDM0LjIsMCwzNi43YzAsMi41LDIsNC42LDQuNiw0LjZoNTJMNDUsNTEuMWMtMS4xLDAuOS0xLjYsMi4yLTEuNiwzLjVjMCwxLDAuNCwyLjEsMS4xLDIuOWMxLjYsMS45LDQuNSwyLjIsNi40LDAuNmwyMC43LTE3LjRjMS0wLjksMS42LTIuMSwxLjYtMy40QzczLjEsMzUuOSw3Mi42LDM0LjcsNzEuNiwzMy44eiIvPjwvZz48L2c+PC9nPjwvc3ZnPg==);
	z-index: 3
}

.news-wrap:hover .icon {
	opacity: 1;
	-webkit-transform: translateY(-50%) scale(1);
	transform: translateY(-50%) scale(1);
	transition: all .3s ease .3s
}

.news-wrap:hover .news-small-detail .section-heading-dark {
	color: #0074c6
}

.pagination {
	position: relative;
	padding: 20px 0;
	cursor: default;
	margin-bottom: 0;
	margin-top: 50px;
	margin-left: auto;
	margin-right: auto;
	width: 100%
}

.pagination a {
	position: relative;
	display: inline-block;
	font-family: montserrat, sans-serif;
	font-weight: 700;
	font-size: 16px;
	color: #1d1d1d;
	padding: 5px 10px;
	margin: 0 5px;
	cursor: pointer;
	overflow: hidden;
	text-decoration: none
}

.pagination a:hover {
	color: #0074c6
}

.pagination a.active {
	color: #0074c6
}

.pagination .page-next,
.pagination .page-prev {
	background: #0074c6;
	color: #fff;
	padding: 5px 16px;
	z-index: 0;
	border-radius: 50px;
	-webkit-transition: color .2s ease-in-out;
	transition: color .2s ease-in-out
}

.pagination .page-next span,
.pagination .page-prev span {
	position: relative;
	z-index: 2
}

.pagination .page-next::after,
.pagination .page-next::before,
.pagination .page-prev::after,
.pagination .page-prev::before {
	content: "";
	position: absolute;
	display: block;
	top: 0;
	bottom: 0;
	width: 100%;
	background: #0074c6 linear-gradient(0deg, #0084c3, #1f5071);
	z-index: 1
}

.pagination .page-next::before,
.pagination .page-prev::before {
	right: 100%;
	margin-right: 100%;
	-webkit-transition: right .2s ease-in-out;
	transition: right .2s ease-in-out
}

.pagination .page-next::after,
.pagination .page-prev::after {
	right: -100%;
	margin-right: 0;
	-webkit-transition: right .2s ease-in-out;
	transition: right .2s ease-in-out
}

.pagination .page-next:hover,
.pagination .page-prev:hover {
	color: #fff
}

.pagination .page-next:hover::before,
.pagination .page-prev:hover::before {
	right: 0;
	margin-right: 0;
	-webkit-transition: right .2s ease-in-out, margin-right .2s ease-in-out;
	transition: right .2s ease-in-out, margin-right .2s ease-in-out
}

.pagination .page-next:hover::after,
.pagination .page-prev:hover::after {
	right: 0;
	margin-right: -100%
}

.news-detail-wrap p {
	margin: 0 0 15px 0;
	padding: 0;
	color: #2d2d2d;
	text-align: justify
}

.news-detail-wrap p a {
	text-decoration: none;
	color: #0074c6
}

.news-detail-wrap ul {
	padding-left: 17px
}

.news-detail-wrap ul li {
	list-style: disc;
	margin-bottom: 15px
}

.news-detail-wrap ul li a {
	color: #0074c6;
	text-decoration: none
}

.news-detail-wrap ol {
	padding-left: 17px
}

.news-detail-wrap ol li {
	list-style: decimal;
	margin-bottom: 15px
}

#grid .item {
	overflow: hidden;
	padding: 0;
	display: inline-block;
	width: 30%;
	margin: 10px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}

#grid .item p {
	display: inline-block;
	color: #000;
	margin-top: 5px
}

.item img {
	float: left;
	width: 100%
}

.item:hover {
	box-shadow: 0 0 30px rgba(0, 0, 0, .5)
}

.overlay-zoom {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .5);
	background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDI0NC40ODcgMjQ0LjQ4NyIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjQ0LjQ4NyAyNDQuNDg3IiB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4Ij4KICA8Zz4KICAgIDxnPgogICAgICA8cGF0aCBkPSJtMjQxLjg3NywyMzAuMTMxbC03Mi45MjktNzIuOTI5YzEzLjk3My0xNi42NyAyMi40NjUtMzguMDA0IDIyLjQ2NS02MS4wNjEgMC01Mi4yMDQtNDMuNTAzLTk1LjcwNy05NS43MDctOTUuNzA3cy05NS43MDYsNDMuNTA0LTk1LjcwNiw5NS43MDggNDMuNTAzLDk1LjcwNyA5NS43MDcsOTUuNzA3YzIyLjYyMSwwIDQzLjU3My04LjE3OSA2MC4xMDQtMjEuNjgybDcyLjE0NSw3Mi4xNDVjMS43NCwxLjc0IDMuNDgsMS43NCA2Ljk2LDEuNzRzNS4yMiwwIDYuOTYtMS43NGMzLjQ4Mi0zLjQ4IDMuNDgyLTguNyAwLjAwMS0xMi4xODF6bS0xNDYuMTctNTUuNjgzYy00My41MDMsMC03OC4zMDUtMzQuODAyLTc4LjMwNS03OC4zMDVzMzQuODAyLTc4LjMwNSA3OC4zMDUtNzguMzA1IDc4LjMwNSwzNC44MDIgNzguMzA1LDc4LjMwNS0zNC44MDIsNzguMzA1LTc4LjMwNSw3OC4zMDV6IiBmaWxsPSIjRkZGRkZGIi8+CiAgICAgIDxwYXRoIGQ9Im0xMjEuODA5LDg3LjQ0MmgtMTcuNDAxdi0xNy40MDFjMC01LjIyLTMuNDgtOC43MDEtOC43MDEtOC43MDEtNS4yMiwwLTguNzAxLDMuNDgtOC43MDEsOC43MDF2MTcuNDAxaC0xNy40MDFjLTUuMjIsMC04LjcwMSwzLjQ4LTguNzAxLDguNzAxczMuNDgsOC43MDEgOC43MDEsOC43MDFoMTcuNDAxdjE3LjQwMWMwLDUuMjIgMy40OCw4LjcwMSA4LjcwMSw4LjcwMSA1LjIyLDAgOC43MDEtMy40OCA4LjcwMS04LjcwMXYtMTcuNDAxaDE3LjQwMWM1LjIyLDAgOC43MDEtMy40OCA4LjcwMS04LjcwMSAwLTUuMjIxLTMuNDgxLTguNzAxLTguNzAxLTguNzAxeiIgZmlsbD0iI0ZGRkZGRiIvPgogICAgPC9nPgogIDwvZz4KPC9zdmc+Cg==);
	background-repeat: no-repeat;
	background-position: center;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	transform-origin: center;
	-webkit-transition: transform .3s;
	-moz-transition: transform .3s;
	-ms-transition: transform .3s;
	-o-transition: transform .3s;
	transition: transform .3s
}

.item:hover .overlay-zoom {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1)
}

.news-img {
	padding: 0;
	margin-bottom: 30px
}

.news-detail-heading {
	display: block;
	position: relative;
	min-height: 90vh;
	background-position: center center;
	background-size: cover
}

.news-header {
	position: relative;
	z-index: 1
}

.news-header .news-title {
	position: absolute;
	top: 50px;
	left: 0;
	right: 0;
	z-index: 1;
	padding: 20px;
	background: rgba(0, 0, 0, .7);
	max-width: 50vw;
	text-align: center;
	margin: auto
}

.news-header .news-title.bottom {
	top: 70vh
}

.news-header .news-title .section-heading {
	margin: 0;
	padding: 0
}

.back-news {
	display: inline-block
}

.back-news .icon {
	opacity: 1;
	padding-left: 30px;
	position: relative;
	display: inline-block
}

.back-news .icon>span {
	color: #1d1d1d;
	font-size: 14px;
	font-weight: 600;
	display: block;
	width: 100%;
	font-weight: 600
}

.back-news .icon>span:after {
	content: "";
	position: absolute;
	display: block;
	height: 14px;
	width: 18px;
	left: -100px;
	top: 50%;
	opacity: 0;
	transform: translateY(-50%);
	background-size: contain;
	background-repeat: no-repeat;
	background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMS4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDMxLjQ5NCAzMS40OTQiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDMxLjQ5NCAzMS40OTQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iMzJweCIgaGVpZ2h0PSIzMnB4Ij4KPHBhdGggZD0iTTEwLjI3Myw1LjAwOWMwLjQ0NC0wLjQ0NCwxLjE0My0wLjQ0NCwxLjU4NywwYzAuNDI5LDAuNDI5LDAuNDI5LDEuMTQzLDAsMS41NzFsLTguMDQ3LDguMDQ3aDI2LjU1NCAgYzAuNjE5LDAsMS4xMjcsMC40OTIsMS4xMjcsMS4xMTFjMCwwLjYxOS0wLjUwOCwxLjEyNy0xLjEyNywxLjEyN0gzLjgxM2w4LjA0Nyw4LjAzMmMwLjQyOSwwLjQ0NCwwLjQyOSwxLjE1OSwwLDEuNTg3ICBjLTAuNDQ0LDAuNDQ0LTEuMTQzLDAuNDQ0LTEuNTg3LDBsLTkuOTUyLTkuOTUyYy0wLjQyOS0wLjQyOS0wLjQyOS0xLjE0MywwLTEuNTcxTDEwLjI3Myw1LjAwOXoiIGZpbGw9IiMwMDAwMDAiLz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==);
	z-index: 3;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}

.back-news:hover .icon>span:after {
	opacity: 1;
	left: 0
}

.lg-backdrop {
	z-index: 99999
}

.lg-outer {
	z-index: 999999
}

@media screen and (min-width:768px) {
	.col-sm-pull-1-2 {
		right: 2.33%
	}
}

.policies {
	padding: 30px 0 50px;
	background: #f6f6f6;
	border-top: 1px solid #ccc
}

.policies .policy-news {
	display: inline-block;
	position: relative;
	padding: 10px 0;
	padding-left: 20px;
	font-size: 16px;
	margin: 0 20px
}

.policies .back-news {
	position: relative
}

.policies .back-news:before {
	content: "";
	position: absolute;
	left: 30px;
	width: calc(100% - 30px);
	height: 1px;
	background: #121212;
	bottom: 0
}

.policies .policy-news:before {
	content: "";
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	width: 8px;
	height: 8px;
	background: #121212
}

.policies .policy-news span {
	color: #121212;
	font-weight: 600
}

.policies .policy-news:hover span {
	color: #0074c6
}

.page-wrap {
	background: #f6f6f6;
	padding: 30px
}

.page-wrap.min-100vh {
	min-height: calc(100vh - 80px)
}

.page-content .content-block .h3 {
	margin-bottom: 20px;
	border-left: 1px solid #0074c6;
	border-bottom: 1px solid #0074c6;
	display: inline-block;
	padding: 0;
	padding: 10px;
	color: #0074c6;
	text-transform: capitalize
}

.page-content .content-block .h3 span {
	margin-right: 10px
}

.page-content .content-block .h4 {
	margin-bottom: 20px;
	margin-top: 20px;
	border-bottom: 1px solid #000;
	display: inline-block;
	clear: left;
	padding-left: 0;
	text-transform: capitalize
}

.page-content .content-block {
	float: left;
	width: 100%;
	margin-bottom: 30px;
	text-align: justify
}

.page-content .content-block ul {
	margin: 15px 0;
	padding-left: 30px
}

.page-content .content-block ul li {
	margin-bottom: 15px;
	list-style: disc
}

.page-content .content-block ol {
	margin: 15px 0;
	padding-left: 30px
}

.page-content .content-block ol li {
	margin-bottom: 15px;
	list-style: decimal;
	padding: 0
}

.page-content .content-block ol.list-style-s-alpha li {
	list-style: lower-alpha
}

.page-content .content-block ol.list-style-s-roman li {
	list-style: lower-roman
}

.page-content .content-block table {
	margin-bottom: 20px;
	border-color: #121212
}

.page-content .content-block table th {
	background: #d8d8d8;
	font-weight: 600
}

.page-content .content-block table td,
.page-content .content-block table th {
	border-color: #121212
}

.page-content .content-block table td span {
	display: block;
	margin-bottom: 5px
}

.page-content .content-block table td a {
	color: #0074c6;
	text-decoration: none
}

.page-content .content-block .table>tbody>tr:nth-of-type(odd) {
	background: #fff
}

.page-content .content-block .table>tbody>tr:nth-of-type(even) {
	background: #fff
}

.list-style-none.p-l-0 {
	padding-left: 0 !important
}

.list-style-none li {
	list-style: none !important
}

.ml-m-19 {
	margin-left: -19px !important
}

.job-heading {
	padding: 50px 0;
	background: url(../images/job-bg.jpg) no-repeat center;
	background-size: cover
}

.job-heading:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .6);
	top: 0;
	left: 0
}

.job-heading h3 {
	font-family: Oswald, sans-serif;
	font-size: 45px;
	font-weight: 700;
	font-style: normal;
	letter-spacing: normal;
	line-height: 1;
	text-transform: uppercase;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	margin: 0 0 0 -9px;
	padding: 0;
	color: #fff;
	position: relative;
	z-index: 1
}

.c-btn.fullwidth-liquid.onHoverWhite.apply-btn {
	padding: 0
}

.c-btn.fullwidth-liquid.onHoverWhite.apply-btn a {
	padding: 11px 25px 11px 25px;
	display: block;
	text-decoration: none
}

.job-wrap {
	float: left;
	width: 100%;
	background: #f6f6f6;
	padding: 50px 0
}

.job-outer {
	margin-bottom: 20px;
	border-bottom: 1px solid #ccc;
	padding-bottom: 15px
}

.job-outer .title {
	display: flex;
	align-items: center
}

.job-outer .title .h3 {
	margin-top: 0;
	padding-bottom: 0
}

.job-outer .title .vacant {
	font-size: 20px;
	background: #0074c6;
	color: #fff;
	padding: 12px 10px;
	line-height: 1;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px
}

.job-outer .description {
	padding-left: 28px;
	margin-top: 15px
}

.job-outer .description {
	display: flex;
	align-items: flex-start
}

.job-outer .description strong {
	float: left;
	margin-right: 15px
}

.job-outer .description .des-detail {
	float: left
}

.job-outer .description .des-detail ul li {
	margin-bottom: 10px
}

.c-btn.fullwidth-liquid.job-apply {
	width: auto;
	padding: 10px 15px 8px 15px
}

.job-apply-form-wrap {
	background: #f6f6f6;
	float: left;
	width: 100%;
	padding-bottom: 50px
}

.career-form .popup-content {
	background: #fff
}

.career-form .product-popup-container {
	width: 60vw
}

.job-apply-form {
	float: left;
	width: 100%;
	padding: 0 24px
}

.job-apply-form #form input {
	color: #fff;
	border-color: #fff;
	margin-top: 0;
	padding-top: 0
}

.job-apply-form #form label {
	color: #fff
}

.job-apply-form .alert {
	padding: 5px 15px;
	margin: 7px 0 0
}

.job-apply-form .alert strong {
	font-weight: 500
}

.job-apply-form .inputfile-6+label span {
	color: #000;
	min-width: 100px;
	max-width: 53%;
	padding: 10px;
	line-height: 1
}

.job-apply-form .inputfile-6+label strong {
	font-weight: 500 !important;
	font-size: 12px !important;
	padding: 12px 10px
}

.job-apply-form .inputfile+label {
	margin-top: 0
}

.job-apply-form .c-btn.bordered {
	background: 0 0;
	border: 1px solid #fff;
	border-color: #fff;
	color: #fff;
	transition: border-color .2s linear;
	-webkit-transition: border-color .2s linear;
	-moz-transition: border-color .2s linear;
	-ms-transition: border-color .2s linear;
	-o-transition: border-color .2s linear
}

.job-apply-form .c-btn.bordered:hover {
	border-color: #0074c6
}

#form .inputfile {
	width: .1px;
	height: .1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
	height: auto
}

.inputfile+label {
	width: 100%;
	font-size: 16px;
	text-overflow: ellipsis;
	white-space: nowrap;
	cursor: pointer;
	display: inline-block;
	overflow: hidden;
	padding: .625rem 1.25rem;
	margin-top: 20px
}

.no-js .inputfile+label {
	display: none
}

.inputfile.has-focus+label,
.inputfile:focus+label {
	outline: 0;
	outline: 0
}

.inputfile+label svg {
	width: 1em;
	height: 1em;
	vertical-align: middle;
	fill: currentColor;
	margin-top: -.25em;
	margin-right: .25em
}

.inputfile-6+label {
	color: #0074c6
}

.inputfile-6+label {
	border: 1px solid #121212;
	background-color: #f6f6f6;
	padding: 0
}

.inputfile-6+label:hover,
.inputfile-6.has-focus+label,
.inputfile-6:focus+label {
	border-color: #121212
}

.inputfile-6+label span,
.inputfile-6+label strong {
	padding: .625rem 1.25rem
}

.inputfile-6+label span {
	min-width: 200px;
	max-width: 67.3%;
	min-height: 2em;
	display: inline-block;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	vertical-align: top
}

.inputfile-6+label strong {
	height: 100%;
	float: right;
	color: #f1e5e6;
	background-color: #121212;
	display: inline-block
}

.inputfile-6+label:hover strong,
.inputfile-6.has-focus+label strong,
.inputfile-6:focus+label strong {
	background-color: #0074c6
}

@media screen and (max-width:50em) {
	.inputfile-6+label strong {
		display: inline-block
	}
}

.width-auto {
	width: auto !important
}

.c-btn.link-btn {
	z-index: 1
}

.c-btn.link-btn:hover::before,
a:hover .c-btn.link-btn::before {
	z-index: -1
}

.company-profile {
	width: max-content;
	position: absolute;
	bottom: 20px;
	left: 20px;
	z-index: 1
}

.company-profile a {
	text-decoration: none;
	padding: 10px 25px 10px 25px;
	border-radius: 50px;
	display: flex;
	align-items: center;
	width: auto;
	background: #0074c6 linear-gradient(0deg, #0084c3, #1f5071);
	margin-top: 0
}

.company-profile a svg {
	position: relative;
	z-index: 2
}

.company-profile a span {
	margin-left: 10px
}

.company-profile a:hover {
	background: #fff;
	color: #0074c6
}

.about-content-inner a.read-more-abt {
	position: relative;
	display: inline-block;
	border: none;
	letter-spacing: normal;
	font-weight: 500;
	font-size: 14px;
	text-transform: uppercase;
	text-align: center;
	color: #fff;
	background: 0 0;
	border: 1px solid #fff;
	margin: 20px 0 0 20px;
	padding: 5px 15px 3px;
	-webkit-transition: all .4s cubic-bezier(.4, 0, .2, 1);
	-moz-transition: all .4s cubic-bezier(.4, 0, .2, 1);
	-ms-transition: all .4s cubic-bezier(.4, 0, .2, 1);
	-o-transition: all .4s cubic-bezier(.4, 0, .2, 1);
	transition: all .4s cubic-bezier(.4, 0, .2, 1);
	cursor: pointer;
	border-radius: 100px;
	overflow: hidden;
	text-decoration: none
}

.about-content-inner a.read-more-abt span {
	position: relative;
	z-index: 2
}

.about-content-inner a.read-more-abt::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: #0074c6 linear-gradient(0deg, #0084c3, #1f5071);
	-webkit-transform-origin: right center;
	-moz-transform-origin: right center;
	-ms-transform-origin: right center;
	transform-origin: right center;
	-webkit-transform: scale(0, 1);
	-moz-transform: scale(0, 1);
	-ms-transform: scale(0, 1);
	-o-transform: scale(0, 1);
	transform: scale(0, 1);
	-webkit-transition: -webkit-transform .4s cubic-bezier(.4, 0, .2, 1);
	-moz-transition: -moz-transform .4s cubic-bezier(.4, 0, .2, 1);
	-ms-transition: -ms-transform .4s cubic-bezier(.4, 0, .2, 1);
	-o-transition: -o-transform .4s cubic-bezier(.4, 0, .2, 1);
	transition: transform .4s cubic-bezier(.4, 0, .2, 1)
}

.about-content-inner a.read-more-abt:hover {
	color: #fff;
	border-color: transparent
}

.about-content-inner a.read-more-abt:hover::before {
	-webkit-transform-origin: left center;
	-moz-transform-origin: left center;
	-ms-transform-origin: left center;
	transform-origin: left center;
	-webkit-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	transform: scale(1, 1)
}

.font-century {
	font-family: Century, sans-serif
}

.p-b-5 {
	padding-bottom: 5px
}

.content-wrap {
	max-height: 68.7vh;
	overflow: hidden;
	overflow-y: auto
}

.content-wrap::-webkit-scrollbar {
	width: 3px
}

.content-wrap.custom-scrollbar::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(255, 255, 255, .3)
}

.content-wrap::-webkit-scrollbar-thumb {
	background-color: #fff;
	border-radius: 10px;
	outline: 1px solid #708090
}

.bg-blue-dark {
	background: #0d1643
}

.bg-grey-dark {
	background: #525856
}

.c-btn.inverse.c-btn-bordered {
	background: 0 0;
	border: 1px solid #fff;
	padding: 5px 15px 3px;
	font-size: 14px
}

.c-btn.inverse.c-btn-bordered:hover {
	border-color: transparent
}

.c-btn.inverse.c-btn-small {
	padding: 5px 15px 3px;
	margin-top: 0;
	font-size: 14px
}

.about-bg.horse {
	background-image: url(../images/horse_comp.webp);
	background-position: center bottom;
	background-size: contain
}

.features-less li {
	display: inline-block;
	margin-bottom: 10px;
	width: 48%
}

.features-less li img,
.features-less li span {
	display: inline-block;
	vertical-align: middle
}

.features-less li img {
	max-width: 25px;
	margin-right: 15px
}

.p-l-20 {
	padding-left: 20px
}

.work-bg.ecommerce {
	background-image: url(../images/kirangems-13.webp)
}

.features-more .owl-carousel .owl-item img {
	display: inline-block;
	width: auto;
	max-width: 100%;
	max-height: 550px;
	margin: 30px 0 20px
}

.feature-detail {
	float: left;
	width: 100%;
	height: 100vh;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	align-items: center
}

.feature-detail .overlay-content {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 96%;
	background: #999;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	transform-origin: center
}

.feature-detail .overlay-content.zoomed {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	opacity: 1
}

.features-more .owl-carousel .owl-item .overlay-content img {
	max-width: 70px
}

.features-detail .section-heading {
	padding-left: 0
}

.features-more .owl-carousel .owl-item .features-title {
	display: flex;
	align-items: center;
	justify-content: center
}

.features-more .owl-carousel .owl-item .features-title .h3 {
	margin-top: 0;
	padding-bottom: 10px;
	text-transform: uppercase;
	padding-left: 0;
	position: relative;
	display: inline-block
}

.features-more .owl-carousel .owl-item .features-title .h3:before {
	content: "";
	width: 80%;
	height: 2px;
	background: #fff;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto
}

.z-index-2 {
	z-index: 2
}

.close-features {
	position: absolute;
	top: 10px;
	right: 10px;
	cursor: pointer;
	z-index: 2
}

.photo-gallery-wrap .item {
	overflow: hidden;
	padding: 0;
	display: inline-block;
	width: 30%;
	margin: 10px;
	-webkit-transition: none 0s;
	-moz-transition: none 0s;
	-ms-transition: none 0s;
	-o-transition: none 0s;
	transition: none 0s;
	max-height: 200px;
	overflow: hidden
}

.photo-gallery-wrap .item img {
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0)
}

.photo-gallery-wrap .item.show-zoom {
	overflow: visible;
	position: relative;
	z-index: 2
}

.photo-gallery-wrap .item.show-zoom img {
	box-shadow: 0 0 30px rgba(0, 0, 0, .5);
	border: 5px solid #fff;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	-webkit-transform: translateY(-25%);
	-moz-transform: translateY(-25%);
	-ms-transform: translateY(-25%);
	-o-transform: translateY(-25%);
	transform: translateY(-25%)
}

@-webkit-keyframes scrollUp {
	0% {
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0)
	}

	100% {
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transform: translateY(-50%)
	}
}

@keyframes scrollUp {
	0% {
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0)
	}

	100% {
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transform: translateY(-50%)
	}
}

.photo-gallery-wrap {
	text-align: center
}

.photo-gallery-wrap .photo-gallery {
	width: calc(100% - 50px);
	margin: 0 auto
}

.photo-gallery-wrap .photo-gallery .item {
	width: 22%;
	margin: 0 8px 8px 0;
	border: 1px solid #eee
}

.gallery-cats-wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-top: 10px
}

.gallery-cats-wrap .gallery-cat {
	border: 10px solid #fff;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	text-align: center;
	padding: 0;
	cursor: pointer;
	background: #fff;
	box-shadow: 0 0 30px rgba(0, 0, 0, .3);
	margin: 0 10px 30px
}

.gallery-cats-wrap .gallery-cat .section-heading-dark.h4 {
	padding-left: 0;
	padding-bottom: 10px
}

.back-category {
	position: absolute;
	top: -40px;
	left: 20px
}

.pb-25 {
	padding-bottom: 25px
}

.product-info {
	position: absolute;
	left: 0;
	bottom: 30px
}

.product-info button {
	margin-right: 10px
}

.product-popup {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(0, 0, 0, .5);
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	z-index: 999
}

.product-popup.closed {
	opacity: 0;
	visibility: hidden;
	transform-origin: center center;
	-webkit-transform: scale3d(0, 0, 0);
	-moz-transform: scale3d(0, 0, 0);
	-ms-transform: scale3d(0, 0, 0);
	-o-transform: scale3d(0, 0, 0);
	transform: scale3d(0, 0, 0)
}

.product-popup.opened {
	opacity: 1;
	visibility: visible;
	-webkit-transform: scale3d(1, 1, 1);
	-moz-transform: scale3d(1, 1, 1);
	-ms-transform: scale3d(1, 1, 1);
	-o-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1)
}

.product-popup .popup-close {
	position: absolute;
	top: 20px;
	right: 20px;
	cursor: pointer
}

.product-popup .popup-content {
	float: left;
	width: 100%;
	max-width: 80vw
}

.popup-content.scrollable-popup {
	/*height:calc(100vh - 50px);*/
	overflow: hidden;
	overflow-y: auto
}

.product-popup .popup-content iframe {
	width: 60vw;
	height: 70vh
}

.bg-light {
	background: #fafbfc
}

.testimonial-wrap {
	padding: 0 40px
}

.testimonial-outer {
	margin-bottom: 30px
}

.testimonial {
	padding: 20px 10px 20px 22%;
	background: #2f5ef7;
	background: linear-gradient(110deg, #0074c6 0, #0074c6 21%, #fff 21.4%, #fff 100%);
	border-radius: 5px;
	position: relative;
	min-height: 225px;
	max-height: 225px;
	display: flex;
	align-items: center;
	outline: 0;
	box-shadow: 0 4px 23px 0 rgba(219, 229, 236, .6);
	flex-wrap: wrap
}

.testimonial .text {
	align-self: flex-start
}

.testimonial .sender {
	align-self: flex-end
}

.testimonial .h4 {
	padding-bottom: 5px;
	align-self: flex-end
}

.testimonial .date {
	color: #999;
	align-self: flex-end
}

.lg-actions .lg-icon {
	background: rgba(255, 255, 255, .5);
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	width: 39px;
	height: 39px
}

.lg-actions .lg-icon:hover {
	background: #fff
}

.lg-actions .lg-icon i {
	font-size: 11px;
	color: #000;
	line-height: 2
}

.lg-actions .lg-next,
.lg-actions .lg-prev {
	padding: 0 15px 5px
}

.lg-actions .lg-next:before {
	content: ""
}

.lg-actions .lg-prev:after {
	content: ""
}

.mb-30 {
	margin-bottom: 30px
}

.feature-slider.owl-carousel .owl-dots {
	text-align: center;
	-webkit-tap-highlight-color: transparent;
	position: absolute;
	bottom: 0;
	width: 100%;
	z-index: 1
}

.feature-slider.owl-carousel .owl-dot {
	cursor: pointer;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.feature-slider.owl-carousel .owl-dot {
	background: 0 0;
	color: inherit;
	border: none;
	padding: 0 !important;
	font: inherit
}

.feature-slider.owl-carousel .owl-dots .owl-dot {
	display: inline-block;
	zoom: 1
}

.feature-slider.owl-carousel .owl-dots .owl-dot span {
	width: 10px;
	height: 10px;
	margin: 5px 7px;
	background: #969696;
	display: block;
	-webkit-backface-visibility: visible;
	transition: opacity .2s ease;
	border-radius: 30px
}

.feature-slider.owl-carousel .owl-dots .owl-dot.active span,
.feature-slider.owl-carousel .owl-dots .owl-dot:hover span {
	background: #0074c6
}

.csr-ini ul {
	float: left;
	width: 100%
}

.csr-ini ul li {
	display: inline-block;
	width: 100%;
	margin-bottom: 7px;
	position: relative;
	padding-left: 15px;
	text-align: justify
}

.csr-ini ul li:before {
	content: "-";
	position: absolute;
	left: 0
}

.csr-ini .section-heading,
.csr-ini .services-txt {
	padding-left: 10px
}

.csr-detail {
	position: absolute;
	padding: 0;
	bottom: 0;
	left: 0;
	z-index: 1
}

.csr-detail .csr-text {
	background: #757575 linear-gradient(45deg, #424242, #757575);
	padding: 10px 20px 25px
}

.mt-20 {
	margin-top: 20px
}

.pagination>.active>span {
	background: 0 0
}

.testimonial-pagination {
	position: absolute;
	left: 0;
	bottom: 0
}

.mb-80 {
	margin-bottom: 80px
}

.popup-content.iframe-loader {
	position: relative;
	background: #fff
}

.popup-content.iframe-loader iframe {
	position: relative;
	z-index: 1
}

#preloader {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 9999999;
	overflow: hidden;
	background: #fff
}

.popup-content.iframe-loader:before {
	content: "";
	position: absolute;
	top: calc(50% - 30px);
	left: calc(50% - 30px);
	border: 6px solid #f2f2f2;
	border-top: 6px solid #0078ff;
	border-radius: 50%;
	width: 60px;
	height: 60px;
	-webkit-animation: animate-preloader 1s linear infinite;
	animation: animate-preloader 1s linear infinite
}

@-webkit-keyframes animate-preloader {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@keyframes animate-preloader {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

.product-profile-sec {
	position: absolute;
	top: 0;
	right: -15px
}

@media all and (-ms-high-contrast:none) {
	.section-bg-home.section-bg-home-light {
		background-image: url(../images/11.jpg)
	}

	.about-bg.horse {
		background-image: url(../images/horse_comp.png)
	}

	.services-bg-4 {
		background-image: url(../images/KiranGems-1.jpg)
	}

	.services-bg-1 {
		background-image: url(../images/contact.jpg)
	}

	.news-page-img-carousel-item-1 {
		background-image: url(../images/chairman-small.jpg)
	}

	.news-page-img-carousel-item-2 {
		background-image: url(../images/mdirector.jpg)
	}

	.news-page-img-carousel-item-3 {
		background-image: url(../images/dlHeader.jpg)
	}

	.news-page-img-carousel-item-4 {
		background-image: url(../images/dlHeader.jpg)
	}

	.panel-left.panel-left-bg-1 {
		background-image: url(../images/chairman-small.jpg)
	}

	.panel-left.panel-left-bg-2 {
		background-image: url(../images/mdirector.jpg)
	}

	.panel-left.panel-left-bg-3 {
		background-image: url(../images/dlHeader.jpg)
	}

	.panel-left.panel-left-bg-4 {
		background-image: url(../images/dlHeader.jpg)
	}

	.manuf-bg {
		background-image: url(../images/14.jpg)
	}

	.csr-bg.product-detail-sec {
		background-image: url(../images/product-detail-sec.jpg)
	}

	.about-bg.direct {
		background-image: url(../images/product/5.jpg)
	}

	.work-bg.ecommerce {
		background-image: url(../images/kirangems-13.jpg)
	}

	.features-more .owl-carousel .owl-item img {
		max-width: 700px
	}

	.csr-bg {
		background-image: url(../images/kiran-hospital-new.jpg)
	}

	.work-bg {
		background-image: url(../images/work-bg-1.jpg)
	}

	.inverse.c-btn.ie-height-50 {
		height: 45px
	}

	.section-bg-home.section-bg-home-light,
	::-ms-backdrop {
		background-image: url(../images/11.jpg)
	}

	.about-bg.horse,
	::-ms-backdrop {
		background-image: url(../images/horse_comp.png)
	}

	.services-bg-4,
	::-ms-backdrop {
		background-image: url(../images/KiranGems-1.jpg)
	}

	.services-bg-1,
	::-ms-backdrop {
		background-image: url(../images/contact.jpg)
	}

	.news-page-img-carousel-item-1,
	::-ms-backdrop {
		background-image: url(../images/chairman-small.jpg)
	}

	.news-page-img-carousel-item-2,
	::-ms-backdrop {
		background-image: url(../images/mdirector.jpg)
	}

	.news-page-img-carousel-item-3,
	::-ms-backdrop {
		background-image: url(../images/dlHeader.jpg)
	}

	.news-page-img-carousel-item-4,
	::-ms-backdrop {
		background-image: url(../images/dlHeader.jpg)
	}

	.panel-left.panel-left-bg-1,
	::-ms-backdrop {
		background-image: url(../images/chairman-small.jpg)
	}

	.panel-left.panel-left-bg-2,
	::-ms-backdrop {
		background-image: url(../images/mdirector.jpg)
	}

	.panel-left.panel-left-bg-3,
	::-ms-backdrop {
		background-image: url(../images/dlHeader.jpg)
	}

	.panel-left.panel-left-bg-4,
	::-ms-backdrop {
		background-image: url(../images/dlHeader.jpg)
	}

	.manuf-bg,
	::-ms-backdrop {
		background-image: url(../images/14.jpg)
	}

	.csr-bg.product-detail-sec,
	::-ms-backdrop {
		background-image: url(../images/product-detail-sec.jpg)
	}

	.about-bg.direct,
	::-ms-backdrop {
		background-image: url(../images/product/5.jpg)
	}

	.work-bg.ecommerce,
	::-ms-backdrop {
		background-image: url(../images/kirangems-13.jpg)
	}

	.features-more .owl-carousel .owl-item img,
	::-ms-backdrop {
		max-width: 700px
	}

	.csr-bg,
	::-ms-backdrop {
		background-image: url(../images/kiran-hospital-new.jpg)
	}

	.work-bg,
	::-ms-backdrop {
		background-image: url(../images/work-bg-1.jpg)
	}

	.inverse.c-btn.ie-height-50,
	::-ms-backdrop {
		height: 45px
	}
}

.event-wrap {
	margin-bottom: 50px
}

.event-wrap .event-container {
	background: #fff;
	padding: 20px;
	box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px
}

.event-container .event-img-wrap {
	height: 100%
}

.event-container .event-img-wrap {
	max-width: 50%;
	display: flex;
	align-items: center;
	overflow: hidden;
	position: absolute;
	top: 50%;
	left: -50px;
	box-shadow: -10px 0 10px rgba(0, 0, 0, .1);
	height: 100px;
	width: 100px;
	padding: 10px;
	background: #fff;
	border-radius: 5px;
	transform: translateY(-50%)
}

.event-container .event-img-wrap figure img {
	max-width: 100%
}

.event-detail {
	padding-left: 80px
}

.event-detail .h4 {
	padding-left: 0;
	padding-bottom: 10px
}

.event-detail p {
	margin-bottom: 10px;
	padding: 0
}

.event-detail p:last-child {
	margin-bottom: 0
}

.more-wrap {
	position: fixed;
	bottom: 15px;
	right: 15px;
	width: auto;
	height: auto;
	display: flex;
	align-items: center;
	z-index: 1
}

.more-wrap .more,
.more-wrap .more-ico {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 60px;
	height: 60px;
	border-radius: 100%;
	background: #db8608 linear-gradient(45deg, #e65100, #db8608);
	z-index: 1;
	box-shadow: 0 5px 30px rgba(0, 0, 0, .5);
	cursor: pointer
}

.more-wrap .more img {
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s
}

.more-wrap .more {
	transition: all .5s;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s
}

.more-wrap.expand .more {
	width: 30px;
	height: 30px
}

.more-wrap.expand .more img {
	width: 15px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg)
}

.more-wrap .more-ico {
	opacity: 0;
	visibility: hidden
}

.more-wrap.expand .more-ico {
	opacity: 1;
	visibility: visible;
	transition: all .5s;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	position: relative;
	z-index: 1
}

.more-wrap.expand .more-ico .popup {
	position: absolute;
	top: 0;
	left: -43px;
	right: 0;
	margin: 0 auto;
	background: #0074c6;
	color: #fff;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	width: 145px;
	text-align: center;
	padding: 5px;
	z-index: 0;
	opacity: 0;
	transition: all .5s;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s
}

.more-wrap.expand .more-ico:hover .popup {
	opacity: 1;
	top: -45px
}

.more-wrap .more-ico:first-child {
	margin-right: 15px;
	transform: translateX(77px);
	-webkit-transform: translateX(77px);
	-moz-transform: translateX(77px);
	-ms-transform: translateX(77px);
	-o-transform: translateX(77px)
}

.more-wrap .more-ico:nth-child(2) {
	margin-right: 15px;
	transform: translateX(150px);
	-webkit-transform: translateX(150px);
	-moz-transform: translateX(150px);
	-ms-transform: translateX(150px);
	-o-transform: translateX(150px)
}

.more-wrap.expand .more-ico:first-child {
	margin-right: 15px;
	transform: translateX(-12px);
	-webkit-transform: translateX(-12px);
	-moz-transform: translateX(-12px);
	-ms-transform: translateX(-12px);
	-o-transform: translateX(-12px)
}

.more-wrap.expand .more-ico:nth-child(2) {
	margin-right: 15px;
	transform: translateX(-5px);
	-webkit-transform: translateX(-5px);
	-moz-transform: translateX(-5px);
	-ms-transform: translateX(-5px);
	-o-transform: translateX(-5px)
}

.more-wrap img {
	max-width: 35px
}

.loader-new.light,
.loader-new.light .transition-wrap .transition-2 {
	background: #fff7f726
}

.product-profile-table {
	position: absolute;
	top: 5%;
	left: 0;
	right: 0;
	color: #fff;
	margin: auto;
	max-width: 960px
}

.product-profile-table h2 {
	text-align: center;
	font-size: 20px;
	text-transform: uppercase;
	margin-bottom: 20px
}

.product-profile-table table {
	width: 100%
}

.product-profile-table th {
	font-size: 16px
}

.product-profile-table table td {
	font-size: 14px
}

.product-profile-table table td,
.product-profile-table table th {
	border: 1px solid #fff;
	padding: 5px;
	color: #fff;
	max-width: 100px;
	text-align: center
}

.product-profile-table table th {
	color: #0074c6;
	font-weight: 600
}

.border-none {
	border: none !important
}

.loadtime-popup {
	width: 100%;
	height: 100%;
	display: flex;
	position: fixed;
	z-index: -1
}

.pt-0 {
	padding-top: 0
}

.text-none {
	text-transform: none
}

.product-popup.kpl-live .img-wrap img {
	max-height: 70vh;
	width: auto
}

.product-popup.kpl-live .live-link {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 15px
}

.product-popup.kpl-live .live-link a {
	display: flex;
	align-items: center;
	margin-right: 30px;
	font-size: 20px;
	text-decoration: none
}

.kpl-live .live-link a img {
	max-width: 25px;
	margin-right: 15px
}

.product-popup.kpl-live .live-link h3 {
	color: #fff;
	font-size: 25px;
	margin-right: 30px;
	animation: blink .6s infinite ease-in-out;
	-webkit-animation: blink .6s infinite ease-in-out
}

.more-wrap.expand .more-ico:nth-child(3) {
	margin-right: 15px
}

@-webkit-keyframes blink {
	0% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

@keyframes teardrop {
	0% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

.product-popup.kpl-live .live-link h3 span {
	position: relative;
	color: #fff;
	padding: 1px 10px 0
}

.product-popup.kpl-live .live-link h3 span:after {
	content: "";
	position: absolute;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
	background: #ea1d2a;
	border: 1px solid #fff;
	border-top-left-radius: 10px;
	border-bottom-right-radius: 10px;
	border-top-left-radius: 8px;
	border-bottom-right-radius: 8px;
	transform: skewX(-10deg);
	z-index: -1
}

.presskit_block {
	padding: 0;
	background: #fff;
	border-radius: 5px;
	position: relative;
	outline: 0;
	box-shadow: 0 4px 23px 0 rgba(219, 229, 236, .6);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	overflow: hidden
}

.presskit_block .block_content {
	padding: 10px 15px
}

.presskit_block .block_content h2 {
	color: #111;
	font-size: 18px
}

.presskit_block .block_content p {
	color: #0074c6;
	font-size: 14px
}

.presskit_block:hover {
	box-shadow: 0 5px 10px rgba(0, 0, 0, .2)
}

.d-brochure {
	display: flex;
	justify-content: flex-end;
	padding: 0;
	margin-bottom: 15px
}

.d-brochure a {
	background: #0074c6;
	color: #fff;
	text-decoration: none;
	padding: 7px 10px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	display: flex;
	align-items: center;
	width: auto
}

.d-brochure a svg {
	fill: #fff;
	width: 25px;
	margin-right: 5px
}

.d-brochure a:hover {
	background: #0160a3
}

@media screen and (min-width:1900px) {
	.vert-menu-wrap .links {
		margin-top: 7vh
	}

	.vert-menu-wrap .links li a {
		padding-top: 15px;
		padding-bottom: 15px
	}

	.gallery-cats-wrap {
		margin-top: 30px
	}
}

@media screen and (min-width:1900px) and (max-height:980px) and (orientation:landscape) {
	.vert-menu-wrap .links {
		margin-top: 2vh
	}
}

@media screen and (min-width:1600px) and (max-height:800px) {
	.vert-menu-wrap .links {
		margin-top: 0
	}

	.vert-menu-wrap .links li a {
		padding-top: 8px;
		padding-bottom: 8px
	}
}

@media screen and (max-width:1440px) {
	body {
		font-size: 14px
	}

	p {
		line-height: 1.5;
		font-size: 14px
	}

	.news-text-txt p {
		line-height: 1.5
	}

	.initial-content-detail li span {
		font-size: 14px
	}

	.one-line {
		font-size: 17px
	}

	p.navigation__anchor-text {
		font-size: 14px
	}

	.font-md-19 {
		font-size: 16px
	}

	.vert-menu-wrap .links {
		margin-top: 3vh
	}
}

@media screen and (max-width:1439px) {
	body {
		font-size: 13px
	}

	.mt-30 {
		margin-top: 10px
	}

	p {
		line-height: 1.5;
		font-size: 12px
	}

	.news-text-txt p {
		line-height: 1.5
	}

	.initial-content-detail li span {
		font-size: 13px
	}

	.one-line {
		font-size: 17px
	}

	p.navigation__anchor-text {
		font-size: 12px
	}

	.font-md-19 {
		font-size: 14px
	}

	.products-wrap {
		margin-top: 10px
	}

	.pt-100 {
		padding-top: 30px
	}

	.pb-65 {
		padding-bottom: 30px
	}

	.feature-img img {
		max-height: 380px
	}

	.award-detail .nav-tabs>li>.feature-desc {
		margin-top: 10px
	}

	.award-detail .nav-tabs>li>.feature-desc ul li {
		padding-bottom: 2px
	}

	.pb-md-0 {
		padding-bottom: 0
	}

	.award-detail .nav-tabs>li {
		padding-bottom: 20px
	}

	.award-desc .h4 {
		font-size: 16px
	}

	.csr-tabs .nav-tabs>li>.tag-line {
		font-size: 13px;
		left: -10px;
		bottom: -39px;
		line-height: 21px !important
	}

	.csr-tabs-detail .detail .h3 {
		margin-top: 0;
		padding-bottom: 10px
	}

	.csr-slider ul.less-margin li ul li .h4 {
		font-size: 16px;
		margin-top: 5px;
		padding-bottom: 5px
	}

	.c-btn.fullwidth-liquid.onHoverWhite {
		padding: 10px 15px;
		width: 150px
	}

	.vert-menu-wrap .links {
		margin-top: 2vh
	}

	.vert-menu-wrap .links li a {
		font-size: 15px
	}

	.office-address p {
		font-size: 13px
	}

	.job-list-wrap .job-list .job-item {
		line-height: 30px
	}

	.job-list-wrap .job-list .job-item .value {
		font-size: 13px
	}

	.feature-desc .on-click.section-heading {
		margin-top: 10px !important;
		padding-bottom: 5px
	}

	.sales-on-hover img {
		min-height: auto
	}

	.navigation__anchor {
		padding: 7px 10px
	}
}

@media screen and (min-width:1200px) and (max-width:1400px) {
	.container {
		width: 1060px
	}
}

@media screen and (max-width:1400px) {
	.csr-tabs .nav-tabs>li>a h4 {
		font-size: 20px
	}

	.footer-logo {
		left: 0
	}
}

@media screen and (max-width:1400px) and (max-height:670px) and (orientation:landscape) {
	.vert-menu-wrap {
		padding: 10px 0
	}

	.vert-menu-wrap .links.bottom-links {
		bottom: 5px
	}

	.vert-menu-wrap .links {
		margin-top: 0
	}

	.vert-menu-wrap .links li a {
		padding: 6px 15px
	}

	.c-btn {
		padding: 6px 15px
	}

	.product-detail .section-heading {
		padding-bottom: 5px;
		font-size: 16px
	}

	.product-detail .h4.section-heading {
		font-size: 14px;
		margin-top: 5px
	}

	.product-detail .h4.section-heading.one-line {
		margin-top: 25px
	}

	.product-detail p.services-txt {
		font-size: 13px
	}

	.product-detail p.mb-10 {
		margin-bottom: 5px !important
	}

	.product-info .c-btn.inverse.c-btn-bordered {
		padding: 1px 15px 0
	}

	.product-info .c-btn span {
		font-size: 12px
	}

	.testimonial {
		min-height: 200px;
		max-height: 200px
	}

	.photo-gallery-wrap .item {
		max-height: 145px
	}

	.gallery-cats-wrap {
		margin-top: 15px
	}

	.gallery-cats-wrap .gallery-cat .h4 {
		font-size: 16px
	}

	.offices h4 {
		margin-top: 0
	}

	.offices a {
		margin-top: 5px
	}

	.office-address .h3 {
		margin-top: 0;
		padding-bottom: 5px
	}

	.contact-form {
		overflow: visible
	}

	.alert {
		margin-bottom: 0;
		padding: 10px
	}

	.award-detail .nav-tabs>li {
		padding-bottom: 0
	}

	.award-right .about-content-inner h2.h3 {
		margin-top: 0
	}

	.award-detail .nav-tabs>li .c-btn.inverse.c-btn-small {
		padding: 1px 15px 0;
		margin-top: 5px
	}

	.awart-right .about-content-inner h2.h3 {
		margin-top: 0
	}

	.feature-desc .on-click.section-heading {
		margin-top: 5px !important
	}

	.csr-detail .csr-text {
		padding: 10px 20px 10px
	}

	.csr-ini .section-heading {
		margin-top: 10px;
		padding-bottom: 10px;
		font-size: 15px
	}

	.csr-ini ul li {
		margin-bottom: 4px
	}

	.csr-text .h3.section-heading {
		margin-top: 0;
		padding-bottom: 10px;
		font-size: 17px
	}

	.csr-text .h4.section-heading {
		margin-top: 0;
		padding-bottom: 10px;
		font-size: 15px
	}

	.csr-text .h4.section-heading.mt-20 {
		margin-top: 10px;
		padding-bottom: 10px;
		font-size: 14px
	}

	.csr-ini p.mt-10 {
		margin-top: 0 !important
	}

	.features-more .owl-carousel .owl-item img {
		max-height: 400px
	}

	.features-more .owl-carousel .owl-item .features-title .h3 {
		font-size: 20px
	}

	.vr-link {
		width: 60px;
		height: 60px
	}

	.vr-link img {
		max-width: 35px
	}

	.news-page-img-carousel-title h4 {
		font-size: 20px
	}

	.inputfile-6+label span {
		min-width: 305px;
		max-width: 62.3%
	}
}

@media (max-width:1440px) and (max-height:757px) {
	.content-wrap {
		max-height: 66.7vh
	}
}

@media screen and (max-width:1300px) {
	.initial-content-detail li strong:after {
		width: 35%
	}

	.about-bg-2,
	.manuf-bg,
	.section-bg-home.section-bg-home-light {
		background-size: 185% auto
	}
}

@media screen and (max-width:1199px) {
	.initial-content-detail li strong:after {
		width: 20%
	}

	.font-19 {
		font-size: 17px
	}

	.sales-on-hover img {
		min-height: 200px
	}

	.csr-tabs .nav-tabs>li>.tag-line {
		bottom: -45px
	}

	.pad-lr-20-md {
		padding-left: 20px !important;
		padding-right: 20px !important
	}

	.product-profile-table {
		max-width: 720px
	}
}

@media screen and (min-width:992px) and (max-width:1199px) and (orientation:portrait) {
	#fullpage {
		overflow-x: hidden
	}

	.height-auto-md,
	.height-auto-md .fp-tableCell {
		height: auto !important
	}

	.height-50vh-md {
		height: 50vh
	}

	.height-37vh-md {
		height: 37vh
	}

	.height-md-62vh {
		height: 62vh
	}

	.height-md-57vh {
		height: 57vh
	}

	.height-md-59vh {
		height: 59vh
	}

	.height-md-60vh {
		height: 60vh
	}

	.height-md-74vh {
		height: 74vh
	}

	.height-md-69vh {
		height: 69vh
	}

	.about-bg-2,
	.manuf-bg,
	.section-bg-home.section-bg-home-light {
		background-size: 306% auto
	}

	.csr-tabs .nav-tabs>li {
		padding-top: 2rem;
		padding-bottom: 2rem
	}

	.news-detail-heading {
		min-height: 35vh
	}

	#grid .item {
		width: 28%
	}

	.pt-md-300 {
		padding-top: 300px
	}

	.pb-md-300 {
		padding-bottom: 300px
	}

	.sales-on-hover img {
		max-height: auto
	}

	.pl-md-25 {
		padding-left: 25px
	}

	.job-outer .description .des-detail {
		width: 70%
	}

	.max-md-width-750 {
		width: 750px
	}

	.flex-md {
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex
	}

	.flex-wrap-md {
		flex-wrap: wrap
	}

	.flex-order-1-md {
		order: 1
	}

	.flex-order-2-md {
		order: 2
	}

	.flex-order-3-md {
		order: 3
	}


	.flex-md-align-start {
		align-items: flex-start
	}

	.pos-rel-md {
		position: relative
	}

	.about-bg.horse {
		width: 100%;
		height: 50vh
	}

	#section10 .fp-tableCell,
	#section12 .fp-tableCell,
	#section13 .fp-tableCell,
	#section14 .fp-tableCell,
	#section2 .fp-tableCell,
	#section5 .fp-tableCell,
	#section7 .fp-tableCell,
	#section8 .fp-tableCell,
	#section9 .fp-tableCell {
		height: auto !important
	}

	.product-popup .popup-content iframe {
		width: 96vw;
		height: 41vh
	}

	.manufacturing-detail {
		position: relative
	}

	#section5 .manuf-bg-wrapper {
		height: 50vh
	}

	#section5 .manuf-bg {
		background-size: 155% auto
	}

	#prod-photos .award-img {
		height: 75vh
	}

	.footer-logo {
		position: relative
	}

	.feature-detail {
		height: 62vh
	}

	.csr-detail {
		position: relative
	}

	.photo-gallery-top {
		padding: 40px 0
	}

	.photo-gallery-wrap .photo-gallery .item {
		width: 31%
	}

	.photo-gallery-wrap .item {
		max-height: 155px
	}

	.contact-form {
		height: auto
	}

	.award-carousel .award-img {
		height: 59vh
	}

	.testimonial-section {
		height: 100%;
		padding: 40px 0;
		display: inline-block
	}

	.news-img-wrap {
		height: 150px;
		overflow: hidden
	}

	.page-content .content-block {
		width: 78%
	}

	.event-container {
		float: right !important
	}

	.product-popup .popup-content {
		max-width: 92vw
	}

	.inputfile-6+label strong {
		width: 100%;
		text-align: center
	}

	.job-apply-form .c-btn.fullwidth-liquid {
		width: 150px
	}
}

@media screen and (min-width:768px) and (max-width:991px) {
	.inputfile-6+label strong {
		width: 100%;
		text-align: center
	}

	#fullpage {
		overflow-x: hidden
	}

	.height-auto-sm {
		height: auto !important
	}

	.flex-sm-only {
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex
	}

	.flex-order-1-sm {
		order: 1
	}

	.flex-order-2-xs {
		order: 2
	}

	.flex-order-3-xs {
		order: 3
	}

	.flex-order-4-xs {
		order: 4
	}

	.flex-wrap-sm {
		flex-wrap: wrap
	}

	.mb-xs-0 {
		margin-bottom: 0 !important
	}

	.max-width-400 {
		max-width: 400px;
		margin-left: auto;
		margin-right: auto
	}

	#intro-title {
		font-size: 70px;
		margin: 0 0 0 -6px
	}

	.intro-text p {
		line-height: 1.5;
		font-size: 20px
	}

	.about-bg-2,
	.manuf-bg,
	.section-bg-home.section-bg-home-light {
		background-size: 306% auto
	}

	.about-content-wrapper {
		height: auto;
		margin-bottom: 50px
	}

	.pos-rel-xs {
		position: relative
	}

	.csr-img {
		padding: 50px 0 !important;
		display: table-cell
	}

	.services-txt,
	.services-txt-dark {
		margin-top: 10px;
		padding: 0 15px
	}

	.tag-line {
		padding: 0 15px
	}

	.section-heading,
	.section-heading-dark {
		padding: 0 15px 15px 15px
	}

	.services-bg-wrapper {
		height: auto;
		min-height: 23vh
	}

	.services-bg {
		height: auto;
		min-height: 299px
	}

	.services-container {
		height: 29.2vh
	}

	.center-container {
		position: relative;
		padding-bottom: 30px;
		padding-top: 10px
	}

	#section3 .fp-tableCell {
		height: auto !important
	}

	.pad-sm-0 {
		padding: 0 !important
	}

	.min-height-sm-100vh {
		min-height: 100vh
	}

	.min-height-sm-69vh {
		min-height: 69vh
	}

	.height-sm-100vh {
		height: 100vh
	}

	.height-sm-78vh {
		height: 78vh
	}

	.height-sm-70vh {
		height: 70vh
	}

	.height-sm-69vh {
		height: 69vh
	}

	.pt-sm-300 {
		padding-top: 300px
	}

	.pb-sm-150 {
		padding-bottom: 150px
	}

	.sales-on-hover img {
		min-height: auto
	}

	.font-27-sm {
		font-size: 27px
	}

	.mt-sm-50 {
		margin-top: 50px
	}

	.csr-tabs .nav-tabs>li {
		padding-top: 2rem;
		padding-bottom: 2rem
	}

	.csr-tabs .nav-tabs>li>a h4 {
		font-size: 19px
	}

	.csr-tabs .nav-tabs>li>.tag-line {
		bottom: -45px
	}

	.news-img-wrap {
		height: 150px;
		overflow: hidden
	}

	.news-detail-heading {
		min-height: 45vh
	}

	.news-header .news-title {
		max-width: 60vw
	}

	.page-content .content-block {
		width: 95%
	}

	#grid .item {
		width: 28%
	}

	.text-title h4 {
		text-align: left
	}

	.news-page-img-carousel-heading.news-page-img-carousel-heading-dark {
		text-align: left;
		padding-bottom: 30px
	}

	.text-spacer {
		text-align: left
	}

	.news-content-inner p {
		padding-right: 0
	}

	.job-outer .description {
		padding-left: 64px
	}

	.job-outer .description .des-detail {
		width: 80%
	}

	.c-btn.fullwidth-liquid.onHoverWhite {
		width: auto
	}

	.about-bg.horse {
		background-size: cover
	}

	.about-bg.horse {
		height: 60vh
	}

	.manufacturing-detail {
		position: relative
	}

	#section5 .manuf-bg-wrapper {
		height: 65vh
	}

	#section5 .manuf-bg {
		background-size: 210% auto
	}

	.footer-logo {
		position: relative
	}

	#prod-photos .award-img {
		height: 69vh
	}

	#section6 .fp-tableCell {
		height: auto !important
	}

	.csr-detail {
		position: relative
	}

	.height-sm-51vh {
		height: 51vh
	}

	.csr-bg {
		width: 100vw;
		background-size: cover
	}

	.photo-gallery-wrap .photo-gallery .item {
		width: 47%
	}

	.services-txt.mb-80 {
		margin-bottom: 30px !important
	}

	.c-btn.inverse.c-btn-bordered.mt-10 {
		margin-top: 20px !important
	}

	.testimonial-pagination {
		position: relative
	}

	.award-right .about-content-wrapper {
		padding-top: 30px !important;
		padding-bottom: 50px !important
	}

	.work-with-us .work-bg {
		height: 70vh
	}

	.work-bg.ecommerce {
		height: 78vh
	}

	#section12 .fp-tableCell,
	#section8 .fp-tableCell {
		height: auto !important
	}

	.offices {
		margin-bottom: 30px
	}

	.feature-detail {
		height: 78vh
	}

	.fp-section.fp-table,
	.fp-tableCell {
		height: auto !important
	}

	nav.navigation-menu li {
		padding: 14px 0
	}

	.height-sm-70vh {
		height: 70vh
	}

	.height-sm-40vh {
		height: 40vh
	}

	.event-container {
		float: right !important
	}

	.product-popup .popup-content {
		max-width: 92vw
	}

	.career-form .product-popup-container {
		width: 100vw
	}

	.career-form.product-popup .popup-content {
		max-width: 100%
	}

	.job-apply-form #form input {
		margin: 0;
		padding-top: 0
	}

	.job-apply-form {
		padding: 15px 0;
		border: 0
	}

	.flexed {
		display: flex
	}

	.flexed button {
		margin: 0 5px
	}

	.job-apply-form .c-btn.fullwidth-liquid {
		width: 150px
	}
}

@media screen and (max-width:767px) {
	.inputfile-6+label strong {
		width: 100%;
		text-align: center
	}

	.flex-xs {
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex
	}

	.flex-wrap-xs {
		flex-wrap: wrap
	}

	.flex-order-1-xs {
		order: 1
	}

	.flex-order-2-xs {
		order: 2
	}

	.flex-order-3-xs {
		order: 3
	}

	.flex-order-4-xs {
		order: 4
	}

	.min-height-xs-100vh {
		min-height: 100vh
	}

	.height-auto-xs {
		height: auto !important
	}

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

	.pt-15-xs {
		padding-top: 15px !important
	}

	.mb-xs-0 {
		margin-bottom: 0 !important
	}

	.mt-xs-20 {
		margin-top: 20px
	}

	.intro-text p {
		line-height: 1.5;
		font-size: 17px;
		padding: 0 10px
	}

	.vr-link {
		width: 60px;
		height: 60px
	}

	.vr-link img {
		max-width: 32px
	}

	.about-bg-2,
	.manuf-bg,
	.section-bg-home.section-bg-home-light {
		background-size: 230vh auto
	}

	.pos-rel-xs {
		position: relative
	}

	.about-content-wrapper {
		height: auto;
		margin-bottom: 50px;
		display: inline-block;
		width: 100%
	}

	.csr-img {
		padding: 50px 0 !important;
		display: table-cell
	}

	.services-txt,
	.services-txt-dark {
		margin-top: 10px;
		padding: 0 15px;
		font-size: 14px
	}

	.tag-line {
		padding: 0 15px
	}

	.section-heading,
	.section-heading-dark {
		padding: 0 15px 15px 15px
	}

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

	.about-center {
		position: relative;
		left: 0;
		border: 0;
		padding: 0
	}

	.about-center:after {
		content: "";
		position: relative;
		top: 0;
		right: 0;
		width: 0;
		height: 0;
		background: 0 0
	}

	.about-center .about-text {
		padding-bottom: 37px
	}

	.services-container {
		height: auto
	}

	.center-container {
		position: relative;
		padding-bottom: 30px;
		padding-top: 10px
	}

	.services-bg-wrapper {
		height: auto
	}

	.services-bg {
		height: auto;
		min-height: 300px
	}

	.initial-content-detail {
		margin-top: 15px
	}

	.initial-content-detail li {
		margin-bottom: 15px
	}

	.initial-content-detail li strong {
		width: 100%;
		margin-bottom: 5px
	}

	.initial-content-detail li strong:after {
		content: "";
		position: relative;
		right: 0;
		bottom: 0;
		width: 0;
		height: 0;
		background: 0 0
	}

	.initial-content-detail li span {
		width: 100%
	}

	.news-text-txt {
		margin: 30px 0
	}

	.news-text-txt p {
		padding-top: 0;
		padding-bottom: 0;
		max-height: 70vh;
		overflow: hidden;
		overflow-y: auto;
		font-size: 14px
	}

	.manufacturing-detail {
		position: relative;
		padding-bottom: 0
	}

	.one-line {
		margin-top: 0
	}

	.pt-xs-0 {
		padding-top: 0 !important
	}

	.pad-lr-7-xs {
		padding-right: 7px !important;
		padding-left: 7px !important
	}

	.pb-xs-30 {
		padding-bottom: 30px !important
	}

	.products-wrap {
		margin-top: 20px
	}

	.product-info {
		position: absolute;
		left: 0;
		bottom: 30px;
		width: 100%;
		text-align: center
	}

	.product-info .c-btn.inverse.c-btn-bordered {
		margin-right: 0
	}

	.show-onhover {
		opacity: 1;
		display: inline-block;
		padding-bottom: 30px
	}

	.sales-on-hover img {
		min-height: auto
	}

	.mt-xs-30 {
		margin-top: 30px
	}

	.font-23-xs {
		font-size: 23px
	}

	.pb-xs-0 {
		padding-bottom: 0 !important
	}

	.text-left-xs {
		text-align: left
	}

	.features-wrap .nav>li>a {
		padding: 7px 0 15px
	}

	.features-wrap .nav-tabs>li>.feature-desc {
		padding-left: 35px
	}

	#section9 .feature-img {
		padding-top: 30px;
		padding-bottom: 30px
	}

	.award-detail .nav-tabs {
		padding-left: 0;
		padding-right: 0
	}

	.award-detail .nav-tabs>li {
		padding-bottom: 0;
		margin-bottom: 10px
	}

	.award-detail .nav-tabs>li:after {
		left: 0
	}

	.award-detail .nav-tabs>li>.feature-desc ul {
		padding-left: 0;
		margin-top: 10px
	}

	.mb-xs-10 {
		margin-bottom: 10px !important
	}

	.csr-tabs .nav-tabs>li {
		padding-left: 2.7rem
	}

	.csr-tabs .nav-tabs>li:before {
		width: 2.7rem
	}

	.csr-tabs .nav-tabs>li.active {
		padding-left: 3.7rem
	}

	.csr-tabs .nav-tabs>li.active:before {
		width: 3.7rem
	}

	.csr-tabs .nav-tabs>li>a h4 {
		font-size: 19px
	}

	.csr-tabs .nav-tabs>li:first-child {
		padding-bottom: 50px;
		padding-top: 50px
	}

	.csr-tab-wrap,
	.csr-tabs-wrap {
		height: auto
	}

	.csr-tabs,
	.csr-tabs-detail {
		position: relative
	}

	.csr-tabs-detail .heading-text .section-heading {
		font-size: 20px;
		padding-left: 0;
		margin-top: 0
	}

	.job-list-wrap .job-list .job-item {
		padding-left: 15px
	}

	.c-btn.fullwidth-liquid.onHoverWhite {
		margin-bottom: 10px;
		width: auto
	}

	.office-address {
		height: auto
	}

	.offices {
		padding-left: 50px
	}

	.offices:before {
		width: 35px;
		left: 15px
	}

	.contact-form {
		height: auto;
		padding: 30px 15px
	}

	.form-wrap {
		padding: 30px 15px
	}

	.contact-container {
		height: auto
	}

	.bottom-credits {
		left: 15px;
		bottom: 25px
	}

	.social-icons-wrapper {
		visibility: visible
	}

	.social-icons-wrapper {
		right: auto;
		left: 10px;
		bottom: 0
	}

	.posts {
		padding-top: 0;
		padding-bottom: 20px
	}

	.navigation__active-dot {
		display: none
	}

	.news-img-wrap .border {
		left: 3px
	}

	.news-small-detail {
		margin-top: 20px;
		padding: 0
	}

	.news-small-detail .section-heading-dark {
		padding-bottom: 0
	}

	.posts .pagination {
		margin-top: 20px;
		margin-bottom: 0
	}

	.news-detail-heading {
		min-height: 40vh
	}

	.news-header {
		display: none
	}

	.news-detail-wrap .section-heading-dark.p-l-0 {
		padding-left: 0
	}

	#grid .item {
		width: 40%
	}

	.job-outer .title {
		flex-wrap: wrap
	}

	.job-outer .title p.services-txt-dark {
		padding-left: 0;
		width: 100%
	}

	.job-outer .description {
		padding-left: 0;
		flex-wrap: wrap
	}

	.job-outer .description .des-detail {
		margin-top: 10px;
		width: 100%
	}

	.company-profile {
		width: max-content;
		position: relative;
		bottom: auto;
		left: auto;
		z-index: 1;
		margin: auto;
		margin-top: 30px
	}

	.about-bg.horse {
		background-size: cover
	}

	.footer-logo {
		position: relative;
		bottom: 10px
	}

	.footer-logo img {
		max-width: 60%
	}

	.product-popup .popup-content iframe {
		width: 96vw;
		height: 31vh
	}

	.owl-prev {
		left: -26px
	}

	.owl-next {
		right: -36px
	}

	.owl-prev:before {
		left: 39px
	}

	.owl-prev .owl-custom {
		left: 18px
	}

	.owl-next:before {
		right: 49px
	}

	.owl-next .owl-custom {
		right: 28px
	}

	.features-more .owl-carousel .owl-item img {
		max-height: 430px;
		margin: 20px 0 0
	}

	.feature-detail .overlay-content {
		display: inline-block;
		padding-top: 37vh
	}

	.close-features {
		right: auto;
		left: 10px
	}

	.testimonial {
		min-height: 250px;
		max-height: 250px;
		background: linear-gradient(105deg, #0074c6 0, #0074c6 20%, #fff 20.4%, #fff 100%)
	}

	.csr-detail {
		position: relative;
		right: auto;
		bottom: auto
	}

	.csr-bg {
		background-size: cover;
		width: 100vw
	}

	.award-detail .nav-tabs li .c-btn.inverse.c-btn-small {
		margin-top: 10px
	}

	.photo-gallery-wrap .photo-gallery {
		width: max-content;
		width: -moz-max-content;
		display: inline-block;
		margin-top: 50px
	}

	.photo-gallery-wrap .photo-gallery .item {
		width: 46%;
		max-width: 320px
	}

	.back-category {
		position: absolute;
		top: 0;
		left: -10px
	}

	.news-page-img-carousel-wrapper .news-page-img-carousel-text p {
		font-size: 14px
	}

	.news-page-img-carousel-title h4 {
		font-size: 25px
	}

	.news-page-img-carousel-wrapper .news-page-img-carousel-text .news-page-img-carousel-heading {
		font-size: 18px
	}

	.text-title h4 {
		font-size: 25px
	}

	.c-btn.inverse-dark {
		padding: 6px 15px
	}

	.product-info .c-btn.inverse.c-btn-bordered.mt-10 {
		margin-top: 20px !important
	}

	.services-txt.mb-80 {
		margin-bottom: 0 !important
	}

	.testimonial-pagination {
		position: relative
	}

	.gallery-mob-wrap,
	.photo-mob-wrap {
		display: inline-block;
		width: 100%;
		overflow: hidden;
		overflow-x: auto
	}

	.gallery-cats-wrap {
		width: max-content
	}

	.gallery-cats-wrap .gallery-cat {
		max-width: 300px
	}

	#section13,
	#section13 .fp-tableCell {
		height: auto !important
	}

	.mobile-view {
		position: absolute
	}

	.about-content-info {
		position: relative;
		z-index: 2
	}

	.about-content-info .about-content-inner {
		background: rgba(82, 88, 86, .73)
	}

	.testimonial-mobile-slider .owl-stage-outer {
		width: 100%;
		display: inline-block
	}

	.testimonial-mobile-slider .testimonial-outer {
		margin-bottom: 0;
		margin-top: 20px;
		padding: 0
	}

	.testimonial-pagination {
		display: none
	}

	.testimonial-wrap {
		padding: 0 20px
	}

	.testimonial-block {
		padding: 30px 0
	}

	.testimonial-block,
	.testimonial-block .fp-tableCell {
		display: block !important;
		height: auto !important
	}

	#section15,
	#section15 .fp-tableCell {
		height: 454px !important
	}

	#section15 .csr-bg-wrapper {
		height: 80vh
	}

	.logo-light .logo-img:before {
		width: 70px
	}

	.job-heading h3,
	.news-heading h3 {
		font-size: 20px
	}

	.award-slider .award-img,
	.height-xs-auto {
		height: auto !important
	}

	.award-slider .award-img img {
		position: relative;
		height: 50vh
	}

	.job-heading {
		padding: 30px 0
	}

	.event-wrap {
		margin-bottom: 80px
	}

	.event-wrap:last-child {
		margin-bottom: 20px
	}

	.event-detail {
		padding-left: 20px;
		padding-top: 50px
	}

	.event-container .event-img-wrap {
		top: 0;
		left: 0;
		box-shadow: 0 -10px 10px rgba(0, 0, 0, .1);
		transform: translateY(-40%);
		-webkit-transform: translateY(-40%);
		-moz-transform: translateY(-40%);
		-ms-transform: translateY(-40%);
		-o-transform: translateY(-40%);
		right: 0;
		margin: 0 auto
	}

	.product-popup.kpl-live .live-link {
		flex-direction: column
	}

	.product-popup.kpl-live .live-link h3 {
		text-align: center;
		margin-bottom: 20px;
		margin-right: 0
	}

	.product-popup.kpl-live .live-link a {
		margin-right: 0;
		margin-bottom: 20px
	}
}

@media (min-width:767px) {
	.hidden-sm-up {
		display: none
	}
}

@media all and (-ms-high-contrast:none) {
	.product-profile-table {
		max-width: 100%;
		text-align: center
	}

	.product-profile-table table {
		width: 100%;
		max-width: 740px;
		margin: auto
	}

	.product-profile-table,
	::-ms-backdrop {
		max-width: 100%;
		text-align: center
	}

	.product-profile-table table,
	::-ms-backdrop {
		width: 100%;
		max-width: 740px;
		margin: auto
	}
}

@media (max-width:575px) {
	.product-profile-table table td {
		font-size: 8px
	}

	.product-profile-table th {
		font-size: 10px
	}

	.product-profile-table table td,
	.product-profile-table table th {
		padding: 3px
	}

	.product-profile-table {
		top: 5%;
		left: 5px;
		right: 5px
	}

	.product-profile-table h2 {
		font-size: 16px;
		margin-bottom: 5px
	}

	.content-wrap {
		max-height: 115.7vh
	}
}

@media (max-width:767px) {
	.popup-content.scrollable-popup {
		height: auto;
		overflow: visible
	}

	.product-popup .popup-content.popup-content.scrollable-popup {
		max-width: 85vw
	}

	.inputfile-6+label span {
		min-width: 135px;
		max-width: 100%
	}

	.career-form .product-popup-container {
		width: 100vw
	}

	.career-form.product-popup .popup-content {
		max-width: 100%
	}

	.job-apply-form #form input {
		margin: 0;
		padding-top: 0
	}

	.job-apply-form {
		padding: 15px 0;
		border: 0
	}

	.flexed {
		display: flex
	}

	.flexed button {
		margin: 0 5px
	}

	.career-form .popup-close svg {
		fill: #000 !important
	}

	.inputfile-6+label strong {
		padding: 0;
		width: 100%;
		text-align: center
	}
}


.video {
  width: 100%;
  height: 600px;
  margin: auto;
  display: block;
  border: none;
}

.video-popup {
  display: none;
  width: 100%;
  height: 100vh;
  margin: auto;
  position: fixed;
  top: 0;
  boxshadow: 10px 10px 10px 10px black;
}
.popup-bg {
  background: rgba(0,0,0,0.8);
  width: 98%;
  height: 100vh;
  position: absolute;
}
.popup-content {
  background: black;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 1000px;
  height: auto;
}
.popup-title {
  padding: 30px;
  margin: 0 auto;
  color: red;
  text-transform: uppercase;
}

.c-btn1 {
	position: relative;
	display: inline-block;
	border: none;
	background: #fff;
	letter-spacing: normal;
	font-weight: 500;
	font-size: 15px;
	text-transform: uppercase;
	text-align: center;
	color: #111;
	margin: 20px 0 0 0;
	padding: 6px 15px 4px;
	-webkit-transition: color .4s cubic-bezier(.4, 0, .2, 1);
	-moz-transition: color .4s cubic-bezier(.4, 0, .2, 1);
	-ms-transition: color .4s cubic-bezier(.4, 0, .2, 1);
	-o-transition: color .4s cubic-bezier(.4, 0, .2, 1);
	transition: color .4s cubic-bezier(.4, 0, .2, 1);
	cursor: pointer;
	border-radius: 100px;
	overflow: hidden
}

.c-btn1-contact-modal-wrapper-only {
	padding: 11px 25px 11px 25px
}

.c-btn1.fullwidth-liquid {
	width: 174px;
	color: #fff;
	background: #0074c6;
	border: none
}

.c-btn1.fullwidth-liquid.onHoverWhite {
	background: #fff
}

.c-btn1.fullwidth-liquid.onHoverWhite a {
	color: #000
}

.c-btn1.inverse {
	color: #fff;
	background: #0074c6
}

.c-btn1.inverse-dark {
	color: #fff;
	background: #0074c6
}

.c-btn1.fullwidth {
	width: 225px
}

.c-btn1::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: #000;
	-webkit-transform-origin: right center;
	-moz-transform-origin: right center;
	-ms-transform-origin: right center;
	transform-origin: right center;
	-webkit-transform: scale(0, 1);
	-moz-transform: scale(0, 1);
	-ms-transform: scale(0, 1);
	-o-transform: scale(0, 1);
	transform: scale(0, 1);
	-webkit-transition: -webkit-transform .4s cubic-bezier(.4, 0, .2, 1);
	-moz-transition: -moz-transform .4s cubic-bezier(.4, 0, .2, 1);
	-ms-transition: -ms-transform .4s cubic-bezier(.4, 0, .2, 1);
	-o-transition: -o-transform .4s cubic-bezier(.4, 0, .2, 1);
	transition: transform .4s cubic-bezier(.4, 0, .2, 1)
}

.c-btn1.fullwidth-liquid::before {
	background: #0074c6 linear-gradient(0deg, #0084c3, #1f5071)
}

.c-btn1.inverse::before {
	background: #0074c6 linear-gradient(0deg, #0084c3, #1f5071)
}

.c-btn1.inverse-dark::before {
	background: #0074c6 linear-gradient(0deg, #0084c3, #1f5071)
}

.c-btn1:hover::before,
a:hover .c-btn1::before {
	-webkit-transform-origin: left center;
	-moz-transform-origin: left center;
	-ms-transform-origin: left center;
	transform-origin: left center;
	-webkit-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	transform: scale(1, 1)
}

.c-btn1 span {
	display: inline-block;
	position: relative;
	z-index: 2
}

.c-btn1:hover,
a:hover .c-btn1 {
	color: #fff
}

.c-btn1.fullwidth-liquid:hover {
	color: #fff
}

.c-btn1.fullwidth-liquid.onHoverWhite:hover a {
	color: #fff
}

.c-btn1.inverse:hover {
	color: #fff
}

.c-btn1.inverse-dark:hover {
	color: #fff
}

.c-btn1.bordered {
	background: 0 0;
	border: 1px solid #0074c6;
	border-color: #0074c6;
	color: #0074c6
}