@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap');

/*
font-family: 'Noto Sans', sans-serif;
*/

:root {	
	--rarus-main:#474747;
	--rarus-dark:#455a64;
	--rarus-dark-rgb:69,90,100;
	--rarus-darkless:#536d7a;
	--rarus-light:#eceff1;
	--rarus-light-rgb:236,239,241;
	--rarus-blue:#0088cc;
	--rarus-orange:#e85400;
}


/*---------------------------------------------------------/
[01] COMMON STYLE
[02] FORM
[03] SCROLL UP 
[04] FOOTER
[05] OFFCANVAS
[06] STICKY HEADER
[07] HEADER
	[07.1] HEADER TOP
	[07.2] HEADER MIDDLE
	[07.3] MINI CONTACT
	[7.4] HEADER BOTTOM
	[7.5] CATEGORIES MENU
	[7.6] MAIN MENU
[08] MAIN SLIDER
[09] INDEX PAGE
	[09.1] ABOUT BLOCK
	[09.2] PRODUCT BLOCK
	[09.3] BANNER BLOCK
	[09.4] FAQ BLOCK
	[09.5] NEWS BLOCK
---------------------------------------------------------*/

/*---------------------------------------------------------/
[01] COMMON STYLE
---------------------------------------------------------*/

* {
	outline: none!important;			
	transition: all ease-in-out .3s;	
}
*, *::after, *::before {
  box-sizing: border-box;
}
html {
	position: relative;
	min-height: 100%;
}
body {
	-webkit-tap-highlight-color: transparent;	
	   -webkit-text-size-adjust: 100%;	
	width: 100%;	
	background:#fff;
	font-family: 'Noto Sans', sans-serif;
	font-size:1rem;
	font-weight: 300;
  	color: var(--rarus-main);	
	line-height:1.5;
}
@media (min-width: 1200px) {
	body {
		margin-bottom: 100px;
	}
	footer {
		position: absolute;
		bottom: 0;
		width: 100%;
		height: 100px;
	}
}
h1, h2, h3, h4, h5, h6 {
	font-weight: 500;
	line-height: 1.5;
}
h5 {
margin: 30px 0;
}
.title {
	text-align: center;
	margin: 30px 0;
}
.subtitle {
	text-align: center;
	font-size: 1.2em;
}
.bg-blue {
	background: var(--rarus-blue);
	color: #fff;
}
ul, ol {
	padding: 0;
	margin: 0;
	list-style: none;
}
article ul, 
article ol {
	margin: 20px 0;
}
article ul li{
	margin: 7px 10px 7px 40px;
	list-style: circle;
}
article ol li{
	margin: 7px 10px 7px 40px;
	list-style: decimal;
}
.simple-list li {
	margin: 7px 10px 7px 30px;
	list-style: circle;
}
article dl{
	margin: 20px 0 30px;
}
article dt{
	margin: 10px 10px 10px 30px;
}
article dd{
	margin: 7px 10px 7px 30px;
}
.text-justify {
	text-align: justify;
}
a, 
a:hover, 
a:active,
a:focus{
	color: var(--rarus-orange);
	text-decoration: none;
}
a {
	color: var(--rarus-blue);
}
img {
	max-width: 100%;
}
strong {
	font-weight: 600;
}
section {
	padding: 40px 0 60px;
}
@media only screen and (max-width: 767px) {
	section {
		padding: 30px 0;
	}
}
@media (min-width: 1200px) {
	.container-narrow {
		max-width: 1140px;
		width: 100%;
		padding-right: var(--bs-gutter-x, 0.75rem);
		padding-left: var(--bs-gutter-x, 0.75rem);
		margin-right: auto;
		margin-left: auto;	  
	}
}
.img-right {
	float: right;
	margin: 20px 0 20px 20px;
	max-width: 200px;
}
.img-center {
	text-align: center;
	margin: 40px 0;
}
.nav-h2 {
	text-align: center;
	margin: 30px 0 0;
	line-height: 1.2;
}
/*---------------------------------------- 
 [02] FORM
-----------------------------------------*/
input:-moz-placeholder, textarea:-moz-placeholder {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

input::-webkit-input-placeholder {color: var(--rarus-darkless);font-size: 0.85em;}
input::-moz-placeholder {color: var(--rarus-darkless);font-size: 0.85em;}
input:-ms-input-placeholder {color: var(--rarus-darkless);font-size: 0.85em;}
input:-moz-placeholder {color: var(--rarus-darkless);font-size: 0.85em;}
	
.popup-form input,
.popup-form textarea{
	width: 100%;
	border: 0;
	background: none;
	padding: 10px;
	font-size: 1em;
	color: var(--rarus-main);
	border-radius: 6px;
	border: 1px solid #ddd;
	margin-bottom: 10px;
}
.popup-form input:focus,
.popup-form textarea:focus{
  border-color: #ccc;
  outline: 0;
  box-shadow: 0 0 20px rgba(0,0,0,0.1);
}
.popup-form h4{
	color: var(--rarus-blue);
	border-bottom: 1px dashed #ccc;
	padding-bottom: 15px;
	margin-bottom: 25px;
}

.form-check-input {
  width: 1em!important;
  height: 1em!important;
}
/*---------------------------------------- 
 [03] SCROLL UP 
-----------------------------------------*/
#scrollUp {
	position: fixed;
	display: none;	
	bottom: 20px;	
	right: 20px;	
	width: 45px;
	height: 45px;	
	background: var(--rarus-orange);
	border-radius: 100%;
	border: 2px solid #fff;
	font-size: 1.5em;	
	line-height: 1.5;	
	color: #fff;
	text-align: center;	
	cursor: pointer;
	transition: .3s;
	z-index: 9999;
}
#scrollUp:hover i {
	animation-name: fadeInUp;
	animation-duration: 0.8s;
	animation-fill-mode: both;
	animation-iteration-count: infinite;
}

