/*
Theme Name: Aries theme
*/
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
@import url('https://fonts.googleapis.com/css2?family=Anton&display=swap');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700&display=swap&subset=latin-ext');
/*===========================Global===========================*/
html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
	scroll-behavior: smooth;
	overflow-x: hidden;
	width: 100vw;
}
body {
	margin: 0;
}
main {
	display: block;
}
h1 {
	text-transform: uppercase;
	font-weight: bold;
}
hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}
figure {
	margin-bottom: 0;
}
pre {
	font-family: monospace, monospace;
	font-size: 1em;
}
a {
	background-color: transparent;
}
abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted;
}
b, strong {
	font-weight: bolder;
}
code, kbd, samp {
	font-family: monospace, monospace;
	font-size: 1em;
}
small {
	font-size: 80%;
}
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sub {
	bottom: -.25em;
}
sup {
	top: -.5em;
}
img {
	border-style: none;
}
button, input, optgroup, select, textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}
button, input {
	overflow: visible;
}
button, select {
	text-transform: none;
}
.separator {
	margin-bottom: 30px;
}
.separator .gray {
	display: flex;
	width: 140px;
	height: 1px;
	background-color: #999;
	margin: auto;
}
.separator .gray:after {
	content: '';
	display: flex;
	height: 4px;
	width: 50px;
	margin: -4px auto 40px auto; 
	background-color: #f2c014;

}
[type=button], [type=reset], [type=submit], button {
	-webkit-appearance: button;
}
[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
	border-style: none;
	padding: 0;
}
[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
	outline: 1px dotted ButtonText;
}
fieldset {
	padding: .35em .75em .625em;
}
legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}
progress {
	vertical-align: baseline;
}
textarea {
	overflow: auto;
}
[type=checkbox], [type=radio] {
	box-sizing: border-box;
	padding: 0;
}
[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
	height: auto;
}
[type=search] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}
[type=search]::-webkit-search-decoration {
	-webkit-appearance: none;
}
::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}
details {
	display: block;
}
summary {
	display: list-item;
}
template {
	display: none;
}
[hidden] {
	display: none;
}
.pagination {
	position: absolute;
	left: 20px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 14px;
	z-index: 10;
	display: flex;
	flex-direction: column;
}
.pagination a {
	display: block;
	margin-bottom: 5px;
	color: white;
	position: relative;
	padding: 4px;
}
.pagination a span {
	opacity: 1;
	color: rgba(0, 0, 0, 0.1);
	transition-duration: .5s;
}
.pagination a.active span {
	opacity: 1;
	color: #000;
	transition-duration: .5s;
}
.pagination a.active:after {
	box-shadow: inset 0 0 0 5px;
}
.pagination a .hover-text {
	position: absolute;
	right: 15px;
	top: 7px;
	opacity: 0;
	-webkit-transition: opacity 0.5s ease;
	transition: opacity 0.5s ease;
	padding-right: 15px;
}
.pagination a:hover .hover-text {
	opacity: 1;
	margin-left: 15px;
}
.pagination a:after {
	-webkit-transition: box-shadow 0.5s ease;
	transition: box-shadow 0.5s ease;
	width: 10px;
	height: 10px;
	display: block;
	border: 1px solid;
	border-radius: 50%;
	content: '';
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
}
ul#list-spy li a {
	text-transform: uppercase;
	color: #2e332f;
	font-weight: 600;
}
ul#list-spy a.active {
	margin-bottom: 60px;
	margin-top: 60px;
}
ul#list-spy a.active:after {
	content: " ";
}
.pagination li a span {
	padding-left: 15px;
}
.pagination li a span:after {
	content: " ";
	height: 40px;
	background: #fff;
	display: block;
	position: absolute;
	width: 2px;
	margin-left: 2.5px;
	margin-top: 10px;
}
.pagination li a span:before {
	content: " ";
	height: 40px;
	background: #fff;
	display: block;
	position: absolute;
	width: 2px;
	margin-left: 2.5px;
	margin-top: -50px;
}
.pagination li:first-child a span {
	padding-left: 15px;
}
.pagination li:first-child a span:after {
	content: " ";
	height: 40px;
	background: #fff;
	display: block;
	position: absolute;
	width: 2px;
	margin-left: 2.5px;
	margin-top: 10px;
}
.pagination li:first-child a span:before {
	content: " ";
	height: 0px;
	background: #fff;
	display: block;
	position: absolute;
	width: 0px;
	margin-left: 2.5px;
	margin-top: 0px;
}
.pagination li:last-child a span {
	padding-left: 15px;
}
.pagination li:last-child a span:after {
	content: " ";
	height: 0px;
	background: transparent;
	display: block;
	position: absolute;
	width: 0px;
	margin-left: 2.5px;
	margin-top: 10px;
}
.pagination li:last-child a span:before {
	content: " ";
	height: 40px;
	background: #fff;
	display: block;
	position: absolute;
	width: 2px;
	margin-left: 2.5px;
	margin-top: -50px;
}
@keyframes fadeleftslider {
	from {
		transform: translateX(-1000px);
	}
	to {
		transform: translateX(0px);
	}
}
@keyframes showslider {
	from {
		opacity: 0;
	}
	to {
		opacity: 1 !important;
	}
}
@keyframes opacity {
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
	}
}
@keyframes flytext {
	from {
		transform: translateX(-1550px);
	}
	to {
		transform: translateX(-1050px);
	}
}
@keyframes servicefly {
	from {
		left: 5vw;
	}
	to {
		left: 35vw;
	}
}
@keyframes flytextblogbot {
	from {
		transform: translateX(-2200px);
	}
	to {
		transform: translateX(-1750px);
	}
}
@keyframes flytextblogtop {
	from {
		transform: translateX(350px);
	}
	to {
		transform: translateX(800px);
	}
}
@keyframes running {
	0% {
		transform: translateY(0px);
	}
	25% {
		transform: translateY(-25px);
	}
	50% {
		transform: translateY(-50px);
	}
	75% {
		transform: translateY(-25px);
	}
	100% {
		transform: translateY(0px);
	}
}
body {
	width: 100vw;
	overflow-x: hidden;
	scroll-behavior: smooth;
	outline: none;
}
a:hover {
	text-decoration: none;
}
main {
	transition-duration: .5s;
	transition-timing-function: easeOutElastic;
	filter: blur(0px);
	transform: scale(1);
	opacity: 1;
}
main.blur {
	filter: blur(10px);
	transform: scale(1.1);
	overflow: hidden;
	transition-duration: .5s;
	transition-timing-function: easeOutElastic;
}
main.blur-1 {
	filter: blur(10px);
	transform: scale(1.1);
	overflow: hidden;
	opacity: .5;
	transition-duration: .5s;
	transition-timing-function: easeOutElastic;
}
*, p, ul, li, a, input, textarea, button {
	font-family: "Open Sans", sans-serif;
}
span.theme {
	letter-spacing: 5px;
	color: #313131;
	text-transform: uppercase;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Anton', sans-serif;
}
svg {
	width: 100%;
}
.thumbnail img {
	max-width: 100%;
	height: auto;
}
/*===========================404===========================*/
.direct-column {
	display: flex;
	flex-direction: column;
	padding-top: 100px;
	padding-bottom: 100px;
	justify-content: center;
}
.direct-column h1 {
	padding-bottom: 80px;
}
.direct-column h2 {
	font-size: 102px;
	font-weight: bold;
	color: #086088;
	margin: auto;
}
.direct-column a {
	color: #fff;
	border: 2px solid #086088;
	padding: 10px 20px;
	width: 214px;
	margin: auto;
}
/*===========================Header===========================*/
.navbar-brand {
	max-width: 250px;
}
.navbar-dark .navbar-toggler {
	background-color: #000;
}
.navbar-dark .navbar-nav .nav-link {
	font-family: 'Anton', sans-serif;
	color: #34373b;
	font-weight: 400;
	height: 80px;
	padding-top: 27px;
}
.navbar-dark .navbar-nav .nav-link:hover {
	color: #086088;
}
.navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link {
	border-bottom: 4px solid #086088;
	color: #086088;
	font-weight: bold;
}
.affix {
	background-color: #f8f8f8 !important;
	transition-duration: .5s;
}
.affix .top-header {
	display: none;
	transition-duration: .5s;
}
.affix .brand-logo {
	height: 80px;
	margin-top: 0;
	transition-duration: .5s;
}
.affix .brand-logo img {
	margin-top: 0;
	transition-duration: .5s;
}
.affix .navbar-brand {
	max-width: 180px;
}
.dropdown-menu {
	background-color: #086088;
	border-radius: 0;
}
.dropdown-menu a {
	display: inline-flex;
	color: #fff !important;
	font-weight: 300;
	padding: 10px 30px;
	border-bottom: 1px solid lightgray;
}
.dropdown-menu a:hover {
	color: #000 !important;
}
.dropdown-menu a:last-child {
	border: none;
}
.dropdown-item.active, .dropdown-item:active {
	background-color: #000;
}
.header-present {
	position: relative;
	z-index: 1;
}
.header-bg .header-present h2 {
	color: #f8f8f8;
	padding-top: 220px;
	position: absolute;
	z-index: 3;
}
.header-bg {
	background: url(/wp-content/themes/ariesweb/img/header-bg.jpg);
	height: 300px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	margin-top: -21px;
	position: relative;
}
.header-info {
	background: rgba(0, 0, 0, .5);
	color: #fff;
	bottom: 0px;
	padding-top: 20px;
	padding-bottom: 20px;
	position: absolute;
	width: 100%;
}
.header-info-box {
	display: flex;
	justify-content: center;
	align-items: center;
}
.header-info-box p {
	font-weight: bold;
	color: #fff;
}
.header-info-box a {
	font-weight: bold;
	color: #fff;
	line-height: 40px;
}
.header-info-box img {
	width: 40px;
	height: 40px;
	margin-right: 10px;
}
.breadcrumbs {
	background-color: #F3F3F3;
	height: 80px;
	box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.14);
}
.breadcrumbs a {
	font-family: 'Anton', sans-serif;
	font-weight: 400;
	text-transform: uppercase;
	line-height: 80px;
	color: #34373b;
}
.breadcrumbs a:last-child {
	color: #086088;
}
button:empty {
	display: none !important;
}
section {
	position: relative;
	z-index: 1;
}
section {
	padding-top: 0px;
	padding-bottom: 0px;
}
.responsive img {
	max-width: 100%;
	height: auto;
}
a:hover {
	transition-duration: .5s;
}
#header-1 #menu-button {
	position: fixed;
	top: 20px;
	right: 20px;
	transform: scale(0.5);
	z-index: 5;
}
#header-1 #mainmenu {
	width: 100%;
	position: fixed;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	top: 0px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	opacity: 0;
	transition-duration: .5s;
	transition-timing-function: easeOutElastic;
}
#header-1 #mainmenu .nawigacja-menu ul li {
	text-align: center;
}
#header-1 #mainmenu .nawigacja-menu ul li a {
	color: #fff;
	font-size: 2em;
}
#header-1 #mainmenu.active {
	z-index: 2;
	opacity: 1;
	transition-duration: .5s;
	transition-timing-function: easeOutElastic;
}
#header-1 #menu-button .button-toggle-navigation {
	background-color: transparent;
	border: 0;
	border-bottom: 0.25em solid #fafafa;
	border-top: 0.25em solid #fafafa;
	font-size: 32px;
	cursor: pointer;
	height: 1.5em;
	margin: .75em .375em;
	outline: 0;
	position: relative;
	transition: border-color 150ms ease-out, transform 150ms ease-out;
	width: 2.25em;
}
#header-1 #menu-button .button-toggle-navigation::after, #header-1 #menu-button .button-toggle-navigation::before {
	border-bottom: 0.25em solid #fafafa;
	bottom: .375em;
	content: '';
	height: 0;
	left: 0;
	position: absolute;
	right: 0;
	transition: transform 200ms ease-out;
}
#header-1 #menu-button .button-toggle-navigation span {
	color: transparent;
	height: 0;
	width: 0;
	overflow: hidden;
	position: absolute;
}
#header-1 #menu-button .isActive {
	border-color: transparent;
	transform: rotateZ(90deg);
}
#header-1 #menu-button .isActive::after, #header-1 #menu-button .isActive::before {
	transition: transform 200ms ease-out;
}
#header-1 #menu-button .isActive::after {
	transform: rotateZ(45deg);
}
#header-1 #menu-button .isActive::before {
	transform: rotateZ(-45deg);
}
#header-2 h1 {
	color: #fff;
	text-align: center;
}
#header-2 #menu-button {
	position: fixed;
	top: -9px;
	right: 0;
	transform: scale(0.5);
	z-index: 5;
}
#header-2 #mainmenu {
	width: 30%;
	position: fixed;
	height: 100%;
	right: -20%;
	background: rgba(0, 0, 0, 0.9);
	top: 0px;
	opacity: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	transition-duration: 1s;
	transition-timing-function: easeOutElastic;
}
#header-2 #mainmenu img {
	padding-bottom: 40px;
}
#header-2 #mainmenu .nawigacja-menu ul li {
	text-align: center;
}
#header-2 #mainmenu .nawigacja-menu ul li a {
	color: #fff;
	font-family: 'Josefin Sans', sans-serif !important;
	font-weight: 300;
	font-size: 2em;
}
#header-2 #mainmenu.active {
	z-index: 2;
	right: 0%;
	opacity: 1;
	transition-duration: 1s;
	transition-timing-function: easeOutElastic;
}
#header-2 #menu-button .button-toggle-navigation {
	background-color: transparent;
	border: 0;
	border-bottom: 0.25em solid #000;
	border-top: 0.25em solid #000;
	font-size: 32px;
	cursor: pointer;
	height: 1.5em;
	margin: .75em .375em;
	outline: 0;
	position: relative;
	transition: border-color 150ms ease-out, transform 150ms ease-out;
	width: 2.25em;
}
#header-2 #menu-button .button-toggle-navigation::after, #header-2 #menu-button .button-toggle-navigation::before {
	border-bottom: 0.25em solid #000;
	bottom: .375em;
	content: '';
	height: 0;
	left: 0;
	position: absolute;
	right: 0;
	transition: transform 200ms ease-out;
}
#header-2 #menu-button .button-toggle-navigation span {
	color: transparent;
	height: 0;
	width: 0;
	overflow: hidden;
	position: absolute;
}
#header-2 #menu-button .isActive {
	border-color: transparent;
	transform: rotateZ(90deg);
}
#header-2 #menu-button .isActive::after, #header-2 #menu-button .isActive::before {
	transition: transform 200ms ease-out;
}
#header-2 #menu-button .isActive::after {
	border-color: #fff !important;
	transform: rotateZ(45deg);
}
#header-2 #menu-button .isActive::before {
	border-color: #fff !important;
	transform: rotateZ(-45deg);
}
#header-2 .top-contact {
	list-style-type: none;
	padding-left: 0;
	display: flex;
	margin-bottom: 0;
	justify-content: flex-end;
	position: relative;
	right: 80px;
	top: 15px;
}
#header-2 .top-contact li {
	padding: 10px;
}
#header-2 .top-contact li img {
	margin-right: 10px;
}
#header-2 .top-contact li a {
	color: #000;
}
#header-3 nav {
	background-color: transparent;
	height: auto;
	position: fixed;
	top: 0;
	z-index: 10;
	padding: 0;
	width: 100%;
	flex-direction: column;
}
#header-3 #navbarSupportedContent-7 {
	display: flex;
	justify-content: center;
	font-size: 1.2em;
}
.nav-box {
	background-color: #f8f8f8;
	height: 80px;
}
.subpage {
	height: 35vh;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.subpage h1 {
	color: #fff;
	margin-top: 20vh;
	font-size: 36px;
	text-transform: uppercase;
}
select::-ms-expand {
	display: none;
}
/* hide default down arrow in IE10*/
/* hack to fall back in opera */
_: -o-prefocus, .selector {
	.styled-select {
		background: none;
	}
}
svg path, svg line, svg polyline {
	stroke: #fff;
	stroke-width: 2px;
}
svg path {
	fill: transparent;
}
.overlay {
	margin: 0;
	position: relative;
}
.top-header {
	width: 100%;
}
.top-header-wrapper {
	background-color: #ededed;
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
}
.top-header-wrapper ul {
	display: flex;
	justify-content: flex-end;
	height: 60px;
	align-items: center;
	margin-bottom: 0;
}
.top-header-wrapper ul li {
	height: 60px;
	padding: 15px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	border-right: 1px solid lightgray;
}
.top-header-wrapper ul li img {
	width: 24px;
	height: 24px;
	margin-right: 10px;
}
.top-header-wrapper ul li a {
	color: #000;
}
.top-header-wrapper ul li:nth-child(2) {
	border-right: none;
}
.top-header-wrapper ul li:last-child {
	background-color: #086088;
	margin-right: -15px;
}
.top-header-wrapper ul li:last-child a {
	color: #fff;
}
.brand-logo {
	background-color: #003868;
	height: 140px;
	margin-top: -60px;
	position: relative;
	left: -15px;
	z-index: 99991;
	padding: 20px;
}
.brand-logo img {
	margin-top: 15px;
}
/*===========================Slider===========================*/
#slider {
	background-color: #000;
}
.gradient-img {
	position: absolute;
	display: block;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	background-image: -webkit-linear-gradient(-90deg, rgba(31,31,31,.2) 0, rgba(31,31,31,1) 70%);
	background-image: -moz-linear-gradient(-90deg, rgba(31,31,31,.2) 0, rgba(31,31,31,1) 70%);
	background-image: linear-gradient(-90deg, rgba(31,31,31,.2) 0, rgba(31,31,31,1) 70%);

}
#slider-carousel {
	width: 100%;
	height: 100vh;
}
#slider-carousel .carousel-inner, #slider-carousel .carousel-item {
	height: 100%;
}
#slider-carousel .carousel-item .carousel-caption {
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	padding: 10%;
	flex-direction: column;
}
#slider-carousel .carousel-item .carousel-caption h3 {
	font-size: 45px;
	font-weight: 400;
}
#slider-carousel .carousel-item .carousel-caption h6 {
	font-size: 20px;
	font-weight: 400;
	margin-bottom: 50px;
}
.carousel-caption {
	position: relative;
	z-index: 2;
}
.gradient {
	position: absolute;
	display: block;
	width: 100%;
	height: 50%;
	z-index: 1;
	background-image: linear-gradient(rgba(0, 0, 0, .05), transparent);
}
.gradient2 {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	z-index: 1;
	background-image: linear-gradient(rgba(0, 0, 0, .65), transparent);
}
#slider-carousel .carousel-item .carousel-caption a button:empty {
	display: none;
}
#slider-carousel .carousel-item img {
	width: 100vw;
	height: 100vh;
	object-fit: cover;
}
.row.flex-center {
	display: flex;
	justify-content: center;
	align-items: center;
}
h2 {
	font-weight: bold;
	display: flex;
	flex-direction: column;
}
.slider-btn {
	display: flex;
}
.slider-btn a {
	font-weight: bold;
	display: flex;
	width: 160px;
	height: 45px;
	margin: auto;
	color: #fff;
	justify-content: center;
	align-items: center;
	text-transform: uppercase;
	cursor: pointer;
	transition: all ease-in-out 300ms;
	text-decoration: none;
	border-radius: 2px;
	margin-bottom: 15px !important;
}
.slider-btn a:first-child {
	background-color: #086088;
	margin-right: 15px;
}
.slider-btn a:last-child {
	background-color: #f8f8f8;
	color: #34373b;
}
.slider-btn a:first-child:hover {
	background-color: #f8f8f8;
	color: #34373b;
	box-shadow: 0px 37px 20px -15px rgba(0, 0, 0, 0.2);
	transform: translate(0px, -10px);
	transition-duration: .5s;
}
.slider-btn a:last-child:hover {
	background-color: #086088;
	color: #000;
	box-shadow: 0px 37px 20px -15px rgba(0, 0, 0, 0.2);
	transform: translate(0px, -10px);
	transition-duration: .5s;
}
.carousel-control-next {
	right: 20px;
}
.carousel-control-prev {
	left: 20px;
}
/*===========================Textbox===========================*/
.textbox {
	padding-bottom: 80px;
}
.textbox ul {
	column-count: 3;
}
.textbox ul li {
	list-style-type: none;
	display: flex;
	margin-bottom: 10px;
}
.textbox ul li:before {
	content: '';
	width: 16px;
	height: 16px;
	display: block;
	margin-top: 4px;
	margin-right: 10px;
	background: url(/wp-content/themes/ariesweb/img/tick.png);
}