/*---------------------------------------------------------/
[05] BUTTONS
---------------------------------------------------------*/
.btn-box {
	margin: 20px auto;
	text-align: center;
}
.btn {
	display: inline-block;
	font-weight: 700;
	line-height: 1.2;
	color: var(--rarus-main);
	border: none;
	padding: 15px 30px;
	font-size: 1rem;
	border-radius: 6px;
	text-transform: uppercase;		
}
.btn-orange {
	color: #fff!important;
	background-color: var(--rarus-orange);
}
.btn-orange:hover {
	color: #fff;
	background-color: var(--rarus-main);
	border-color: var(--rarus-main);
}
.btn-orange:focus {
	color: #fff;
	background-color: var(--rarus-orange);
	border-color: var(--rarus-orange);
	box-shadow: 0 0 20px rgba(0,0,0,0.1);
}
.btn-orange:active, 
.btn-orange.active, 
.show > .btn-orange.dropdown-toggle {
	color: #fff;
	background-color: var(--rarus-main);
	border-color: var(--rarus-main);
}

.btn-orange:active:focus, 
.btn-orange.active:focus, 
.show > .btn-primary.dropdown-toggle:focus {
	box-shadow: 0 0 15px rgba(0,0,0,0.15);
}
.btn-orange:disabled, 
.btn-orange.disabled {
	color: #fff;
	background-color: var(--rarus-orange);
	border-color: var(--rarus-orange);
}
.btn-blue {
	color: #fff!important;
	background-color: var(--rarus-blue);
}
.btn-blue:hover {
	color: #fff;
	background-color: var(--rarus-main);
	border-color: var(--rarus-main);
}
.btn-blue:focus {
	color: #fff;
	background-color: var(--rarus-blue);
	border-color: var(--rarus-blue);
	box-shadow: 0 0 20px rgba(0,0,0,0.1);
}
.btn-blue:active, 
.btn-blue.active, 
.show > .btn-red.dropdown-toggle {
	color: #fff;
	background-color: var(--rarus-main);
	border-color: var(--rarus-main);
}

.btn-blue:active:focus, 
.btn-blue.active:focus, 
.show > .btn-primary.dropdown-toggle:focus {
	box-shadow: 0 0 15px rgba(0,0,0,0.15);
}
.btn-blue:disabled, 
.btn-blue.disabled {
	color: #fff;
	background-color: var(--rarus-blue);
	border-color: var(--rarus-blue);
}

/*---------------------------------------------------------/
[04] FOOTER
---------------------------------------------------------*/
footer {
	padding: 30px 0;
	text-align: center;
	background: var(--rarus-main);
}
footer a{
	color: #fff;
}
footer a:hover{
	color: var(--rarus-blue);
}

/* ----------------------------------------
[05] OFFCANVAS
-----------------------------------------*/
.offcanvas-menu .container {
	position: relative;
}
.off-canvas-overlay {
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 999;
	opacity: 0;
	visibility: hidden;
	cursor: crosshair;
	background: var(--ms-main);
	top: 0;
}
.off-canvas-overlay.active {
	opacity: 0.5;
	visibility: visible;
}
.offcanvas-menu {
	display: none;
}
@media only screen and (max-width: 991px) {
	.offcanvas-menu {
		display: block;
	}
}
.offcanvas-menu-wrapper {
	width: 290px;
	position: fixed;
	background: #fff;
	z-index: 999;
	top: 0;
	height: 100vh;
	transition: .5s;
	left: 0;
	margin-left: -300px;
	padding: 50px 15px 30px;
	overflow-y: auto;
}
.offcanvas-menu-wrapper.active {
	margin-left: 0;
}

.offcanvas-menu-wrapper h3 {
	font-size: 1em;
	text-align: center;
	margin-bottom: 40px;
}
.offcanvas-menu-wrapper h3 span{
	font-size: 1.5em;
	text-transform: uppercase;
	display: block;
	color: var(--rarus-orange);
}
.offcanvas-language-list {
	text-align: center;
	margin-bottom: 30px;
}	
.offcanvas-language-list li {
	display: inline-block;
	margin: 10px;
}
.offcanvas-language-list li img{
	border-radius: 100%;
	box-shadow: var(--ms-shadow);
}

.offcanvas-main-menu > li.menu-item-has-children.menu-open > span.menu-expand {
	transform: rotate(180deg);
}
.offcanvas-main-menu > li ul li.menu-item-has-children.menu-open span.menu-expand {
	transform: rotate(180deg);
}
.offcanvas-main-menu li {
	position: relative;
}
.offcanvas-main-menu li:last-child {
	margin: 0;
}
.offcanvas-main-menu li span.menu-expand {
	position: absolute;
	right: 0;
}
.offcanvas-main-menu li a {
	font-size: 1em;
	display: block;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #ededed;
	color: var(--ms-main);
}
.offcanvas-main-menu li a:hover {
	color: var(--ms-blue);
}
.offcanvas-main-menu li ul.sub-menu {
	padding-left: 20px;
}
.offcanvas-main-menu i {
	font-size: 0.8em;
}
.offcanvas-footer {
	margin-top: 50px;
	padding-bottom: 50px;
	text-align: center;
}
.offcanvas-footer h4 {
	font-size: 1.5em;
}
.canvas-close {
	position: absolute;
	top: 10px;
	right: 13px;
}
.canvas-close a {
	font-size: 1.2em;
	width: 32px;
	height: 32px;
	display: block;
	text-align: center;
	line-height: 33px;
	border: 1px solid #ededed;
	border-radius: 50%;
}
.canvas-close a:hover {
	background: var(--ms-blue);
	border-color: var(--ms-blue);
	color: #fff;
}
.canvas-open {
	position: absolute;
	right: 15px;
	top: 46px;
	z-index: 9;
}
@media only screen and (max-width: 991px) {
	.canvas-open {		
		top: 38px;
	}
}
@media only screen and (max-width: 400px) {
	.canvas-open {		
		top: 34px;
	}
}
.canvas-open a {
	font-size: 2em;
	width: 40px;
	height: 40px;
	display: block;
	line-height:1;
	text-align: center;
	border: 1px solid  var(--ms-main);
	color:  var(--ms-main);
}
@media only screen and (max-width: 767px) {
	.canvas-open a {
		width: 32px;
		height: 32px;
		font-size: 1.5em;
	}
}
.canvas-open a:hover {
	color: var(--ms-blue);
	border-color:var(--ms-blue);
}


/*------------------------------------------
[06] STICKY HEADER
-------------------------------------------*/

.sticky-header.sticky {
	position: fixed;
	z-index: 99;
	width: 100%;
	top: 0;
	background: var(--rarus-dark);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.11);
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
	-webkit-animation-duration: 900ms;
	animation-duration: 900ms;
	-webkit-animation-timing-function: cubic-bezier(0.2, 1, 0.22, 1);
	animation-timing-function: cubic-bezier(0.2, 1, 0.22, 1);
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
	-webkit-animation-direction: normal;
	animation-direction: normal;
	-webkit-animation-fill-mode: none;
	animation-fill-mode: none;
	-webkit-animation-play-state: running;
	animation-play-state: running;
	border-bottom: 0;
	display: block;
}
@media only screen and (max-width: 991px) {
	.sticky-header.sticky {
		position: inherit;
		box-shadow: inherit;
		-webkit-animation-name: inherit;
		animation-name: inherit;
		padding: 0;
		background: inherit;
		opacity: inherit;
	}
}

/*---------------------------------------------
[07] HEADER
-----------------------------------------------*/
	.header {
		padding: 0;
	}