/*===========================Timeline===========================*/
.timeline {
	padding-top: 80px;
}
.timeline h2:after {
	content: "";
	display: block;
	width: 50px;
	height: 2px;
	background-color: #086088;
	margin-top: 10px;
}
.timeline .text-success {
	color: #086088 !important;
}
.timeline .bg-success {
	background-color: #086088 !important;
}
.timeline .border-success {
	border-color: #086088 !important;
}
/*===========================Step===========================*/
.step {
	padding-bottom: 80px;
}
.step h2:after {
	content: "";
	display: block;
	width: 50px;
	height: 2px;
	background-color: #086088;
	margin-top: 10px;
}
.step-wrapper {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
	margin-top: 100px;
}
.step-box {
	background-color: #086088;
	color: #fff;
	border: 2px solid #086088;
	margin: 30px;
	width: 250px;
	height: 250px;
	border-radius: 100%;
	box-shadow: 8px 17px 39px -2px rgba(0, 0, 0, 0.4);
	position: relative;
	z-index: 9;
	transition-duration: .5s;
	margin: auto;
}
.step-box:hover {
	transform: translateY(-15px);
	transition-duration: .5s;
}
.step-box h4 {
	font-size: 17px;
	font-weight: bold;
	position: absolute;
	text-align: center;
	top: 50%;
	left: 10%;
	transform: translate(-5%, -50%);
}
.step-triangle {
	left: 50%;
	display: flex;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	border-top-color: #086088;
	border-width: 25px;
	margin-left: -25px;
	bottom: -50px;
	z-index: 10;
}
/*===========================About===========================*/
.about-1 {
	padding-top: 80px;
	padding-bottom: 80px;
}
.page-id-190 .about-1 {
	padding-bottom: 0px;
}
.page-id-192 .about-1 {
	padding-bottom: 10px;
}
.page-id-193 .about-1 {
	padding-bottom: 10px;
}
.page-id-194 .about-1 {
	padding-bottom: 10px;
}
.about-1 h5 {
	font-weight: bold;
	font-size: 18px;
	color: #333;
	text-transform: uppercase;
}
.about-1 img {
	width: 100%;
	height: 400px;
	object-fit: cover;
}
.page-id-138  .about-1 img {
	height: auto;
	margin-top: 30px;
}
.about-1 .img-box {
	position: relative;
}
.about-1 .line-top {
	position: absolute;
	margin: 15px;
	top: 0;
	left: 0;
	width: 50%;
	height: 50%;
	border-top: 2px solid #fff;
	border-left: 2px solid #fff;
}
.about-1 h2 {
	text-align: center;
	margin-bottom: 30px;
}
.about-1 .read-more {
	background: #086088;
	font-weight: bold;
	display: flex;
	width: 180px;
	height: 45px;
	color: #fff !important;
	justify-content: center;
	margin-top: 10px;
	align-items: center;
	box-shadow: 0px 17px 10px -10px rgba(0, 0, 0, 0.4);
	cursor: pointer;
	transition: all ease-in-out 300ms;
	text-decoration: none;
	border: none;
	border-radius: 2px;
}
.about-1 .read-more:hover {
	background-color: #086088;
	box-shadow: 0px 37px 20px -15px rgba(0, 0, 0, 0.2);
	transform: translate(0px, -10px);
	transition-duration: .5s;
}
.about-2 h2 {
	margin-bottom: 30px;
	text-align: center;
	display: inherit;
	}.about-2 ul {
		list-style-type: none;
		padding-left: 20px;
	}
	.about-2 li {
		padding-bottom: 10px;
	}
	.about-2 li:before {
		content: "";
		background: url(/wp-content/themes/ariesweb/img/star.png) no-repeat;
		width: 24px;
		height: 24px;
		float: left;
		display: block;
		transform: scale(.8);
		margin-right: 10px;
	}
	.about-2 .read-more {
		background: #086088;
		font-weight: bold;
		display: flex;
		width: 180px;
		height: 50px;
		border-radius: 5px;
		color: #fff !important;
		justify-content: center;
		margin-top: 30px;
		align-items: center;
		box-shadow: 0px 17px 10px -10px rgba(0, 0, 0, 0.4);
		cursor: pointer;
		transition: all ease-in-out 300ms;
		text-decoration: none;
		border: none;
	}
	.about-2 .read-more:hover {
		background-color: #086088;
		box-shadow: 0px 37px 20px -15px rgba(0, 0, 0, 0.2);
		transform: translate(0px, -10px);
		transition-duration: .5s;
	}
	.about-2 {
		padding-top: 80px;
		padding-bottom: 80px;
	}
	.about-2 h5 {
		font-weight: bold;
		font-size: 18px;
		color: #086088;
		text-transform: uppercase;
	}
	.about-2 img {
		width: 100%;
		margin-top: 30px;
	}
	.about-2 .gradient-img {
		position: absolute;
		display: block;
		top: 0;
		width: 100%;
		height: 100%;
		z-index: 1;
		background-image: -webkit-linear-gradient(-90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 1) 100%);
		background-image: -moz-linear-gradient(-90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 1) 100%);
		background-image: linear-gradient(-90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 1) 100%);
	}
	.about-3 {
		padding-top: 80px;
		padding-bottom: 1200px;
	}
	.about-3 img {
		width: 370px;
		height: 550px;
		position: relative;
		z-index: 2;
		margin-bottom: 50px;
	}
	.about-3 .img-border:before {
		content: "";
		display: block;
		border: 10px solid #000;
		width: 370px;
		height: 550px;
		position: absolute;
		z-index: 1;
		left: -40px;
		bottom: -40px;
	}
	.about-3 .about-contact {
		display: flex;
		list-style-type: none;
		padding-left: 0;
	}
	.about-3 .about-contact a {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 200px;
		height: 60px;
		border: 2px solid #000;
		color: #000;
		box-shadow: 0px 17px 10px -10px rgba(0, 0, 0, 0.4);
		cursor: pointer;
		transition: all ease-in-out 300ms;
	}
	.about-3 .about-contact li:first-child {
		margin-right: 30px;
	}
	.about-3 .about-contact li:first-child a {
		background-color: #000;
		color: #fff;
	}
	.about-3 .about-contact li a:hover {
		box-shadow: 0px 37px 20px -15px rgba(0, 0, 0, 0.2);
		transform: translate(0px, -10px);
		transition-duration: .5s;
		background-color: #000;
		color: #fff;
	}
	.about-3 .about-contact li:first-child a:hover {
		background-color: #fff;
		color: #000;
	}
	#about-reserve .row {
		flex-direction: row-reverse;
	}
	#about-reserve2 .row {
		flex-direction: row-reverse;
	}
	.about-slider {
		padding-top: 80px;
		padding-bottom: 40px;
	}
	.about-slider h2 {
		text-align: center;
		margin-bottom: 30px;
	} 
	.about-slider h4 {
		font-weight: bold;
	}
	.partner {
		padding-top: 30px;
		padding-bottom: 80px;
	}
	.partner h3 {
		font-weight: bold;
		padding-bottom: 30px;
	}
	#hydrogenation {
		padding-top: 20px;
		padding-bottom: 20px;
		margin-top: 80px;
		margin-bottom: 80px;
	}
	#hydrogenation .container {
		background-color: #ededed;
		padding-left: 50px;
		padding-right: 0;
	}
	#hydrogenation h2 {
		margin-top: 50px;
	}
	#hydrogenation img {
		-webkit-clip-path: polygon(50% 0%, 100% 0, 100% 100%, 0 100%, 18% 0);
		clip-path: polygon(50% 0%, 100% 0, 100% 100%, 0 100%, 18% 0);
		margin-right: -15px;
	}
	#hydrogenation a {
		background-color: #086088;
		font-weight: bold;
		display: flex;
		width: 180px;
		height: 40px;
		margin-top: 30px;
		color: #fff;
		justify-content: center;
		align-items: center;
		text-transform: uppercase;
		cursor: pointer;
		transition: all ease-in-out 300ms;
		text-decoration: none;
		border-radius: 2px;
		margin-bottom: 15px !important;
	}
	#hydrogenation a:hover {
		background-color: #f8f8f8;
		color: #34373b;
		box-shadow: 0px 37px 20px -15px rgba(0, 0, 0, 0.2);
		transform: translate(0px, -10px);
		transition-duration: .5s;
	}
	/*===========================Aboutgrid===========================*/
	.about-grid {
		padding-bottom: 80px;
		padding-top: 80px;
	}
	.about-grid .text-wrapper {
		background-color: #086088;
		color: #34373b;
		padding: 50px;
	}
	.about-grid .text-wrapper a {
		background-color: #343a40;
		color: #fff;
		display: flex;
		width: 200px;
		height: 50px;
		align-items: center;
		justify-content: center;
	}
	.about-grid-wrapper {
		background-color: #fff;
		display: grid;
		grid-template-columns: 1fr 1fr;
		box-shadow: 15px 10px 31px 8px rgba(0, 0, 0, .06);
		padding-left: 0;
		padding-right: 0;
	}
	.about-grid-box {
		padding: 50px;
	}
	.about-grid-box:nth-child(1) {
		border-bottom: 1px solid lightgray;
		border-right: 1px solid lightgray;
	}
	.about-grid-box:nth-child(2) {
		border-bottom: 1px solid lightgray;
	}
	.about-grid-box:nth-child(3) {
		border-right: 1px solid lightgray;
	}
	.about-grid-box p {
		font-weight: bold;
		text-align: center;
		font-size: 20px;
	}
	.about-grid-wrapper .icon-box {
		justify-content: center;
		align-items: center;
	}
	.about-grid-wrapper .icon-box img {
		width: 64px;
		height: 64px;
		display: flex;
		margin: 0 auto 15px auto;
	}
	.about-grid-wrapper .icon-box p {
		font-weight: bold;
	}
	/*===========================Single Realizacje===========================*/
	#realization-single {
		padding-top: 80px;
		padding-bottom: 80px;
	}
	.realization-single-desc {
		padding-top: 50px;
	}
	#realization-single h1 {
		padding-top: 30px;
	}
	#realization-single img {
		width: 100%;
		object-fit: cover;
	}
	#realization-single a {
		background: #086088;
		font-weight: bold;
		display: flex;
		width: 220px;
		height: 50px;
		border-radius: 50px;
		color: #fff !important;
		justify-content: center;
		margin-top: 30px;
		margin-bottom: 30px;
		align-items: center;
		box-shadow: 0px 17px 10px -10px rgba(0, 0, 0, 0.4);
		cursor: pointer;
		transition: all ease-in-out 300ms;
		text-decoration: none;
		border: none;
	}
	#realization-single a:hover {
		background-color: #086088;
		box-shadow: 0px 37px 20px -15px rgba(0, 0, 0, 0.2);
		transform: translate(0px, -10px);
		transition-duration: .5s;
	}
	/*===========================Media===========================*/
	.media {
		padding-top: 80px;
		padding-bottom: 80px;
		background-attachment: fixed;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
	}
	.media ul {
		list-style-type: none;
		padding-left: 0;
	}
	.media ul li {
		padding-bottom: 10px;
	}
	.media ul a {
		color: #000;
		padding-left: 10px;
		font-size: 18px;
		padding-bottom: 5px;
		border-bottom: 2px solid transparent;
	}
	.media ul a:hover {
		border-bottom: 2px solid #086088;
	}
	.media p {
		color: #555;
		padding-left: 40px;
		font-size: 14px;
	}
	/*===========================Counter===========================*/
	.counter {
		padding-top: 80px;
		padding-bottom: 80px;
		background-attachment: fixed;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
	}
	.counter h2 {
		font-size: 100px;
	}
	.counter .counter-box {
		width: 250px;
		height: 250px;
		background-color: rgba(0, 0, 0, .9);
		color: #fff;
		padding: 15px 30px;
	}
	.counter .counter-wrapper {
		display: grid;
		width: 100%;
		grid-template-columns: repeat(3, 1fr);
		grid-auto-rows: minmax(200px, auto);
		height: auto;
		grid-template-areas: "one ."
		"two three"
		". four";
		grid-gap: 10px;
	}
	.counter .counter-box:nth-child(1) {
		grid-area: one;
	}
	.counter .counter-box:nth-child(2) {
		grid-area: two;
	}
	.counter .counter-box:nth-child(3) {
		grid-area: three;
	}
	.counter .counter-box:nth-child(4) {
		grid-area: four;
	}
	.counter .counter-box h4 {
		font-family: "Open Sans", sans-serif;
		font-weight: bold;
		font-size: 18px;
		text-transform: uppercase;
	}
	.counter .counter-box h4:after {
		content: "";
		display: block;
		height: 2px;
		width: 30px;
		background-color: #086088;
		margin-top: 10px;
	}
	.counter .counter-box p {
		font-weight: bold;
		font-size: 72px;
		margin-bottom: 0;
	}
	/*===========================Offer===========================*/
	.offer-1 {
		padding-top: 80px;
	}
	.offer-1 h2 {
		display: grid;
		justify-content: center;
		margin: 0 auto 20px auto;

	}
	.offer-1 p {
		text-align: center;
		margin-bottom: 40px;
	}
	.offer-box {
		background-color: #f7f8f8;
		height: 300px;
		margin-bottom: 30px;
	}
	.offer-box img {
		display: flex;
		margin: auto;
		height: 200px;
		object-fit: cover;
		width: 100%;
	}
	.offer-box h4 {
		padding-top: 12px;
		text-align: center;
	}
	.offer-box a {
		font-size: 17px;
		font-weight: bold;
		display: flex;
		justify-content: center;
		font-size: 20px;
		color: #000;
		text-align: center;
		margin-top: 10px;
		margin-bottom: 20px;
		cursor: pointer;
	}
	.offer-box .separator .gray {
		width: 100px;
	}
	.offer-box .separator .gray:after {
		width: 35px;
		height: 3px;
		margin-top: -3px;
	}
	.offer-btn {
		font-weight: bold;
		background-color: #fff;
		display: flex;
		justify-content: center;
		align-items: center;
		width: 230px;
		height: 40px;
		color: #086088;
		margin: auto;
		border: 2px solid #086088;
		box-shadow: 0px 17px 10px -10px rgba(0, 0, 0, 0.4);
	}
	.offer-btn:hover {
		background-color: #086088;
		color: #fff;
		box-shadow: 0px 37px 20px -15px rgba(0, 0, 0, 0.2);
		transform: translate(0px, -10px);
		transition-duration: .5s;
	}
	/*===========================Employes===========================*/
	.employees {
		padding-bottom: 80px;
	}
	.employees-wrapper {
		margin-bottom: 50px;
	}
	.employees-box {
		height: 100px;
		position: relative;
		padding: 30px;
		-webkit-box-shadow: 0 10px 32px 0 rgba(0, 0, 0, .1);
		box-shadow: 0 10px 32px 0 rgba(0, 0, 0, .1);
		border-bottom: 2px solid #086088;
	}
	.employees-box h4 {
		text-align: center;
	}
	.employees-box a {
		display: flex;
		justify-content: center;
		color: #313131;
	}
	.hover-employees {
		margin-bottom: 100px;
		width: 92.5%;
		height: 0;
		padding: 0px;
		overflow: hidden;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease;
		position: absolute;
		bottom: 0;
		background-color: #000;
		color: #fff;
	}
	.employees-wrapper:hover .hover-employees {
		height: 200px;
		position: absolute;
		bottom: 0;
		padding: 30px;
	}
	.employees-wrapper:hover .employees-box {
		background-color: #086088;
	}
	.employees-wrapper:hover img {
		opacity: .6;
	}
	/*===========================Stage===========================*/
	.stage-1 {
		padding-top: 80px;
		padding-bottom: 80px;
		background-color: #fff;
	}
	.stage-wrapper {
		background-color: #161616;
		padding: 70px 25px;
	}
	.stage-desc {
		padding-bottom: 30px;
	}
	.stage-box {
		margin-bottom: 50px;
		display: flex;
	}
	.stage-box h4 {
		font-weight: bold;
		color: #086088;
	}
	.stage-box:nth-child(odd) {
		border-right: 1px solid #fff;
	}
	.stage-number {
		font-size: 80px;
		font-weight: bold;
		color: #086088;
		margin-right: 20px;
		margin-top: -25px;
		opacity: .7;
	}
	/*===========================Subpage form===========================*/
	.subpage-form {
		padding-left: 50px;
	}
	.subpage-form h6 {
		font-weight: bold;
		color: #086088;
	}
	.subpage-form label {
		display: block;
	}
	.subpage-form input {
		background-color: transparent;
		color: #fff;
		padding: 15px;
		-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
		-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
		box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
		width: 80%;
		border: 1px solid #086088;
		outline: none;
	}
	.subpage-form input::placeholder {
		color: #fff;
	}
	.subpage-form .rodo span {
		font-size: 9px;
		text-align: justify;
	}
	.subpage-form .rodo label {
		display: flex;
		width: 80%;
	}
	.subpage-form .rodo input {
		width: 22px;
		margin-left: -15px;
		margin-right: 10px;
	}
	.subpage-form input[type=submit] {
		font-weight: bold;
		border-color: #086088;
		background-color: #086088;
		color: #fff;
		width: 100%;
		padding: 10px;
		text-transform: uppercase;
		display: flex;
		width: 120px;
		border-radius: 3px;
		justify-content: center;
	}
	/*===========================Contact===========================*/
	.contact-1 {
		padding-top: 80px;
	}
	.contact-box {
		background-color: #fff;
		color: #34373b;
		padding: 50px;
	}
	.contact-wrapper {
		margin-bottom: 30px;
		padding: 0 25px;
	}
	.contact-wrapper h2 {
		margin-bottom: 30px;
		font-size: 30px;
		text-align: center;
	}
	.contact-wrapper .hours-box {
		background-color: #eeeeee;
		padding: 25px;
	}
	.contact-wrapper h6 {
		font-size: 15px;
		font-weight: bold;
		text-transform: uppercase;
		padding-top: 10px;
	}
	.contact-wrapper p {
		color: #34373b;
	}
	.contact-wrapper .img-r {
		background-color: #777;
		width: 60px;
		height: 60px;
		margin-right: 20px;
		margin-bottom: 15px;
	}
	.contact-wrapper img {
		margin-top: 14px;
		margin-left: 14px;
	}
	.contact-wrapper a {
		color: #34373b;
		padding-top: 14px;
	}
	.contact-wrapper ul {
		list-style-type: none;
		padding-left: 0px;
	}
	.contact-wrapper li {
		display: flex;
	}
	.contact-form h3 {
		font-size: 30px;
		font-weight: bold;
		color: #34373b;
		margin-bottom: 5px;
	}
	.contact-form label {
		display: block;
	}
	.contact-form input {
		color: #000;
		padding: 15px;
		width: 100%;
		border: 1px solid #ccc;
		outline: none;
	}
	.contact-form input::placeholder {
		color: #777;
	}
	.contact-form textarea::placeholder {
		color: #777;
	}
	.contact-form textarea {
		padding: 15px;
		height: 235px;
		width: 100%;
		border: 1px solid #ccc;
		color: #000;
		outline: none;
	}
	.contact-form .rodo span {
		font-size: 9px;
		text-align: justify;
	}
	.contact-form .rodo label {
		display: flex;
		width: 100%;
		color: #000;
	}
	.contact-form .rodo input {
		width: 40px;
		margin-left: -15px;
		margin-right: 10px;
	}
	.contact-form input[type=submit] {
		background: #086088;
		font-weight: bold;
		display: flex;
		width: 140px;
		height: 50px;
		margin: 10px;
		color: #fff;
		justify-content: center;
		align-items: center;
		text-transform: uppercase;
		box-shadow: 0px 17px 10px -10px rgba(0, 0, 0, 0.4);
		cursor: pointer;
		transition: all ease-in-out 300ms;
		text-decoration: none;
		border: none;
		border-radius: 5px;
	}
	/*===========================Multi Place Contact===========================*/
	.contact-multi-place {
		padding-bottom: 80px;
	}
	.multi-contact-wrapper {
		display: flex;
	}
	.simple-multi-contact {
		margin: 0 20px;
		padding: 15px;
		height: 375px;
	}
	.simple-multi-contact img {
		width: 80%;
		height: 60px;
		object-fit: contain;
		margin-bottom: 15px;
	}
	.simple-multi-contact p {
		font-size: 14px;
		font-weight: bold;
	}
	.simple-multi-contact ul {
		list-style-type: none;
		padding-left: 0;
	}
	.simple-multi-contact ul li {
		display: flex;
		padding-bottom: 15px;
	}
	.simple-multi-contact a {
		color: #000;
		padding-top: 10px;
	}
	.simple-multi-contact a:hover {
		color: #086088;
	}
	.simple-multi-contact .img-r {
		background-color: #086088;
		width: 48px;
		height: 48px;
		border-radius: 50%;
		margin-right: 10px;
	}
	.simple-multi-contact .img-r img {
		width: 24px;
		height: 24px;
		margin-top: 12px;
		margin-left: 12px;
	}
	/*===========================Parallex===========================*/
	.parallex {
		padding-top: 140px;
		padding-bottom: 140px;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
	}
	.parallex-wrapper {
		border: 1px solid #fff;
		padding: 100px 50px;
	}
	.call-icon {
		background-color: #086088;
		width: 90px;
		height: 90px;
		border-radius: 50%;
		margin: -45px auto 0 auto;
	}
	.call-icon img {
		width: 46px;
		height: 46px;
		margin-top: 22px;
		margin-left: 22px;
	}
	.parallex h3 {
		font-size: 38px;
		color: #fff;
		text-align: center;
		text-transform: uppercase;
		text-shadow: 2px 2px 3px rgba(255, 255, 255, 0.1);
		margin-bottom: 20px;
	}
	.parallex a {
		font-size: 22px;
		color: #fff;
		background-color: #086088;
		border-radius: 5px;
		padding: 10px 20px;
		display: inline-flex;
		margin-top: 35px;
		display: flex;
		margin: auto;
		width: 250px;
		height: 50px;
		justify-content: center;
		align-items: center;
	}
	.parallex a:hover {
		opacity: .7;
		transition-duration: .5s;
	}
	/*===========================Infobox===========================*/
	.infobox {
		padding-bottom: 80px;
	}
	.infobox-wrapper {
		background-color: #086088;
		color: #fff;
		height: 100%;
		padding: 45px;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.infobox-wrapper p {
		font-weight: bold;
		font-size: 24px;
		margin-bottom: 0;
		text-align: center;
	}
	.infobox-wrapper2 {
		border: 1px solid lightgray;
		padding: 45px;
		height: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.infobox-wrapper2 h3 {
		text-transform: uppercase;
	}
	.infobox-wrapper2 a {
		font-size: 24px;
		color: #000;
		font-weight: bold;
	}
	.infobox-wrapper2 a:hover {
		color: #086088;
	}
	/*===========================Blog===========================*/
	#blog-page {
		background-color: #fff;
		color: #000;
		padding-top: 80px;
		padding-bottom: 80px;
	}
	#blog-page .card {
		margin-bottom: 50px;
		border: none;
		box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.1);
		padding-right: 0;
		padding-left: 0;
		padding-bottom: 20px;
	}
	#blog-page .card button {
		background-color: #086088;
		color: #fff;
		padding: 7px;
		border-radius: 3px;
		margin-left: 15px;
	}
	#blog-page img {
		width: 100%;
		height: 400px;
		object-fit: cover;
	}
	#blog-page .autor {
		padding-top: 14px;
		padding-left: 15px;
	}
	#blog-page .autor a {
		color: #086088;
	}
	#blog-page .sidebar {
		padding: 20px;
		box-sizing: border-box;
		width: 100%;
		border-radius: 0;
		box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.1);
	}
	#blog-page .sidebar h4 {
		font-weight: 400;
		color: #222222;
		font-size: 20px;
		text-align: center;
		margin: 20px auto;
	}
	#blog-page .sidebar ul {
		padding-left: 0;
	}
	#blog-page .sidebar li {
		list-style-type: none;
		border-bottom: 1px solid #e1e1e1;
	}
	#blog-page .sidebar li a {
		color: #222222;
		padding-bottom: 10px;
		padding-top: 10px;
		font-size: 14px;
		display: inline-block;
	}
	#blog-page .post-date {
		padding: 15px;
	}
	#blog-page .max-word-height {
		padding: 15px;
	}
	#blog-post {
		background-color: #fff;
		color: #000;
		padding-top: 80px;
		padding-bottom: 80px;
	}
	#category {
		background-color: #fff;
		color: #000;
		padding-top: 80px;
		padding-bottom: 80px;
	}
	#category .sidebar {
		padding: 20px;
		box-sizing: border-box;
		width: 100%;
		border-radius: 0;
		box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.1);
	}
	#category .sidebar h4 {
		font-weight: 400;
		color: #222222;
		font-size: 20px;
		text-align: center;
		margin: 20px auto;
	}
	#category .sidebar ul {
		padding-left: 0;
	}
	#category .sidebar li {
		list-style-type: none;
		border-bottom: 1px solid #e1e1e1;
	}
	#category .sidebar li a {
		color: #222222;
		padding-bottom: 10px;
		padding-top: 10px;
		font-size: 14px;
		display: inline-block;
	}
	#category a {
		color: #086088;
		font-weight: bold;
	}
	/*===========================Facebook===========================*/
	.fb-container {
		height: 940px;
	}
	.fb-container h3 {
		font-weight: bold;
		transform: rotate(90deg);
		font-size: 118px;
		margin-top: 120px;
		text-transform: uppercase;
	}
	.news-fb {
		margin-bottom: 180px;
	}
	#face-slider {
		position: fixed;
		/* sprawia że slider jest widoczny w stałym miejscu przeglądarki, nie przewija się wraz ze stroną, a pozostaje w miejscu */
		right: -290px;
		/* pozycjonuje slider poza widoczny obszar okna przeglądarki, efekt schowania */
		top: 130px;
		/* pozycjonuje slider 190px od góry okna przegladarki */
		z-index: 1000;
		/* po wyjechaniu, otworzeniu się slidera, jego okno ma być ponad wszystkimi innymi warstwami - na samej górze */
	}
	#face-slider #tab {
		cursor: pointer;
		/* zmienia domyślny kursor na wskazującą rączkę - tylko efekt wizualny */
		height: 110px;
		/* wysokość diva, będącego zakładką, również wysokość grafiki */
		width: 45px;
		/* szerokość widocznej zakładki, również szerokość grafiki zakłądki */
		float: left;
		/* przyleganie do lewej krawędzi kontenera slidera */
	}
	div#tab img {
		width: 100%;
	}
	#face-code {
		padding: 5px;
		/* definiuje odstęp od krawędzi kontenera pluginu Facebooka */
		border: solid #0170cf 3px;
		/* ustawia ładną niebieską ramkę dookoła widgetu Facebooka */
		background: #fff;
		/* ustawia białe tło pod pluginem Facebook */
		float: left;
		/* przyleganie do lewej, czyli ma przylegać do kontenera zakładki */
		width: 286px;
		/* szerokość  */
		height: 100px;
		/* wysokość */
		-moz-border-radius: 0 0 0 8px;
		/* zaokrągla lewy dolny róg */
		-webkit-border-radius: 0 0 0 8px;
		/* zaokrągla lewy dolny róg*/
		border-radius: 0 0 0 8px;
		/* zaokrągla lewy dolny róg */
	}
	.fb-page.fb_iframe_widget {
		transform: scale(1);
	}
	/*===========================CPT Show===========================*/
	.cpt-1 {
		padding-top: 80px;
		padding-bottom: 80px;
	}
	.cpt-1 h2 {
		font-size: 2.5rem;
		font-weight: bold;
	}
	.cpt-1-subtitle p {
		color: #086088;
		text-transform: uppercase;
		font-weight: bold;
	}
	.cpt-wrapper {
		display: grid;
		width: 100%;
		grid-template-columns: repeat(3, 1fr);
		grid-auto-rows: minmax(200px, auto);
		height: auto;
		grid-template-areas: "one one two"
		". three four";
		grid-gap: 20px;
	}
	.cpt-1-box {
		height: 300px;
		padding: 30px;
		justify-content: space-between;
		background: #fff;
		-webkit-box-shadow: 0 10px 32px 0 rgba(0, 0, 0, .1);
		box-shadow: 0 10px 32px 0 rgba(0, 0, 0, .1);
		position: relative;
	}
	.cpt-1-box:nth-child(1) {
		grid-area: one;
		box-shadow: none;
	}
	.cpt-1-box:nth-child(2) {
		grid-area: two;
	}
	.cpt-1-box:nth-child(3) {
		grid-area: three;
	}
	.cpt-1-box:nth-child(4) {
		grid-area: four;
	}
	.cpt-1-box h3 {
		color: #086088;
		font-weight: bold;
		font-size: 18px;
		text-transform: uppercase;
		padding-top: 50px;
	}
	.cpt-1-box p {
		color: #989898;
	}
	.hover-cpt {
		width: 100%;
		height: 0px;
		padding: 0px;
		overflow: hidden;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease;
		margin-left: -30px;
		position: absolute;
		bottom: 0;
		background-color: #000;
		color: #fff;
	}
	.cpt-1-box:hover .hover-cpt {
		height: 300px;
		position: absolute;
		bottom: 0;
		padding: 30px;
	}
	.hover-cpt h5 {
		font-size: 40px;
	}
	.hover-cpt .read-more {
		color: #fff;
		padding-bottom: 5px;
		border-bottom: 2px solid #fff;
	}
	.cpt-2 {
		padding-top: 80px;
		padding-bottom: 80px;
		background-attachment: fixed;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
	}
	.cpt-2 h2 {
		padding-bottom: 40px;
	}
	.cpt-2-box {
		height: 280px;
		border: 1px solid lightgray;
		margin-bottom: 30px;
		background-color: #fff;
	}
	.cpt-2-box img {
		width: 100%;
		height: 200px;
	}
	.cpt-2-box .read-more {
		font-weight: bold;
		display: flex;
		justify-content: center;
		align-items: center;
		color: #086088;
		text-align: center;
		height: 80px;
	}
	/*===========================Cpt page===========================*/
	#single-offer {
		padding-top: 80px;
		background-color: #fff;
		color: #000;
	}
	.offer-item {
		padding-bottom: 80px;
	}
	#single-offer .cpt-phone {
		background-color: #086088;
		color: #fff;
		padding-top: 30px;
		padding-bottom: 20px;
	}
	#single-offer .cpt-phone a {
		color: #fff;
		font-size: 22px;
		padding-left: 20px;
	}
	.offer-menu-box {
		padding: 20px 20px 50px 20px;
		box-sizing: border-box;
		width: 100%;
		border-radius: 0;
		box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.1);
		background-color: #fff;
		margin-bottom: 50px;
	}
	.offer-menu-box h5 {
		font-weight: 400;
		color: #222222;
		font-size: 20px;
		text-align: center;
		margin: 20px auto;
	}
	#menu-offer-menu li {
		border-bottom: 1px solid #e1e1e1;
	}
	#menu-offer-menu a {
		color: #222222;
		padding-bottom: 10px;
		padding-top: 10px;
		font-size: 14px;
		display: inline-block;
	}
	#menu-offer-menu a.active {
		color: #086088;
		font-weight: bold;
	}
	/*===========================Img offer===========================*/
	.img-offer {
		padding-top: 80px;
		padding-bottom: 80px;
	}
	.img-offer h2 {
		margin-bottom: 30px;
	}
	.img-offer .offer-box2 {
		height: 500px;
		margin-bottom: 50px;
	}
	.img-offer .offer-box2 h4 {
		display: flex;
		position: relative;
		bottom: 240px;
		color: #fff;
		text-align: center;
		justify-content: center;
		text-shadow: 0 0 1px #000, 2px 4px 3px #444;
	}
	.img-offer .img-offer-simple {
		padding-right: 0;
		padding-left: 0;
	}
	.img-offer img {
		width: 100%;
		height: 500px;
		object-fit: cover;
		filter: brightness(65%);
		border: 1px solid transparent;
	}
	.img-offer .offer-box2:hover {
		height: 520px;
		filter: brightness(100%);
		border: 10px solid #000;
		margin-top: -10px;
		transition-duration: .5s;
		transform: scale(1.1);
		z-index: 10;
		position: relative;
	}
	.img-offer .offer-box2:hover img {
		border: 1px solid lightgray;
	}
	/*===========================Car Tab===========================*/
	/* Style the tab */
	.title-box {
		display: flex;
		justify-content: space-between;
	}
	.line {
		display: flex;
		width: 75%;
		height: 1px;
		background-color: #e7e7e7;
		margin-top: 18px;
	}
	.tab-car h2 {
		display: flex;
		margin-bottom: 30px;
		margin-right: 30px;
		white-space: pre;
	}
	.tab {
		overflow: hidden;
		background: linear-gradient(to bottom, #ffffff 0%, #e7e7e7 100%);
		display: flex;
		padding-left: 0;
	}
	.tab li {
		height: 180px;
		display: flex;
		flex-direction: column;
		background: linear-gradient(to bottom, #ffffff 0%, #e7e7e7 100%);
		width: 100%;
		list-style-type: none;
		border-width: 1px;
		border-style: solid;
		border-color: #e7e7e7;
	}
	.tab li img {
		width: 64px;
		height: 64px;
		display: flex;
		margin: 30px auto 0 auto;
	}
	/* Style the buttons that are used to open the tab content */
	.tab button {
		height: 100%;
		width: 100%;
		background: transparent;
		border: none;
		outline: none;
		cursor: pointer;
		padding: 14px 16px;
		transition: 0.3s;
		border-bottom: 4px solid transparent;
	}
	/* Change background color of buttons on hover */
	.tab button: hover {
		border-bottom: 4px solid #086088;
		transition-duration: .5s;
	}
	/* Create an active/current tablink class */
	.tab .active {
		border-bottom: 4px solid #086088;
		transition-duration: .5s;
	}
	/* Style the tab content */
	.tabcontent {
		display: none;
		padding: 6px 12px;
		border: 1px solid #ccc;
		background-color: #fff;
		width: 400px;
		position: absolute;
		margin-top: 25px;
		margin-left: 25px;
		padding: 25px;
	}
	.tabcontent p {
		font-size: 16px;
	}
	.tabcontent a {
		color: #000;
		display: flex;
	}
	.tabcontent a:after {
		content: "";
		background: url(/wp-content/themes/ariesweb/img/forward-arrow.png) no-repeat;
		width: 32px;
		height: 32px;
		margin: -4px 3px 0 0;
		display: block;
		transform: scale(0.6);
	}
	.tabcontent {
		animation: fadeEffect 1s;
		/* Fading effect takes 1 second */
	}
	/* Go from zero to full opacity */
	@keyframes fadeEffect {
		from {
			opacity: 0;
		}
		to {
			opacity: 1;
		}
	}
	.tab-car-img {
		width: 100%;
	}
	/*===========================Aboutcheck===========================*/
	.about-check ul {
		padding-left: 10px;
	}
	.about-check li {
		list-style-type: none;
		padding-bottom: 15px;
	}
	.about-check li img {
		margin-right: 10px;
	}
	#aboutcheck-1 {
		padding-top: 80px;
	}
	#about-check-last {
		padding-bottom: 80px;
	}
	/*===========================Benefits===========================*/
	.benefits {
		padding-top: 30px;
		padding-bottom: 30px;
		background-color: #003868;
	}
	.benefits h4 {
		font-size: 20px;
		text-align: center;
		color: #fff;
	}
	.benefits img {
		display: flex;
		width: 64px;
		height: 64px;
		margin: 20px auto;
	}
	/*===========================Gallery===========================*/
	#gallery {
		padding-top: 80px;
		padding-bottom: 80px;
	}
	#gallery h2 {
		margin-bottom: 40px;
	}
	.gallery {
		padding-top: 80px;
		padding-bottom: 80px;
	}
	.gallery h2 {
		text-transform: uppercase;
		padding-bottom: 20px;
		padding-top: 40px;
		font-weight: bold;
		font-size: 50px;
	}
	.gallery p {
		width: 80%;
		margin: auto;
		margin-bottom: 40px;
		text-align: center;
	}
	.gallery img {
		width: 100%;
		height: 220px;
		object-fit: cover;
		margin-bottom: 30px;
	}
	.gallery-3 img {
		height: 400px;
		width: 100%;
		object-fit: cover;
	}
	.gallery-3 figure {
		padding-left: 0;
		padding-right: 0;
	}
	.page-id-235  .gallery img {
		border: 1px solid #000;
		height: 320px;
	}
	#gallery-single {
		padding-top: 80px;
		padding-bottom: 80px;
	}
	#gallery-single img {
		width: 100%;
		height: 180px;
		object-fit: cover;
		margin-bottom: 30px;
	}
	.gallery-box {
		height: 300px;
		margin-bottom: 50px;
		background-position: center;
		background-size: cover;
	}
	.gallery-box p {
		font-size: 18px;
		position: absolute;
		bottom: 0;
		margin-left: auto;
		margin-right: auto;
		left: 0;
		right: 0;
		text-align: center;
		color: #fff;
		background-color: rgba(0, 0, 0, .7);
		bottom: 100px;
		width: 92%;
		margin-bottom: 0;
		padding: 10px;
	}
	.gallery-wrapper:hover p {
		top: 0;
		bottom: 0;
		height: 300px;
		padding-top: 120px;
		transition-duration: .5s;
	}
	.gallery-wrapper:hover p:after {
		content: "";
		background: url(/wp-content/themes/ariesweb/img/magnifier.png) no-repeat;
		width: 32px;
		height: 32px;
		display: block;
		margin: 15px auto 0 auto;
	}
	/*===========================Featured===========================*/
	.featured {
		padding-top: 80px;
		padding-bottom: 80px;
	}
	.featured-box {
		display: flex;
		flex-direction: column;
	}
	.featured-box img {
		height: 250px;
		object-fit: cover;
	}
	.featured-box .a-title {
		color: #000;
		display: flex;
		transform: rotate(-90deg);
		width: 100%;
		height: 61px;
		font-size: 24px;
		margin-left: -300px;
	}
	.featured-box .a-title:after {
		content: "";
		display: block;
		width: 50px;
		height: 2px;
		background-color: #086088;
		position: absolute;
		bottom: 18px;
	}
	.featured-box .a-title:hover {
		opacity: 1;
		color: #086088;
	}
	.featured-box a:hover {
		opacity: .7;
	}
	/*===========================collapse===========================*/
	.collapse-section {
		padding-top: 80px;
		padding-bottom: 80px;
	}
	.collapse-section .card-header {
		background-color: #fff;
		border-radius: 0;
		border: none;
		padding: 10px 5px;
	}
	.collapse-section .card-header button {
		font-size: 14px;
		color: #000;
	}
	.collapse-section .card-header button:before {
		content: "";
		background: url(/wp-content/themes/ariesweb/img/check.png) no-repeat;
		width: 32px;
		height: 32px;
		float: left;
		margin: -4px 3px 0 0;
		display: block;
		transform: scale(0.6);
	}
	.collapse-section .card-body {
		font-size: 14px;
		background-color: black;
		color: #fff;
	}
	.collapse-section .card {
		margin-bottom: 15px;
	}
	/*===========================Strefa klienta===========================*/
	.post-password-form {
		padding-top: 80px;
		padding-bottom: 80px;
	}
	#pwbox-225 {
		color: #000;
		padding: 5px;
		-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
		-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
		box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
		border: 1px solid #606060;
		outline: none;
		margin-top: 2px;
	}
	.post-password-form input[type=submit] {
		color: #000000;
		background: #086088;
		font-size: 12px;
		border: 1px solid rgba(255, 255, 255, 1);
		padding: 10px;
		text-transform: uppercase;
		margin-top: 10px;
		display: flex;
	}
	#single-customers {
		padding-top: 80px;
		padding-bottom: 80px;
	}
	#single-customers h3 {
		padding-bottom: 50px;
	}
	.customers-wrapper {
		display: flex;
		flex-flow: wrap-reverse;
		flex-direction: row-reverse;
	}
	.customers-box {
		-webkit-box-shadow: 0 10px 32px 0 rgba(0, 0, 0, .1);
		box-shadow: 0 10px 32px 0 rgba(0, 0, 0, .1);
		margin-bottom: 50px;
		padding: 25px;
		min-height: 420px;
	}
	.customers-box h4 {
		padding-bottom: 20px;
	}
	.customers-box .tax {
		display: grid;
		grid-template-columns: 1fr 1fr;
		border-bottom: 1px solid #e9ebec;
		padding-top: 5px;
	}
	.customers-box .tax p {
		margin-bottom: 5px;
	}
	/*===========================Footer===========================*/
	.logo {
		padding-top: 80px;
		padding-bottom: 80px;
		background-color: #fff;
	}
	.logo img {
		display: flex;
		margin: auto;
		align-items: center;
		height: 140px;
	}
	.logo .col-md-4:nth-child(2) img {
		height: 100px;
		margin-top: 25px;
	}
	.map {
		margin-bottom: -10px;
	}
	.map iframe {
		width: 100%;
		height: 400px;
	}
	footer {
		background-color: #eee;
		color: #34373b;
	}
	footer p {
		font-size: 14px;
	}
	footer h5 {
		font-size: 14px;
		font-weight: bold;
		text-transform: uppercase;
		letter-spacing: 1px;
		margin-bottom: 5px;
		color: #fff;
	}
	footer a:hover {
		color: #f2c014 !important;
	}
	.footer-col1 {
		background-color: #000;
		padding-left: calc(50% - 590px + 15px);
		padding-bottom: 50px;
		color: #34373b;
	}
	.footer-center {
		background-color: #000;
		padding-top: 55px;
		padding-bottom: 50px;
		color: #34373b;
	}
	.footer-col2 {
		background-color: #003868;
		padding-top: 55px;
		padding-bottom: 50px;
	}
	footer ul {
		list-style-type: none;
		padding-left: 0px;
	}
	.footer-contact p {
		color: #fff;
		line-height: 30px;
	}
	.footer-contact a {
		color: #fff;
		line-height: 30px;
		padding-bottom: 16px;
	}
	.footer-contact li {
		display: flex;
	}
	.footer-contact .img-bg {
		width: 36px;
		height: 36px;
		background-color: #000;
		border-radius: 50px;
		margin-right: 10px;
		margin-bottom: 10px;
	}
	.footer-contact li img {
		width: 16px;
		height: 16px;
		margin-top: 10px;
		margin-left: 10px;
	}
	.footer-contact .footer-mail {
		color: #fff;
	}
	footer .navbar-nav {
		margin-bottom: 15px;
	}
	footer .navbar-nav .nav-link {
		color: #eee;
		padding-right: 7px;
		font-size: 15px;
		display: flex;
	}
	footer .navbar-nav .nav-link:before {
		content: '';
		width: 7px;
		height: 7px;
		background-color: #003868;
		margin-top: 7px;
		margin-right: 7px;
		display: flex;
	}
	footer .brand-logo {
		background-color: #000;
	}
	.fb-icon {
		display: flex;
		width: 46px;
		height: 46px;
		background-color: #003868;
		margin-bottom: 10px;
	}
	.fb-icon img {
		width: 20px;
		height: 20px;
		margin-top: 13px;
		margin-left: 13px;
	}
	.foo-realization a {
		font-size: 12px;
		display: inline-block;
		border-width: 1px;
		border-style: solid;
		line-height: 160%;
		margin-right: 5px;
		margin-bottom: 7px;
		padding: 0px 5px;
		text-transform: lowercase;
		border-color: #3f3f3f;
		color: #fff;
	}
	.footer-copyright {
		padding-top: 20px;
		position: relative;
	}
	.footer-copyright a {
		color: #d50000;
		font-weight: bold;
	}
	.footer-copyright img {
		width: 75px;
		height: 22px;
	}
	.footer-copyright p {
		margin: auto;
	}
	footer h6 {
		font-weight: bold;
	}
	footer .logo-cart {
		width: 200px;
	}
	/*===========================Media Queries===========================*/
	@media (max-width: 1024px) {
		.counter .counter-box {
			width: 230px;
			height: 230px;
		}
	}
	@media (max-width: 991px) {
		.top-header {
			display: none;
		}
		.nav-box {
			background-color: #003868;
		}
		.collapse:not(.show) {
			display: none !important;
		}
		.brand-logo {
			height: auto;
			margin: 0;
			position: inherit;
			padding: 20px;
		}
		.brand-logo img {
			margin-top: 0;
		}
		.nav-box {
			height: auto;
		}
		#header-3 #navbarSupportedContent-7 {
			justify-content: center;
		}
		.navbar {
			transition-duration: .5s;
			background-color: #003868 !important;
			-webkit-box-shadow: 0px 2px 6px 2px rgba(0, 0, 0, 0.75);
			-moz-box-shadow: 0px 2px 6px 2px rgba(0, 0, 0, 0.75);
			box-shadow: 0px 2px 6px 2px rgba(0, 0, 0, 0.75);
			padding: 10px !important;
		}
		.navbar-brand {
			max-width: 180px;
		}
		.affix {
			height: auto !important;
			margin-top: 0;
		}
		.navbar-dark .navbar-nav .nav-link {
			padding: 15px;
			text-align: center;
			height: 40px;
			color: #fff;
			line-height: 0px;
		}
		.navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link {
			background-color: transparent;
			color: #086088;
			border-bottom: none;
		}
		.navbar-dark li {
			justify-content: center;
		}
		.navbar-dark li:after {
			display: none;
		}
		.affix a {
			color: #000;
		}
		#slider-carousel {
			padding: 50px 0 0 0;
		}
		.slider-btn a {
			margin: 0;
		}
		#header-2 #mainmenu {
			width: 100%;
		}
		.about-1 img {
			height: 305px;
		}
		.about-2 p {
			padding-left: 0;
		}
		.about-3 img {
			width: 100%;
			margin-bottom: 10px;
			margin-top: 30px;
		}
		.about-3 .img-border:before {
			width: 95%;
			left: -10px;
			bottom: -20px;
		}
		.about-3-row {
			flex-direction: column-reverse;
		}
		.tabcontent {
			width: 96%;
			margin: 30px 0 30px 0;
		}
		.tab-car-img {
			margin-top: 220px;
		}
		.footer-col1 {
			padding-left: 15px;
		}
		.contact-box {
			padding: 15px;
		}
		.contact-box .contact-row {
			flex-direction: column-reverse;
		}
		.contact-wrapper {
			margin-left: 0;
		}
		.contact-form {
			padding: 15px;
			border: none;
		}
		.contact-form h3:after {
			display: none;
		}
		.contact-wrapper h2:after {
			display: none;
		}
		.offer-box {
			margin-top: 20px;
			margin-bottom: 20px;
			transform: rotate(0deg);
		}
		.offer-box-inner {
			transform: rotate(0deg);
		}
		.about-grid-box {
			height: auto;
		}
		.fb-container {
			height: 700px;
		}
		#mainmenu img {
			width: 70% !important;
		}
		.counter h2 {
			font-size: 80px;
		}
		.counter .row {
			flex-direction: column-reverse;
		}
		.cpt-wrapper {
			display: flex;
		}
		.cpt-1-box {
			width: 100%;
			height: auto;
			margin-bottom: 10px;
		}
		.customers-wrapper {
			flex-direction: column-reverse;
		}
		.featured-box {
			margin-bottom: 30px;
		}
		.featured-box img {
			width: 100%;
		}
		.featured-box .a-title {
			color: #000;
			display: flex;
			transform: rotate(0);
			width: 100%;
			height: 61px;
			font-size: 24px;
			margin-left: 0;
		}
		.step-wrapper {
			display: flex;
		}
		.step-box {
			margin-bottom: 40px;
		}
		footer .navbar-nav {
			flex-direction: column;
		}
		footer .navbar-nav li:first-child .nav-link {
			padding-left: 10px;
		}
		footer .navbar-nav .nav-link {
			padding: 10px;
			border-right: none;
		}
	}
	@media (max-width: 767px) {
		.header-info {
			display: none;
		}
		.breadcrumbs a {
			font-size: 14px;
		}
		.affix {
			top: 0 !important;
		}
		.header-bg h2 {
			font-size: 26px;
		}
		#slider-carousel .carousel-item .carousel-caption h3 {
			font-size: 35px;
			padding-top: 30px;
		}
		#slider-carousel .carousel-item .carousel-caption h6 {
			font-size: 35px;
		}
		.slider-btn {
			flex-direction: column;
		}
		.fb-container h3 {
			display: none;
		}
		.about-grid-wrapper {
			display: flex;
			flex-direction: column;
		}
		.tab {
			flex-direction: column;
		}
		.offer-wrapper {
			margin-bottom: 50px;
		}
		.cpt-2 h2 {
			font-size: 25px;
		}
		.multi-contact-wrapper {
			flex-direction: column;
		}
		.simple-multi-contact {
			padding: 0;
		}
		.footer-contact ul {
			flex-direction: column;
		}
		.footer-contact ul li {
			display: flex;
			justify-content: center;
		}
	}
	@media (max-width: 576px) {
		#slider-carousel .carousel-item .carousel-caption {
			align-items: center;
		}
		#header-2 .top-contact li:nth-child(2) {
			display: none;
		}
		.about-1 .read-more {
			margin-bottom: 30px;
		}
		.counter .counter-wrapper {
			display: flex;
			flex-direction: column;
		}
		.counter .counter-box {
			width: 100%;
			margin-bottom: 10px;
		}
		.about-grid .text-wrapper h1 {
			font-size: 20px;
		}
		.about-3 .img-border {
			display: none;
		}
		.about-3 .about-contact {
			flex-direction: column;
		}
		.about-3 .about-contact li {
			margin-bottom: 15px;
		}
		.about-3 img {
			height: 400px;
		}
		#hydrogenation .container {
			padding: 15px;
		}
		#hydrogenation img {
			clip-path: none;
		}
		.tabcontent {
			width: 92%;
		}
		.tab-car-img {
			margin-top: 280px;
		}
		.stage-box {
			border: none;
		}
		.footer-social h5 {
			font-size: 33px;
		}
	}
	/*===========================Smartphoto===========================*/
	@keyframes smartphoto {
		from {
			opacity: 0;
		}
		to {
			opacity: 1;
		}
	}
	@keyframes smartphoto-img-wrap {
		from {
			opacity: 0;
		}
		to {
			opacity: 1;
		}
	}
	@keyframes smartphoto-inner {
		from {
			transform: translate(0, 100px);
		}
		to {
			transform: translate(0, 0);
		}
	}
	@keyframes smartphoto-loader {
		0% {
			opacity: .4;
			transform: rotate(0deg);
		}
		50% {
			opacity: 1;
			transform: rotate(180deg);
		}
		100% {
			opacity: .4;
			transform: rotate(360deg);
		}
	}
	@keyframes smartphoto-appear {
		0% {
			display: none;
			opacity: 0;
		}
		1% {
			display: block;
			opacity: 0;
		}
		100% {
			display: block;
			opacity: 1;
		}
	}
	@keyframes smartphoto-hide {
		0% {
			display: block;
			opacity: 1;
		}
		99% {
			display: block;
			opacity: 0;
		}
		100% {
			display: none;
			opacity: 0;
		}
	}
	.smartphoto {
		position: fixed;
		z-index: 100;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: #000;
		opacity: 1;
		font-family: sans-serif;
		cursor: pointer;
		-webkit-transition: opacity .3s ease-out;
		-moz-transition: opacity .3s ease-out;
		-ms-transition: opacity .3s ease-out;
		-o-transition: opacity .3s ease-out;
		transition: opacity .3s ease-out;
		transition: all 0.3s ease-out;
		animation-name: smartphoto;
		animation-duration: .3s;
		animation-timing-function: ease-out;
	}
	.smartphoto[aria-hidden="true"] {
		display: none;
	}
	.smartphoto-close {
		opacity: 0;
	}
	.smartphoto-count {
		display: inline-block;
		color: #FFF;
		font-size: 16px;
	}
	.smartphoto-header {
		display: block;
		box-sizing: border-box;
		position: fixed;
		z-index: 102;
		top: 0;
		left: 0;
		width: 100%;
		height: 50px;
		padding: 15px;
		background-color: rgba(0, 0, 0, 0.2);
	}
	.smartphoto-content {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	.smartphoto-dismiss {
		display: block;
		position: absolute;
		top: 15px;
		right: 10px;
		width: 20px;
		height: 20px;
		padding: 0;
		border: none;
		background-color: transparent;
		background-image: url(data:image/svg+xml;
			base64, PHN2ZyBpZD0i44Os44Kk44Ok44O8XzEiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDI4MzQuNjUgMjgzNC42NSIgZmlsbD0iI0ZGRiI+PHRpdGxlPmljb248L3RpdGxlPjxwYXRoIGQ9Ik0xNTc2LjQyLDE0MDYuNzYsMjc4NCwxOTkuMTlhNTYuODYsNTYuODYsMCwwLDAsMC04MC4xOGwtNzguOTItNzguOTJhNTYuODYsNTYuODYsMCwwLDAtODAuMTgsMEwxNDE3LjMyLDEyNDcuNjYsMjA5Ljc1LDQwLjA5YTU2Ljg2LDU2Ljg2LDAsMCwwLTgwLjE4LDBMNTAuNjUsMTE5YTU2Ljg2LDU2Ljg2LDAsMCwwLDAsODAuMThMMTI1OC4yMywxNDA2Ljc2LDUwLjY1LDI2MTQuMzRhNTYuODYsNTYuODYsMCwwLDAsMCw4MC4xOGw3OC45Miw3OC45MmE1Ni44Niw1Ni44NiwwLDAsMCw4MC4xOCwwTDE0MTcuMzIsMTU2NS44NiwyNjI0LjksMjc3My40NGE1Ni44Niw1Ni44NiwwLDAsMCw4MC4xOCwwbDc4LjkyLTc4LjkyYTU2Ljg2LDU2Ljg2LDAsMCwwLDAtODAuMThaIi8+PC9zdmc+);
		text-shadow: 0 1px 0 #FFF;
		color: #FFF;
		font-size: 30px;
		text-decoration: none;
		cursor: pointer;
		line-height: 1;
	}
	.smartphoto-body {
		position: relative;
		z-index: 102;
		width: 100%;
		height: 100%;
		margin: 0 auto;
	}
	.smartphoto-inner {
		position: relative;
		width: 100%;
		height: 100%;
		vertical-align: top;
	}
	.smartphoto-img {
		display: none;
		max-width: none;
		width: auto;
		height: auto;
		cursor: zoom-in;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		transition: transform 0.3s ease-out;
		-webkit-user-drag: none;
	}
	.smartphoto-img.active {
		display: block;
	}
	.smartphoto-img-onmove {
		cursor: grab;
		cursor: -webkit-grab;
		transition: none;
	}
	.smartphoto-img-elasticmove {
		transition: transform 0.3s ease-out;
	}
	.smartphoto-img-wrap {
		display: inline-block;
		opacity: 1;
		-webkit-transition: opacity .3s ease-out;
		-moz-transition: opacity .3s ease-out;
		-ms-transition: opacity .3s ease-out;
		-o-transition: opacity .3s ease-out;
		transition: opacity .3s ease-out;
		animation-name: smartphoto-img-wrap;
		animation-duration: .3s;
		animation-timing-function: ease-out;
	}
	.smartphoto-img-left {
		transform: translateX(150%) !important;
	}
	.smartphoto-img-right {
		transform: translateX(-150%) !important;
	}
	.smartphoto-arrows {
		list-style-type: none;
		margin: 0;
		padding: 0;
		position: relative;
		z-index: 1002;
		top: 50%;
		left: 0;
		opacity: 1;
		animation-name: smartphoto-appear;
		animation-duration: .3s;
		animation-timing-function: ease-out;
	}
	.smartphoto-arrows[aria-hidden="true"] {
		animation-name: smartphoto-hide;
		display: none;
	}
	.smartphoto-arrows li {
		display: block;
		position: absolute;
		top: 50%;
		width: 30px;
		height: 30px;
		animation-duration: .3s;
		animation-timing-function: ease-out;
		animation-name: smartphoto-appear;
	}
	.smartphoto-arrows li:focus {
		outline: none;
	}
	.smartphoto-arrows [aria-hidden="true"] {
		animation-name: smartphoto-hide;
		display: none;
	}
	.smartphoto-arrows a {
		display: block;
		width: 100%;
		height: 100%;
		text-decoration: none;
	}
	.smartphoto-arrow-right {
		right: 0;
		background-image: url(data:image/svg+xml;
			base64, PHN2ZyBpZD0i44Os44Kk44Ok44O8XzEiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDI4MzQuNjUgMjgzNC42NSIgZmlsbD0iI0ZGRiAiPjx0aXRsZT5pY29uPC90aXRsZT48cGF0aCBkPSJNMTgzNy44OCwxNDE3LjMyLDY0My41OSwyMjNhNzIuMjEsNzIuMjEsMCwwLDEsMC0xMDEuODJMNzQzLjgyLDIxYTcyLjIxLDcyLjIxLDAsMCwxLDEwMS44MiwwTDIwOTAuODMsMTI2Ni4xOWwxMDAuMjMsMTAwLjIzYTcyLjIxLDcyLjIxLDAsMCwxLDAsMTAxLjgyTDg0NS42NCwyODEzLjY1YTcyLjIxLDcyLjIxLDAsMCwxLTEwMS44MiwwTDY0My41OSwyNzEzLjQyYTcyLjIxLDcyLjIxLDAsMCwxLDAtMTAxLjgyWiIvPjwvc3ZnPg==);
	}
	.smartphoto-arrow-left {
		left: 0;
		background-image: url(data:image/svg+xml;
			base64, PHN2ZyBpZD0i44Os44Kk44Ok44O8XzEiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDI4MzQuNjUgMjgzNC42NSIgZmlsbD0iI0ZGRiI+PHRpdGxlPmljb248L3RpdGxlPjxwYXRoIGQ9Ik05OTYuNzcsMTQxNy4zMiwyMTkxLjA2LDIyM2E3Mi4yMSw3Mi4yMSwwLDAsMCwwLTEwMS44MkwyMDkwLjgzLDIxQTcyLjIxLDcyLjIxLDAsMCwwLDE5ODksMjFMNzQzLjgyLDEyNjYuMTksNjQzLjU5LDEzNjYuNDJhNzIuMjEsNzIuMjEsMCwwLDAsMCwxMDEuODJMMTk4OSwyODEzLjY1YTcyLjIxLDcyLjIxLDAsMCwwLDEwMS44MiwwbDEwMC4yMy0xMDAuMjNhNzIuMjEsNzIuMjEsMCwwLDAsMC0xMDEuODJaIi8+PC9zdmc+);
	}
	.smartphoto-nav {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		opacity: 1;
		animation-name: smartphoto-appear;
		animation-duration: .3s;
		animation-timing-function: ease-out;
	}
	.smartphoto-nav[aria-hidden="true"] {
		animation-name: smartphoto-hide;
		display: none;
	}
	.smartphoto-nav ul {
		display: block;
		overflow-x: scroll;
		list-style: none;
		margin: 0;
		padding: 0;
		text-align: center;
		white-space: nowrap;
		-webkit-overflow-scrolling: touch;
	}
	.smartphoto-nav li {
		display: inline-block;
		overflow: hidden;
		width: 50px;
		height: 50px;
	}
	.smartphoto-nav a {
		display: block;
		width: 100%;
		height: 100%;
		background-color: #FFF;
		background-position: center center;
		background-size: cover;
		opacity: .5;
	}
	.smartphoto-nav a:focus {
		opacity: .8;
	}
	.smartphoto-nav a.current {
		opacity: 1;
	}
	.smartphoto-nav img {
		width: auto;
		height: 100%;
	}
	.smartphoto-list {
		list-style-type: none;
		position: absolute;
		z-index: 101;
		top: 0;
		left: 0;
		margin: 0;
		padding: 0;
		white-space: nowrap;
	}
	.smartphoto-list li {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		transition: all 0.3s ease-out;
	}
	.smartphoto-list li:focus {
		outline: none;
	}
	.smartphoto-list-onmove {
		transition: all 0.3s ease-out;
	}
	.smartphoto-caption {
		overflow: hidden;
		box-sizing: border-box;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 50px;
		padding: 0 50px;
		color: #FFF;
		font-size: 12px;
		text-align: center;
		line-height: 50px;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	.smartphoto-caption:focus {
		outline: none;
	}
	.smartphoto-loader-wrap {
		display: block;
		position: relative;
		z-index: 103;
		width: 0;
		height: 0;
		transform: translate(50vw, 50vh);
	}
	.smartphoto-loader {
		position: absolute;
		z-index: 101;
		top: 0;
		left: 0;
		width: 30px;
		height: 30px;
		margin-top: -25px;
		margin-left: -25px;
		border: 8px solid #17CDDD;
		border-right-color: transparent;
		border-radius: 50%;
		animation: smartphoto-loader .5s infinite linear;
	}
	.smartphoto-img-clone {
		position: fixed;
		z-index: 100;
		top: 0;
		left: 0;
		transition: all .3s ease-out;
	}
	.smartphoto-sr-only {
		overflow: hidden;
		position: absolute;
		width: 1px;
		height: 1px;
		margin: -1px;
		padding: 0;
		border: 0;
		clip: rect(0, 0, 0, 0);
	}