@media only screen and (max-width: 991px) {
	.header {
		padding: 30px 0;
		box-shadow: 0 0 20px rgba(0,0,0,0.1);
	}
}
/*---------------------------------------------
	[07.1] HEADER TOP
-----------------------------------------------*/
.header-top {
	background: #fcfcfc;
	color:var(--rarus-main);
	border-bottom: 1px solid rgba(0,0,0,0.05);
	padding: 5px 0;
}
@media only screen and (max-width: 991px) {
	.header-top {
		display: none;
	}
}
.top-line {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-weight: 400;
}
.top-line h5{
	font-size: 1em;
	font-weight: 400;
	padding: 0;
	margin: 0;
}	
.top-line a{
	color: var(--rarus-main);
}
.social-list li{
	display: inline-block;
}
.social-list li a i {
	color: var(--ms-main);
	background: rgba(0,0,0,0.1);
	width: 25px;
	height: 25px;
	border-radius: 100%;
	display: inline-block;
	text-align: center;
	line-height: 25px;
	margin-left: 5px;
	position: relative;
	z-index: 0;
	transition: .5s;
}
.social-list li a i:hover {
	color: #fff;
	background: rgba(0,0,0,0.5);
	transform: rotate(360deg);
}
/*
@media only screen and (max-width: 991px) {
	.language-list {
		display: none;
	}
}
.language-list > li {
	display: inline-block;
	position: relative;
	color: #fff;
}
.language-list > li:hover ul.language-dropdown {
	visibility: visible;
	max-height: 200px;
}
.language-list > li:hover > a {
	color: #fff;
}
.language-list > li > a {
	line-height: 39px;
	font-size: 0.9em;
	display: inline-block;
	font-weight: 400;
	color: #fff;
}
.language-dropdown {
	position: absolute;
	top: 100%;
	left: 0;
	max-height: 0;
	background: #fff;
	border: 1px solid #ededed;
	border-radius: 3px;	
	padding: 10px 20px;
	text-align: left;
	transition: all .5s ease-out;
	overflow: hidden;
	visibility: hidden;
	z-index: 9999;
}
.language-dropdown li a {
	display: block;
	font-size: 0.9em;
	white-space: nowrap;
	line-height: 1.8;
	color: var(--ms-main);
}
.language-dropdown li a:hover {
	color: var(--ms-blue);
}
*/
/*---------------------------------------------
	[07.2] HEADER MIDDLE
-----------------------------------------------*/
.header-middle {
	padding: 25px 0;
}
@media only screen and (max-width: 991px) {
	.header-middle {
		padding: 0;
	}
}
.middle-block {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
@media (max-width:991px){
	.middle-block {
		margin-right: 70px;
	}		
}	
@media (max-width:575px) {
	.middle-block {
		margin-right: 40px;
	}
}
.logo img {
	max-width: 200px;
}
.logo-tm {
	max-width: 200px;
}
@media only screen and (max-width: 991px) {
	.logo img {max-width: 100px;}
	.logo-tm {max-width: 150px;}	
}
@media only screen and (max-width: 767px) {
	.logo-tm {display: none}
}
@media only screen and (max-width: 400px) {
	.logo img {max-width: 75px;}
}
.order-call-btn {
	border: none;
	background-color: var(--rarus-blue);
	color: #fff;
	font-size: 0.8em;
	font-weight: 600;
	text-transform: uppercase;
	line-height: 1;
	padding: 15px 20px;
	outline: 0;
	transition: all .3s ease 0s;
	border-radius: 6px;
}
.order-call-btn:hover{
	background: var(--rarus-main);
	color: #fff;
}
.order-call-btn:active,
.order-call-btn:focus{
	color: #fff;
}
@media only screen and (max-width: 575px) {
	.order-call-btn {
		font-size: 0.7em;
		padding: 5px;
	}
}
.hot-phone {
	display: none;
}
@media (min-width:992px) {
	.hot-phone {
		display: flex;
		justify-content: flex-start;
		align-items: center;
	}
}
.hot-phone-icon {
	min-width: 32px;
	margin-right: 15px
}
.hot-phone-text {
	display: block;
	font-size: 1.1em;
	color: var(--rarus-main);
}
.hot-phone-text h3{
	display: block;
	font-size: 1.1rem;
	line-height:0.8;
}
.hot-phone-text a:hover {
	color: var(--rarus-orange);
}
/*---------------------------------------------
	[07.3] MINI CONTACT
-----------------------------------------------*/
.mini-contact-wrapper {
	position: relative;
}
@media (max-width:575px) {
	.mini-contact-wrapper img{
		width: 30px;
	}
}
.contact-close {
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid #ededed;
	padding-bottom: 10px;
}
.contact-close h3 {
	font-size: 1.2em;
	margin-bottom: 0;
}
.mini-contact-close > a {
	font-size: 2em;
	color: var(--ms-main);
}
.mini-contact-close > a:hover {
	color:var(--ms-blue);
}
.mini-contact {
	position: fixed;
	min-width: 355px;
	height: 100%;
	padding: 20px;
	background: #fff;
	z-index: 999;
	right: 0;
	top: 0;
	transition: .5s;
	transform: translateX(100%);
	box-shadow: 0 0 30px rgba(0,0,0,0.2);
}
.mini-contact.active {
	transform: translateX(0);
	transition: .5s;
}
@media only screen and (max-width: 767px) {
	.mini-contact {
		min-width: 300px;
		height: 100%;
		padding: 20px;
	}
}

/*-----------------------------------
[] HEADER BOTTOM
-----------------------------------*/
.header-bottom {
	background: var(--rarus-main);
	border-bottom: 1px solid #fff;
	box-shadow: 0 20px 40px rgba(0,0,0,0.1);
}
/*-----------------------------------------
	[] MAIN MENU
-----------------------------------------*/
.main-menu {
	position: relative;
}
@media only screen and (max-width: 991px) {
	.main-menu {
		display: none;
	}
}
.main-menu nav > ul {
	display: flex;
	/*justify-content: space-between;*/
}
.main-menu nav > ul > li {
	position: relative;
}
.main-menu nav > ul > li:hover ul.sub-menu {
	visibility: visible;
	max-height: 380px;
	padding: 20px;
}
.main-menu nav > ul > li > a {
	display: block;
	font-size: 1em;
	line-height: 50px;
	font-weight: 400;
	position: relative;
	text-transform: uppercase;
	color: #fff;
	padding: 0 20px;
}
@media (min-width: 992px) and (max-width: 1200px) {
	.main-menu nav > ul > li > a {
		padding: 0 10px;
	}
}
.main-menu nav > ul > li > a.link-blue {
	background: var(--rarus-blue);
}
.main-menu nav > ul > li > a.link-orange {
	background: var(--rarus-orange);
}
.main-menu nav > ul > li:hover > a {
	background: var(--rarus-orange);
}
.main-menu nav > ul > li:hover > a::before {
	opacity: 1;
	visibility: visible;
}
.main-menu nav > ul > li > a i {
	margin-left: 5px;
	font-size: 0.9em;
}
.main-menu nav > ul > li > a.active {
	color: var(--ms-blue);
}
.main-menu nav > ul > li ul.sub-menu {
	position: absolute;
	min-width: 240px;
	padding: 0 20px;
	background: #fff;
	box-shadow: 0 3px 20px rgba(0, 0, 0, 0.1);
	max-height: 0;
	-webkit-transform-origin: 0 0 0;
	transform-origin: 0 0 0;
	left: 0;
	right: auto;
	visibility: hidden;
	overflow: hidden;
	transition: 0.5s;
	z-index: 99;
	top: 101%;
	text-align: left;
}
.main-menu nav > ul > li ul.sub-menu.left {
	left: auto;
	right: 0;
}
.main-menu nav > ul > li ul.sub-menu li a {
	font-size: 1em;
	font-weight: 400;
	display: block;
	line-height: 1.3;
	padding: 10px 0;
	color: var(--rarus-main);
}
.main-menu nav > ul > li ul.sub-menu li a:hover {
	color: var(--rarus-blue);
}

/*=======================================================================
[08] MAIN SLIDER
=========================================================================*/
@media only screen and (max-width: 767px) {
	.slider-block {
		display: none;
	}	
}
.slider-area {
	background: url(../images/slider/1.jpg) scroll center center;
}
.single-slider {
	background: scroll center center;
	background-size: cover;
	height: 700px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.single-slider {height: 500px;}
}
@media only screen and (max-width: 991px) {
	.single-slider {height: 300px;}
}

.slider-area:hover .owl-nav div {
	opacity: 1;
	visibility: visible;
}
.slider-area .owl-nav div {
	position: absolute;	
	top: 49%;
	left: 10px;
	width: 50px;
	height: 50px;
	transform: translatey(-50%);	
	border-radius: 100%;
	background: rgba(255,255,255,0.2);
	font-size: 2em;
	line-height: 1.5;
	text-align: center;
	transition: 0.3s;
	opacity: 0;
	visibility: hidden;
}
.slider-area .owl-nav div:hover {
	background: rgba(255,255,255,0.7);
}
@media only screen and (max-width: 991px) {
	.slider-area .owl-nav div {left: 6px;}
}
.slider-area .owl-nav div.owl-next {
	right: 10px;
	left: auto;
}
@media only screen and (max-width: 991px) {
	.slider-area .owl-nav div.owl-next {right: 6px;}
}
@media only screen and (max-width: 767px) {
	.slider-area .owl-nav div {display: none;}
}
.slider-area .owl-dots {
	position: absolute;
	bottom: 10px;
	left: 50%;
	transform: translatex(-50%);
}
@media only screen and (max-width: 767px) {
	.slider-area .owl-dots {bottom: 4px;}
}
.slider-area .owl-dots .owl-dot {
	width: 16px;
	height: 8px;
	border-radius: 8px;
	background: #fff;
	display: inline-block;
	margin: 0 3px;
	transition: .3s;
}
.slider-area .owl-dots .owl-dot.active,
.slider-area .owl-dots .owl-dot:hover {
	background: var(--rarus-orange);
	width: 30px;
}
.slider-content	{
	background: rgba(255,255,255,0.7);
	padding: 10px 30px 30px;
	border-radius: 10px;
}
@media only screen and  (min-width: 991px) {
	.slider-content {padding-left: 30px;}
}
@media only screen and (max-width: 992px) {
	.slider-content {text-align: center;}
}
.slider-content h1 {
	margin: 0;
	font-size: 1.8em;
	color: var(--rarus-blue);
}
.slider-content h4 {
	margin: 30px 0;
	font-weight: 400;
	font-size: 1.2em;
	line-height: 1.2;
}
.slider-content a {
	font-size: 0.9em;
	font-weight: 600;
	padding: 0 25px;
	display: inline-block;
	text-transform: uppercase;
	border-radius: 10px;
	height: 44px;
	line-height: 44px;
	color: #fff;
	background: var(--rarus-blue);
}
.slider-content a:hover {
	background: var(--rarus-main);
}
@media only screen and (max-width: 991px) {
	.slider-content a {
		padding: 0 20px;
		height: 40px;
		line-height: 40px;
		font-size: 0.9em;
	}
}
.active .slider-content,	
.active .slider-content h1, 
.active .slider-content h3, 
.active .slider-content a{
	-webkit-animation-fill-mode: both;
			animation-fill-mode: both;
	-webkit-animation-duration: 1s;
			animation-duration: 1s;
	-webkit-animation-name: fadeInLeft;
			animation-name: fadeInLeft;
	-webkit-animation-delay: 0.3s;
			animation-delay: 0.3s;
}
.active .slider-content {
	-webkit-animation-delay: 0.3s;
			animation-delay: 0.3s;
}	
.active .slider-content h1 {
	-webkit-animation-delay: 0.5s;
			animation-delay: 0.5s;
}
.active .slider-content h3 {
	-webkit-animation-delay: 0.7s;
			animation-delay: 0.7s;
}
.active .slider-content a {
	-webkit-animation-delay: 0.9s;
			animation-delay: 0.9s;
}

/*-----------------------------------
[09] INDEX PAGE
-----------------------------------*/
/*-----------------------------------
	[09.1] ABOUT BLOCK
-----------------------------------*/
.service-list {
	text-align: center;
	margin-top: 40px;
}
.service-list li {
	display: inline-block;
	width: 350px;
	margin: 10px 10px 30px;
	text-align: left;
}
@media only screen and (max-width: 991px) {
	.service-list li {
		width: 300px;
	}
}
@media only screen and (max-width: 767px) {
	.service-list li {
		width: 90%;
	}
}
.service-item {
	position: relative;
	border-radius: 5px;
	padding: 20px;
	box-shadow: 0 0 20px 0 rgba(0,0,0,0.1);
	min-height: 200px;
	z-index: 1;
	transition: .5s all ease;
	overflow: hidden;
	background-color: #fff;
}
.service-item:before {
	position: absolute;
	content: '';
	width: 100%;
	height: 0%;
	bottom: 0;
	left: 0;
	background-color: var(--rarus-blue);
	border-radius: 5px;
	transition: .5s all ease;
	z-index: -1;
	opacity: 0
}
.service-item:hover:before {
	height: 100%;
	opacity: 1;
}	
.service-item h4 {
	color: var(--rarus-blue);
	font-size: 1.2em;
	transition: .5s all ease;
	margin: 10px 0;
}
.service-item p {
	color: var(--rarus-main);
	transition: .5s all ease;
	margin-bottom: 0;
}	
.service-item:hover h4,
.service-item:hover p {
	color: #fff;
}
.service-item .img-hover {
	display: none;
}	
.service-item:hover .img-hover {
	display: block;
}	
.service-item:hover .img-main {
	display: none;
}


.product-list {
	text-align: center;
	margin-top: 40px;
}
.product-list li {
	display: inline-block;
	width: 350px;
	margin: 20px;
}
@media only screen and (max-width: 991px) {
	.product-list li {
		width: 300px;
	}
}
@media only screen and (max-width: 767px) {
	.product-list li {
		width: 90%;
	}
}
.product-item {
	position: relative;
	border-radius: 5px;
	padding: 20px 30px 0;
	box-shadow: 0 0 20px 0 rgba(0,0,0,0.1);
	z-index: 1;
	transition: .5s all ease;
	overflow: hidden;
	background-color: #fff;
	border: 2px solid #fff;
}
.product-item:before {
	position: absolute;
	content: '';
	width: 100%;
	height: 0%;
	bottom: 0;
	left: 0;
	background-color: rgba(var(--rarus-light-rgb),0.6);
	border-radius: 5px;
	transition: .5s all ease;
	z-index: -1;
	opacity: 0
}
.product-item:hover {
	transform: translate(0, -10px);
}
.product-item:hover:before {
	height: 100%;
	opacity: 1;
}
.product-item h3 {
	font-size: 1.1em;
	min-height: 60px;
	margin-top: 30px;
}
.product-item h3 a {
	color: var(--rarus-blue);
}	
/*-----------------------------------
	[09.2] PRODUCT BLOCK
-----------------------------------*/
.news-block	 {
	background: var(--rarus-blue);
	color: #fff;
}
.news-block h2{
	margin: 30px 0;
}
.news-block .btn-box {
	margin-top: 50px;
	text-align: left;
}
.news-list li {
	border-bottom: 1px dashed rgba(255,255,255,0.3);
	padding: 10px 0;
}
@media only screen and (max-width: 991px) {
	.fb-block {
		margin-top: 50px;
	}	
}
@media only screen and (max-width: 575px) {
	.fb-block {
		display: none;
	}	
}

/*---------------------------------------------------------
[12.2] COOPERATION CAROUSEL
---------------------------------------------------------*/
.cooperation-block {
	padding: 100px 0;
}
@media only screen and (max-width: 991px) {
	.cooperation-block {
		padding: 50px 0;
	}	
	.cooperation-container {
		width: 90%;
		margin: auto;
	}
}
.cooperation-header {
	border-bottom: 1px dashed #aaa; 
	padding-bottom: 20px;
}
.cooperation-header h2 {
	font-size: 2em;
}	
.cooperation-header li {
	font-size: 1.2em;
}
.tab-content > .tab-pane.active {
  display: block;
  height: auto;
  opacity: 1;
  overflow: visible;
}
.tab-content > .tab-pane {
  display: block;
  height: 0;
  opacity: 0;
  overflow: hidden;
}	
.cooperation-header {
  	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 24px;
}
.cooperation-header h2 {
	font-size: 1.2em;
	margin: 0;
}
@media only screen and (max-width: 991px) {
	.cooperation-header {
		flex-direction: column;
		margin-bottom: 20px;
	}
	.cooperation-header h2 {
		font-size: 2em;
		margin-bottom: 0;
	}	
}
@media only screen and (max-width: 767px) {
	.cooperation-header .cooperation-tab ul {
		justify-content: center;
	}
	.cooperation-header .cooperation-tab {
		margin-top: 15px;
	}
}
.cooperation-header .cooperation-tab ul li {
	margin: 0 15px;
	display: inline-block;
}	
.cooperation-header .cooperation-tab ul li:last-child {
	margin-right: 0;
}	
.cooperation-header .cooperation-tab ul li a {
	color: #333;
	font-weight: 600;
}	
.cooperation-header .cooperation-tab ul li a.active {
	color: var(--rarus-orange);
}	
.cooperation-carousel .owl-nav div {
	position: absolute;
	top: 50%;
	transform: translatey(-50%);
	font-size: 2em;
	left: 0px;
	transition: .3s;
	opacity: 0.5;
	visibility: hidden;
}
.cooperation-carousel:hover .owl-nav div {
	opacity: 1;
	visibility: visible;
	left: -30px;
}	
@media only screen and (max-width: 1199px) {
	.cooperation-carousel:hover .owl-nav div {left: -20px;}
}	
.cooperation-carousel .owl-nav div:hover {
	color: #2a8dd4;
}
.cooperation-carousel .owl-nav div.owl-next {
	right: 0;
	left: auto;
}		
.cooperation-carousel:hover .owl-nav div.owl-next {
	right: -30px;
}
@media only screen and (max-width: 1199px) {
	.cooperation-carousel:hover .owl-nav div.owl-next {
		right: -20px;
	}
}
.cooperation-container article {
	text-align: center;
}	
.cooperation-container article img{
	margin: 0 auto 30px;
	max-width: 150px;
}		
.cooperation-carousel h3 {
	font-size: 1.1em;
	line-height: 1.2;
}

/*---------------------------------------------------------
[13] PAGES
---------------------------------------------------------*/
article {
	padding: 20px 0 50px;
}	
article h1{
	text-align: center;
	margin: 30px 0;
}		
.gallery-list {
	text-align: center;
	margin: 40px 0;
}	
.gallery-list li{
	display: inline-block;
	width: 300px;
	margin: 10px;
}	
.slogan {
	text-align: center;
	color: var(--rarus-orange);
}
.nav-list {
	text-align: center;
	margin-bottom: 30px;
}
.nav-list li{
	display: inline-block;
margin: 0;
}
.nav-list li::after {
	display: inline-block;
	margin-left: 5px;
	font-family: 'Line Awesome Free';
	font-weight: 900;
	content: "\f105";
	font-size: 0.8em;
}
.nav-list li:last-child::after {
	content: "";
}	
.table-product {
	margin: 20px 0 50px;
	background: rgba(var(--rarus-light-rgb),0.5);
	border: 1px solid #fff;
	box-shadow: 0 0 40px rgba(0,0,0,0.15);
}
.table-product > :not(:first-child) {
    border-top: 1px solid #fff;
}
.table-product thead th {
	background: rgba(var(--rarus-dark-rgb),0.7);
	color: #fff;
	font-size: 1.2em;
	font-weight: 400;
	border-bottom:1px solid #fff;
	box-shadow: none;
	padding: 20px 10px;
	vertical-align: top;
}
.table-product thead th:last-child {
	text-align: right;
}
.table-product tbody th {
	width: 180px;
	text-align: right;
	background: var(--rarus-orange);
	color: #fff;
	font-size: 1.2em;
	font-weight: 400;
}
.table-product tbody td {
	border-bottom: 1px solid rgba(var(--rarus-dark-rgb),0.2);
}	
.table-product tbody tr:last-child td{
	border-bottom: 0px solid #fff;
}	
.table-product tbody td:hover {
	background: rgba(var(--rarus-light-rgb),0.9);
}
.table-compare {
	margin: 20px 0 50px;
	background: rgba(var(--rarus-light-rgb),0.5);
	border: 1px solid #fff;
	box-shadow: 0 0 40px rgba(0,0,0,0.15);
}	
.table-compare > :not(:first-child) {
    border-top: 1px solid #fff;
}
.table-compare thead th {
	background: rgba(var(--rarus-dark-rgb),0.5);
	color: #fff;
	font-size: 1.2em;
	font-weight: 400;
	border-bottom:1px solid #fff;
	box-shadow: none;
	padding: 20px 10px;
	vertical-align: top;
}
.table-compare tbody th {
	text-align: center;
	font-size: 2em;
	font-weight: 400;
	color: rgba(var(--rarus-dark-rgb),0.7);
}
.table-compare tbody td,
.table-compare tbody th	{
	border-bottom: 1px solid rgba(var(--rarus-dark-rgb),0.2);
}	
.table-compare tbody tr:last-child td{
	border-bottom: 0px solid #fff;
}	
.table-compare tbody tr:hover {
	background: rgba(var(--rarus-light-rgb),0.9);
}	
.table-compare h5 {
	text-align: center;
	margin: 5px 0;
}
.servises-list {
	text-align: center;
}
.servises-list li{
	display: inline-block;
	margin: 20px;
	width: 260px;
	vertical-align: top;
}
.servises-list li figure {
	background: #fff;
	padding: 10px;
	border-radius: 6px;
}	
.servises-list li:hover figure{
	box-shadow: 0 0 20px rgba(0,0,0,0.1);
}
.servises-list li figcaption {
	padding-top: 20px;
	min-height: 80px;
}

.accordion {
	box-shadow: 0 0 40px rgba(0,0,0,0.15);
	margin: 30px 0;
	border: 1px solid #fff;
}		
.accordion-button {
	font-weight: 600;
	background-color: rgba(var(--rarus-light-rgb),0.4);
	color: var(--rarus-main);
}
.accordion-button:not(.collapsed) {
	background-color: rgba(var(--rarus-light-rgb),1);
	box-shadow: none;
	color: var(--rarus-blue);
}
.accordion-button:not(.collapsed)::after {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.accordion-button::after {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.accordion-button:focus {
	z-index: 3;
	border-color: var(--rarus-blue);
	outline: 0;
	box-shadow: none;
}

.flex-link {
	display: flex;
	align-items: center;
}
.flex-link .img-box{
	flex-shrink: 0;
	margin-right: 20px;
}
.flex-link .img-box img{
	border-radius: 100%;
	max-width: 80px;
}
.price-h1 {
	text-align: center;
	display: inline-block;
	background: var(--rarus-orange);
	color: #fff;
	font-size: 1.5em;
	padding: 5px 15px;
	border-radius: 6px;
	width: auto;
}
.prod .accordion-button {
	font-size: 1.1rem;
	font-weight: 600;
	color: #465a65;
}
.prod .accordion-button:not(.collapsed) {
	background: var(--rarus-light);
}
.prod .accordion-button:not(.collapsed)::after {
	transform: rotate(180deg);
}
.prod .accordion-button:focus {
	z-index: 3;
	border-color: #ebeff2;
	outline: 0;
	box-shadow: none;
}
.prod .accordion-link {
	font-size: 1.1rem;
	font-weight: 400;
	color: var(--rarus-blue);
	background: #fff;
	padding: 1rem 1.25rem;
}
.prod .accordion-link:hover {
	color: var(--rarus-orange);
}	
.prod .accordion-link::after {
	transform: rotate(-90deg);
}
.note {
	font-size: 0.8em;
	font-weight: 600;
}
.serv-list {
	margin: 40px 0;
}
.serv-list li {
	display: flex;
	align-items: center;
	margin-bottom: 20px;
}
.serv-list li span{
	display: inline-block;
	background: var(--rarus-blue);
	width: 100px;
	height: 100px;
	padding: 10px;
	border-radius: 100%;
	margin-right: 10px;
	color: #fff;
	font-size: 2em;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	transition: all ease-in-out .5s;
}
.serv-list li:hover span{
	border-radius: 4px;
}	
.serv-list li p {
	color: var(--rarus-main);
	font-size: 1.3em;
	transition: all ease-in-out .5s;
}	
.serv-list li:hover p {
	padding-left: 5px;
}
@media (max-width: 575px) {
	.serv-list li a {
		font-size: 1.1em;
	}
	.serv-list li span{
		width: 40px;
		height: 40px;
		font-size: 1.5em;
	}
}

.table-price {
	width: auto;
	min-width: 480px;
	margin: 30px auto 20px;
	background: rgba(var(--rarus-light-rgb),0.5);
	border: 1px solid #fff;
	box-shadow: 0 0 40px rgba(0,0,0,0.15);
}	
@media (max-width: 575px) {
	.table-price {
		width: 90%;
		min-width: auto;
	}
}	
.table-price > :not(:first-child) {
    border-top: 1px solid #fff;
}
.table-price thead th {
	background: rgba(var(--rarus-dark-rgb),0.7);
	color: #fff;
	font-size: 1.2em;
	font-weight: 400;
	border-bottom:1px solid #fff;
	box-shadow: none;
	padding: 20px 10px;
	vertical-align: top;
	border-right: 1px solid #fff;
}
.table-price thead th > :not(:last-child) {
    border-right: 1px solid #fff;
}	
.table-price thead th:last-child {
	text-align: right;
}
.table-price tbody th {
	text-align: right;
	background: var(--rarus-orange);
	color: #fff;
	font-size: 1.2em;
	font-weight: 400;
}
.table-price tbody td {
	border-bottom: 1px solid rgba(var(--rarus-dark-rgb),0.2);
}	
.table-price tbody tr:last-child td{
	border-bottom: 0px solid #fff;
}	
.table-price tbody td:hover {
	background: rgba(var(--rarus-light-rgb),0.9);
}

.contact-list {	
	margin: 30px 0;
}
.contact-list li{
	padding: 15px;
	margin: 0;
	list-style: none;
	border-bottom: 1px dashed rgba(var(--rarus-dark-rgb),0.3);
	display: flex;
	align-items: center;	
}	
.contact-list li:first-child{
	border-top: 1px dashed rgba(var(--rarus-dark-rgb),0.3);
}
.contact-list i{
	display: inline-block;
	width: 40px;
	height: 40px;
	border-radius: 100%;
	background: var(--rarus-blue);
	text-align: center;
	line-height: 2;
	font-size: 1.2em;
	color: #fff;
	flex-shrink: 0;
	margin-right: 15px;
}
.contact-list span{
	display: inline-block;
	width: 120px;
	font-weight: 600;
}	
@media (max-width: 767px) {	
	.contact-list i{
		display: none;
	}
}
.contact-map {
	width: 100%;
	height: 450px;
	border-radius: 10px;
	border: 2px solid #fff;
	box-shadow: 0 0 30px rgba(0,0,0,0.2);
	margin-top: 20px;
}