/* =====================================
Template Name: Radix
Author: Themelamp
Author URL: http://themelamp.com
Description: Radix is a multipurpose business & Consulting HTML5 Template. it's perfect for any business, corporate, consulting & agency websites.
Version: 1.0
=======================================*/
/*======================================
[Table of contents]
* Header CSS
	+ Topbar
	+ Logo
	+ Main Menu
	+ Onepage
* Hero Area CSS
* Fun Facts CSS
* Services CSS
	+ Service Latest 
	+ Service Single 
* Why Choose CSS
* Portfolio CSS
	+ Portfolio Latest
	+ Portfolio Archive
	+ Portfolio Single
* Consulting CSS
* Pricing Plan CSS
* Testimonials CSS
* Team CSS
	+ Latest Team
	+ Team Single
* Call To Action CSS
* Blogs CSS
	+ Blog Latest
	+ Blogs Archive
	+ Blog Single
* Partners CSS
* About Us CSS
* Radix Tabs CSS
* Faqs CSS
* 404 Error CSS
* Contact CSS
* Footer CSS
========================================*/
.mt-10 {
    margin-top: 10px !important;
}
.mt-20 {
    margin-top: 20px !important;
}
.mt-30 {
    margin-top: 30px !important;
}
.mt-40 {
    margin-top: 40px !important;
}
.mt-50 {
    margin-top: 50px !important;
}
.mt-60 {
    margin-top: 60px !important;
}
.mt-60 {
    margin-top: 60px !important;
}
.mt-70 {
    margin-top: 70px !important;
}
.mt-80 {
    margin-top: 80px !important;
}
.mt-90 {
    margin-top: 90px !important;
}
.mt-100 {
    margin-top: 100px !important;
}

.mb-10 {
    margin-bottom: 10px !important;
}
.mb-20 {
    margin-bottom: 20px !important;
}
.mb-30 {
    margin-bottom: 30px !important;
}
.mb-40 {
    margin-bottom: 40px !important;
}
.mb-50 {
    margin-bottom: 50px !important;
}
.mb-60 {
    margin-bottom: 60px !important;
}
.mb-70 {
    margin-bottom: 70px !important;
}
.mb-80 {
    margin-bottom: 80px !important;
}
.mb-90 {
    margin-bottom: 90px !important;
}
.mb-100 {
    margin-bottom: 100px !important;
}

.pt-10 {
    padding-top: 10px !important;
}
.pt-20 {
    padding-top: 20px !important;
}
.pt-30 {
    padding-top: 30px !important;
}
.pt-40 {
    padding-top: 40px !important;
}
.pt-50 {
    padding-top: 50px !important;
}
.pt-60 {
    padding-top: 60px !important;
}
.pt-70 {
    padding-top: 70px !important;
}
.pt-80 {
    padding-top: 80px !important;
}
.pt-90 {
    padding-top: 90px !important;
}
.pt-100 {
    padding-top: 100px !important;
}
.pb-10 {
    padding-bottom: 10px !important;
}
.pb-20 {
    padding-bottom: 20px !important;
}
.pb-30 {
    padding-bottom: 30px !important;
}
.pb-40 {
    padding-bottom: 40px !important;
}
.pb-50 {
    padding-bottom: 50px !important;
}
.pb-60 {
    padding-bottom: 60px !important;
}
.pb-70 {
    padding-bottom: 70px !important;
}
.pb-80 {
    padding-bottom: 80px !important;
}
.pb-90 {
    padding-bottom: 90px !important;
}
.pb-100 {
    padding-bottom: 100px !important;
}
/*======================================
	Header CSS
========================================*/
.header {
	position: relative;
	background: #333;
	z-index: 9999;
}
/* Topbar */
.header .topbar {
	background: #fff;
    padding: 15px 0 10px 0;
    position: fixed;
    width: 100%;
    z-index: 99;
}
.header .contact {
	margin-top: 10px;
    margin-bottom: 10px;
    position: relative;
    right: 36px;
    min-width: 900px;
}
.header .contact li {
	color: #666;
	display: inline-block;
	margin-right: 20px;
}
.header .contact li:last-child{
	margin-right:0px;
}
.header .contact li i {
	margin-right: 5px;
	border-radius: 100%;
	text-align: center;
	font-size: 15px;
	color: #333333 !important;
}
.header .contact li a {
	color: #333333;
    font-weight: 400;
	-webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.header .contact li a:hover {
	color: #666666;
}

.header .topbar-right {
	float: right;
}
/* Search Form */
.header .search-form {
	position: relative;
	display: inline-block;
	margin-right: 20px;
}
.header .search-form .icon {
	color: #fff;
	top: 6px;
	width: 26px;
	height: 26px;
	text-align: center;
	border-radius: 100%;
	position: absolute;
	right: 15px;
	font-size: 12px;
	z-index: 11;
}
.header .search-form.active .icon i:before{
	content:"\f00d";
}
.header .search-form .form {
	width: 0;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	right: 0;
	right: 0px;
}
.header .search-form.active .form {
	width: 230px;
	opacity: 1;
	visibility: visible;
}
.header .search-form .form input {
	padding: 0 40px 0 15px;
	height: 38px;
	width: 100%;
	background: #f6f6f6;
	color: #666;
	text-align: left;
	border: none;
	border-radius: 3px;
}
/* Social */
.header .social {
	display: inline-block;
	margin-top: 7px;
}
.header .social li{
	display:inline-block;
	margin-right:10px;
}
.header .social li:last-child{
	margin-right:0;
}
.header .social li a {
	color: #333;
	font-size: 1.4em;
	-webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.header .social li a:hover {
	color: #42b0e7;
}

.header .social li:last-child a:hover {
    color: #2e9b38;
}



/* Logo */
.header .mainmenu {
	position: relative;
}
.header .logo {
	position: absolute;
	top:0;
	border-radius: 0 0 30px 30px;
}
.header .logo a {
	color: #fff;
	text-transform: uppercase;
	font-size: 22px;
	font-weight: 600;
	position: relative;
}

.link11 {
	color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    padding-top: 27px;
    position: relative;
    display: block;
    background: transparent;
}


/* Logo Link */
.header .link {
	position: relative;
    width: 157px;
    margin-top: 4px;
    display: block;
}
.header .link a {
	font-size: 32px;
	font-weight: 600;
	color: #fff;
}
.header .link a span {
	color: #fff;
	border-radius: 30px;
	width: 45px;
	height: 45px;
	line-height: 45px;
	display: inline-block;
	text-align: center;
}

/* Main Menu */
.header .nav {
	text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
	margin-right: 20px;
}
.header .nav li {
	position: relative;
	margin-right:30px;
}
.header .nav li:last-child{
	margin-right:0px;
}
.header .nav li a {
	color: #000;
	text-transform: uppercase;
	font-size: 1.2em;
	font-weight: 600;
	padding: 20px 0px;
	position: relative;
	display: block;
	background: #ffffff;
}

 .header .nav li a:hover{
	color: #999999;
}
.header .nav li a.active{
	color: #999999;
}

.header .nav li:first-child a.active {
    color: #000000;
}



.header .nav li a i {
	margin-left: 5px;
	opacity: 0;
	visibility: hidden;
	position: relative;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.header .nav li.active a i, 
.header .nav li:hover a i {
	opacity: 1;
	visibility: visible;
	color: #ffffff;
}
.header .nav li:last-child a{
	padding-right:0;
	margin-right:0;
}
.header .nav li a::before {
	position: absolute;
	bottom: 0.9em;
	left: 0;
	right: 50%;
	content: "";
	height: 1px;
	width: 0%;
	background: #ffffff;
	opacity:0;
	visibility:hidden;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.header .nav li.active a::before{
	width:100%;
	opacity:1;
	visibility:visible;
}
.header .nav li .dropdown{
	position:absolute;
	top:100%;
	-webkit-transform:translateY(10px);
	-ms-transform:translateY(10px);
	    transform:translateY(10px);
	left:0;
	width:270px;
	background:#ffffff;
	opacity:0;
	visibility:hidden;
	z-index:9999;
	-webkit-box-shadow:0px 0px 15px rgba(0, 0, 0, 0.03);
	box-shadow:0px 0px 15px rgba(0, 0, 0, 0.03);
	-webkit-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}
.header .nav li:hover .dropdown{
	opacity:1;
	visibility:visible;
	-webkit-transform:translateY(0px);
	    -ms-transform:translateY(0px);
	        transform:translateY(0px);
}
.header .nav li .dropdown li{
	margin:0;
	float:none;
	border-bottom: 1px solid #f9f9f9;
}

.header .nav li .dropdown li:last-child {
    border-bottom: none;
}


.header .nav li .dropdown li a {
	color: #000;
	padding: 10px 20px;
	text-transform: none;
	text-align: left;
    text-transform: uppercase;
    font-size: 14px;
}
.header .nav li .dropdown li:hover a{
	color:#fff;
}
.header .nav li .dropdown li a i {
	opacity: 1;
	visibility: visible;
	float: right;
	margin-top: 5px;
}
.header .nav li .dropdown li:hover a i{
	color:#fff;
}
.header .nav li .dropdown li a:before{
	display:none;
}
.header .nav li .dropdown.submenu {
	left: 100%;
	top: 0;
	opacity:0;
	visibility:hidden;
	border-left: 2px solid;
}
.header .nav .dropdown li:hover .dropdown.submenu{
	opacity:1;
	visibility:visible;
}
.header .nav li .dropdown .dropdown.submenu li a {
	background: transparent;
	color: #eee;
}
.header .nav li .dropdown.submenu li:hover a{
	color:#fff;
}
/* Button */
.header .button {
	position: absolute;
	right: 0;
	top: 8px;
}
.header .button .btn:hover{
	background:#fff;
	color:#333;
}
/* Header Sticky  
.header.sticky .middle-bar{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	background:#004f56;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	transition:all 0.3s ease;
	animation: fadeIn 0.4s both 0.4s;
}
*/
.middle-bar{
	background: #ffffff;
    position: fixed;
    width: 100%;
    margin: 68px 0 0 0;
    z-index: 99;
    -webkit-box-shadow: 1px 4px 20px rgba(0, 0, 0, 0.05);
    box-shadow: 1px 4px 20px rgba(0, 0, 0, 0.05);
}


.header.sticky .middle-bar .logo{
	display:none;
}
.header.sticky .link{
	display:block;
}
/* Header Onepage */
.header.onepage{
	display:block;
}
.header.onepage .nav {
	padding-right: 0;
}
.header.onepage .nav li {
	margin-right: 38px;
}
.header.onepage .nav li:last-child{
	margin-right:0px;
}

/* /////////////////////////////////////////////DOP ACTIVE TOP LINK///////////////////////////////////////////// */

/* Dropdown active menu item styles */
.header .nav li .dropdown li.active a,
.header .nav li .dropdown li.active a:hover {
    color: #999999;
}

/* Active regular menu items (no dropdown) - для ссылок без подменю */
.header .nav li.active > a,
.header .nav li.active > a:hover {
    color: #999999;
}

/* ===== MOBILE MENU ACTIVE STYLES ===== */
/* Active dropdown items in mobile menu */
.slicknav_nav .dropdown li.active a {
    color: #999999 !important;
}

/* Keep color on hover for active items */
.slicknav_nav .dropdown li.active a:hover {
    color: #999999 !important;
}

/* Active parent menu item */
.slicknav_nav > li.active > a,
.slicknav_nav > li.active > .slicknav_row .slicknav_item {
    color: #999999 !important;
}

/* Active regular links in mobile menu (Отзывы, Акции, Контакты) */
.slicknav_nav li.active > a {
    color: #999999 !important;
}

.slicknav_nav .active,
.slicknav_nav .dropdown li.active a {
    color: #999999 !important;
}

/* Mobile menu - home page active item color #333 */
.slicknav_nav li:first-child a.active {
    color: #333333 !important;
}


/*======================================
	End Header CSS
========================================*/ 

/*======================================
	Hero Area CSS
========================================*/
.hero-area {
	padding-top: 0;
	position: relative;
	width: 100%;
	height: 800px;
	overflow: hidden;
	background: #f9f9f9;
}
.hero-area .slider-area{
	width:100%;
	height:100%;
	position:relative;
}
.hero-area .single-slider {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	width: 100%;
	height: 800px;
	background: #F6F6F6;
	background-size: cover;
	background-position: center;
	position:relative;
}
.hero-area .single-slider:before{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	content:"";
	background:#fff;
	opacity:0.01;
}
.hero-area .slider-text {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 100%;
    margin-top: 200px;
    background: rgba(255, 255, 255, 0.62);
    backdrop-filter: blur(5px);
    opacity: 0.95;
	text-align: left;
	position: relative;
	z-index: 10;
	-webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
	        box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
			border-radius: 8px;	
    /* max-width: max-content;	 */		
}
/* Hero Text */
.hero-area .slider-text h1 {
	color: #333;
    font-size: 35px;
    text-transform: capitalize;
    font-weight: 800;
    margin-bottom: 30px;
	padding: 25px 25px 0 25px;
	/* text-shadow: #9494947d 1px 1px 0; */
}

.hero-area .slider-text span.fontr {
	color: #000;
    font-size: 35px;
    font-weight: 700;
    margin-bottom: 30px;
    padding: 40px 25px 0 25px;
	text-transform: uppercase;
}

.hero-area .slider-text p {
	color: #333;
    font-size: 16px;
	margin-bottom: 10px;
    padding: 0 25px;
	/* text-shadow: #9494947d 1px 1px 0; */
}

.hero-area .slider-text a {
    color: #000;
    font-size: 1.1rem;
    margin-bottom: 10px;
    padding: 10px 0 25px 25px;
    text-decoration: none;
    display: inline-block;
    position: relative;
    text-transform: uppercase;
    font-weight: 600;
}

/* Добавляем стрелку после текста */
.hero-area .slider-text a::after {
    content: "\2192";
    display: inline-block;
    margin-left: 8px;
    transition: transform 0.2s ease;
    top: -2px;
    position: relative;
}

/* Опционально: при наведении стрелка двигается вправо */
.hero-area .slider-text a:hover::after {
    transform: translateX(4px);
}

.hero-area .slider-text a:hover {
	color: #000;
}

.hero-area .slider-text h6 {
	color: #000;
    font-size: 30px;
    padding: 0 25px;
	/* text-shadow: #9494947d 1px 1px 0 */;
}

.hero-area .slider-text span {
	color: #333;
    font-size: 10px;
	/* text-shadow: #9494947d 1px 1px 0; */
}

.hero-area .button {
	margin-top: 30px;
}
.hero-area .button .btn {
	color: #fff;
	margin-right: 10px;
	border-radius: 50px;
}
.hero-area .button .btn:hover{
	background:#333;
	color:#fff;
}
.hero-area .button .btn:last-child{
	margin-right:0px;
}
.hero-area .button .btn.video {
	background: transparent;
	color: #333;
	padding: 0;
}
.hero-area .button .btn.video i {
	width: 45px;
	height: 45px;
	line-height: 45px;
	border: 1px solid;
	border-radius: 30px;
	margin-right: 10px;
	-webkit-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}
.hero-area .image-gallery {
	position: relative;
	top: 140px;
}
.hero-area .single-image {
	position: absolute;
	max-width: 400px;
	right: 0;
}
.hero-area .single-image img{
	width:100%;
}
.hero-area .single-image.two {
	left: 0;
	top: 90px;
	max-width: 100%;
	right: 40px;
}
.hero-area .slider-right .single-image{
	right:auto;
	left:0;
}
.hero-area .slider-right .single-image.two {
	left:40px;
}
/* Slider Meta */
.hero-area .owl-controls .owl-dots {
	position: absolute;
	left: 0;
	background: #fff;
	-webkit-box-shadow: 0px 0px 5px rgba(51, 51, 51, 0.5);
	box-shadow: 0px 0px 5px rgba(51, 51, 51, 0.5);
	top: 45%;
	padding: 20px 15px;
	margin-top: -115px;
	border-radius: 0 5px 5px 0;
}
.hero-area .owl-controls .owl-dots .owl-dot {
	display: block;
	margin-bottom:10px;
}
.hero-area .owl-controls .owl-dots .owl-dot:last-child{
	margin:0px;
}
.hero-area .owl-controls .owl-dots .owl-dot span {
	width: 12px;
	height: 12px;
	display: block;
	border-radius: 100%;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	margin:0;
	background: #333;
	position: relative;
}
.hero-area .owl-controls .owl-dots .owl-dot:hover span{
	border-color:transparent;
} 
.hero-area .owl-controls .owl-dots .owl-dot span::before {
	position: absolute;
	top: -2px;
	left: -2px;
	width: 16px;
	height: 16px;
	line-height: 16px;
	border: 1px solid;
	content: "";
	border-radius: 100%;
	opacity:0;
	visibility:hidden;
	-webkit-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}
.hero-area .owl-controls .owl-dots .owl-dot:hover span:before,
.hero-area .owl-controls .owl-dots .owl-dot.active span:before{
	opacity:1;
	visibility:visible;
}
/* Slider Animation 
.hero-area .owl-item.active .slider-text h1{
	animation: fadeInDown 1s both 0.8s;
}
.hero-area .owl-item.active .slider-text p{
	animation: fadeInRight 1s both 1s;
}
.hero-area .owl-item.active .slider-text .btn{
	animation: fadeInLeft 1s both 1.2s;
}
.hero-area .owl-item.active .single-image{
	animation: fadeInDown 1s both 1s;
}
.hero-area .owl-item.active .single-image.two{
	animation: fadeInUp 1s both 1.5s;
}
*/
/*======================================
	End Hero Area CSS
========================================*/

/*======================================
	Fun Facts CSS
========================================*/



.fun-facts2 {
	background:#fff;
	padding:10px 0 0px;
}
.fun-facts2 .text-content {
	margin-top: 20px;
}
.fun-facts2 .section-title {
	padding: 0;
	text-align: left;
	margin: 0;
}
.fun-facts2 .section-title2 {
	padding: 0;
	text-align: center;
	margin: 0;
}


.fun-facts2 .section-title .title-bg {
	font-size: 80px;
	top: 27px;
}
.fun-facts2 .text-content h1 {
	color: #000;
    font-size: 2.5em;
    margin-bottom: 20px;
    font-weight: 600;
    text-transform: uppercase;
}

.fun-facts2 .text-content h3 {
    color: #000;
    font-size: 2rem;
    margin-bottom: 20px;
    font-weight: 600;
}


.fun-facts2 .text-content .d-flex.flex-column.align-items-end.justify-content-center h3 {
    text-transform: none;
}

.fun-facts2 .text-content h5 {
	color: #505050;
    font-size: 20px;
}

.fun-facts2 .text-content h2 {
	color: #6c6c6c;
    font-size: 20px;
    margin-bottom: 4rem;
}

.fun-facts2 .text-content h1 span {
	font-size: 18px;
	display: block;
}

.fun-facts2 .text-content .btn {
	margin-bottom: 20px;
}
.fun-facts2 .text-content .btn:hover{
	color:#fff;
	background:#333333;
}


.fun-facts2 .single-fact {
	position: relative;
	margin-top: 30px;
	padding: 30px;
	text-align: left;
	overflow: hidden;
	-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
	background: #fff;
}
.fun-facts2 .icon {
	width: 70px;
	height: 70px;
	display: inline-block;
	text-align: center;
	border-radius: 100%;
	line-height: 70px;
	left: 0;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	float: left;
	margin-right: 20px;
}
.fun-facts2 .icon i {
	font-size: 30px;
	width: 55px;
	height: 55px;
	margin-top: 7px;
	line-height: 55px;
	border-radius: 100%;
	background: rgba(0, 0, 0, 0.15);
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	color: #fff;
}
.fun-facts2 .single-fact:hover .icon i{
	background:transparent;
}
.fun-facts2 .counter {
	float: left;
	text-align: left;
	margin-top: 10px;
}
.fun-facts2 .counter p {
	font-size: 30px;
	font-weight: 600;
	color: #333;
	margin-bottom: 10px;
	display: block;
}
.fun-facts2 .counter h4 {
	color: #666;
	font-size: 16px;
	font-weight: 400;
}




.fun-facts {
	background:#fff;
	padding:80px 0 0;
}
#advantage{
	padding-bottom: 80px;
}
.fun-facts .text-content {
	margin-top: 30px;
}
.fun-facts .section-title {
	padding: 0;
	text-align: left;
	margin: 0;
}
.fun-facts .section-title2 {
	padding: 0;
	text-align: center;
	margin: 0;
}

.section-title h1 {
 margin: 0;
 font-size: 2rem;
 color: #000;
font-weight: 600;
}	

.section-title2 p {
    margin: 0;
    color: #333333;
    font-size: 19px;
    margin-bottom: 2rem;
    margin-top: 2rem;
}

.section-title10 p {
    margin: 0;
    color: #333333;
    font-size: 19px;
    margin-top: 2rem;
}

.fun-facts .section-title .title-bg {
	font-size: 80px;
	top: 27px;
}
.fun-facts .text-content h2 {
	color: #000;
	font-size: 32px;
	margin-bottom: 20px;
	text-transform: none;
}

.fun-facts .text-content h5 {
	color: #505050;
    font-size: 20px;
}

.fun-facts .text-content h1 span {
	font-size: 18px;
	display: block;
}
.fun-facts .text-content .btn {
	margin-top: 20px;
}
.fun-facts .text-content .btn:hover{
	color:#fff;
	background:#004f56;
}
.fun-facts .single-fact {
	position: relative;
	margin-top: 30px;
	padding: 30px;
	text-align: left;
	overflow: hidden;
	-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
	background: #fff;
}
.fun-facts .icon {
	width: 70px;
	height: 70px;
	display: inline-block;
	text-align: center;
	border-radius: 100%;
	line-height: 70px;
	left: 0;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	float: left;
	margin-right: 20px;
}
.fun-facts .icon i {
	font-size: 30px;
	width: 55px;
	height: 55px;
	margin-top: 7px;
	line-height: 55px;
	border-radius: 100%;
	background: rgba(0, 0, 0, 0.15);
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	color: #fff;
}
.fun-facts .single-fact:hover .icon i{
	background:transparent;
}
.fun-facts .counter {
	float: left;
	text-align: left;
	margin-top: 10px;
}
.fun-facts .counter p {
	font-size: 30px;
	font-weight: 600;
	color: #333;
	margin-bottom: 10px;
	display: block;
}
.fun-facts .counter h4 {
	color: #666;
	font-size: 16px;
	font-weight: 400;
}


.section-title4 h2 {
	color: #000;
    font-size: 2rem;
    margin-bottom: 20px;
    font-weight: 600;
}

.index-header h2 {
	color: #000;
	font-size: 2rem;
	margin-bottom: 20px;
}

/*======================================
	End Fun Facts CSS
========================================*/

/*======================================
	Services CSS
========================================*/
.services{
	background-image: url(images/up_bg1.jpg);
	padding: 65px 0;
    background-color: #f9f9f9;
    	
}

.services.mod-gray{
	background: #ffffff;
	padding: 0px;
}

.services_gray {
	background: #f6f6f6;
}

.services .service-slider{
	margin-top:30px;
}
.services .single-service {
	position: relative;
	background: #fff;
	padding: 0px 2px 0px 0px;
	text-align: center;
	z-index: 22;
	-webkit-transition:all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease
}
.services .single-service i {
	font-size: 35px;
	left: 0;
	-webkit-transition:all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease
}

.services .single-service h3 {
	font-size: 18px;
	margin: 20px 0;
}

.services .single-service h3 a {
	color:#004f56;
	-webkit-transition:none;
	-o-transition:none;
	transition:none;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.services .single-service h3 a:hover {
	color: #36bfc4;
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}

.services .single-service h2 {
	font-size: 18px;
	margin: 15px 0;
	height: 50px;
}
.services .single-service h2 a {
	color:#004f56;
	-webkit-transition:none;
	-o-transition:none;
	transition:none;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.services .single-service h2 a:hover {
	color: #004f56;
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}

.services .single-service p {
	font-size: 16px;
    color: #666666;
	-webkit-transition:all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	
    margin-bottom: 5px;
    padding: 10px;
}

.services .single-service span {
	color: #00999a;
    font-weight: 800;
	margin-left: 15px;
}

.services .service-slider .single-service.slick-center h2 a,
.services .service-slider .single-service.slick-center i,
.services .service-slider .single-service.slick-center p{
	color:#fff;
}
/* Slider Meta */
.services .owl-nav{
	display:block;
	width:100%;
}
.services button {
	background: #ffffff;
	border: 0px solid;
	position: absolute;
	width: 50px;
	height: 50px;
	line-height: 50px;
	font-size: 28px;
	top: 50%;
	padding: 0;
	opacity: 1;
	margin: -25px 0 0;
	border-radius: 100%;
	display: block;
	cursor:pointer;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.services button:hover{
	color: #fff;
}
.services button.Prev{
	left: 20px;
	height: 50px;
    width: 50px;
	z-index: 1;
	color: #333;
	font-size: 35px;
    padding-right: 2px;
}

.services button.Prev:hover{
	color: #333;
	background: #fff !important;
}

.services button.Next{
	right: 20px;
    height: 50px;
    width: 50px;
    z-index: 1;
    color: #333;
    font-size: 35px;
    padding-left: 2px;
}

.services button.Next:hover{
	color: #333;
	background: #fff !important;
}
/* Services Archives */
.services.archives .single-service {
	height: auto;
	margin-top: 30px;
	-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15);
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15);
	padding: 20px;
	min-width: 230px;
}
/* Services Single */
.services.single{
	padding:50px 0 80px;
}
.services.single .services-main{
	background:#fff;
	padding:15px;
	margin-top: 30px;
}
/* Slider Meta */
.services.single .owl-controls .owl-dots {
    position: absolute;
    left: 10px;
    background: #fff;
    -webkit-box-shadow: 0px 0px 5px rgba(51, 51, 51, 0.5);
    box-shadow: 0px 0px 5px rgba(51, 51, 51, 0.5);
    top: 40%;
    padding: 20px 15px;
    margin-top: -77px;
    border-radius: 5px;
}
.services.single .owl-controls .owl-dots .owl-dot {
	display: block;
	margin-bottom:10px;
}
.services.single .owl-controls .owl-dots .owl-dot:last-child{
	margin:0px;
}
.services.single .owl-controls .owl-dots .owl-dot span {
	width: 12px;
	height: 12px;
	display: block;
	border-radius: 100%;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	margin:0;
	background: #333;
	position: relative;
}
.services.single .owl-controls .owl-dots .owl-dot:hover span{
	border-color:transparent;
} 
.services.single .owl-controls .owl-dots .owl-dot span::before {
	position: absolute;
	top: -2px;
	left: -2px;
	width: 16px;
	height: 16px;
	line-height: 16px;
	border: 1px solid;
	content: "";
	border-radius: 100%;
	opacity:0;
	visibility:hidden;
}
.services.single .owl-controls .owl-dots .owl-dot.active span:before{
	opacity:1;
	visibility:visible;
}
.services.single .services-content{
	margin-top:30px;
}

.services.single .services-content h2 {
	color: #333;
	font-size: 32px;
    margin-bottom: 20px;
}
.services.single .services-content p {
    color: #333333;
    font-size: 18px;
    margin-bottom: 2rem;
    margin-top: 2rem;
	
}
.services.single .services-content p:last-child{
	margin-bottom:0px;
}
.services.single .service-list li {
	margin-bottom: 10px;
}
.services.single .service-list li i {
	width: 30px;
	height: 30px;
	line-height: 30px;
	border-radius: 100%;
	border: 1px solid #e7e7e7;
	text-align: center;
	margin-right: 10px;
}
.services.single .service-list li i {
	width: 25px;
	height: 25px;
	line-height: 25px;
	border-radius: 100%;
	border: 1px solid;
	text-align: center;
	margin-right: 10px;
	font-size:13px;
}
/* Related Service */
.services.single .related-services{
	margin-top:30px;
}
.services.single .related-services .title {
	font-size: 25px;
	padding-bottom: 30px;
	border-bottom: 1px solid #e7e7e7;
	position: relative;
}
/*======================================
	End Services CSS
========================================*/

.bgw{
 background:#ffffff;	
}


/*======================================
	Why Choose CSS
========================================*/ 
.why-choose {
	position: relative;
	background:#333;
	padding: 0 !important;
	overflow: hidden;
}
.why-choose .fix{
	padding:0;
	margin:0;
}
.why-choose .why-video {
	width: 100%;
	height: 100%;
	background-image: url('http://via.placeholder.com/1000x600');
	background-repeat: no-repeat;
	background-size: cover;
	text-align:center;
}
.why-choose .why-video .video {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -47px 0 0 -91.5px;
}
.why-choose .why-video .video a {
	width: 80px;
	height: 80px;
	line-height: 80px;
	padding: 0;
	border-radius: 100%;
	font-size: 25px;
	position: relative;
}
.why-choose .why-video .video a:hover{
	background:#fff;
}
.why-choose .why-video .video a i {
	width: 64px;
	height: 64px;
	line-height: 64px;
	border-radius: 100%;
	background: rgba(0, 0, 0, 0.15);
	font-size: 25px;
	position: absolute;
	top: 8px;
	left: 8px;
}
.why-choose .why-video .video a:hover i{
	color:#fff;
}
.why-choose .why-video .video p{
	color:#fff;
	font-weight:600;
}
.why-choose .choose-main{
	padding: 60px;
}
.why-choose .working-process {
	margin-bottom:30px;
}
.why-choose .working-process h2 {
	color: #fff;
	margin-bottom: 20px;
	font-size: 28px;
}
.why-choose .working-process p{
	color:#fff;
}
.why-choose .single-choose {
	position: relative;
	margin-bottom: 30px;
	border-radius: 5px;
	text-align: left;
	padding: 0 0 0 60px;
}
.why-choose .single-choose:last-child{
	margin:0;
}
.why-choose .single-choose .number {
	color: #fff;
	text-align: center;
	font-size: 18px;
	font-weight:600;
	margin: 0;
	width: 45px;
	height: 45px;
	line-height: 45px;
	border-radius: 100%;
	background: transparent;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	position: absolute;
	left: 0;
	border: 1px solid #e7e7e7;
	display: inline-block;
}
.why-choose .single-choose h4 {
	font-size: 18px;
	color: #fff;
}
.why-choose .single-choose h4 span {
	display: block;
	font-size: 14px;
	margin-bottom: 5px;
	font-weight: 600;
}
/*======================================
	End Why Choose CSS
========================================*/ 

/*======================================
	Portfolio CSS
========================================*/ 
.portfolio {
	background: #f6f6f6;
	overflow: hidden;
	text-align: center;
}
.portfolio .portfolio-nav {
	border-bottom: 3px solid;
	padding-bottom: 15px;
	text-align: left;
	margin: 40px 0 30px;
	border-radius: 8px;
}
.portfolio .portfolio-nav ul li {
	display: inline-block;
	margin-right: 5px;
	position: relative;
	padding: 8px 18px;
	border-radius: 50px;
	font-size: 14px;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	cursor: pointer;
	text-transform: capitalize;
	text-transform: uppercase;
	font-weight: 600;
}
.portfolio .portfolio-nav ul li:last-child{
	margin:0;
}
.portfolio .portfolio-nav ul li.active, 
.portfolio .portfolio-nav ul li:hover {
	color: #fff;
}
.portfolio .cbp-filter-counter {
	position: absolute;
	top: -30px;
	width: 25px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	border-radius: 100%;
	left: 50%;
	margin-left: -10px;
	color: #fff;
	display: table-cell;
	-webkit-transform:translateY(10px);
	-ms-transform:translateY(10px);
	    transform:translateY(10px);
	-webkit-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
	opacity: 0;
	visibility: hidden;
}
.portfolio .cbp-filter-counter::before {
	position: absolute;
	left: 50%;
	border-top: 8px solid;
	border-left: 11px solid transparent;
	content: "";
	margin-left: -8px;
	top: 90%;
}
.portfolio .portfolio-nav li.active .cbp-filter-counter, 
.portfolio .portfolio-nav li:hover .cbp-filter-counter{
	opacity:1;
	visibility:visible;
	-webkit-transform:translateY(0px);
	    -ms-transform:translateY(0px);
	        transform:translateY(0px);
}
/* Portfolio Latest */
.portfolio .portfolio-single {
	position: relative;
	overflow: hidden;
	background: #fff;
}
.portfolio .portfolio-head{
	position:relative;
} 

.portfolio .portfolio-head h2{
	font-size: 18px;
    margin: 15px 0;
    height: 50px;
} 

.portfolio .portfolio-head h2 a {
	color:#004f56;
	-webkit-transition:none;
	-o-transition:none;
	transition:none;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.portfolio .portfolio-head a:hover {
	color: #36bfc4;
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}

.portfolio .portfolio-head img{
	width:100%;
	z-index:10;
}
.portfolio .portfolio-hover {
	position: absolute;
	top: 5px;
	left: 5px;
	bottom: 5px;
	right: 5px;
	padding: 50px 15px;
	text-align: left;
	opacity: 0;
	visibility: hidden;
	border: 3px solid #fff;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	-webkit-transform: scale(0.9);
	-ms-transform: scale(0.9);
	    transform: scale(0.9);
}
.portfolio .portfolio-single:hover .portfolio-hover{
	opacity:1;
	visibility:visible;
	-webkit-transform: scale(1);
	    -ms-transform: scale(1);
	        transform: scale(1);
}
.portfolio .portfolio-hover::before {
	position: absolute;
	color: #fff;
	text-align: left;
	background: #333333;
	top: 0;
	left: 0;
	content: "";
	width: 100%;
	height: 100%;
	opacity: 1;
	opacity: 0.9;
}
.portfolio .portfolio-hover h4 {
	text-transform: capitalize;
	font-weight: 700;
	font-size: 18px;
	margin: 0 0 15px;
	position: relative;
}
.portfolio .portfolio-hover h4 a{
	color:#fff;
}
.portfolio .portfolio-hover p{
	position: relative;
	color:#fff;
}
.portfolio .portfolio-hover .button {
	margin-top: 15px;
	position: relative;
	-webkit-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
	text-align: left;
}
.portfolio .portfolio-hover .button a {
	background: #fff;
	display: inline-block;
	border-radius: 100%;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	margin-right: 10px;
	color: #333;
}
.portfolio .portfolio-hover .button a:last-child{
	margin-right:0px;
}
.portfolio .portfolio-hover .button a:hover,
.portfolio .portfolio-hover .button .primary{
	color:#fff;
}
.portfolio .portfolio-hover .primary:hover{
	background:#fff;
	color:#333;
}
.portfolio .button{
	text-align:center;
	margin-top:50px;
}
.portfolio .button .btn {
	border-radius: 30px;
}
.portfolio .button .btn:hover{
	background:#333;
	color:#fff;
}
/* Portfolio Single */
.portfolio.single{
	padding:50px 0 80px;
}
.portfolio.single .portfolio-single{
	background:transparent;
	margin-top:30px;
}
.portfolio.single .owl-nav div {
	width: 50px;
    height: 50px;
    font-size: 25px;
    border-radius: 0px;
    opacity: 1;
    position: absolute;
    margin: -25px 0 0;
    top: 50%;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    transition: all 0.3s ease;
	background:transparent;
    line-height: 50px;
    padding: 0;
    border: 2px solid #fff;
    border-radius: 100%;
}
.portfolio.single .owl-nav div.owl-prev{
	left:-100px;
}
.portfolio.single .portfolio-single:hover .owl-nav div.owl-prev{
	left:0;
}
.portfolio.single .owl-nav div.owl-next{
	right:-100px;
}
.portfolio.single .portfolio-single:hover .owl-nav div.owl-next{
	right:0;
}
.portfolio.single .portfolio-widget {
	text-align: left;
	background: #fff;
	padding: 25px;
	-webkit-box-shadow: 0px 0px 5px #0003;
	        box-shadow: 0px 0px 5px #0003;
	margin-top:30px;
}
.portfolio.single .single-widget {
	position: relative;
	padding-left: 60px;
	margin-bottom: 20px;
}
.portfolio.single .single-widget:last-child{
	margin-bottom:0px;
}
.portfolio.single .single-widget i {
	width: 40px;
	height: 40px;
	line-height: 41px;
	border: 1px solid #e7e7e7;
	text-align: center;
	border-radius: 100%;
	position: absolute;
	left: 0;
}
.portfolio.single .single-widget h4 {
	font-size: 18px;
}
.portfolio.single .single-widget a {
	color: #666;
}
.portfolio.single .portfolio-content{
	text-align:left;
}
.portfolio.single .portfolio-content h2{
	text-align:left;
	margin-bottom:15px;
}
.portfolio.single .portfolio-content p{
	text-align:left;
	margin-bottom:20px;
}
.portfolio.single .portfolio-content p:last-child{
	margin-bottom:0px;
}
.portfolio.single blockquote {
	background: #F6F6F6;
	padding: 20px 15px;
	border-left: 5px solid;
	font-weight: 400;
	font-style: italic;
	margin-bottom: 20px;
	font-size:16px;
}
.portfolio.single .related-portfolio {
	margin-top:30px;
}
.portfolio.single .related-portfolio .title{
	font-size: 25px;
	padding-bottom: 30px;
	text-align:left;
	border-bottom: 1px solid #e7e7e7;
	position: relative;
}
.portfolio.single .related-portfolio .portfolio-single{
	margin-top:30px;
}
/*======================================
	End Portfolio CSS
========================================*/ 

/*======================================
	Consulting CSS
========================================*/ 
.consulting {
	position: relative;
	overflow: hidden;
	padding: 55px 0;
}
.consulting .consult-right {
	position: absolute;
	right: 0px;
	height: 100%;
	top: 0px;
	width: 45%;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	padding: 62px 45px;
	text-align: left;
	background: #333;
}
.consulting .consult-right::after {
	position: absolute;
	left: -30px;
	top: 0;
	height: 100%;
	content: "";
	border-bottom: 634px solid #333;
	border-left: 30px solid transparent;
}
.consulting .text-content h2 {
	font-size: 28px;
	margin-bottom: 35px;
	color: #fff;
}
.consulting .text-content p {
	color: #fff;
}
.consulting .text-content .list {
	margin: 15px 0 0;
}


.consulting .text-content .list a{
	color: #ffffff;
	font-size: 20px;
    font-weight: 600;
	-webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.consulting .text-content .list a:hover{
	color: #75716e;
}

.consulting .text-content .list li {
	position: relative;
    margin-bottom: 25px;
    font-size: 18px;
    color: #fff;
    padding-left: 40px;
}
.consulting .text-content .list li i {
	left: 0;
	top: 0px;
	width: 30px;
	height: 30px;
	line-height: 30px;
	background: transparent;
	text-align: center;
	border-radius: 100%;
	color: #fff;
	border: ;
	position: absolute;
	margin-top: -3px;
	background: #55524f !important;
}
.consulting .form-area {
	text-align: left;
	position: relative;
}
.consulting .form-area h2 {
	font-size: 28px;
	margin-bottom: 10px;
	color: #fff;
}
.consulting .form-area h2 i{
	margin-right:10px;
}
.consulting .form-area p {
	color: #fff;
	margin-bottom: 15px;
}
.consulting .form {
	margin-top: 30px;
}
.consulting .form-group {
	margin-bottom: 20px;
}
.consulting .form-group input {
	width: 100%;
	height: 50px;
	padding: 15px;
	font-size: 18px;
	font-weight: 400;
	background: rgba(255,255,255,0.2);
	border: none;
	color: #fff;
	border-radius: 8px;
}
.consulting .form-group input:hover{
	padding-left:20px;
}
.consulting .form-group input::-webkit-input-placeholder {
    opacity: 1;
    color: #fff !important;
}

.consulting .form-group input::-moz-placeholder {
    opacity: 1;
    color: #fff !important;
}

.consulting .form-group input::-ms-input-placeholder {
    opacity: 1;
    color: #fff !important;
}
.consulting .nice-select {
	border-radius: 0px;
	color:#fff;
    width: 100%;
    height: 50px;
    padding: 15px;
    font-size: 16px;
    font-weight: 400;
    background: rgba(255,255,255,0.2);
    border: none;
    border-radius: 8px;
	text-transform: uppercase !important;
}
.consulting .nice-select::after {
	border-bottom: 2px solid #fff;
	border-right: 2px solid #fff;
	right: 20px;
}
.consulting .nice-select .list{
	border:none;
}
.consulting .nice-select .list li{
	color: #333;
    text-transform: uppercase;
    font-weight: 600;
}
.nice-select .option.selected{
	font-weight:600;
}
.consulting .form-group.button{
	margin-bottom:0px;
}
.consulting .form-group.button .btn{
	background: #ffffff;
    cursor: pointer;
    margin-bottom: 0px;
}
.consulting .form-group.button .btn:hover{
	background:transparent;
	color:#fff !important;
}

.consulting .nice-select .option:hover {
	background: #f0f0f0 !important;
}


/*======================================
	End Consulting CSS
========================================*/ 

/*======================================
	Pricing Plan CSS
========================================*/ 
.pricing-plan{
	background:#f6f6f6;
}
.single-table {
	background: #fff;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
	border-radius: 0px;
	text-align: center;
	position: relative;
	margin-top:30px;
	overflow: hidden;
}
.single-table:hover{
	position:relative;
	-webkit-transform:translateY(-10px);
	    -ms-transform:translateY(-10px);
	        transform:translateY(-10px);
	-webkit-box-shadow: 0px 5px 6px rgba(0, 0, 0, 0.25);
	        box-shadow: 0px 5px 6px rgba(0, 0, 0, 0.25);
}
/* Table Head */
.single-table .table-head {
	position: relative;
	border-bottom: 1px solid #e7e7e7;
	padding: 20px 0;
}
.single-table .title {
	text-transform: capitalize;
	font-weight: 700;
	position: relative;
	display: block;
	font-size: 20px;
	margin: 0 0 25px;
	color: #333;
}
.single-table .price p {
	font-weight: 700;
	font-size: 50px;
	margin: 0;
}
.single-table .price span {
	font-size: 20px;
	font-weight: 400;
}
.single-table .price .currency {
	position: relative;
	top: -20px;
}
/* Table List */
.single-table .table-list {
	padding: 10px 0;
	text-align: center;
	position: relative;
}
.single-table .table-list li {
	color: #666;
	position: relative;
	text-transform: capitalize;
	padding: 10px;
}
.single-table .table-list li:last-child{
	margin:0;
}
/* Table Bottom */
.single-table .table-bottom {
	padding: 20px 0;
	border-top: 1px solid #e7e7e7;
}
.single-table .button:hover{
	background:#333;
	border-color:transparent;
}
.single-table .btn {
	background: transparent;
	border: 1px solid;
	border-radius: 30px;
}
.single-table .btn:hover{
	color:#fff;
}
/* Table Active */
.single-table.active::before {
	content: "";
	position: absolute;
	bottom: -10px;
	left: -45px;
	width: 110px;
	height: 46px;
	border: 5px solid;
	border-radius: 100%;
	-webkit-transform: rotate(-146deg);
	    -ms-transform: rotate(-146deg);
	        transform: rotate(-146deg);
}
.single-table.active::after {
	content: "";
	position: absolute;
	top: -10px;
	right: -45px;
	width: 110px;
	height: 46px;
	border: 5px solid;
	border-radius: 100%;
	-webkit-transform: rotate(-146deg);
	    -ms-transform: rotate(-146deg);
	        transform: rotate(-146deg);
}
/*======================================
	End Pricing Plan CSS
========================================*/ 

/*======================================
	Testimonials CSS
========================================*/ 
.testimonials .single-nav {
	text-align: center;
	position:relative;
	outline: none;
}
.testimonials .single-nav img {
	border-radius: 100%;
	width: 90px;
	height: 90px;
	line-height: 80px;
	display: inline-block;
	border: 3px solid #f6f6f6;
	opacity: 0.4;
	position:relative;
	-webkit-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}
.testimonials .single-nav.slick-current img{
	opacity:1;
}
.testimonials .testimonial-content {
	text-align: center;
	padding: 40px 50px;
	background: #797979;
	margin-top: 30px;
	border-radius: 15px;
}
.testimonials .testimonial-info {
	margin-top: 20px;
	text-align: center;
}
.testimonials .rating li{
	display:inline-block;
}
.testimonials .testimonial-content p{
	color:#fff;
	font-size: 18px;
}
.testimonials .testimonial-content h4 {
	font-size: 22px;
	margin-top: 5px;
}
.testimonials .testimonial-content h4 span {
	display: block;
	font-size: 14px;
	margin-top: 5px;
	color: #fff;
	font-weight: 600;
}
/* Slider Meta */
.testimonials .owl-nav{
	display:block;
	width:100%;
}
.testimonials button {
	background: transparent;
	border: 0px solid;
	position: absolute;
	width: 50px;
	height: 50px;
	line-height: 50px;
	font-size: 28px;
	top: 50%;
	padding: 0;
	opacity: 1;
	margin: -25px 0 0;
	border-radius: 100%;
	display: block;
	cursor:pointer;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.testimonials button:hover{
	color: #fff;
}
.testimonials button.Prev{
	left:-60px;
}
.testimonials button.Next{
	right:-60px;
}


.testimonials.section.greycolor {
	background-color: #f9f9f9;
}



/*======================================
	End Testimonials CSS
========================================*/ 

/*======================================
	Team CSS
========================================*/ 
.team{
	background-image: url(images/up_bg1.jpg);
}
.team .single-team {
	background: #fff;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	margin-top: 30px;
	border-bottom: 1px solid #e7e7e7;
}
.team .t-head{
	position:relative;
	overflow:hidden;
}

.team .single-team:hover .t-head::before{
	visibility:visible;
	opacity:0.1;
}
.team .t-head img{
	width:100%;
	position:relative;
}
.team .t-icon a {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 40px;
	height: 40px;
	line-height: 40px;
	opacity: 0;
	visibility: hidden;
	font-weight: 400;
	text-align: center;
	color: #fff;
	border-radius: 100%;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	z-index: 99;
	margin: -20px 0 0 -20px;
	font-size: 15px;
}
.team .single-team:hover .t-icon a {
	opacity:1;
	visibility:visible;
}
.team .t-icon a:hover{
	background:#333;
}
.team .t-bottom {
	text-align: left;
	position: relative;
	padding: 0 20px;
}
.team .t-bottom p {
	color: #666;
    padding-top: 12px;
    padding-bottom: 10px;
    font-size: 14px;
    text-align: center;
}
.team .t-bottom h2 {
	font-size: 18px;
	text-transform: capitalize;
	padding-bottom: 22px;
	text-align: center;
}
.team .t-social {
	background: #fff;
	width: 100%;
	z-index: 33;
	padding: 8px 0;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	top: 100%;
	border-top: 1px solid #e7e7e7;
}
.team .single-team:hover .t-social {
	opacity:1;
	visibility: visible;
}
.team .t-social li {
	display:inline-block;
	margin-right:10px;
}
.team .t-social li:last-child{
	margin:0;
}
.team .t-social li a {
	display: block;
	color: #666;
	text-align: center;
}
/* Team Single */
.team.single {
	padding: 0;
	z-index: 44;
	background: #f6f6f6;
	padding: 50px 0 80px;
}
.team.single .about-slider {
	margin-top: 30px;
	background: #333;
}
.team.single .about-info {
	padding:20px;
}
.team.single .about-info h2 {
	font-size: 20px;
	text-transform: uppercase;
	margin-bottom: 20px;
	color: #fff;
}
.team.single .about-info p{
	color:#fff;
	margin-bottom:15px;
}
.team.single .about-info p:last-child{
	margin-bottom:0px;
}
.team.single .contact {
	position: relative;
}
.team.single .contact li {
	margin-bottom: 15px;
	color: #fff;
	position: relative;
	padding-left: 35px;
}
.team.single .contact li:last-child{
	margin:0;
}
.team.single .contact li i {
	position: absolute;
	left: 0;
	width: 25px;
	height: 25px;
	display: block;
	border-radius: 100%;
	text-align: center;
	line-height: 25px;
	color: #fff;
	font-size: 13px;
}
.team.single .about-info.skills .single-progress {
	margin-top: 40px;
}
.team.single .skills .single-progress h4 {
	color:#fff;
	font-size: 15px;
	margin-bottom: 15px;
}
.team.single .skills p{
	margin-bottom:0px;
}
.team.single .skills .progress {
	background: #f6f6f6;
	border-radius: 0px;
	border-radius: 30px 0 0 30px;
	height: 10px;
	overflow: visible;
}
.team.single .skills .progress .progress-bar {
	border-radius: 30px;
	position:relative;
}
.team.single .skills .progress .percent {
	border-radius: 30px;
	position: absolute;
	right: 0;
	top: -43px;
	padding: 5px;
	font-weight: 600;
	display: table-cell;
}
.team.single .skills .progress .percent::before {
	position: absolute;
	left: 50%;
	bottom: 0;
	content: "";
	border-top: 8px solid;
	border-left: 13px solid transparent;
	margin-left: -8px;
	top: 93%;
}
/* Slider Meta */
.team.single .owl-nav {
	position: absolute;
	right: 5px;
	bottom: 5px;
}
.team.single .owl-nav div {
	width: 30px;
	height: 30px;
	line-height: 30px;
	padding: 0;
	border-radius:3px;
	font-size: 20px;
	margin: 0 5px 0 0;
	-webkit-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}
.team.single .owl-nav div:hover{
	background:#fff;
	color:#333;
}
.team.single .owl-nav div:last-child{
	margin:0;
}
/*======================================
	End Team CSS
========================================*/ 

/*======================================
	Call to action CSS
========================================*/ 
.call-to-action {
	position: relative;
	background-image: url('http://via.placeholder.com/1500x1000');
	background-repeat: no-repeat;
	background-size: cover;
}
.call-to-action::before {
	position: absolute;
	left: 0;
	top: 0;
	width: 50%;
	height: 100%;
	content: "";
	opacity: 0.9;
}
.call-to-action::after {
	position: absolute;
	left: 50%;
	top: 0;
	width: 50px;
	height: 100%;
	content: "";
	opacity: 0.9;
	border-bottom: 380px solid;
	border-right: 120px solid transparent;
}
.call-to-action h2 {
	color: #fff;
	display: inline-block;
	font-size: 28px;
	text-transform: capitalize;
	margin-bottom: 15px;
	line-height: 35px;
}
.call-to-action  p{
	color:#fff;
}
.call-to-action h2 span {
	font-size: 30px;
	font-weight: 700;
	margin: 0 5px;
}
.call-to-action .btn {
	display: inline-block;
	background: #fff;
	margin-top: 20px;
	color: #333;
}
.call-to-action .btn:hover {
	background:#333;
	color:#fff;
}
.call-to-action .btn i {
	margin-right: 10px;
}
/*======================================
	End Call to action CSS
========================================*/ 

/*======================================
	Blogs CSS
========================================*/ 
.blogs-main {
	background: #f9f9f9;    
}
.blogs-main .title{
	margin-top:30px;
}

.blogs-main .blog-slider{
	margin-top:30px;
}

.blogs-main .blog-head {
	position: relative;
    margin-top: 20px;
}


.blogs-main .blog-head1 {
	position: relative;
    margin-top: 20px;
    width: 100%;
    background-color: #ffffff;
    height: 200px;
    /* padding: 8px; */
	border-radius: 16px;
    vertical-align: middle;
}


@media screen and (min-width: 768px) and (max-width: 991px) {
.blogs-main .blog-head1 {
	height: 320px;
}
}

@media screen and (max-width: 767px) {
.blogs-main .blog-head1 {
	height: auto;
}
}

.blogs-main .blog-head img {
	display: block;
	width: 100%;
}


.blog-head img {
	display: block;
	width: 100%;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	z-index:3;
}


.blogs-main .blog-bottom {
	position: relative;
	/* padding: 0 10px; */
}
.blogs-main .blog-inner {
	position: relative;
	top: 0px;
	z-index: 33;
	background: #fff;
	padding: 15px;
	-webkit-box-shadow:0px 0px 10px rgba(0, 0, 0, 0.15);
	box-shadow:0px 0px 10px rgba(0, 0, 0, 0.15);
	margin-bottom: -12px;
	border-radius: 0px 0px 8px 8px;
}
.blogs-main .blog-inner h4 {
	line-height: 26px;
    position: relative;
    margin-bottom: 20px;
    margin-top: 10px;
    font-weight: 600;
	color:#333;
}

.blogs-main .blog-inner h4.text-center {
    font-size: 1.4em;
}

.blogs-main .blog-inner h4 a {
	color: #000;
	cursor: pointer;
	text-transform: inherit;
	text-transform: uppercase;
}

.blogs-main .blog-inner h4:hover a {
	color: #666 !important;
}

.blogs-main .meta {
	border-top: 1px solid #e7e7e7;
	padding-top: 10px;
	margin-top: 10px;
}

.blogs-main .meta small {
   font-size: 13px;
}



.blogs-main .meta h6 {
	min-height: 40px;
    font-size: 1.6em;
	margin-top: 5px;
}

.blogs-main .meta span{
	display:inline-block;
	margin-right:10px;
}
.blogs-main .meta span:last-child{
	margin-right:0px;
}
.blogs-main .meta span i{
	margin-right:5px;
	color:#333;
}
.blogs-main .meta span a{
	color:#666;
}
/* Slider Meta */
/*.blogs-main button {
	background: transparent;
	border: 0px solid;
	position: absolute;
	width: 50px;
	height: 50px;
	line-height: 50px;
	font-size: 28px;
	top: 50%;
	padding: 0;
	opacity: 1;
	margin: -25px 0 0;
	border-radius: 100%;
	display: block;
	cursor:pointer;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.blogs-main button:hover{
	color: #fff;
}*/
.blogs-main button.Prev{
	left:-60px;
}
.blogs-main button.Next{
	right:-60px;
}
/* Blog Archives */
.blogs-main.archives {
	padding: 50px 0 80px;
}
.blogs-main.archives .single-blog{
	margin-top:30px;
}

.single-blog{
	margin-bottom:30px;
}

/* Pagination */
.blogs-main.archives .pagination-main{
	text-align:center;
}
.blogs-main.archives .pagination {
	display: block;
	padding-left: 0;
	margin: 50px 0 0;
	border-radius: 4px;
	text-align: center;
}
.blogs-main.archives .pagination li {
	display: inline-block;
	margin-right:5px;
}
.blogs-main.archives .pagination li a {
	background: #fff;
	border: none;
	display: block;
	width: 45px;
	height: 45px;
	line-height: 45px;
	font-size: 14px;
	color: #333;
	border-radius: 50px;
	border: 1px solid #e7e7e7;
}
.blogs-main.archives .pagination li.active a {
	color: #fff;
	border-color: transparent;
}
.blogs-main.archives .pagination li:hover a,
.blogs-main.archives .pagination li.active a{
	-webkit-box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.10);
	box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.10);
} 
.blogs-main.archives .pagination li.prev a, 
.blogs-main.archives .pagination li.next a {
	font-size: 15px;
	
}
/* Blog Sidebar */
.blogs-main.archives .blog-sidebar {
	margin-top: 30px;
}
.blogs-main.archives .single-sidebar {
	margin-bottom: 30px;
	background: #fff;
	padding: 15px;
}
.blogs-main.archives .single-sidebar:last-child{
	margin:0px;
	border:none;
}
.blogs-main.archives .single-sidebar h2 {
	text-transform: capitalize;
	font-size: 18px;
	margin-bottom: 15px;
	display: block;
	position: relative;
	border-bottom: 1px solid #e7e7e7;
	padding-bottom: 15px;
}
.blogs-main.archives .single-sidebar h2 i {
	margin-right: 10px;
	width: 30px;
	height: 30px;
	line-height: 30px;
	border-radius: 100%;
	color: #fff;
	text-align: center;
	font-size: 14px;
}
.blogs-main.archives .single-sidebar ul li a {
	color: #333;
}
.blogs-main.archives .single-sidebar ul li a i{
	margin-right:5px;
}
/* Post Tabs */
.blogs-main.archives .post-tab .nav {
	margin-bottom: 20px;
}
.blogs-main.archives .post-tab .nav li {
	margin: 0;
}
.blogs-main.archives .post-tab .nav li a {
	position: relative;
	background: #f6f6f6;
	color: #333;
	border-radius: 0px;
	font-weight: 600;
	padding: 12px 20px;
	text-transform: capitalize;
	border: none;
	border-right: 1px solid #eee;
	margin: 0;
}
.blogs-main.archives .post-tab .nav li a.active {
	border-color:transparent;
	color: #fff;
}
.blogs-main.archives .post-tab .nav li:last-child a{
	border-color:transparent;
}
.blogs-main.archives .post-tab .nav li a i{
	margin-right:10px;
}
.blogs-main.archives .post-tab .nav li:last-child a i{
	margin-right:0px;
}
.blogs-main.archives .post-tab .single-post {
	overflow: hidden;
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid #e7e7e7;
}
.blogs-main.archives .post-tab .single-post:last-child {
	margin-bottom: 0px;
	border: none;
	padding: 0;
}
.blogs-main.archives .post-tab .single-post .post-img {
	float: left;
	margin-right: 15px;
}
.blogs-main.archives .post-tab .single-post img {
	width: 65px;
	height: 65px;
	border-radius: 100%;
}
.blogs-main.archives .post-tab .post-info {
	overflow: hidden;
}
.blogs-main.archives .post-tab .post-info h4 {
	font-size: 14px;
	margin: 0;
	line-height: 22px;
	font-weight: 600;
}
.blogs-main.archives .post-tab .post-info a {
	color: #333;
}
.blogs-main.archives .post-tab .post-info p {
	margin: 0;
	font-size: 13px;
}
.blogs-main.archives .post-tab .post-info p i{
	margin-right:5px;
	font-size:13px;
}
.blogs-main.archives .category ul li {
	font-size: 15px;
	margin-bottom: 15px;
}
.blogs-main.archives .category ul li span {
	width: 24px;
	height: 24px;
	display: inline-block;
	text-align: center;
	margin-left: 5px;
	line-height: 24px;
	float: right;
}
.blogs-main.archives .category ul li:last-child{
	margin-bottom:0px;
	padding-bottom: 0px;
}
.blogs-main.archives .tags h2 {
	margin-bottom: 5px;
}
.blogs-main.archives .tags ul li {
	display: inline-block;
	margin-top: 10px;
}
.blogs-main.archives .tags ul li a {
	color: #666;
	border-radius: 30px;
	border: 1px solid #e7e7e7;
	padding: 5px 15px;
	display: block;
}
.blogs-main.archives.archive.section .single-blog{
	padding:15px;
}
/* Blog Single */
.blogs-main.archives.single .blog-top {
	overflow: hidden;
	border-bottom: 1px solid #e7e7e7;
	padding-bottom: 15px;
	margin-bottom: 15px;
}
.blogs-main.archives.single .meta {
	border: none;
	padding: 0;
	float: left;
	margin: 0rem 2rem;
}
.blogs-main.archives.single .social-share {
	float: right;
}
.blogs-main.archives.single .social-share li {
	display: inline-block;
	margin-right:10px;
}
.blogs-main.archives.single .social-share li:last-child{
	border:none;
	margin:0;
}
.blogs-main.archives.single .social-share li a {
	color: #666;
	display: block;
	text-align: center;
	border-radius: 100%;
}
.blogs-main.archives.single .blog-inner {
	top: 0;
	position: relative;
	margin-bottom: 0px;
}
.blogs-main.archives.single .blog-inner h1 {
	font-size: 25px;
    margin: 2rem;
}

.blogs-main.archives.single .blog-inner h2 {
	font-size: 25px;
    margin: 2rem;
}
.blogs-main.archives.single .blog-inner h2 a{
	color:#333;
}
.blogs-main.archives.single .blog-inner p {
    font-size: 18px;
    margin: 2rem;
	
}
.blogs-main.archives.single .blog-inner p b{
	font-weight:700;
}
.blogs-main.archives.single .blog-inner p u{
	text-decoration:underline;
	font-weight:700;
}
.blogs-main.archives.single blockquote {
	background: #F6F6F6;
    padding: 20px 15px;
    border-left: 5px solid;
    font-weight: 600;
    font-style: italic;
    margin: 2rem;
    color: #5d5d5d;
    font-size: 16px;
}
.blogs-main.archives.single .bottom-area {
	overflow: hidden;
	text-align: center;
}
.blogs-main.archives.single .arrow {
	display: inline-block;
}
.blogs-main.archives.single .arrow li {
	border-right: 1px solid #e7e7e7;
	display: inline-block;
}
.blogs-main.archives.single .arrow li:last-child{
	border:none;
}
.blogs-main.archives.single .arrow li a {
	padding: 10px 25px;
	color: #fff;
	display: block;
	border:1px solid transparent;
}
.blogs-main.archives.single .arrow li:hover a{
	background:transparent;
	color:#333;
}
.blogs-main.archives.single .arrow li.prev a i{
	margin-right:5px;
}
.blogs-main.archives.single .arrow li.next a i{
	margin-left:5px;
}
.blogs-main.archives.single .author-details {
	background: #fff;
	padding: 40px 20px;
	-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15);
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15);
	overflow: hidden;
	margin-top: 30px;
}
.blogs-main.archives.single .author-left {
	float: left;
	text-align: center;
	border-right: 1px solid #e7e7e7;
	padding-right: 15px;
	margin-right: 15px;
	width: 22%;
}
.blogs-main.archives.single .author-left img {
	width: 100px;
	height: 100px;
	border-radius: 100%;
	display: inline-block;
}
.blogs-main.archives.single .author-left h4{
	font-size:18px;
	margin-bottom:5px;
}
.blogs-main.archives.single .author-left h4 span {
	display: block;
	font-size: 14px;
}
.blogs-main.archives.single .author-left p a{
	color:#333;
}
.blogs-main.archives.single .author-left p i{
	width:25px;
	height:25px;
	line-height:25px;
	font-size:13px;
	border-radius:100%;
	border:1px solid #e7e7e7;
	margin-right:5px;
}
.blogs-main.archives.single .author-content {
	float: left;
	width: 70%;
}
.blogs-main.archives.single .author-content .social-share {
	float: none;
	margin-top: 10px;
}
.blogs-main.archives.single .title {
	text-align: left;
	text-transform: capitalize;
	font-size: 18px;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #e7e7e7;
}
/* Blog Comments */
.blogs-main.archives.single .blog-comments {
	margin-top: 30px;
	overflow: hidden;
}
.blogs-main.archives.single .single-comments {
	overflow: hidden;
	margin-bottom: 30px;
}
.blogs-main.archives.single .single-comments:last-child{
	border-bottom:0px solid;
	padding:0px;
	margin:0;
}
.blogs-main.archives.single .single-comments .main {
	overflow: hidden;
}
.blogs-main.archives.single .single-comments .head {
	float: left;
	margin-right: 20px;
	text-align: center;
	width: 12%;
}
.blogs-main.archives.single .single-comments .head img {
	width: 80px;
	height: 80px;
	line-height: 80px;
	border-radius: 100%;
}
.blogs-main.archives.single .single-comments .body {
	float: left;
	width: 85%;
	background:#fff;
	padding:20px;
	position:relative;
}
.blogs-main.archives.single .single-comments .body::before {
	position: absolute;
	left: -14px;
	border-top: solid transparent;
	border-left: 15px solid transparent;
	content: "";
	top: -3px;
	border-bottom: 15px solid #fff;
}
.blogs-main.archives.single .single-comments h4 {
	font-size: 18px;
	text-align: left;
	font-weight: 600;
	color: #333;
}
.blogs-main.archives.single .comment-info p {
	color: #666;
	font-size: 13px;
}
.blogs-main.archives.single .comment-info p span{
	margin-right:10px;
}
.blogs-main.archives.single .comment-info p span i {
	margin: 0 5px;
}
.blogs-main.archives.single .comment-info p a{
	color:#666;
}
.blogs-main.archives.single .comment-info p a i{
	margin-right:5px;
}
.blogs-main.archives.single .comment-list {
	padding-top: 30px;
	padding-left:50px;
	overflow: hidden;
}
.blogs-main.archives.single .comment-list .body {
	width: 78%;
}
/* Comments Form */
.blogs-main.archives.single .comments-form {
	margin-top: 30px;
}
.blogs-main.archives.single .form {
	margin-top: 30px;
}
.blogs-main.archives.single .form-group input {
	width: 100%;
	height: 50px;
	border: 1px solid #e7e7e7;
	border-radius: 5px;
	padding:15px;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	font-weight: 400;
	border-radius: 3px;
	outline:none;
}
.blogs-main.archives.single .form-group input:hover,
.blogs-main.archives.single .form-group textarea:hover{
	padding-left:20px;
}
.blogs-main.archives.single .form-group textarea {
	border: 1px solid #e7e7e7;
	padding: 15px;
	width: 100%;
	padding-left: 10px;
	resize: none;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	-webkit-box-shadow: none;
	        box-shadow: none;
	border-radius: 3px;
	outline:none;
}
.blogs-main.archives.single .form-group input:hover,
.blogs-main.archives.single .form-group input:focus,
.blogs-main.archives.single .form-group textarea:hover{
	outline:none;
}
.blogs-main.archives.single .form-group.button {
	margin: 0;
	text-align: center;
}
.blogs-main.archives.single .form-group .btn {
	font-size: 14px;
	width: 100%;
	border-radius: 0px;
	color: #fff;
	margin-top: 0;
	border-radius: 3px;
	width: 100%;
	margin: 0;
	padding: 0;
	position: relative;
}
.blogs-main.archives.single .form-group .btn:hover {
	background: #333;
}
/*======================================
	End Blogs CSS
========================================*/ 

/*======================================
	Partners CSS
========================================*/
.partners {
	background: #fff;
	padding:80px 0 112.5px;
}
.partners .partners-inner {
	margin-top:30px;
}
.partners .single-partner {
	padding: 20px;
	border: 1px solid #eee;
	margin: 0 -1px -1px 0;
	text-align: center;
}
.partners .single-partner img {
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	width: auto;
	display: ine-block;
	display: inline-block;
	-webkit-filter: grayscale(1);
	        filter: grayscale(1);
	
}
.partners .single-partner:hover img,
.partners .single-partner.active img{
	-webkit-filter: unset;
	        filter: unset;
}



.single-partner1 img {
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	width: auto;
	display: ine-block;
	display: inline-block;
	-webkit-filter: grayscale(1);
	        filter: grayscale(1);
	
}
.single-partner1:hover img,
.single-partner1.active img{
	-webkit-filter: unset;
	        filter: unset;
}



/*======================================
	End Partners CSS
========================================*/

/*====================================
	About Us CSS
======================================*/
.about-us {
	background: #fff;
}
.about-us .about-video{
	margin-top:30px;
}
.about-us .single-video{
	position:relative;
}
.about-us .single-video img{
	width:100%;
}
.about-us .single-video a {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 65px;
	height: 65px;
	text-align: center;
	line-height: 65px;
	font-size: 25px;
	border-radius: 100%;
	color: #fff;
	cursor: pointer;
	border: 2px solid #fff;
	padding-left: 4px;
	margin: -32.5px 0 0 -32.5px;
}
.about-us .single-video a:hover{
	background:#fff;
	border-color:transparent;
}
.about-us .about-content {
	margin-top: 30px;
}
.about-us .about-content h2 {
	margin-bottom: 20px;
	font-size: 25px;
	text-transform: capitalize;
	line-height: 30px;
}
.about-us .about-content p {
	margin-bottom: 15px;
	color: #666;
}
.about-us .about-content p:last-child{
	margin:0;
}
.about-us .single-progress {
	margin-top: 40px;
}
.about-us .single-progress h4 {
	font-size: 15px;
	margin-bottom: 15px;
}
.about-us .progress {
	background: #f6f6f6;
	border-radius: 0px;
	border-radius: 30px 0 0 30px;
	height: 10px;
	overflow: visible;
}
.about-us .progress .progress-bar {
	border-radius: 30px;
	position:relative;
}
.about-us .progress .percent {
	border-radius: 30px;
	position: absolute;
	right: 0;
	top: -43px;
	padding: 5px;
	font-weight: 600;
	display: table-cell;
}
.about-us .progress .percent::before {
	position: absolute;
	left: 50%;
	bottom: 0;
	content: "";
	border-top: 8px solid;
	border-left: 13px solid transparent;
	margin-left: -8px;
	top: 93%;
}
/*====================================
	End About Us CSS
======================================*/

/*====================================
	Radix Tabs CSS
======================================*/
.radix-tabs {
	background: #f6f6f6;
}
.radix-tabs .tab-main{
	margin-top:30px;
}
/* Tab Menu */
.radix-tabs .nav-main {
	border-bottom: 3px solid;
	margin-bottom: 20px;
	background: #fff;
	text-align: left;
}
.radix-tabs .nav-main .nav-tabs {
	display: inline-block;
	text-align: center;
}
.radix-tabs .nav-main .nav-tabs li{
	display:inline-block;
}
.radix-tabs .nav-main .nav-tabs li a {
	color: #333;
	background: transparent;
	position: relative;
	text-transform: uppercase;
	font-weight: 600;
	padding: 20px 30px;
	border: none;
	border-radius: 0px;
}
.radix-tabs .nav-main .nav-tabs li a::before {
	position: absolute;
	left: 50%;
	content: "";
	content: "";
	border-top: 20px solid;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	margin-left: -20px;
	top: 90%;
	opacity:0;
	visibility:hidden;
	-webkit-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}
.radix-tabs .nav-main .nav-tabs li a.active:before{
	opacity:1;
	visibility:visible;
	top:100%;
}
.radix-tabs .nav-main .nav-tabs li a.active {
	color: #fff;
}
.radix-tabs .nav-main .nav-tabs li a i{
	display:block;
	margin-bottom:5px;
}
.radix-tabs .text-content h2 {
	font-size: 20px;
	color: #454545;
	margin-bottom: 10px;
	text-transform: capitalize;
	line-height: 32px;
}
.radix-tabs .text-content p{
	margin-bottom:15px;
}
.radix-tabs .text-content p:last-child{
	margin-bottom:0px;
}
.radix-tabs .btn{
	margin-right:10px;
}
.radix-tabs .btn:hover{
	color:#fff;
}
.radix-tabs .btn.primary:hover{
	background:#333;
}
.radix-tabs .btn:last-child{
	margin-right:0px;
}
.radix-tabs .single-gallery {
	margin-top: 30px;
	background: #fff;
	position: relative;
}
.radix-tabs .gallery-head{
	position:relative;
}
.radix-tabs .single-gallery img{
	width:100%;
}
.radix-tabs .single-gallery a {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 40px;
	height: 40px;
	line-height: 40px;
	border-radius: 100%;
	background: #fff;
	text-align: center;
	margin: -20px 0 0 -20px;
	color: #fff;
	opacity:0;
	visibility:hidden;
	-webkit-transform:scale(0);
	-ms-transform:scale(0);
	    transform:scale(0);
}
.radix-tabs .single-gallery:hover a{
	-webkit-transform:scale(1);
	    -ms-transform:scale(1);
	        transform:scale(1);
	opacity:1;
	visibility:visible;
}
.radix-tabs .single-gallery .caption{
	padding: 10px;
}
.radix-tabs .single-gallery .caption h4 {
	font-size: 16px;
	text-align: center;
}
/*====================================
	End Radix Tabs CSS
======================================*/

/*======================================
	Faqs CSS
========================================*/ 
.faqs-main .faq-area {
	margin-top: 30px;
}
.faqs-main .single-faq {
	margin-top: 10px;
}
.faqs-main .faq-title a {
	font-size: 16px;
	background: #f6f6f6;
	padding: 15px 20px;
	color: #333;
	display: block;
	border-radius: 5px;
	position:relative;
}
.faqs-main .faq-title a i {
	margin-right: 5px;
	font-size: 14px;
}
.faqs-main .single-faq.active .faq-title a {
	color: #fff;
}
.faqs-main .faq-body {
	padding: 15px;
	background: transparent;
	border-radius: 0;
}
.faqs-main .faq-body p {
	font-size: 14px;
}
/*======================================
	End Faqs CSS
========================================*/ 

/*======================================
	404 CSS
========================================*/ 
.error-page {
	text-align: center;
	background: #fff;
}
.error-page .error-inner {
	display: inline-block;
}
.error-page .error-inner h1{
	font-size: 140px;
	text-shadow: 3px 5px 2px #333;
}
.error-page .error-inner h1 span {
	display: block;
	font-size: 25px;
	color: #333;
	font-weight: 600;
	text-shadow: none;
}
.error-page .error-inner p {
	padding: 20px 15px;
	font-size: 18px;
}
.error-page .search-form {
	width: 100%;
	position: relative;
}
.error-page .search-form input {
	width: 100%;
	height: 50px;
	padding: 0px 78px 0 30px;
	border: none;
	background: #f6f6f6;
	text-transform: capitalize;
	border-radius: 50px;
}
.error-page .search-form .btn {
	position: absolute;
	right: 0;
	top: 0;
	padding: 0;
	width: 80px;
	height: 50px;
	border-radius: 30px;
	cursor:pointer;
}
.error-page .search-form .btn:hover{
	background:#333;
}
/*======================================
	End 404 CSS
========================================*/ 




/*======================================
	Contact CSS
========================================*/ 

.contact-main .team {
	background: transparent;
    padding: 30px 30px 30px 30px;
}	
	

.contact-us {
	background:#f6f6f6;
}
.contact-us .contact-main{
    background: #ffffff;
    border-radius: 8px;
	-webkit-box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
    position: sticky;
    top: 2rem;
    height: fit-content;
}
.contact-us .form-main {
	background: #fff;
	padding: 30px 30px 30px 0px;
	text-align: left;
}
.contact-us .form-main h2 {
	font-size: 20px;
	margin-bottom: 15px;
	padding-bottom: 15px;
	position: relative;
}
.contact-us .form-main h2::before {
	content: "";
	position: absolute;
	left: 0%;
	width: 80px;
	height: 3px;
	bottom: 1.5px;
}
.contact-us .form {
	margin-top:30px;
}
.contact-us .form-group {
	position: relative;
	display: block;
	margin: 0 0 25px;
}
.contact-us .form-group input, 
.contact-us .form-group .nice-select {
	width: 100%;
	height: 50px;
	border: 1px solid #e7e7e7;
	padding-left: 10px;
	border-radius: 5px;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	font-weight: 400;
	border-radius: 0px;
	outline: none;
	padding: 0 15px;
}
.contact-us .form-group input:hover,
.contact-us .form-group .nice-select:hover{
	padding-left:15px;
}
.contact-us .form-group .nice-select {
	padding-top: 8px;
}
.contact-us .nice-select::after {
	border-bottom: 2px solid;
	border-right: 2px solid;
	right: 20px;
}
.contact-us .nice-select .list{
	border-radius:0px;
}
.contact-us .nice-select .option:hover{
	color:#fff;
}
.contact-us .form-group input:hover,
.contact-us .form-group input:focus,
.contact-us .form-group textarea:hover{
	outline:none;
	padding-left:25px;
}
.contact-us .form-group textarea {
	border: 1px solid #e7e7e7;
	padding: 15px;
	width: 100%;
	height:200px;
	padding-left: 10px;
	resize: none;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	-webkit-box-shadow: none;
	        box-shadow: none;
	border-radius: 0px;
}
.contact-us .form-group textarea:hover{
	padding-left:25px;
}
.contact-us .form-group .btn {
	display: block;
	cursor:pointer;
	width: 100%;
}
.contact-us .form-group .btn:hover{
	background:#004f56;
	color:#ffffff;
}
.contact-us .contact-address {
	background: #ffffff;
	padding: 30px;
	border-radius: 8px;
}
.contact-us .contact-address h2 {
	font-size: 20px;
	margin-bottom: 15px;
}

.contact-us .contact-address h3 {
	font-size: 24px;
	margin-bottom: 15px;
	color: #36bfc4;
}

.contact-us .contact-address h4 {
	font-size: 34px;
	color: #36bfc4;
	text-align: center;
}

.contact-us .contact-address h5 {
	font-size: 20px;
    margin-top: 18px;
    color: #333333;
}

.contact-us .address li {
	margin-bottom: 8px;
	font-size: 16px;
	position: relative;
	color: #333333;
}

.contact-us .address span {
	font-weight: 600;
}

.contact-us .address p {
	margin-top: 16px;
    font-size: 16px;
    position: relative;
    color: #333333;
}



.contact-us .address li:last-child{
	border:none;
	margin:0;
}
.contact-us .address li i {
	left: 0;
	top: 50%;
	color: #333333;
	width: 25px;
}
.contact-us .address li a{
	color:#333333;
}
.contact-us .social {
	overflow: hidden;
	margin-top:20px;
}
.contact-us .social li {
	background: #fff3;
	display: block;
	padding: 8px;
	border-radius: 5px;
	margin-bottom: 10px;
}
.contact-us .social li a {
	color: #fff;
	display: block;
}
.contact-us .social li a i {
	color: #fff;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	border-radius: 100%;
	margin-right: 10px;
	font-size: 13px;
}
.contact-us .map-main{
	background:#fff;
	padding:15px;
	margin-top:30px;
}
.contact-us #myMap {
	height: 400px;
	width: 100%;
}


.contact-us1 {
	background:#f6f6f6;
}
.contact-us1 .contact-main1{
	background:#fff;
	-webkit-box-shadow:0px 0px 15px rgba(0, 0, 0, 0.18);
	box-shadow:0px 0px 15px rgba(0, 0, 0, 0.18);
	margin-bottom: 45px;
}
.contact-us1 .form-main1 {
	background: #fff;
	padding: 30px 30px 30px 30px;
	text-align: left;
}
.contact-us1 .form-main1 h2 {
	font-size: 20px;
	margin-bottom: 15px;
	padding-bottom: 15px;
	position: relative;
}
.contact-us1 .form-main1 h2::before {
	content: "";
	position: absolute;
	left: 0%;
	width: 80px;
	height: 3px;
	bottom: 1.5px;
}
.contact-us1 .form1 {
	margin-top:30px;
}
.contact-us1 .form-group1 {
	position: relative;
	display: block;
	margin: 0 0 25px;
}
.contact-us1 .form-group1 input, 
.contact-us1 .form-group1 .nice-select1 {
	width: 100%;
	height: 50px;
	border: 1px solid #e7e7e7;
	padding-left: 10px;
	border-radius: 5px;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	font-weight: 400;
	border-radius: 0px;
	outline: none;
	padding: 0 15px;
}
.contact-us1 .form-group1 input:hover,
.contact-us1 .form-group1 .nice-select:hover{
	padding-left:15px;
}
.contact-us1 .form-group1 .nice-select1 {
	padding-top: 8px;
}
.contact-us1 .nice-select1::after {
	border-bottom: 2px solid;
	border-right: 2px solid;
	right: 20px;
}
.contact-us1 .nice-select1 .list{
	border-radius:0px;
}
.contact-us1 .nice-select1 .option:hover{
	color:#fff;
}
.contact-us1 .form-group1 input:hover,
.contact-us1 .form-group1 input:focus,
.contact-us1 .form-group1 textarea:hover{
	outline:none;
	padding-left:25px;
}
.contact-us1 .form-group1 textarea {
	border: 1px solid #e7e7e7;
	padding: 15px;
	width: 100%;
	height:200px;
	padding-left: 10px;
	resize: none;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	-webkit-box-shadow: none;
	        box-shadow: none;
	border-radius: 0px;
}
.contact-us1 .form-group1 textarea:hover{
	padding-left:25px;
}
.contact-us1 .form-group1 .btn {
	display: block;
	cursor:pointer;
	width: 100%;
}
.contact-us1 .form-group1 .btn:hover{
	background:#004f56;
	color:#ffffff;
}
.contact-us1 .contact-address1 {
	background: #ffffff;
	padding: 30px;
}
.contact-us1 .contact-address1 h2 {
	font-size: 28px;
	margin-bottom: 15px;
}

.contact-us1 .contact-address1 h3 {
	font-size: 24px;
	margin-bottom: 15px;
	color: #36bfc4;
}

.contact-us1 .contact-address1 h4 {
	font-size: 34px;
	color: #36bfc4;
	text-align: center;
}

.contact-us1 .contact-address1 h5 {
	font-size: 20px;
    margin-top: 18px;
    color: #333333;
}

.contact-us1 .address1 li {
	margin-bottom: 8px;
	font-size: 16px;
	position: relative;
	color: #333333;
}

.contact-us1 .address1 span {
	font-weight: 600;
}

.contact-us1 .address1 p {
	margin-top: 16px;
    font-size: 16px;
    position: relative;
    color: #333333;
}

.contact-us1 .address1 li:last-child{
	border:none;
	margin:0;
}
.contact-us1 .address1 li i {
	left: 0;
	top: 50%;
	color: #333333;
	width: 25px;
}
.contact-us1 .address1 li a{
	color:#333333;
}
.contact-us1 .social1 {
	overflow: hidden;
	margin-top:20px;
}
.contact-us1 .social1 li {
	background: #fff3;
	display: block;
	padding: 8px;
	border-radius: 5px;
	margin-bottom: 10px;
}
.contact-us1 .social1 li a {
	color: #fff;
	display: block;
}
.contact-us1 .social1 li a i {
	color: #fff;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	border-radius: 100%;
	margin-right: 10px;
	font-size: 13px;
}
.contact-us1 .map-main1{
	background:#fff;
	padding:15px;
	margin-top:30px;
}
.contact-us1 #myMap {
	height: 400px;
	width: 100%;
}

/*======================================
	End Contact CSS
========================================*/ 

/*======================================
	Footer CSS
========================================*/  
.footer {
	background-color: #333;
	position: relative;
}
.footer .top-arrow .btn {
    position: absolute;
    top: 0;
    left: 50%;
    width: 56px;
    height: 56px;
    line-height: 50px;
    border-radius: 100%;
    color: #333;
    text-align: center;
    font-size: 40px;
    margin: -25.5px 0 0 -25.5px;
    padding: 0;
    -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.30);
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.30);
    z-index: 1000;
}
.footer .top-arrow .btn:hover{
	-webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.40);
	        box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.40);
}
/* .footer .footer-top {
	padding: 50px 0 80px;
	background-color: #004f56;
	background: url(images/footer.jpg) 10%/cover no-repeat;
    position: relative;
} */



/* .footer .footer-top:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 100%;
    background-color: rgba(51,51,51,.9);
} */


.footer .footer-top {
    padding: 50px 0 50px;
    background-color: #363636;
    /* Паттерн: повторяется по горизонтали и вертикали */
    background-image: url(images/footer.jpg);
    background-repeat: repeat;
    background-position: top left;
    background-size: auto; /* или можно указать конкретный размер, например 200px */
    position: relative;
}

.footer .single-widget{
	margin-top:30px;
}
.footer .single-widget h2 {
	color: #fff;
	font-size: 16px;
	display: block;
	margin-bottom: 20px;
	position: relative;
	text-transform: uppercase;
	font-weight: 600;
}

.footer .single-widget h2 a {
	color: #fff;
	font-size: 16px;
	display: block;
	margin-bottom: 20px;
	position: relative;
	text-transform: uppercase;
	font-weight: 600;
}

.footer .single-widget h2 a:hover {
	color: #bbb;
}


.footer .single-widget li{
	color: #bbb;
	position: relative;
	margin-bottom: 10px;
}
.footer .single-widget li i{
	margin-right:5px;
}
.footer .single-widget .list li:last-child{
	margin-bottom:0px;
}
.footer .single-widget li a {
	color: #bbb;
}
.footer .single-widget li:hover a{
	padding-left:5px;
	color: #fff !important;
} 
/* About Widget */
.footer .single-widget.about{}
.footer .single-widget.about p {
	color: #bbb;
}
.footer .single-widget.about .list {
	margin-top: 15px;
}

/* Twitter Widget */
.footer .single-tweet {
	position: relative;
	padding-left: 30px;
	margin-bottom: 10px;
}
.footer .single-tweet:last-child{
	margin:0;
}
.footer .single-tweet i {
	left: 0;
	font-size: 37px;
	top: 5px;
	position: absolute;
	z-index: 3;
	opacity: 0.3;
}
.footer .single-tweet p{
	color:#bbb;
}
.footer .single-tweet p a {
	font-weight: 500;
	margin-right: 5px;
}
.footer .single-tweet p a:hover {
	color: #fff;
}
/* Newsletter */
.footer .single-widget.newsletter p{
	color:#bbb;
}
.footer .single-widget.newsletter form {
	margin-top: 20px;
}
.footer .single-widget.newsletter input {
	width: 100%;
    padding: 10px 25px;
    color: #eee;
    border-radius: 0px;
    text-transform: capitalize;
    margin-bottom: 10px;
    background: rgba(255, 255, 255, 0.3);
    border-radius: 3px;
    border: none;
    -webkit-box-shadow: none;
            box-shadow: none;
	-webkit-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}
.footer .single-widget.newsletter input::-webkit-input-placeholder {
    opacity: 1;
    color: #bbb !important;
}
.footer .single-widget.newsletter input::-moz-placeholder {
    opacity: 1;
    color: #bbb !important;
}
.footer .single-widget.newsletter::-ms-input-placeholder {
    opacity: 1;
    color: #bbb !important;
}
.footer .single-widget.newsletter input:hover{
	padding-left:30px;
}











.footer .single-widget.newsletter textarea {
	width: 100%;
    padding: 10px 25px;
    color: #eee;
    border-radius: 0px;
    text-transform: capitalize;
    margin-bottom: 10px;
    background: rgba(255, 255, 255, 0.3);
    border-radius: 3px;
    border: none;
    -webkit-box-shadow: none;
            box-shadow: none;
	-webkit-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}
.footer .single-widget.newsletter textarea::-webkit-textarea-placeholder {
    opacity: 1;
    color: #bbb !important;
}
.footer .single-widget.newsletter textarea::-moz-placeholder {
    opacity: 1;
    color: #bbb !important;
}
.footer .single-widget.newsletter::-ms-textarea-placeholder {
    opacity: 1;
    color: #bbb !important;
}
.footer .single-widget.newsletter textarea:hover{
	padding-left:30px;
}



















.footer .single-widget.newsletter button {
	color: #fff;
	display: inline-block;
	padding: 10px 25px;
	cursor: pointer;
	border-radius: 3px;
}
.footer .single-widget.newsletter button:hover{
	background:#fff;
	color:#333;
}
/* Footer Bottom */
.footer .footer-bottom {
	text-align: center;
	background-color: #363636;
    background-image: url(images/footer.jpg);
}
.footer .bottom-top {
	border-top: 1px solid rgba(255, 255, 255, 0.2);
	padding: 15px 0;
}
/* Social */
.footer .social {
	margin-bottom: 10px;
}
.footer .social li {
	display: inline-block;
	margin-right: 5px;
	color: #bbb;
	font-weight: 500;
}
.footer .social li:last-child{
	margin:0;
}
.footer .social a {
	display: block;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	color: #fff;
	border: 1px solid #e7e7e7;
	border-radius: 30px;
}
.footer .social li:hover a{
	background:#fff;
	border-color:transparent;
}
.footer .copyright p {
	color: #ddd;
	margin: 0;
	text-transform: none;
}
.footer .copyright p a:hover{
	color:#fff;
}

.footer .copyright a{
	color: #ddd !important;
	text-decoration: underline;
	transition: all 0.3s ease;
}
.footer .copyright a:hover{
	color:#fff;
	text-decoration: none;
}

.footer a.tel {
font-size: 21px;
}







.bg_up {
    height: 130px;
}

 @media screen and (max-width: 991px){
.bg_up {
    height: 80px;
}
}

 @media screen and (max-width: 280px){
.jus {
font-size: 13px;
}
}

 @media screen and (max-width: 336px){
.jus {
   margin-top: 16px;
   margin-left: 110px;
}
}

 @media screen and (min-width: 337px) and (max-width: 579px){
.jus {
   margin-top: 16px;
   margin-left: 140px;
}
}

.bg_up1 {
    margin-top: 80px;
    margin-bottom: 120px;
	
}



 @media screen and (min-width: 991px) and (max-width: 1199px) {
   .header .nav li {
   margin-right: 17px;
   }
   .header .nav li a {
    font-size: 1.1em;
   }
   }
   
 @media screen and (max-width: 638px) {
   .header .topbar {
    padding: 15px 0 22px 0;
   }
   }   
 @media screen and(min-width: 638px) and (max-width: 991px) {
   .header .middle-bar {
   padding: 75px;
   }
   }
  





  
.linkimg {
	position: absolute;
    height: 406px;
    width: 400px;
    background-size: cover;
    display: block;
    margin-left: -130px;
    margin-top: -130px;
    margin-right: auto;
}

 @media screen and (max-width: 1129px) {
.linkimg {
    position: absolute;
    height: 406px;
    width: 350px;
    background-size: cover;
    display: block;
    margin-left: -130px;
    margin-top: -80px;
    margin-right: auto;
}
}

 @media screen and (max-width: 991px) {
   .linkimg {
   display:none;
   }
   }
   
   
 @media screen and (max-width: 991px) {   
   .middle-bar{
    height: 80px;
    margin-top: 0px;	
}
}

/*  @media screen and (max-width: 638px) {   
   .middle-bar{
    height: 80px;
    margin-top: 75px;	
}
} */	
	
.nc {
    height: 82px;
    width: 82px;
    display: block;
    margin-left: auto;
    margin-right: auto;
	margin-bottom: 15px;
}

.nc2 {
    width: 100%;
    display: block;
}

.nc2 img{
    border-radius: 50%;
	width: 70%;
	margin-left: auto;
    margin-right: auto;
	margin-bottom: 35px;
	-webkit-box-shadow: 0px 0px 0px 9px rgba(226, 226, 226, 0.58);
	        box-shadow: 0px 0px 0px 9px rgba(226, 226, 226, 0.58);
}

.nc3 {
    width: 92px;
    display: block;
	margin-left: auto;
    margin-right: auto;
}	

.nc4 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
 
.centerlogo {
    width: 225px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: -25px;
    margin-top: -120px;
}

.lineimg {
	position: fixed;
    width: 100%;
    background-size: cover;
    display: block;
    margin-left: 53%;
    margin-top: -15%;
}	
	
 @media screen and (max-width: 991px) {   
   .lineimg {
    display:none;	
}
}

	
	
.up_section {
    padding: 20px 0 60px 0;
}	


.up_section p {
    margin: 0;
    color: #333333;
    font-size: 18px;
    margin-bottom: 2rem;
    margin-top: 2rem;
}

.up_section span {
    margin: 0;
    color: #333333;
    font-size: 16px;
    margin-bottom: 2rem;
    margin-top: 2rem;
}		
	
.up_bg {
    background-image: url(images/up_bg1.jpg);
}
	
.section-title p {
    margin: 0;
    color: #333333;
    font-size: 18px;
    margin-bottom: 2rem;
    margin-top: 2rem;
}

.section-title1 p {
    margin: 0;
    color: #333333;
    font-size: 18px;
    margin-bottom: 2rem;
	
}

.section-title a {
    color: #333333;
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}

.section-title a:hover {
    color: #fbbf48;
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}

.section-title1 h4 {
    margin: 0;
    color: #2ea3a7;
    font-size: 48px;
    margin-bottom: 2rem;
    margin-top: 2rem;
	    text-shadow: 0px -1px 0px #36bfc4;
}

.section-title1 img {    
	border-radius: 8px;
}

.section-title3 h4 {
    color: #333333;
    font-size: 22px;
    margin-bottom: 1rem;
    margin-top: 1rem;
	text-align: left;
}

@media screen and (max-width: 768px) {
.section-title3 h4 {
	text-align: center;
}
}

.section-title3 h5 {
    color: #2ea3a7;
    font-size: 22px;
    margin-bottom: 1rem;
    margin-top: 1rem;
	text-align: center;
}

.section-title3 p {
    color: #333333;
    font-size: 18px;
    margin-bottom: 2rem;
    text-align: left;;
}	

.section-title3 a {
    color: #2ea3a7;
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}

.section-title3 a:hover {
    color: #004f56;
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}

.section-title6 p {
    margin: 0;
    color: #585858;
    font-size: 18px;
    margin-bottom: 0.8rem;
    margin-top: 0.8rem;
	
}

.section-title6 span {
    color: #00999a;
    font-weight: 800;
}
	
.aboutimg {
    width: 100%;
    background-size: cover;
    display: block;
	margin-left: auto;
    margin-right: auto;
	margin-top: 20px;
    margin-bottom: 20px;
}	

.productionimg {
    width: 72px;
    height: 72px;
    background-size: cover;
    display: block;
    margin-left: auto;
    margin-right: auto;
}	

.services .text-content {
    margin-top: 30px;
}

.services .text-content h2 {
    color: #333;
    font-size: 32px;
    margin-bottom: 20px;
}	
	
.section-title1 {
    margin-bottom: 30px;
    position: relative;
    z-index: 22;
}	
	
.services1 {
    background: #ffffff;
}

.section-title4 h1 {
   color: #333;
   font-size: 32px;
   margin-bottom: 20px;
   position: relative;
   display: inline-block;
   text-align: center;
}

.section-title4 p {
    color: #333333;
    font-size: 19px;
    margin-bottom: 10px;
}


.section-title4 a {
	color:#004f56;
	font-size: 20px;
    font-weight: 600;
	-webkit-transition:none;
	-o-transition:none;
	transition:none;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.section-title4 a:hover {
	color: #36bfc4;
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}


.section-title5 h1 {
   color: #333;
   font-size: 32px;
   margin-bottom: 20px;
   position: relative;
   display: inline-block;
   text-align: center;
}

.section-title5 p {
    color: #333333;
    font-size: 18px;
    margin-bottom: 40px;
}


.section-title5 a {
	color:#004f56;
	font-size: 20px;
    font-weight: 600;
	-webkit-transition:none;
	-o-transition:none;
	transition:none;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.section-title5 a:hover {
	color: #36bfc4;
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}


.section-title6 h1 {
   color: #333;
   font-size: 32px;
   margin-bottom: 40px;
   position: relative;
   display: inline-block;
   text-align: center;
}

.aboutimg1 {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.image {
 overflow:hidden;
 width: 100%;
 height:100%;
border-radius: 8px 8px 0px 0px;
 }

 
.image img {
 -moz-transition: all 0.1s ease-out;
 -o-transition: all 0.1s ease-out;
 -webkit-transition: all 0.1s ease-out;
border-radius: 8px 8px 0px 0px;
 width: 100%;
 }
 
.image img:hover{
 -webkit-transform: scale(1.1);
 -moz-transform: scale(1.1);
 -o-transform: scale(1.1);
  border-radius: 8px 8px 0px 0px;
  box-shadow: 0px 1px 9px 0px rgba(0, 0, 0, 0.15);
 }
 
.image1 img {
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-webkit-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
border-radius: 8px;
width: 100%;
}
            
.image1 img:hover {
filter: contrast(1.02) brightness(1.02);
-webkit-filter: contrast(1.02) brightness(1.02);
border-radius: 8px;
box-shadow: 0px 1px 9px 0px rgba(0, 0, 0, 0.15);
}
 
.consulting .form-group textarea {
    border: none;
    background: #fff3;
    padding: 15px;
	font-size: 18px;
    width: 100%;
    height: 100px;
    padding-left: 10px;
    resize: none;
    color: #fff;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-box-shadow: none;
            box-shadow: none;
    border-radius: 0px;
}

.form-group textarea {
    color: #fff; 
}

.consulting .form-area a {
    color: #fff;
	text-decoration: underline;
}

.consulting .form-area a:hover {
    color: #fbbf48;
    text-decoration: none;
}

.slogan {
	text-align:center;
	margin-left: -95px;
}

.up_section .slogan span {
 color: #2ea3a7;
 font-size: 1.75rem;
}

.slogan2 {
	text-align:center;
	margin-left: -95px;
}

.slogan2 h5{
	font-size: 15px;
}

@media screen and (max-width: 991px) {
.slogan {
 margin-left: 0px;
}
}

@media screen and (max-width: 991px) {
.slogan2 {
 margin-left: 0px;
}
}

.team .btn {
	margin-top: 40px;
}
.team .btn:hover{
	color:#fff;
	background:#004f56;
}

.col-xs-five,
.col-sm-five,
.col-md-five,
.col-lg-five {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-five {
    width: 50%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-five {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-five {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-five {
        width: 20%;
        float: left;
    }
}
@media screen and (max-width: 991px) {
.blogs-main .blog-inner {
 margin-bottom: 0px;
}
}
@media screen and (max-width: 991px) {
.contact-us .form-main {
 padding: 30px;
}
}

@media screen and (max-width: 768px) {
.about-content h5 {
 margin-bottom: 25px;
}
}

@media screen and (max-width: 1126px) {
.about-content h3 {
 text-align: center;
}
}


.three-blog {
 margin-bottom: 25px;
}

.fon_ballon {
    color: #000;
}
/* Делаем карту чёрно-белой */

[class*="ymaps-2"][class*="-ground-pane"] {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    /* Firefox 3.5+ */
    -webkit-filter: grayscale(100%);
    /* Chrome 19+ & Safari 6+ */
}

.fun-facts .text-content h3 {
    color: #676767;
    font-size: 32px;
    margin-top: -20px;
    margin-bottom: 10px;
}

.bt {
    margin-bottom: 45px;
}
.bgsg {
background: #f6f6f6;
}

@media screen and (min-width: 1200px) and (max-width: 1246px) {
.services button.Prev {
	left: 14px;
}
.services button.Next {
	right: 14px;
}
}

@media screen and (min-width: 991px) and (max-width: 1066px) {
.services button.Prev {
	left: 8px !important;
}
.services button.Next {
	right: 8px !important;
}
}


@media screen and (max-width: 991px) {
  .fun-facts .text-content h1 {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
}

@media screen and (max-width: 991px) {
  .central {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
}

@media screen and (max-width: 768px) {
  .central2 {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
}

  .central3 {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.services .single-service .central3 p {
  margin-bottom: 0;
  padding: 0;
}

.pad {
padding: 15px 25px;
}
.bot {
margin-bottom: 30px;
}

.p_height {
height: auto;
}

@media screen and (min-width: 1200px) and (max-width: 2999px) {
  .p_height {
height: 250px;
}
}

@media screen and (min-width: 1187px) and (max-width: 1199px) {
  .p_height {
height: 250px;
}
}

@media screen and (min-width: 974px) and (max-width: 1186px) {
  .p_height {
height: 280px;
}
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .p_height {
height: 250px;
}
}

@media screen and (min-width: 468px) and (max-width: 767px) {
  .p_height {
height: 250px;
}
}

@media screen and (min-width: 450px) and (max-width: 555px) {
  .p_height {
height: auto;
}
}

@media screen and (min-width: 992px) and (max-width: 6666px) {
.mobile_bars{
display:none;
}
}
@media screen and (max-width: 1199px) {
.no_contact{
display:none;
}
}

@media screen and (max-width: 575px) {
.no_contact1{
display:none;
}
}

@media screen and (max-width: 768px) {
.no_contact2{
display:none;
}
}

.no_br{
height: 140px;
}

.height{
height: 60px;
}

a.button_download {
	-webkit-transition: background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
	transition: background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
	-o-transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;;
    display: inline-block;
    color: white;
    text-decoration: none;
    padding: .4em 1em;
    border-radius: 100px;
    outline: none;
    background: #36bfc4 no-repeat;
    background-image: -webkit-gradient(linear, right top, left top, from(#fff), to(#fff)), -webkit-gradient(linear, right top, left top, from(#36BFC4), to(#36BFC4)), -webkit-gradient(linear, left top, left bottom, from(#36BFC4), to(#36BFC4));
    background-image: -o-linear-gradient(right, #fff, #fff), -o-linear-gradient(right, #36BFC4, #36BFC4), -o-linear-gradient(#36BFC4, #36BFC4);
    background-image: linear-gradient(to left, #fff, #fff), linear-gradient(to left, #36BFC4, #36BFC4), linear-gradient(#36BFC4, #36BFC4);
    background-position: calc(100% - 2.7em) 0, calc(100% - 2.7em + 1px) 0, 0 0;
    background-size: 1px 100%, 1px 100%, auto auto;
    overflow: hidden;
	font-size: 96%;
}
a.button_download:after {
  -webkit-transition: background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
  transition: background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
  -o-transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;	
  content: "pdf";
  position: relative;
  bottom: 0;
  display: inline-block;
  margin-left: 1.4em;
  vertical-align: middle;
  font-weight: 700;
  font-size: 80%;

}
a.button_download:hover {
  -webkit-transition: background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
  transition: background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
  -o-transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
  background-color: #004f56;
  background-image:
   -webkit-gradient(linear, right top, left top, from(#fff), to(#fff)),
   -webkit-gradient(linear, right top, left top, from(#004f56), to(#004f56)),
   -webkit-gradient(linear, left top, left bottom, from(#004f56), to(#004f56));
  background-image:
   -o-linear-gradient(right, #fff, #fff),
   -o-linear-gradient(right, #004f56, #004f56),
   -o-linear-gradient(#004f56, #004f56);
  background-image:
   linear-gradient(to left, #fff, #fff),
   linear-gradient(to left, #004f56, #004f56),
   linear-gradient(#004f56, #004f56);
}
a.button_download:active:after {
  bottom: -1.2em;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}

a.button_download_dwg {
	-webkit-transition: background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
	transition: background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
	-o-transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;;
    display: inline-block;
    color: white;
    text-decoration: none;
    padding: .4em 1em;
    border-radius: 100px;
    outline: none;
    background: #36bfc4 no-repeat;
    background-image: -webkit-gradient(linear, right top, left top, from(#fff), to(#fff)), -webkit-gradient(linear, right top, left top, from(#36BFC4), to(#36BFC4)), -webkit-gradient(linear, left top, left bottom, from(#36BFC4), to(#36BFC4));
    background-image: -o-linear-gradient(right, #fff, #fff), -o-linear-gradient(right, #36BFC4, #36BFC4), -o-linear-gradient(#36BFC4, #36BFC4);
    background-image: linear-gradient(to left, #fff, #fff), linear-gradient(to left, #36BFC4, #36BFC4), linear-gradient(#36BFC4, #36BFC4);
    background-position: calc(100% - 2.7em) 0, calc(100% - 2.7em + 1px) 0, 0 0;
    background-size: 1px 100%, 1px 100%, auto auto;
    overflow: hidden;
	font-size: 96%;
}
a.button_download_dwg:after {
  -webkit-transition: background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
  transition: background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
  -o-transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;	
  content: "  dwg";
  position: relative;
  bottom: 0;
  display: inline-block;
  margin-left: 1.0em;
  vertical-align: middle;
  font-weight: 700;
  font-size: 80%;

}
a.button_download_dwg:hover {
  -webkit-transition: background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
  transition: background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
  -o-transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
  background-color: #004f56;
  background-image:
   -webkit-gradient(linear, right top, left top, from(#fff), to(#fff)),
   -webkit-gradient(linear, right top, left top, from(#004f56), to(#004f56)),
   -webkit-gradient(linear, left top, left bottom, from(#004f56), to(#004f56));
  background-image:
   -o-linear-gradient(right, #fff, #fff),
   -o-linear-gradient(right, #004f56, #004f56),
   -o-linear-gradient(#004f56, #004f56);
  background-image:
   linear-gradient(to left, #fff, #fff),
   linear-gradient(to left, #004f56, #004f56),
   linear-gradient(#004f56, #004f56);
}
a.button_download_dwg:active:after {
  bottom: -1.2em;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}

.text-content1 p {
    padding: 0px 0px 15px 0px;
}

.text-content1 a {
    color: #fbbf48;
}

.text-content1 a:hover {
    color: #ffffff;
    text-decoration: none;
}



@media screen and (max-width: 518px) {
	
.services.single .owl-controls .owl-dots .owl-dot span {
 display:none;
}
.services.single .owl-controls .owl-dots {
 display:none;
 position: unset;
}
.services.single .services-main {
 padding: 0px;
 margin-top: 0px;
 margin-bottom: 15px;
}


}


.team .t-head::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity:0;
	visibility:hidden;
	content: "";
	z-index: 2;
	-webkit-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}


.hr-100{
height: 100px;
}
@media screen and (max-width: 767px) {
.hr-100{	
display:none;
}
.hr-101{	
display:none;
}
.dn-100{	
display:none;
}
}

.consulting{	
background: #6e6e6e;
}



@media screen and (min-width: 1200px) and (max-width: 1246px) {
.testimonials button.Prev {
	left: 15px;
}
.testimonials button.Next {
	right: 15px;
}
}

@media screen and (min-width: 991px) and (max-width: 1066px) {
.testimonials button.Prev {
	left: 8px;
}
.testimonials button.Next {
	right: 8px;
}
}

@media screen and (min-width: 599px) and (max-width: 646px) {
.testimonials button.Prev {
	left: 8px;
}
.testimonials button.Next {
	right: 8px;
}
}

@media screen and (min-width: 268px) and (max-width: 991px) {
.header .link {
	position: relative;
    width: 100%;
    margin-top: 8px;
}

.single-post {
    margin-top: 10px;
}

.section-title h1 {
    color: #000;
}
}

.single-post img {
    border-radius: 8px;
    -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.05);
}
/*======================================
	End Footer CSS
========================================*/  

.mobile-menu li.active{
	background-color: rgba(1,1,1,0.2);
	width: 97%;
    margin: auto;
    border-radius: 8px;
}
.fun-facts iframe{
	border: 0px;
	width: 100%;
	height: 500px;
}
#about>.container{
	padding-bottom: 70px;
}
.msg_sent {
 	color: green;
	margin: 10px 0;
	display: none;
}

.metrika {
    float: right;
    padding: 10px 0px 0px 10px;	
}

.section-title1 ul, .section-title1 ul li {
    margin: 0;
    padding: 0;
    list-style: disc;
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
	margin-bottom: 12px;
	margin-left: 11px;
}

.text-muted {
    color: #1c1c1c !important;
    font-size: 15px !important;
}

.aboutimg.serials {
    margin-top: 0px;
    margin-bottom: 0px;
}

.aboutimg {
    border-radius: 8px;
}

.aboutimg img {
    border-radius: 8px;
	/* box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.15); */
}


.aboutimg.miniimg img {
    transition: all 0.3s ease;
}

.aboutimg.miniimg img:hover {
    transform: translateY(-4px);
}

p.price {
    margin: 0;
    color: #333;
    margin-bottom: 20px;
    max-width: 400px;
}

.fancybox-bg {
    background: #ffffff !important;
}
.fancybox-container {
    backdrop-filter: blur(5px) !important;
}

.blog-bottom p{
    color: #333;
	font-size: 17px;
	margin: 0px 0px 10px 0px;
}


.blog-bottom a.primary {
    color: #333;
	-webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.blog-bottom a.primary:hover {
    color: #fbbf48
}

.section-title1.black-back ul {
    background-color: #333;
    color: #fff;
    padding: 20px 0px 8px 0px;
    list-style: none;
    font-size: 16px;
    border-radius: 8px;
    margin-left: 0px;
}

.section-title1.black-back ul li {
    background-color: #333;
    color: #fff;
    padding: 0px 8px 0px 16px;
    list-style: none;
    font-size: 16px;
    border-radius: 8px;
    margin-left: 0px;
}

small.line-small {
    line-height: 1 !important;
    display: inline-block !important;
    margin-top: 4px;
}
.center {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
	}
	
	.section-title {
    margin-bottom: 0px;
}
/* МИНИБАННЕРЫ В КАРТОЧКЕ */
 /* Базовые стили */
    .transition-scale {
        /* transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); */
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    border-radius: 8px;
    }
    
    .banner-link:hover .transition-scale {
        filter: contrast(1.02) brightness(1.02);
    -webkit-filter: contrast(1.02) brightness(1.02);
    border-radius: 8px;
    }
    
    .banner-link:hover .aboutimg {
        box-shadow: 0px 1px 9px 0px rgba(0, 0, 0, 0.15);
    }
    
    .aboutimg {
        transition: box-shadow 0.3s ease;
    }
    
    .tracking-wide {
        letter-spacing: 0.5px;
    }
    
    .card-body p {
        margin-bottom: 0.25rem;
    }
    
    .banner-link {
        color: inherit;
    }
    
    /* Стили для стрелок на изображении */
    .arrow-icon {
        position: absolute;
        bottom: 20px;
        right: 20px;
        opacity: 0;
        transform: translateY(10px);
        transition: all 0.3s ease;
        z-index: 10;
        filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.2));
    }
    
    .banner-link:hover .arrow-icon {
        opacity: 1;
        transform: translateY(0);
    }
    
    /* Индивидуальный стиль для первой стрелки */
    .arrow-style-1 svg circle {
        transition: all 0.3s ease;
    }
    
    .banner-link:hover .arrow-style-1 svg circle {
        fill: rgba(255, 255, 255, 0.4);
        stroke-width: 2.5;
    }
    
    /* Индивидуальный стиль для второй стрелки */
    .arrow-style-2 svg circle {
        transition: all 0.4s ease;
    }
    
    .banner-link:hover .arrow-style-2 svg circle {
        stroke-dasharray: 75;
        stroke: #fff;
    }
    
    /* Стрелка в тексте */
    .text-arrow {
        color: #6c757d;
        transition: transform 0.3s ease;
    }
    
    .banner-link:hover .text-arrow {
        transform: translateX(5px);
        color: #000;
    }
    
    /* Альтернативные варианты стрелок (раскомментируйте, если хотите другие) */

    .arrow-style-1 svg {
        background: rgba(255, 255, 255, 0.3);
        backdrop-filter: blur(4px);
        border-radius: 50%;
        padding: 8px;
    }
	
	 @media (max-width: 768px) {
        .arrow-icon {
            opacity: 0.7;
            transform: translateY(0);
            bottom: 10px;
            right: 10px;
        }
        .arrow-icon svg {
            width: 40px;
            height: 40px;
        }
    }
	
	
    /* Модули карточки */
	
.badge {
    display: inline-block;
    padding: .7em;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem;
    width: 100%;
    color: #fff;
}

/* небольшой дополнительный стиль для линий-разделителей (только то, что просили) */
        .dim-item {
            position: relative;
            padding-bottom: 6px;
            margin-bottom: 6px;
			font-size: 12px;
        }
        /* серая линия как после эффекта */
        .dim-item::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 1px;
            background-color: #d0d7de;  /* светло-серая, как на макете */
        }
        /* у последнего элемента линию убираем, чтобы не было лишней полосы */
        .dim-item:last-child::after {
            display: none;
        }

/* отступы для изображений внутри карточки - изображения не будут выходить за края */
        
		.card-img-top {
          padding: 13%;
          width: calc(100% - 0px);
          height: auto;
          object-fit: cover;
          border-radius: 0;
          }
		  
		  .card-img-top.shema {
          padding: 1%;
          }
        
        /* небольшой дополнительный отступ для card-body чтобы компенсировать отступы изображения */
        .card-body {
            padding-top: 0;
        }

h2.modules {
    font-size: 1.4rem;
}	

span.mr-left	 {
    margin-left: 52px;
}	

.archives .col-lg-3 {
    display: block !important;
}

/* МОДУЛЬ ВОПРОС-ОТВЕТ */

       .faq-section {
        max-width: 100%;
        width: 100%;
        background: #FFFFFF;
        border-radius: 8px;
        padding: 10px 30px 10px 30px;
        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
        }
		
		
		.faq-section ul, .faq-section ul li {
        margin: 10px;
        padding: 0;
        list-style: disc;
        font-size: 18px;
		color: #333;
        }
		
		.faq-section ul, .faq-section ol {
        padding: 0;
        list-style: disc;
        font-size: 16px;
		color: #333;
        }
		
		
        .faq-title {
            font-size: 34px;
            font-weight: 500;
            line-height: 1.2;
            margin-bottom: 4px;
            letter-spacing: -0.01em;
            color: #1A1B22;
        }

        .faq-subtitle {
            font-size: 16px;
            color: #797B86;
            margin-bottom: 32px;
            font-weight: 400;
        }

        .faq-list {
            display: flex;
            flex-direction: column;
        }

        .faq-item {
            border-bottom: 1px solid #E4E5E9;
            background: #FFFFFF;
        }
		
		.faq-item:hover {
            background: #FFFFFF;
		}
		
		.faq-item:last-child {
         border-bottom: none;
	    }

        .faq-question {
            display: flex;
            justify-content: space-between;
            align-items: center;
            width: 100%;
            padding: 22px 4px 22px 0;
            font-size: 17px;
            font-weight: 450;
            color: #1A1B22;
            background: transparent;
            border: none;
            cursor: pointer;
            text-align: left;
            transition: color 0.15s ease;
            letter-spacing: -0.01em;
        }

        .faq-question:hover {
            color: #333333;
			background: #ffffff !important;
        }

        .question-text {
         flex: 1;
         padding-right: 24px;
         color: #333;
         font-size: 19px;
		 font-weight: 600;
         }

        .icon-wrapper {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 28px;
            height: 28px;
            flex-shrink: 0;
        }

        .faq-toggle-icon {
            font-size: 18px;
            color: #9FA2AD;
            transition: transform 0.3s cubic-bezier(0.2, 0.9, 0.3, 1.2);
        }

        .faq-question:hover .faq-toggle-icon {
            color: #333333;
        }

        .faq-item.active .faq-toggle-icon {
            transform: rotate(135deg);
            color: #333333;
        }

        .faq-answer {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.35s cubic-bezier(0.2, 0.9, 0.3, 1);
            padding: 0 4px 0 0;
            background: #FFFFFF;
        }

        .faq-answer-inner {
            padding: 4px 0 26px 0;
            font-size: 15px;
            color: #42434F;
            line-height: 1.55;
        }

        .answer-content {
            padding: 10px;
        }

        .answer-content p {
            margin-bottom: 8px;
            color: #2C2D33;
			font-size: 18px;
        }

        .answer-content p:last-child {
            margin-bottom: 0;
        }


        .link-like {
            color: #1A1B22;
            font-weight: 450;
            text-decoration: underline;
            text-decoration-color: #CCCFD6;
            text-underline-offset: 5px;
            transition: text-decoration-color 0.15s;
            cursor: default;
        }

        .link-like:hover {
            text-decoration-color: #333333;
        }
		
		.section-title2 .faq-section p {
          margin-top: 0rem;
		  margin-bottom: 0rem;
         }

        @media (max-width: 650px) {
            .faq-section {
                padding: 0px 15px;
                border-radius: 8px;
            }
            .faq-title {
                font-size: 28px;
            }
            .faq-question {
                padding: 18px 0;
                font-size: 16px;
            }
        }
		
/* 		.blogs-main .faq-question button {
		 background: #fff !important;
         }
		 .blogs-main .faq-question button:hover {
		 background: #fff !important;
         } */
		 
		 .blogs-main .meta span i{
	     color:#333 !important;
          }
        .consulting {
    background: url('../_default_/images/background/1.png') !important;
    background-size: cover !important; /* чтобы изображение покрывало весь блок */
    background-position: center !important; /* центрируем */
    background-repeat: no-repeat !important;
	background-color: #333 !important;
    }
	
	.button-new {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    background-color: transparent !important;
    border: 2px solid #000 !important;
    border-radius: 40px !important;
    padding: 12px 32px !important;
    color: #000 !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    cursor: pointer !important;
    box-shadow: none !important;
    transition: all 0.3s ease !important; /* изменено с border-color на all */
	text-transform: uppercase;
}

.arrow {
    font-size: 22px !important;
    line-height: 1 !important;
    transition: transform 0.3s ease !important;
	margin-top: -4px;
}

.button-new:hover {
    border-color: #333 !important;
    color: #fff !important;
    background-color: #333 !important;
}

.button-new:hover .arrow {
    transform: translateX(4px) !important;
    color: #fff !important;
}

.button-new:active {
    background-color: #333 !important;
}
		
		.btn {
        border-radius: 40px;
		padding: 17px 34px;
        }
		
	.consulting .form-group.button .btn {
    color: #000 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background-color: transparent !important;
    border: 2px solid #ffffff !important;
    border-radius: 40px !important;
    padding: 17px 32px !important;
    color: #ffffff !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    cursor: pointer !important;
    box-shadow: none !important;
    transition: all 0.3s ease !important;
    text-transform: uppercase;
        }
		
	.consulting .form-group.button .btn:hover {
    border-color: #fff !important;
    color: #333 !important;
    background-color: #fff !important;
}	
		
		
@media only screen and (max-width: 991px) {
    .hero-area .owl-controls .owl-dots {
        display: none !important;
    }
}
/* ////////////////////////////////////////// МОДУЛИ ////////////////////////////////////// */

/* Вводный текст */
.intro-text {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
    font-size: 18px;
    line-height: 1.6;
    color: #2c2c2c;
}

/* Карточки модулей */
.module-card {
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.15);
}

.module-image {
    object-fit: cover;
    height: 480px;
    width: 100%;
}

/* Контент модулей */
.module-content {
    /* Базовые стили, отступы уже в классе */
}

.module-label {
    text-transform: uppercase;
    color: #6c757d;
    margin-bottom: 0.5rem;
    letter-spacing: 2px;
    font-size: 13px;
}

.module-title {
    font-weight: 600;
    margin-bottom: 1.5rem;
    color: #1a1a1a;
    font-size: 28px;
}

.module-divider {
    width: 60px;
    height: 2px;
    background-color: #d4d4d4;
    margin-bottom: 2rem;
}

.module-description {
    font-size: 17px;
    color: #333;
    line-height: 1.6;
}

/* Разделитель секций */
.section-divider {
    height: 1px;
    background: linear-gradient(90deg, transparent, #e0e0e0 20%, #e0e0e0 80%, transparent);
}

/* Bootstrap-совместимые отступы (если нужны) */
.pe-lg-5 {
    padding-right: 3rem;
}

.ps-lg-5 {
    padding-left: 3rem;
}

.slick-slide img {
    display: block;
    width: 100%;
}

.col-lg-1.col-md-2.col-3  img {
    min-height: 50px;
    min-width: 50px;
}

@media only screen and (max-width: 991px) {
.pe-lg-5 {
    padding-right: 0rem;
}

.ps-lg-5 {
    padding-left: 0rem;
}}

/*======================================
    Slider Navigation
========================================*/
/* Слайдер область */
.slider-area {
    position: relative;
}

/* Базовые стили для навигации */
.slider-area .owl-nav {
    display: block;
    width: 100%;
}

/* Базовые стили для кнопок */
.slider-area .owl-prev,
.slider-area .owl-next {
    background: #ffffff !important;
    border: 0px solid;
    position: absolute;
    width: 50px;
    height: 50px;
    line-height: 50px !important;
    font-size: 0 !important; /* Скрываем текст "prev" и "next" */
    top: 50%;
    padding: 0 !important;
    opacity: 1;
    margin: -25px 0 0;
    border-radius: 100%;
    display: flex !important;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 10;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
    color: #333;
}

/* Иконки Font Awesome через псевдоэлементы */
.slider-area .owl-prev:before,
.slider-area .owl-next:before {
    font-family: 'FontAwesome';
    font-size: 35px;
    display: block;
    line-height: 1;
    color: inherit;
}

.slider-area .owl-prev:before {
    content: "\f104"; /* fa-angle-left */
}

.slider-area .owl-next:before {
    content: "\f105"; /* fa-angle-right */
}

/* Hover эффекты */
.slider-area .owl-prev:hover,
.slider-area .owl-next:hover {
    color: #ffffff !important;
    background: #fbc133 !important;
}

/* Prev Arrow - Левая стрелка */
.slider-area .owl-prev {
    left: 20px !important;
    z-index: 11;
}

/* Next Arrow - Правая стрелка */
.slider-area .owl-next {
    right: 20px !important;
    z-index: 11;
}

/* Кастомные классы если нужны */
.slider-area button.Prev,
.slider-area button.Next {
    background: #ffffff;
    border: 0px solid;
    position: absolute;
    width: 50px;
    height: 50px;
    font-size: 0; /* Скрываем текст */
    top: 50%;
    padding: 0;
    opacity: 1;
    margin: -25px 0 0;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 11;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
    color: #333;
}

.slider-area button.Prev:before,
.slider-area button.Next:before {
    font-family: 'FontAwesome';
    font-size: 35px;
    display: block;
    line-height: 1;
    color: inherit;
	color: black;
}

.slider-area button.Prev:before {
    content: "\f104"; /* fa-angle-left */
}

.slider-area button.Next:before {
    content: "\f105"; /* fa-angle-right */
}

.slider-area button.Prev {
    left: 20px;
}

.slider-area button.Next {
    right: 20px;
}

.slider-area button.Prev:hover,
.slider-area button.Next:hover {
    color: #ffffff;
    background: #36bfc4;
    transform: scale(1.1);
}

/* Responsive styles for arrows */
@media (max-width: 768px) {
    .slider-area .owl-prev,
    .slider-area .owl-next,
    .slider-area button.Prev,
    .slider-area button.Next {
        width: 40px;
        height: 40px;
        margin-top: -20px;
    }
    
    .slider-area .owl-prev:before,
    .slider-area .owl-next:before,
    .slider-area button.Prev:before,
    .slider-area button.Next:before {
        font-size: 25px;
    }
    
    .slider-area .owl-prev,
    .slider-area button.Prev {
        left: 10px;
    }
    
    .slider-area .owl-next,
    .slider-area button.Next {
        right: 10px;
    }
	/* Hover эффекты */
.slider-area .owl-prev:hover,
.slider-area .owl-next:hover {
    color: #000000!important;
    background: #ffffff !important;
}
}

.owl-theme .owl-nav [class*='owl-'] {
    color: #000000;
    border-radius: 50%;
}

/*======================================
    Arrow Padding Controls - РЕДАКТИРУЙТЕ ЗНАЧЕНИЯ
========================================*/

/* Для левой стрелки */
.slider-area .owl-prev,
.slider-area button.Prev {
    padding-left: 0px !important;    /* Двигает влево-вправо */
    padding-right: 2px !important;   /* Двигает влево-вправо */
    padding-top: 0px !important;      /* Двигает вверх-вниз */
    padding-bottom: 0px !important;   /* Двигает вверх-вниз */
    text-indent: 0px !important;      /* Смещение текста */
}

/* Для правой стрелки */
.slider-area .owl-next,
.slider-area button.Next {
    padding-left: 2px !important;    /* Двигает влево-вправо */
    padding-right: 0px !important;   /* Двигает влево-вправо */
    padding-top: 0px !important;      /* Двигает вверх-вниз */
    padding-bottom: 0px !important;   /* Двигает вверх-вниз */
    text-indent: 0px !important;      /* Смещение текста */
}

/* Если нужно двигать конкретно иконки */
.slider-area .owl-prev:before,
.slider-area button.Prev:before {
    margin-left: 0px !important;
    margin-right: 0px !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    position: relative !important;
    left: 0px !important;    /* Сдвиг влево-вправо */
    top: 0px !important;      /* Сдвиг вверх-вниз */
}

.slider-area .owl-next:before,
.slider-area button.Next:before {
    margin-left: 0px !important;
    margin-right: 0px !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    position: relative !important;
    left: 0px !important;    /* Сдвиг влево-вправо */
    top: 0px !important;      /* Сдвиг вверх-вниз */
}

@media only screen and (max-width: 767px) {
	.hero-area .slider-text {
	margin-top: 320px;
	max-width: 73.333%;
    margin-left: auto;
    margin-right: auto;
}}
@media only screen and (max-width: 585px) {
	.hero-area {
    height: 600px;
    }
	.hero-area .single-slider {
    height: 600px;
     }
	.hero-area .slider-text {
	margin-top: 211px;	
    }
/*======================================
    Стрелки для экранов шире 585px
========================================*/
    .slider-area .owl-prev,
    .slider-area .owl-next,
    .slider-area button.Prev,
    .slider-area button.Next {
        top: 530px !important;  /* Опускаем вниз (меняйте значение) */
        margin-top: 0 !important;
    }
    
    .slider-area .owl-prev,
    .slider-area button.Prev {
        left: 35.333% !important;  /* Левая стрелка ближе к центру */
    }
    
    .slider-area .owl-next,
    .slider-area button.Next {
        right: 35.333% !important;  /* Правая стрелка ближе к центру */
    }
	.services button.Next {
        right: -16px !important;
    }
	.services button.Prev {
        left: -16px !important;
    }
}

.section.sectioncompany {
    padding: 80px 0 0 0;
}

/* Десктоп - 3 колонки */
@media (max-width: 767px) {
.section.sectioncompany {
    padding: 40px 0 0 0;
}
#about>.container {
    padding-bottom: 40px;
}
.services {
    padding: 40px 0 40px 0;
}
#index.section {
        padding: 0px 0;
    } 
#catalog.section {
    padding: 60px 0 30px 0;
} 
.m_mb-50 {
    margin-bottom: 50px;
}
}

/* ========== ОСНОВНОЙ МОДУЛЬ (6 ЭТАПОВ) ========== */
.kg-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
    margin: 0 auto;
    max-width: 1400px;
    width: 100%;
}

.kg-card {
    background: #ffffff;
    padding: 2rem;
    border-radius: 8px;
    transition: all 0.3s ease;
    border: 1px solid #ffffff;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
    width: 100%;
    box-sizing: border-box;
}

.kg-card:hover {
    border-color: #ffffff;
    transform: translateY(-4px);
}

.kg-number {
    font-size: 3rem;
    font-weight: 700;
    line-height: 1;
    color: #000000;
    margin-bottom: 1.5rem;
    opacity: 0.2;
}

.kg-icon {
    width: 60px;
    height: 60px;
    background: #666666;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 2rem;
    color: #ffffff;
    font-size: 1.8rem;
    transition: all 0.3s ease;
}

.kg-card:hover .kg-icon {
    background: #333333;
    color: #ffffff;
}

.kg-card-title {
    font-size: 1.3rem;
    font-weight: 600;
    margin-bottom: 1rem;
    color: #333333;
}

.kg-desc {
    color: #333333 !important;
    font-size: 18px !important;
}

.kg-desc a {
    color: #333333 !important;
    font-size: 18px !important;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    text-decoration: none;
    font-weight: 600;
}

.kg-desc a:hover {
    text-decoration: none;
    color: #666 !important;
}



.kg-meta {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: #333;
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-weight: 600;
	font-family: 'Roboto', sans-serif;
}

.kg-meta i {
    font-size: 0.8rem;
    color: #999;
}

/* ========== МОДУЛЬ ГАРАНТИИ ========== */
.kg-guarantee-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
    max-width: 1400px;
    margin: 0 auto;
    width: 100%;
}

.kg-guarantee-card {
    background: #ffffff;
    padding: 2rem;
    border-radius: 8px;
    transition: all 0.3s ease;
    border: 1px solid #ffffff;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
    width: 100%;
    box-sizing: border-box;
}

.kg-guarantee-card:hover {
    border-color: #ffffff;
    transform: translateY(-4px);
}

.kg-guarantee-icon {
    width: 60px;
    height: 60px;
    background: #666;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 2rem;
    color: #ffffff;
    font-size: 1.8rem;
    transition: all 0.3s ease;
}

.kg-guarantee-card:hover .kg-guarantee-icon {
    background: #333;
    color: #fff;
}

.kg-guarantee-title {
    font-size: 1.3rem;
    font-weight: 600;
    margin-bottom: 1rem;
    color: #333;
}

.kg-guarantee-desc {
    color: #5a5a5a;
    line-height: 1.6;
    font-size: 0.95rem;
    margin-bottom: 0;
}

.kg-guarantee-meta {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: #333;
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-weight: 600;
    margin-top: 1.5rem;
}

.kg-guarantee-meta i {
    font-size: 0.8rem;
    color: #999;
}

/* ========== ОБЩИЕ ЭЛЕМЕНТЫ ========== */
.kg-header, .kg-guarantee-header {
    text-align: center;
    max-width: 1400px;
    margin: 0 auto 3rem auto;
    font-family: 'Inter', sans-serif;
    padding: 0 1rem;
}

.kg-subtitle, .kg-guarantee-subtitle {
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 4px;
    color: #8a8a8a;
    margin-bottom: 0.8rem;
    font-weight: 500;
}

.kg-title, .kg-guarantee-main-title {
    font-size: 2.8rem;
    font-weight: 300;
    line-height: 1.2;
    max-width: 700px;
    margin: 0 auto;
    color: #1a1a1a;
}

.kg-title span, .kg-guarantee-main-title span {
    font-weight: 600;
    color: #000;
    position: relative;
    display: inline-block;
}

.kg-title span::after, .kg-guarantee-main-title span::after {
    content: '';
    position: absolute;
    bottom: 5px;
    left: 0;
    width: 100%;
    height: 6px;
    background: rgba(0, 0, 0, 0.05);
    z-index: -1;
}

/* ========== БЛОК РЕЗУЛЬТАТА ========== */
.kg-result {
    margin: 4rem auto 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 4rem;
    padding: 3rem;
    border-radius: 8px;
    background: url(../_default_/images/background/1.png) !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-color: #333 !important;
}

.kg-result-content {
    flex: 1;
}

.kg-result-label {
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 3px;
    color: #a0a0a0;
    margin-bottom: 1rem;
}

.kg-result-title {
    font-size: 2.2rem;
    font-weight: 300;
    margin-bottom: 1rem;
    line-height: 1.3;
    color: #ffffff;
}

.kg-result-title strong {
    font-weight: 600;
    color: #ffffff;
}

.kg-result-text {
    color: #ffffff !important;
    max-width: 600px !important;
}

.kg-result-stats {
    display: flex;
    gap: 3rem;
    flex-shrink: 0;
}

.kg-stat {
    text-align: center;
}

.kg-stat-number {
    font-size: 2.5rem;
    font-weight: 600;
    color: #ffffff;
    margin-bottom: 0.3rem;
}

.kg-stat-label {
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #ffffff;
    margin-top: 20px;
}

/* ========== ФУТЕР ДОВЕРИЯ ========== */
.kg-footer {
    max-width: 1400px;
    margin: 2rem auto 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.5rem 2rem;
    background: transparent;
    border-top: 1px solid #eaeaea;
    font-family: 'Inter', sans-serif;
}

.kg-footer-item {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    color: #333333;
    font-size: 18px;
}

.kg-footer-item i {
    font-size: 1.3rem;
    color: #6a6a6a;
}

/* ========== АДАПТАЦИЯ ========== */

/* Десктоп - 3 колонки */
@media (min-width: 1200px) {
    .kg-grid,
    .kg-guarantee-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

/* Планшеты - 2 колонки */
@media (max-width: 1199.98px) and (min-width: 768px) {
    .kg-grid,
    .kg-guarantee-grid {
        grid-template-columns: repeat(1, 1fr);
        gap: 1.5rem;
        padding: 0 1rem;
    }
    
    .kg-title,
    .kg-guarantee-main-title {
        font-size: 2.5rem;
    }
    
    .kg-result {
        flex-direction: column;
        text-align: center;
        gap: 2rem;
        margin: 3rem 1rem 0 1rem;
    }
    
    .kg-result-text {
        margin: 0 auto;
    }
    
    .kg-result-stats {
        justify-content: center;
    }
    
    .kg-footer {
        flex-wrap: wrap;
        justify-content: center;
        gap: 1.5rem;
        margin: 2rem 1rem 0 1rem;
    }
}

/* Мобильные - 1 колонка */
@media (max-width: 767.98px) {
    .kg-grid,
    .kg-guarantee-grid {
        grid-template-columns: 1fr !important;
        gap: 1rem;
        padding: 0;
    }
    
    .kg-title,
    .kg-guarantee-main-title {
        font-size: 2rem;
    }
    
    .kg-subtitle,
    .kg-guarantee-subtitle {
        font-size: 0.7rem;
        letter-spacing: 3px;
    }
    
    .kg-card,
    .kg-guarantee-card {
        padding: 1.5rem;
    }
    
    .kg-number {
        font-size: 2.5rem;
    }
    
    .kg-icon,
    .kg-guarantee-icon {
        width: 50px;
        height: 50px;
        font-size: 1.5rem;
    }
    
    .kg-result {
        flex-direction: column;
        text-align: center;
        padding: 2rem 1.5rem;
        margin: 2rem 0rem 0 0rem;
    }
    
    .kg-result-title {
        font-size: 1.8rem;
    }
    
    .kg-result-stats {
        flex-direction: column;
        gap: 1rem;
        width: 100%;
    }
    
    .kg-stat {
        display: flex;
        align-items: center;
        justify-content: space-between;
        text-align: left;
        border-bottom: 1px solid rgba(255,255,255,0.1);
        padding-bottom: 0.8rem;
    }
    
    .kg-stat:last-child {
        border-bottom: none;
    }
    
    .kg-stat-number {
        font-size: 1.8rem;
        margin-bottom: 0;
    }
    
    .kg-stat-label {
        margin-top: 0;
    }
    
    .kg-footer {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
        padding: 1.5rem 0rem 1.5rem 0rem;
        margin: 2rem 0rem 0 0rem;
    }
    
    .kg-footer-item {
        font-size: 18px;
    }
}

.kg-guarantee-desc a {
    color: #333333 !important;
    font-size: 18px !important;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    text-decoration: none;
    font-weight: 600;
    }
	
	.kg-guarantee-desc a:hover {
        text-decoration: none;
        color: #666 !important;
    }
	
/* ========== МОДУЛЬ ОПЛАТЫ ========== */
    .kg-payment-wrapper {
        width: 100%;
        max-width: 1400px;
        margin: 0 auto;
        padding: 0;
        font-family: 'Inter', sans-serif;
    }

    /* Хедер */
    .kg-payment-header {
        text-align: center;
        max-width: 1400px;
        margin: 0 auto 2rem auto;
        padding: 0 1rem;
    }

    .kg-payment-subtitle {
        font-size: 0.8rem;
        text-transform: uppercase;
        letter-spacing: 4px;
        color: #8a8a8a;
        margin-bottom: 0.8rem;
        font-weight: 500;
    }

    .kg-payment-title {
        font-size: 2.8rem;
        font-weight: 300;
        line-height: 1.2;
        max-width: 700px;
        margin: 0 auto;
        color: #1a1a1a;
    }

    .kg-payment-title span {
        font-weight: 600;
        color: #000;
        position: relative;
        display: inline-block;
    }

    .kg-payment-title span::after {
        content: '';
        position: absolute;
        bottom: 5px;
        left: 0;
        width: 100%;
        height: 6px;
        background: rgba(0, 0, 0, 0.05);
        z-index: -1;
    }

    .kg-payment-description {
        max-width: 800px;
        margin: 1.5rem auto 0;
        color: #5a5a5a;
        font-size: 1.1rem;
        line-height: 1.6;
        font-weight: 300;
    }

    /* Сетка способов оплаты */
    .kg-payment-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 2rem;
        margin: 0 auto 3rem auto;
        width: 100%;
    }

    .kg-payment-card {
        background: #ffffff;
        padding: 2rem;
        border-radius: 8px;
        transition: all 0.3s ease;
        border: 1px solid #ffffff;
        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
        width: 100%;
        box-sizing: border-box;
    }

    .kg-payment-icon {
        width: 60px;
        height: 60px;
        background: #666;
        border-radius: 8px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 1.5rem;
        color: #ffffff;
        font-size: 1.8rem;
        transition: all 0.3s ease;
    }

    .kg-payment-card:hover .kg-payment-icon {
        background: #333;
        color: #fff;
    }

    .kg-payment-card-title {
        font-size: 1.3rem;
        font-weight: 600;
        margin-bottom: 1rem;
        color: #333;
    }

    .kg-payment-card-desc {
        color: #5a5a5a;
        line-height: 1.6;
        font-size: 0.95rem;
        margin-bottom: 1rem;
    }

    /* Мета-информация (добавлено) */
    .kg-meta {
        display: flex;
        align-items: center;
        gap: 0.5rem;
        color: #333;
        font-size: 0.8rem;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        font-weight: 600;
        margin-top: 0.5rem;
    }

    .kg-meta i {
        font-size: 0.8rem;
        color: #999;
    }

    /* Блок с платёжными системами - теперь с изображениями */
    .kg-payment-systems {
        margin: 2rem auto 2rem auto;
        padding: 2rem;
        background: #fff;
        border-radius: 8px;
        text-align: center;
		box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
		/* background: url(../_default_/images/background/1.png) !important;
        background-size: cover !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
        background-color: #333 !important; */
    }

    .kg-payment-systems-title {
        font-size: 1rem;
        font-weight: 600;
        color: #1a1a1a;
        margin-bottom: 1.5rem;
        text-transform: uppercase;
        letter-spacing: 0.5px;
    }
	
	/* .kg-payment-card-title.whitehead {
        color: #ffffff !important;
    } */

    .kg-payment-logos {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        gap: 2rem;
    }

    .kg-payment-logos img {
        height: 60px;
        width: auto;
        transition: all 0.3s ease;
		border-radius: 8px;
		/* border: 2px solid #fff; */
		box-shadow: 0 8px 20px rgb(0 0 0 / 13%);
    }

    .kg-payment-logos img:hover {
        transform: translateY(-2px);
    }

    /* Двухколоночный блок */
    .kg-payment-bottom {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 2rem;
        margin: 2rem auto 0 auto;
    }

    .kg-payment-info {
        background: #ffffff;
        padding: 2rem;
        border-radius: 8px;
        height: fit-content;
        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
        margin-top: 15px;
    }

    .kg-payment-info-title {
        font-size: 1.2rem;
        font-weight: 600;
        color: #1a1a1a;
        margin-bottom: 1.5rem;
        position: relative;
        padding-bottom: 0.8rem;
    }

    .kg-payment-info-title::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 40px;
        height: 2px;
        background: #999;
    }

    .kg-payment-info-text {
        color: #5a5a5a;
        line-height: 1.7;
        font-size: 0.95rem;
        margin-bottom: 1.5rem;
    }

    /* Стандартный ul вместо кастомных точек */
    .kg-payment-info ul {
        list-style: disc;
        padding-left: 1.5rem;
        margin: 0 0 1.5rem 0;
        color: #5a5a5a;
    }

    .kg-payment-info ul li {
        line-height: 1.6;
        font-size: 0.95rem;
        margin-bottom: 0.5rem;
        color: #5a5a5a;
    }

    .kg-payment-phone {
        font-size: 1.3rem;
        font-weight: 600;
        color: #1a1a1a;
        margin: 1.5rem 0 1rem 0;
        display: inline-block;
        padding: 0.5rem 1.5rem;
        background: #f8f8f8;
        border-radius: 8px;
    }

    .kg-payment-phone i {
        color: #fbc135;
        margin-right: 0.5rem;
        font-size: 1.2rem;
    }

    .kg-payment-security {
        font-size: 0.9rem;
        color: #6a6a6a;
        line-height: 1.6;
        margin-top: 1.5rem;
        padding-top: 1.5rem;
        border-top: 1px solid #eaeaea;
		font-family: 'Roboto', sans-serif;
    }

    .kg-payment-security i {
        color: #666;
        margin-right: 0.5rem;
    }

    /* ========== АДАПТАЦИЯ ========== */

    /* Десктоп - 3 колонки */
    @media (min-width: 1200px) {
        .kg-payment-grid {
            grid-template-columns: repeat(3, 1fr);
        }
        .kg-payment-bottom {
            grid-template-columns: 1fr 1fr;
        }
    }

    /* Планшеты */
    @media (max-width: 1199.98px) and (min-width: 768px) {
        .kg-payment-grid {
            grid-template-columns: 1fr;
            gap: 1.5rem;
        }
        
        .kg-payment-card {
            display: flex;
            flex-direction: row;
            align-items: flex-start;
            gap: 1.5rem;
            padding: 1.5rem;
        }
        
        .kg-payment-icon {
            margin-bottom: 0;
            flex-shrink: 0;
            width: 70px;
            height: 70px;
            font-size: 2rem;
        }
        
        .kg-payment-card-content {
            flex: 1;
        }
        
        .kg-payment-bottom {
            grid-template-columns: 1fr 1fr;
            gap: 1.5rem;
        }
        
        .kg-payment-title {
            font-size: 2.5rem;
        }
        
        .kg-payment-logos img {
            height: 35px;
        }
    }

    /* Мобильные */
    @media (max-width: 767.98px) {
        .kg-payment-grid {
            grid-template-columns: 1fr;
            gap: 1rem;
        }
        
        .kg-payment-card {
            display: flex;
            flex-direction: row;
            align-items: flex-start;
            gap: 1rem;
            padding: 1.25rem;
        }
        
        .kg-payment-icon {
            width: 50px;
            height: 50px;
            font-size: 1.5rem;
            margin-bottom: 0;
            flex-shrink: 0;
        }
        
        .kg-payment-card-content {
            flex: 1;
        }
        
        .kg-payment-card-title {
            font-size: 1.2rem;
            margin-bottom: 1.3rem;
        }
        
        .kg-payment-title {
            font-size: 2rem;
            padding: 0 1rem;
        }
        
        .kg-payment-subtitle {
            font-size: 0.7rem;
            letter-spacing: 3px;
        }
        
        .kg-payment-logos {
            gap: 1rem;
        }
        
        .kg-payment-logos img {
            height: 30px;
        }
        
        .kg-payment-systems {
            margin: 2rem 1rem;
            padding: 1.5rem;
        }
        
        .kg-payment-bottom {
            grid-template-columns: 1fr;
            gap: 1rem;
        }
        
        .kg-payment-info {
            padding: 1.5rem;
        }
        
        .kg-payment-phone {
            font-size: 1.1rem;
        }
    }
	
 /* ========== ИЗОЛИРОВАННЫЕ СТИЛИ ДЛЯ КОНТАКТОВ ========== */
    /* Префикс ks- чтобы не пересекаться с другими модулями */
    
    .ks-section {
        width: 100%;
        max-width: 1400px;
        margin: 0 auto;
        padding: 0;
        font-family: 'Inter', sans-serif;
    }

    /* Хедер */
    .ks-header {
        text-align: center;
        max-width: 1400px;
        margin: 0 auto 3rem auto;
        padding: 0 1rem;
    }

    .ks-subtitle {
        font-size: 0.8rem;
        text-transform: uppercase;
        letter-spacing: 4px;
        color: #8a8a8a;
        margin-bottom: 0.8rem;
        font-weight: 500;
    }

    .ks-title {
        font-size: 2.8rem;
        font-weight: 300;
        line-height: 1.2;
        max-width: 700px;
        margin: 0 auto;
        color: #1a1a1a;
    }

    .ks-title span {
        font-weight: 600;
        color: #000;
        position: relative;
        display: inline-block;
    }

    .ks-title span::after {
        content: '';
        position: absolute;
        bottom: 5px;
        left: 0;
        width: 100%;
        height: 6px;
        background: rgba(0, 0, 0, 0.05);
        z-index: -1;
    }

    /* Контейнер с карточками - одна колонка */
    .ks-container {
        flex-direction: column;
        gap: 2rem;
        margin: 0 auto;
        width: 100%;
    }

    /* Карточка */
    .ks-card {
        background: #ffffff;
        padding: 2.5rem;
        border-radius: 8px;
        transition: all 0.3s ease;
        border: 1px solid #ffffff;
        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
        width: 100%;
        box-sizing: border-box;
    }

    /* Заголовок карточки */
    .ks-card-title {
        font-size: 1.8rem;
        font-weight: 600;
        margin-bottom: 2rem;
        color: #1a1a1a;
        position: relative;
        padding-bottom: 1rem;
        text-align: center;
    }

    .ks-card-title::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 60px;
        height: 3px;
        background: #999;
    }

    /* Контактные элементы */
    .ks-contact-item {
        display: flex;
        align-items: center;
        gap: 1.5rem;
        margin-bottom: 1.5rem;
        padding: 0.5rem;
        border-radius: 8px;
        transition: background 0.3s ease;
    }

    .ks-contact-item:hover {
        background: #f8f8f8;
    }

    .ks-contact-icon {
        width: 50px;
        height: 50px;
        background: #5a5c59;
        border-radius: 8px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #ffffff;
        font-size: 1.5rem;
        transition: all 0.3s ease;
        flex-shrink: 0;
    }

    .ks-card:hover .ks-contact-icon {
        background: #666;
        color: #fff;
    }

    .ks-contact-text {
        flex: 1;
    }

    .ks-contact-label {
        font-size: 0.7rem;
        text-transform: uppercase;
        letter-spacing: 1px;
        color: #8a8a8a;
        margin-bottom: 0.3rem;
        font-weight: 600;
    }

    .ks-contact-value {
        font-size: 1.2rem;
        color: #1a1a1a;
        line-height: 1.5;
        font-weight: 500;
    }

    .ks-contact-value a {
        color: #1a1a1a;
        text-decoration: none;
        transition: color 0.3s ease;
		font-weight: 600;
    }

    .ks-contact-value a:hover {
        color: #666;
    }

    /* Разделитель */
    .ks-divider {
        height: 2px;
        background: linear-gradient(90deg, transparent, #eaeaea, transparent);
        margin: 2rem 0;
        width: 100%;
    }

    /* Реквизиты - сетка 3 колонки */
    .ks-requisites-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 1.5rem;
        margin: 1.5rem 0;
    }

    .ks-requisite-item {
        background: #f8f8f8;
        padding: 1rem;
        border-radius: 8px;
        transition: all 0.3s ease;
    }

    .ks-requisite-item:hover {
        background: #f0f0f0;
        transform: translateY(-2px);
    }

    .ks-requisite-label {
        font-size: 0.7rem;
        text-transform: uppercase;
        letter-spacing: 1px;
        color: #8a8a8a;
        margin-bottom: 0.3rem;
        font-weight: 600;
    }

    .ks-requisite-value {
        font-size: 1rem;
        color: #1a1a1a;
        font-weight: 600;
        line-height: 1.4;
        word-break: break-word;
    }

    /* Юридический адрес отдельно */
    .ks-legal-address {
        background: #f8f8f8;
        padding: 1.2rem;
        border-radius: 8px;
        margin: 1rem 0 1.5rem 0;
        border-left: 4px solid #999;
    }

    .ks-legal-address .ks-requisite-label {
        font-size: 0.7rem;
        margin-bottom: 0.3rem;
    }

    .ks-legal-address .ks-requisite-value {
        font-size: 1.1rem;
        font-weight: 600;
    }

    /* Название компании */
    .ks-company-name {
        font-size: 1.3rem;
        font-weight: 600;
        color: #1a1a1a;
        text-align: center;
        margin-bottom: 1.5rem;
        padding-bottom: 0.5rem;
        border-bottom: 2px dashed #eaeaea;
    }

    /* Мета-информация */
    .ks-meta {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 0.8rem;
        color: #8a8a8a;
        font-size: 0.9rem;
        text-transform: uppercase;
        letter-spacing: 1px;
        font-weight: 600;
        margin-top: 2rem;
        padding-top: 1.5rem;
        border-top: 2px dashed #eaeaea;
    }

    .ks-meta i {
        font-size: 1rem;
        color: #666;
    }

    /* Адаптация */
    @media (max-width: 1199.98px) and (min-width: 768px) {
        .ks-title {
            font-size: 2.5rem;
        }
        .ks-container {
            padding: 0;
        }
        .ks-requisites-grid {
            grid-template-columns: repeat(2, 1fr);
        }
    }

    @media (max-width: 767.98px) {
        .ks-title {
            font-size: 2rem;
        }
        .ks-subtitle {
            font-size: 0.7rem;
            letter-spacing: 3px;
        }
        .ks-container {
            padding: 0;
            gap: 1rem;
        }
        .ks-card {
            padding: 1.5rem;
        }
        .ks-card-title {
            font-size: 1.5rem;
            margin-bottom: 1.5rem;
        }
        .ks-contact-item {
            gap: 1rem;
            padding: 0.25rem;
        }
        .ks-contact-icon {
            width: 40px;
            height: 40px;
            font-size: 1.2rem;
        }
        .ks-contact-value {
            font-size: 1rem;
        }
        .ks-requisites-grid {
            grid-template-columns: 1fr;
            gap: 0.8rem;
        }
        .ks-legal-address {
            padding: 1rem;
        }
        .ks-legal-address .ks-requisite-value {
            font-size: 1rem;
        }
        .ks-meta {
            font-size: 0.8rem;
            flex-wrap: wrap;
            text-align: center;
        }
    }

    @media (max-width: 480px) {
        .ks-card {
            padding: 1.25rem;
        }
        .ks-contact-item {
            flex-wrap: wrap;
            gap: 0.8rem;
        }
        .ks-contact-icon {
            width: 36px;
            height: 36px;
            font-size: 1rem;
        }
        .ks-contact-value {
            font-size: 0.95rem;
        }
        .ks-meta {
            flex-direction: column;
            gap: 0.5rem;
        }
    }
	 
	 
	 /* ========== ПРЕМИАЛЬНЫЙ ДИЗАЙН О КОМПАНИИ ========== */
    .premium-section {
        width: 100%;
        margin: 0 auto;
        padding: 0;
    }

    /* Hero секция с изображением */
    .premium-hero {
        position: relative;
        width: 100%;
        height: 500px;
        border-radius: 8px;
        overflow: hidden;
        margin-bottom: 3rem;
    }

    .premium-hero img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        display: block;
        transition: transform 8s ease;
    }

    .premium-hero:hover img {
        transform: scale(1.05);
    }

    .premium-hero-overlay {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        padding: 5rem;
        background: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.5));
        color: white;
    }
	
	
	.premium-hero.action {
        height: auto;
		box-shadow: none;
    }

    .premium-hero-subtitle {
        font-size: 0.9rem;
        text-transform: uppercase;
        letter-spacing: 8px;
        margin-bottom: 1.2rem;
        opacity: 0.8;
        font-weight: 400;
    }

    .premium-hero-title {
        font-size: 2.5rem;
        font-weight: 300;
        line-height: 1.1;
        margin: 0;
        text-shadow: 0 2px 20px rgba(0, 0, 0, 0.3);
    }

    .premium-hero-title strong {
        font-weight: 600;
        color: #ffffff;
        position: relative;
        display: inline-block;
    }


    /* Двухколоночный макет */
    .premium-layout {
        display: grid;
        grid-template-columns: 1.2fr 0.8fr;
        gap: 2rem;
        margin-bottom: 0rem;
    }

    /* Основной текст */
    .premium-text {
        position: relative;
    }

    .premium-quote {
        font-size: 19px !important;
        font-weight: 600;
        color: #333;
        margin-bottom: 3rem;
        padding: 2rem 3rem;
        background: linear-gradient(145deg, #fcfcfc, #ffffff);
        border-radius: 8px 8px 8px 0;
        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
        position: relative;
		border: 1px solid rgba(0, 0, 0, 0.02);
    }

    /* .premium-quote::before {
        content: '';
        font-size: 6rem;
        color: #fbc135;
        opacity: 0.2;
        position: absolute;
        left: 1rem;
        top: -1rem;
        font-family: serif;
    } */

    .premium-paragraph {
        font-weight: 350;
		font-size: 18px ! Important;
    }

    .premium-highlight {
        display: grid;
        grid-template-columns: auto 1fr;
        gap: 2rem;
        background: #ffffff;
        padding: 2.5rem;
        border-radius: 8px;
        margin: 3rem 0;
        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
        align-items: center;
    }

    .premium-highlight-icon {
        width: 90px;
        height: 90px;
        background: #666;
        border-radius: 8px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: white;
        font-size: 2.5rem;
        flex-shrink: 0;
        box-shadow: 0 15px 30px -10px #c9c9c9;
        transform: rotate(3deg);
        transition: transform 0.3s ease;
    }

    .premium-highlight:hover .premium-highlight-icon {
        transform: rotate(0deg) scale(1.05);
    }

    .premium-highlight p {
        margin: 0;
        font-size: 19px;
        font-weight: 600;
        color: #1a1a1a;
    }

    /* Блок ссылок */
    .premium-links {
        background: #ffffff;
        padding: 2rem;
        border-radius: 8px;
        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
        position: sticky;
        top: 2rem;
        height: fit-content;
        backdrop-filter: blur(5px);
		border: 1px solid rgba(0, 0, 0, 0.02);
    }

    .premium-links-title {
        font-size: 1.6rem;
        font-weight: 600;
        margin-bottom: 2.5rem;
        color: #333;
        position: relative;
        padding-bottom: 1.2rem;
    }

    .premium-links-title::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 70px;
        height: 2px;
        background: #999;
        border-radius: 8px;
    }

    .premium-links-grid {
        display: flex;
        flex-direction: column;
        gap: 1rem;
        margin-bottom: 2.5rem;
    }

    .premium-link-item {
        display: flex;
        align-items: center;
        padding: 1.3rem 1.8rem;
        background: #f8f8f8;
        border-radius: 8px;
        color: #333333;
        text-decoration: none;
        font-size: 1.1rem;
        font-weight: 600;
        transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
        border: 1px solid rgba(0, 0, 0, 0.02);
        position: relative;
        overflow: hidden;
    }

    .premium-link-item::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 2px;
        height: 100%;
        background: #999;
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    .premium-link-item i:first-child {
        width: 30px;
        color: #333;
        font-size: 1.3rem;
        transition: all 0.3s ease;
        margin-right: 1rem;
    }

    .premium-link-item span {
        flex: 1;
    }

    .premium-link-item .fa-chevron-right {
        width: auto;
        opacity: 0.3;
        transition: all 0.3s ease;
        margin-left: 1rem;
    }

    .premium-link-item:hover {
        transform: translateX(4px) translateY(-2px);
        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
        border-color: rgb(160 160 160);
        color: #1a1a1a;
        background: #ffffff;
        border: 1px solid rgba(0, 0, 0, 0.04);
    }

    .premium-link-item:hover::before {
        opacity: 1;
    }

    .premium-link-item:hover .fa-chevron-right {
        opacity: 1;
        color: #999999;
        transform: translateX(8px);
    }

.premium-links-contact {
    margin-top: 2.5rem;
    padding: 2rem;
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('/images/photos/small/article247.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 8px;
    text-align: center;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.premium-links-contact::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: inherit;
    /* filter: blur(5px); */
    margin: -10px;
    z-index: -1;
}


	
    .premium-links-contact {
    text-align: center; /* Центрируем весь текст в блоке */
}

.premium-links-contact .social {
    display: flex;
    justify-content: center;
    list-style: none;
    padding: 0;
    margin: 15px 0 0 0;
    gap: 20px;
}

.premium-links-contact .social li a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    text-decoration: none;
    transition: all 0.3s ease;
}

/* VK */
.premium-links-contact .social li a .fa-vk { 
    color: #333333; 
	font-size: 20px;
}

.premium-links-contact .social li a:hover .fa-vk {
    color: white;
}

.premium-links-contact .social li a:has(.fa-vk) {
    background-color: #f5f5f5;
}

.premium-links-contact .social li a:has(.fa-vk):hover {
    background-color: #4a76a8;
}

/* Telegram */
.premium-links-contact .social li a .fa-telegram { 
    color: #333333;
    font-size: 20px;	
}

.premium-links-contact .social li a:hover .fa-telegram {
    color: white;
}

.premium-links-contact .social li a:has(.fa-telegram) {
    background-color: #f5f5f5;
}

.premium-links-contact .social li a:has(.fa-telegram):hover {
    background-color: #0088cc;
}



    .premium-links-contact p {
        margin: 0.3rem 0;
        color: #ffffff;
        font-size: 1.2rem;
        letter-spacing: 0.5px;
    }

    .premium-links-contact .phone {
        font-size: 1.6rem;
        font-weight: 600;
        color: #ffffff;
        margin: 0.8rem 0;
        letter-spacing: -0.5px;
    }
	
	.premium-links-contact .phone a {
        font-size: 1.6rem;
        font-weight: 600;
        color: #ffffff;
        margin: 0.8rem 0;
        letter-spacing: -0.5px;
		text-decoration: none;
        transition: all 0.3s ease;	
    }
	
	.premium-links-contact .phone a:hover {
        color: #dddddd;
    }

    /* Преимущества - 4 колонки */
    .premium-features {
        background: transparent;
    }

    .premium-features-title {
        text-align: center;
        font-size: 2rem;
        font-weight: 300;
        margin-bottom: 3rem;
        color: #333333;
    }

    .premium-features-title span {
        font-weight: 600;
        position: relative;
        display: inline-block;
    }

    .premium-features-title span::after {
        content: '';
        position: absolute;
        bottom: 5px;
        left: 0;
        width: 100%;
        height: 8px;
        background: rgba(251, 193, 53, 0.2);
        z-index: -1;
    }

    .premium-features-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 2rem;
    }

    .premium-feature {
        text-align: center;
        padding: 1.5rem;
        background: #ffffff;
        border-radius: 8px;
        transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
        position: relative;
        overflow: hidden;
		border: 1px solid rgba(0, 0, 0, 0.02);
    }

    .premium-feature::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 4px;
        background: linear-gradient(90deg, #999, #999, #999);
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    .premium-feature:hover {
        transform: translateY(-12px);
        box-shadow: 0 40px 60px -25px rgba(177, 177, 177, 0.4);
    }

    .premium-feature:hover::before {
        opacity: 1;
    }

    .premium-feature-icon {
    width: 80px;
    height: 80px;
    background: linear-gradient(145deg, #f8f8f8, #ffffff);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 2rem;
    color: #666;
    font-size: 2rem;
    box-shadow: 0 20px 30px -15px rgba(0, 0, 0, 0.07);
    border: 1px solid rgba(247, 247, 247, 1);
    transition: all 0.3s ease;
    }

    .premium-feature:hover .premium-feature-icon {
        background: #333;
        color: white;
    }

    .premium-feature h4 {
        font-size: 1.4rem;
        font-weight: 600;
        margin-bottom: 1rem;
        color: #1a1a1a;
    }

    .premium-feature p {
        color: #333333;
        font-size: 17px;
        max-width: 250px;
        margin: 0 auto;
    }

    /* Адаптация */
    @media (max-width: 1200px) {
        .premium-features-grid {
            grid-template-columns: repeat(2, 1fr);
        }
    }

    @media (max-width: 1100px) {
        .premium-layout {
            grid-template-columns: 1fr;
            gap: 3rem;
        }
        
        .premium-links {
            position: static;
        }
    }

    @media (max-width: 768px) {
        .premium-hero {
            height: 500px;
            border-radius: 8px;
        }
        
        .premium-hero-overlay {
            padding: 2.5rem;
        }
        
        .premium-hero-title {
            font-size: 2.5rem;
        }
        
        .premium-layout {
            padding: 0;
        }
        
        .premium-quote {
            font-size: 19px !important;
        }
        
        .premium-highlight {
            grid-template-columns: 1fr;
            text-align: center;
            gap: 1rem;
        }
        
        .premium-highlight-icon {
            margin: 0 auto;
        }
        
        .premium-features-grid {
            grid-template-columns: 1fr;
        }
        
        .premium-links {
            padding: 1rem;
        }
        
        .premium-links-title {
            font-size: 1.6rem;
        }
    }

    @media (max-width: 480px) {
        .premium-hero-title {
            font-size: 1.8rem;
        }
        
        .premium-link-item {
            padding: 1rem;
            font-size: 1rem;
        }
        
        .premium-links-contact .phone {
            font-size: 1.3rem;
        }
    }
	
	
	.slicknav_nav .slicknav_row:hover {
    background: transparent;
    }
	
	.slicknav_nav {
    color: #fff;
    font-size: 1.2em;
}

@media only screen and (max-width: 991px) {
    .header .mobile-menu .slicknav_menu {
        background: #ffffff !important;		
    }
}

.mobile-menu li.active {
    background-color: rgba(255, 255, 255, 1);
    border-radius: 0px;
	width: 100%;
}

.slicknav_nav .slicknav_row, .slicknav_nav a {
    padding: 10px 0px !important;
}

.slicknav_nav a:hover {
    background: transparent !important;
    color: #000!important;
}


@media only screen and (max-width: 991px) {
    .header .mobile-menu .slicknav_menu {
     padding: 0px 0px 0px 0px;	
    }
}


@media only screen and (max-width: 991px) {
    .header .mobile-menu.active {
        margin-top: -8px !important;
        height: 100% !important;		
    } 
    .slicknav_nav li {
        display: block;
        border-bottom: 1px solid #f9f9f9;
        -ms-transform: scaleY(1);
        visibility: visible;
        left: 15px;
        width: 100%;
        max-width: 690px;
        margin-left: auto;
        margin-right: auto;
		padding: 0px 20px 0px 20px;
}

.slicknav_nav li:last-child {
    border-bottom: none;
}

.slicknav_nav a {
    text-decoration: none;
    color: #333;
    font-weight: 700;
	text-transform: uppercase;
    font-size: 15px;
}
.slicknav_nav a:hover {
    text-decoration: none;
    color: #000 !important;
    font-weight: 600;
}
.slicknav_nav ul {
    margin: 0 0 0 -1px;
}
}


@media only screen and (max-width: 767px) {
    .header .mobile-menu.active {
        margin-top: -8px !important;
        height: 100% !important;		
    } 
    .slicknav_nav li {
        max-width: 510px!important;
    }
	.slicknav_nav li:last-child {
    border-bottom: none;
    }
}

.slicknav_nav .slicknav_arrow {
    font-size: 1em;
    margin: 0 0 0 .4em;
    color: #ffffff;
}

@media only screen and (max-width: 991px) {
    .slicknav_nav .slicknav_arrow {
        font-size: 1em;
        margin: 0;
        color: #c7c7c7;
        float: right;
    }
}



/* /////////////////////////////////////////////BRAND///////////////////////////////////////////// */
 
.fbr-container {
    width: 100% !important;
    margin: 0 auto !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 40px !important;
}
        
        /* ========== ОБЩИЙ СТИЛЬ ДЛЯ ВСЕХ БРЕНДОВ ========== */
        .brand-section {
            margin: 0 auto;
            background: #ffffff;
            border-radius: 8px;
            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
            overflow: hidden;
            transition: all 0.3s ease;
            border: 1px solid #ffffff;
            width: 100%;
        }
        
        .brand-grid {
            display: grid;
            grid-template-columns: 300px 1fr;
            gap: 0;
        }
        
        /* Левая колонка с изображением */
        .brand-image {
            position: relative;
            height: 100%;
            min-height: 280px;
            background: #f0f0f0;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #8a8a8a;
            font-size: 1rem;
            overflow: hidden;
        }
        
        .brand-image img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
            transition: transform 0.5s ease;
        }
        
        
        /* МЕСТО ПОД ЛОГОТИП (квадратик поверх картинки) */
        .brand-logo {
            position: absolute;
            top: 20px;
            left: 20px;
            width: 120px;
            height: 60px;
            background: #ffffff;
            border-radius: 8px;
            display: flex;
            align-items: center;
            justify-content: center;
            z-index: 10;
            border: 1px solid rgba(0, 0, 0, 0.05);
            transition: all 0.3s ease;
        }
		
		.brand-logo img {
            border-radius: 8px;
        }
        
        
        .brand-logo i {
            font-size: 2rem;
            color: #5a5c59;
            transition: all 0.3s ease;
        }
        
        
        /* Правая колонка с контентом */
        .brand-content {
            padding: 2.5rem;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }
        
        .brand-subtitle {
            font-size: 0.9rem;
            text-transform: uppercase;
            letter-spacing: 4px;
            color: #8a8a8a;
            margin-bottom: 1rem;
            font-weight: 500;
        }
        
        .brand-title {
            font-size: 1.8rem;
            font-weight: 500;
            color: #1a1a1a;
            margin: 0 0 0.8rem 0;
            line-height: 1.2;
        }
        
        .brand-meta {
            display: flex;
            align-items: center;
            gap: 0.5rem;
            color: #8a8a8a;
            font-size: 0.85rem;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            font-weight: 600;
            margin-bottom: 1.5rem;
        }
        
        .brand-meta i {
            color: #666;
            font-size: 0.85rem;
        }
        
        .brand-description {
            color: #333333;
            font-size: 18px !important;
            margin-bottom: 2rem;
            max-width: 600px;
        }
        
        .brand-description strong {
            font-weight: 600;
            color: #1a1a1a;
        }
        
        .brand-link {
    display: inline-flex;
    align-items: center;
    gap: 0.8rem;
    padding: 0.8rem 2rem;
    background: #f8f8f8;
    border-radius: 25px;
    color: #1a1a1a;
    text-decoration: none;
    font-weight: 600;
    font-size: 16px;
    transition: all 0.3s ease;
    width: fit-content;
    text-transform: uppercase;
        }
        
        .brand-link i {
            color: #666;
        }
        
        .brand-link:hover {
            background: #333;
            color: #ffffff;
            border-color: #333;
        }
        
        .brand-link:hover i {
            color: #ffffff;
        }
		
.brand-link2 {
    display: inline-flex;
    align-items: center;
    gap: 0.8rem;
    padding: 0.8rem 2rem;
    background: #f8f8f8;
    border: 1px solid #222222;      /* тонкая обводка */
    border-radius: 25px;
    color: #1a1a1a;
    text-decoration: none;
    font-weight: 600;
    font-size: 16px;
    transition: all 0.3s ease;
    width: fit-content;
    text-transform: uppercase;
}

.brand-link2 i {
    color: #666;
    transition: color 0.3s ease;
}

.brand-link2:hover {
    background: #333;
    color: #ffffff;
    border: 1px solid #222222;             /* обводка сливается с фоном */
}

.brand-link2:hover i {
    color: #ffffff;
}
        
        /* ========== МОБИЛЬНАЯ ВЕРСИЯ ========== */
        @media screen and (max-width: 768px) {
            .fbr-container {
                padding: 20px 0;
                gap: 25px;
            }
            
            .brand-grid {
                grid-template-columns: 1fr; /* Одна колонка на мобильных */
            }
            
            .brand-image {
                min-height: 220px;
                width: 100%;
            }
            
            .brand-logo {
                top: 15px;
                left: 15px;
                width: 120px;
                height: 60px;
            }
            
            .brand-logo i {
                font-size: 1.6rem;
            }
            
            .brand-content {
                padding: 2rem 1.5rem;
            }
            
            .brand-title {
                font-size: 1.6rem;
            }
            
            .brand-subtitle {
                font-size: 0.8rem;
                letter-spacing: 3px;
            }
            
            .brand-description {
                font-size: 18px !important;
                margin-bottom: 1.8rem;
            }
            
            .brand-link {
                padding: 0.7rem 1.8rem;
                font-size: 0.95rem;
            }
        }
        
        @media screen and (max-width: 480px) {
            .brand-image {
                min-height: 180px;
            }
            
            .brand-logo {
                top: 12px;
                left: 12px;
                width: 120px;
                height: 60px;
            }
            
            .brand-logo i {
                font-size: 1.4rem;
            }
            
            .brand-content {
                padding: 1.8rem 1.2rem;
            }
            
            .brand-title {
                font-size: 1.5rem;
            }
            
            .brand-description {
                font-size: 18px !important;
                line-height: 1.6;
            }
            
            .brand-meta {
                font-size: 0.75rem;
            }
        }
		
/* ===== ПОЛНАЯ ИЗОЛЯЦИЯ - ТОЛЬКО ДЛЯ ГЛАВНОЙ ===== */
    .index-fbr-bs {
        width: 100%;
        margin: 0 auto;
    }
    
    /* Заголовок */
    .index-fbr-bs .index-header {
        text-align: center;
        margin-bottom: 3rem;
    }
    
    .index-fbr-bs .index-header p {
        max-width: 800px;
        margin: 0 auto;
        color: #333333;
        font-size: 19px;
        line-height: 1.6;
    }
    
    /* Карточка бренда */
    .index-fbr-bs .index-card {
        background: #ffffff;
        border-radius: 8px;
        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
        overflow: hidden;
        border: 1px solid #ffffff;
        transition: all 0.3s ease;
        height: 100%;
        display: flex;
        flex-direction: column;
        margin-bottom: 0;
    }
    
    .index-fbr-bs .index-card:hover {
        transform: translateY(-4px);
        box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);
    }
    
    /* Изображение */
    .index-fbr-bs .index-image {
        position: relative;
        height: 200px;
        overflow: hidden;
        background: #f0f0f0;
    }
    
    .index-fbr-bs .index-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }
    
    /* Логотип поверх картинки */
    .index-fbr-bs .index-logo {
        position: absolute;
        top: 15px;
        left: 15px;
        width: 120px;
        height: 60px;
        background: #ffffff;
        border-radius: 8px;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 10;
        border: 1px solid rgba(0, 0, 0, 0.05);
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
    }
    
    .index-fbr-bs .index-logo img {
        width: 100%;
        height: 100%;
        object-fit: contain;
        border-radius: 8px;
    }
    
    /* Контент */
    .index-fbr-bs .index-content {
        padding: 1.8rem;
        display: flex;
        flex-direction: column;
        flex: 1;
    }
    
    .index-fbr-bs .index-subtitle {
        font-size: 0.8rem;
        text-transform: uppercase;
        letter-spacing: 3px;
        color: #8a8a8a;
        margin-bottom: 0.8rem;
        font-weight: 500;
    }
    
    .index-fbr-bs .index-title {
    font-size: 1.4rem;
    font-weight: 600;
    color: #000;
    margin: 0 0 0.8rem 0;
    line-height: 1.3;
    }
    
    .index-fbr-bs .index-meta {
        display: flex;
        align-items: center;
        gap: 0.5rem;
        color: #8a8a8a;
        font-size: 0.8rem;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        font-weight: 600;
        margin-bottom: 1rem;
    }
    
    .index-fbr-bs .index-meta i {
        color: #fbc133;
        font-size: 0.8rem;
    }
    
    .index-fbr-bs .index-description {
        color: #5a5a5a;
        line-height: 1.6;
        font-size: 0.95rem;
        margin-bottom: 1.5rem;
        flex: 1;
    }
    
    .index-fbr-bs .index-description strong {
        font-weight: 600;
        color: #1a1a1a;
    }
    
    .index-fbr-bs .index-link {
    display: inline-flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.7rem 1.5rem;
    background: #f8f8f8;
    border-radius: 25px;
    color: #000;
    text-decoration: none;
    font-weight: 600;
    font-size: 0.85rem;
    transition: all 0.3s ease;
    border: none;
    width: fit-content;
    margin-top: auto;
    text-transform: uppercase;
    }
    
    .index-fbr-bs .index-link i {
        color: #5a5c59;
        transition: all 0.3s ease;
    }
    
    .index-fbr-bs .index-link:hover {
        background: #000000;
        color: #ffffff;
    }
    
    .index-fbr-bs .index-link:hover i {
        color: #ffffff;
    }
    
    /* Отступы для мобильных */
    @media (max-width: 767.98px) {
        .index-fbr-bs .index-header p {
            font-size: 19px;
            padding: 0 15px;
        }
        
        .index-fbr-bs .index-image {
            height: 180px;
        }
        
        .index-fbr-bs .index-logo {
            width: 120px;
            height: 60px;
            top: 12px;
            left: 12px;
        }
        
        .index-fbr-bs .index-content {
            padding: 1.5rem;
        }
        
        .index-fbr-bs .index-title {
            font-size: 1.3rem;
        }
    }
    
    @media (max-width: 575.98px) {
       /*  .index-fbr-bs [class*="col-"] {
            margin-bottom: 20px;
        } */
        
        .index-fbr-bs .index-content {
            padding: 1.3rem;
        }
        
        .index-fbr-bs .index-description {
            font-size: 0.9rem;
        }
        
        .index-fbr-bs .index-link {
            padding: 0.6rem 1.3rem;
            font-size: 0.9rem;
        }
    }
/* //////////////////////////////////////////////// Page-card furniture //////////////////////////////////////////////// */
        .back-link {
            display: inline-flex;
            align-items: center;
            font-size: 0.9rem;
            font-weight: 500;
            color: #1e1e1e;
            text-decoration: none;
            border-bottom: 1px solid #dee2e6;
            padding-bottom: 2px;
            margin-bottom: 40px;
            transition: border-color 0.2s;
        }
        .back-link i {
            margin-right: 8px;
            font-size: 0.7rem;
            color: #adb5bd;
            transition: transform 0.2s;
        }
        .back-link:hover {
            border-bottom-color: #1e1e1e;
        }
        .back-link:hover i {
            transform: translateX(-3px);
            color: #1e1e1e;
        }
        
        /* ===== УНИКАЛЬНЫЕ СТИЛИ ДЛЯ КАРТОЧКИ С ЛОГОТИПОМ ===== */
        /* Префикс: fd- (furniture detail) */
        
        .fd-card {
            background: #ffffff;
            padding: 0;
            /* margin-bottom: 40px; */
            transition: all 0.2s ease;
            width: 100%;
			border-radius: 0px 0px 8px 8px;
        }
        .fd-image-wrapper {
            position: relative;
            width: 100%;
            background: #f8f9fa;
            border-bottom: 1px solid #e9ecef;
        }
        
        .fd-main-image {
            width: 100%;
            height: auto;
            display: block;
			border-radius: 8px 8px 0px 0px;
        }
        
        .fd-logo-overlay {
            position: absolute;
            top: 15px;
            left: 15px;
            width: 120px;
            height: 60px;
            background: #ffffff;
            border-radius: 8px;
            display: flex;
            align-items: center;
            justify-content: center;
            z-index: 10;
            border: 1px solid rgba(0, 0, 0, 0.05);
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
        }
   
        .fd-logo-overlay img {
            display: block; 
            width: 100%;
            height: 100%;
            object-fit: contain;
            border-radius: 8px;
        }
        
        .fd-content {
            padding: 30px;
        }
		
		.fd-content p {
            font-size: 18px !important;
        }
        
        .fd-category {
            font-size: 0.8rem;
            text-transform: uppercase;
            letter-spacing: 1px;
            color: #adb5bd;
            margin-bottom: 10px;
            font-weight: 500;
        }
        
        .fd-title {
            font-size: 2rem;
            font-weight: 300;
            margin: 0 0 20px 0;
            color: #1e1e1e;
        }
        
        .fd-text {
            color: #6c757d;
            font-size: 1rem;
            line-height: 1.8;
            margin-bottom: 20px;
        }
        
        .fd-text strong {
            font-weight: 600;
            color: #1e1e1e;
        }
        
        .fd-text:last-child {
            margin-bottom: 0;
        }
        
        .fd-specs {
            margin-top: 30px;
            border-top: 1px solid #e9ecef;
            padding-top: 25px;
        }
        
        .fd-spec-item {
            display: flex;
            justify-content: space-between;
            padding: 8px 0;
            border-bottom: 1px dashed #f1f3f5;
            font-size: 0.95rem;
        }
        
        .fd-spec-item:last-child {
            border-bottom: none;
        }
        
        .fd-spec-label {
            color: #adb5bd;
            font-weight: 400;
        }
        
        .fd-spec-value {
            color: #1e1e1e;
            font-weight: 500;
        }
		
		
/* Баннер адаптивный */
            .action-banner {
              display: block;
              width: 100%;
              height: auto;
            }
            
            /* Десктоп версия (шире 768px) */
            .action-banner__desktop {
              display: block;
              width: 100%;
              height: auto;
            }
            
            .action-banner__tablet-mobile {
              display: none;
              width: 100%;
              height: auto;
            }
			
			/* Планшет и мобильный (ширина меньше 991px) */
            @media (max-width: 991px) {
			  .link11 {
              padding-top: 23px;
              max-width: 300px;
              }
            }
			
            
            /* Планшет и мобильный (ширина меньше 767px) */
            @media (max-width: 767px) {
              .action-banner__desktop {
                display: none;
              }
              .action-banner__tablet-mobile {
                display: block;
              }
			  .link11 {
              padding-top: 22px;
              max-width: 226px;
              }
            }
			
			@media (max-width: 575px) {
			  .link11 {
              padding-top: 25px;
			  padding-left: 7px;
              }
            }
			
			  /* Стили для красивых номеров */
  .premium-number {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    background: #999999;
    color: #ffffff;
    font-weight: 800;
    font-size: 18px;
    border-radius: 50%;
    margin-right: 6px;
    transition: all 0.2s ease;
  }
  
  .breadcrumbs_about {
    display:none !important;
  }

  @media (max-width: 991px) {      
.header .mobile-menu.active {
    -webkit-box-shadow: none;
    box-shadow: none;
	border-top: 1px solid #f9f9f9;
} }

@media only screen and (max-width: 991px) {
    .mobile-menu.active {
        position: fixed !important;
        top: 80px !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        display: flex !important;
        flex-direction: column !important;
    }
    
    .mobile-menu.active .slicknav_menu {
        flex: 1 !important;
        overflow-y: auto !important;
        min-height: 0 !important;
        /* Добавляем плавный скролл */
        -webkit-overflow-scrolling: touch !important;
    }
    
    /* Добавляем отступ вниз для последнего элемента */
    .slicknav_nav {
        padding-bottom: 30px !important;
    }
    
    /* Убеждаемся, что последний элемент виден */
    .slicknav_nav li:last-child {
        margin-bottom: 0px !important;
    }
}

@media only screen and (max-width: 991px) {
    .slicknav_nav {
        max-height: none !important;
        height: auto !important;
    }
    
    .slicknav_nav {
        margin-bottom: 40px !important;
    }
	}
	/* //////////////////////////////////// NEW //////////////////////////////////// */


/* Разделитель */
.slicknav_nav .mobile-footer-divider {
    margin: 15px 0;
    border: 0;
    height: 1px;
    background: #ddd;
}

/* Блок телефонов - горизонтально по центру */
.slicknav_nav .mobile-phones {
    text-align: center;
    margin: 10px 0;
}

.slicknav_nav .mobile-phones a {
    display: inline-block;
    margin: 0 10px;
    padding: 5px 0;
    color: #fff;
    font-size: 18px;
    text-decoration: none;
}

.slicknav_nav .mobile-phones a:hover {
    color: #fff !important;
}

.slicknav_nav .mobile-phones i {
    margin-right: 8px;
    color: #888888;
}

/* Социальные иконки - по центру */
.slicknav_nav .mobile-social {
    text-align: center;
    margin: 0px 0 10px;
}

.slicknav_nav .mobile-social a {
    display: inline-block;
    margin: 0 12px;
    font-size: 28px;
    color: #ffffff;
    text-decoration: none;
}

/* .slicknav_nav .mobile-social a:hover {
    color: #fbc133;
} */

	
	.slicknav_nav .mobile-footer-added a {
     text-transform: none !important;	
	}
	
	.slicknav_nav .mobile-footer-added a:nth-child(1),
    .slicknav_nav .mobile-footer-added a:nth-child(2) {
    font-size: 1.2em !important;
    }
	
	
	.mobile-footer-added {
    margin-top: 0px;
    padding: 20px;
    padding-bottom: 10px;
    background: #333;	
	}
	
	
	
	
@media only screen and (max-width: 1199px) {
    .header .contact span{
     display: none;
}
.header .contact {
    right: -50px;
    min-width: auto;
}
}

	/* //////////////////////////////////// Social form //////////////////////////////////// */
/* Базовый контейнер */
.social-form {
    display: flex;
    gap: 15px;
    list-style: none;
    margin: 0;
    padding: 0;
}

/* Стили для ссылок */
.social-form li a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background: #f5f5f5;
    border-radius: 50%;
    color: #333;
    font-size: 20px;
    transition: all 0.3s ease;
    text-decoration: none;
}

/* Эффекты при наведении */
.social-form li a:hover {
    transform: translateY(-3px);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

/* Цвета при наведении для каждой соцсети */
.social-form li a[href*="vk.com"]:hover {
    background: #4c75a3;
    color: #fff;
}

.social-form li a[href*="t.me"]:hover {
    background: #26a5e4;
    color: #fff;
}

.social-form li a[href*="wa.me"]:hover {
    background: #25d366;
    color: #fff;
}

.card-img-top1 {
          border-radius: 8px;
		  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
          }

@media only screen and (max-width: 767px) {
.blogs-main.archives {
    padding: 50px 0 80px;
}}



    .kg-payment-grid.w-100 {
        grid-template-columns: 100%;
    }

ul.kg-payment-card-desc li {
    margin: 0;
    color: #333333;
    font-size: 18px;
    padding: 13px 0 0 0;
    list-style: disc !important;        /* точка */
    list-style-type: disc !important;   /* дубляж для надежности */
    display: list-item;                 /* принудительно включает маркер */
}

ul.kg-payment-card-desc {
    list-style: disc !important;
    padding-left: 20px !important;  /* отступ слева, чтобы точка не съезжала за край */
}

.section-title2 .kg-payment-card p{
    font-size: 18px !important;
}

.ec-delivery .ec-calc-layout {
    background: transparent !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

.ec-calc {
    padding: 0px !important;
}

.ec-calc-agree {
    display: none !important;
}

.ec-calc-made {
    display: none !important;
}

.ec-calc .ec-calc__header {
    border-bottom: 2px solid #999999 !important;
}

.ec-calc .ec-calc-form-delivery input[type="checkbox"]:checked+label:before, .ec-calc .ec-calc-form-pickup input[type="checkbox"]:checked+label:before {
    background-color: #999999 !important;
}

.ec-calc .ec-calc-form-dop-checks input[type="checkbox"]:checked+label:before {
    background-color: #999999 !important;
}

.ec-calc .ec-calc-form-submit {
    background: #999999 !important;
    -webkit-border-radius: 23px !important;
    -moz-border-radius: 23px!important;
    border-radius: 23px !important;
    padding: 10px 10px !important;
    text-transform: none !important;
    width: 100% !important;
    text-align: center !important;
    align-items: center !important;
    text-transform: uppercase !important;
}

.fa-max {
    display: inline-block;
    width: 1.1em;
    height: 1.1em;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 43 43"><path fill="%23333333" d="M22.39 41.89c-3.93 0-5.75-.58-8.9-2.9-2.02 2.61-8.34 4.63-8.62 1.17 0-2.6-.58-4.8-1.22-7.2C2.87 30 2 26.72 2 21.94 2 10.56 11.28 2 22.28 2c11 0 19.63 8.98 19.63 20.06 0 11.07-8.9 19.83-19.52 19.83Zm.2-30.02c-5.22-.27-9.3 3.37-10.2 9.08-.74 4.72.58 10.48 1.7 10.77.54.13 1.9-.98 2.74-1.82 1.39.9 2.97 1.6 4.73 1.7a9.96 9.96 0 0 0 10.4-9.34 10 10 0 0 0-9.37-10.39Z"/></svg>') center / contain no-repeat;
    transition: all 0.3s ease;
    transform: translateY(4px);
}

.fa-max:hover {
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 43 43"><defs><linearGradient id="grad" x1="0%" y1="0%" x2="100%" y2="0%"><stop offset="0%" style="stop-color:%234185f6;stop-opacity:1" /><stop offset="48%" style="stop-color:%234930e0;stop-opacity:1" /><stop offset="98%" style="stop-color:%23964bda;stop-opacity:1" /></linearGradient></defs><path fill="url(%23grad)" d="M22.39 41.89c-3.93 0-5.75-.58-8.9-2.9-2.02 2.61-8.34 4.63-8.62 1.17 0-2.6-.58-4.8-1.22-7.2C2.87 30 2 26.72 2 21.94 2 10.56 11.28 2 22.28 2c11 0 19.63 8.98 19.63 20.06 0 11.07-8.9 19.83-19.52 19.83Zm.2-30.02c-5.22-.27-9.3 3.37-10.2 9.08-.74 4.72.58 10.48 1.7 10.77.54.13 1.9-.98 2.74-1.82 1.39.9 2.97 1.6 4.73 1.7a9.96 9.96 0 0 0 10.4-9.34 10 10 0 0 0-9.37-10.39Z"/></svg>') center / contain no-repeat;
    transform: translateY(4px);
}


.fa-max-info {
    display: inline-block;
    width: 1.1em;
    height: 1.1em;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 43 43"><path fill="%23333333" d="M22.39 41.89c-3.93 0-5.75-.58-8.9-2.9-2.02 2.61-8.34 4.63-8.62 1.17 0-2.6-.58-4.8-1.22-7.2C2.87 30 2 26.72 2 21.94 2 10.56 11.28 2 22.28 2c11 0 19.63 8.98 19.63 20.06 0 11.07-8.9 19.83-19.52 19.83Zm.2-30.02c-5.22-.27-9.3 3.37-10.2 9.08-.74 4.72.58 10.48 1.7 10.77.54.13 1.9-.98 2.74-1.82 1.39.9 2.97 1.6 4.73 1.7a9.96 9.96 0 0 0 10.4-9.34 10 10 0 0 0-9.37-10.39Z"/></svg>') center / contain no-repeat;
    transition: all 0.3s ease;
    transform: translateY(0px);
}

.social-form .fa-max-link .fa-max-info {
    transition: all 0.3s ease;
}

/* Для MAX ссылок внутри li - работает с твоими стилями */
.social-form li a .fa-max-info {
    display: inline-block;
    width: 1.1em;
    height: 1.1em;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 43 43"><path fill="%23333333" d="M22.39 41.89c-3.93 0-5.75-.58-8.9-2.9-2.02 2.61-8.34 4.63-8.62 1.17 0-2.6-.58-4.8-1.22-7.2C2.87 30 2 26.72 2 21.94 2 10.56 11.28 2 22.28 2c11 0 19.63 8.98 19.63 20.06 0 11.07-8.9 19.83-19.52 19.83Zm.2-30.02c-5.22-.27-9.3 3.37-10.2 9.08-.74 4.72.58 10.48 1.7 10.77.54.13 1.9-.98 2.74-1.82 1.39.9 2.97 1.6 4.73 1.7a9.96 9.96 0 0 0 10.4-9.34 10 10 0 0 0-9.37-10.39Z"/></svg>') center / contain no-repeat;
    transition: all 0.3s ease;
}

/* Ховер для MAX - иконка становится белой */
.social-form li a:hover .fa-max-info {
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 43 43"><path fill="%23ffffff" d="M22.39 41.89c-3.93 0-5.75-.58-8.9-2.9-2.02 2.61-8.34 4.63-8.62 1.17 0-2.6-.58-4.8-1.22-7.2C2.87 30 2 26.72 2 21.94 2 10.56 11.28 2 22.28 2c11 0 19.63 8.98 19.63 20.06 0 11.07-8.9 19.83-19.52 19.83Zm.2-30.02c-5.22-.27-9.3 3.37-10.2 9.08-.74 4.72.58 10.48 1.7 10.77.54.13 1.9-.98 2.74-1.82 1.39.9 2.97 1.6 4.73 1.7a9.96 9.96 0 0 0 10.4-9.34 10 10 0 0 0-9.37-10.39Z"/></svg>') center / contain no-repeat;
}

/* А для первой ссылки (без li) - отдельно */
.social-form .fa-max-link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background: #f5f5f5;
    border-radius: 50%;
    transition: all 0.3s ease;
    text-decoration: none;
}

.social-form .fa-max-link:hover {
    transform: translateY(-3px);
    box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 15px;
    background: linear-gradient(90deg, #4185f6 0%, #4930e0 48%, #964bda 98%);
}

.social-form .fa-max-link:hover .fa-max-info {
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 43 43"><path fill="%23ffffff" d="M22.39 41.89c-3.93 0-5.75-.58-8.9-2.9-2.02 2.61-8.34 4.63-8.62 1.17 0-2.6-.58-4.8-1.22-7.2C2.87 30 2 26.72 2 21.94 2 10.56 11.28 2 22.28 2c11 0 19.63 8.98 19.63 20.06 0 11.07-8.9 19.83-19.52 19.83Zm.2-30.02c-5.22-.27-9.3 3.37-10.2 9.08-.74 4.72.58 10.48 1.7 10.77.54.13 1.9-.98 2.74-1.82 1.39.9 2.97 1.6 4.73 1.7a9.96 9.96 0 0 0 10.4-9.34 10 10 0 0 0-9.37-10.39Z"/></svg>') center / contain no-repeat;
}





/* SEO Text Block */
.seo-text {
    margin: 10px auto;
    padding: 10px;
    background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);
    border-radius: 8px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);
    line-height: 1.6;
    color: #333;
}



.seo-text p {
    font-size: 14px;
    color: #333;
    text-align: left;
}

.seo-text strong {
    color: #e67e22;
    font-weight: 600;
}




/* Акцент на акцию */
.seo-text p:last-child strong {
    font-size: 15px;
    background: linear-gradient(135deg, #e67e22, #f39c12);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    text-shadow: none;
}

.seo-text p:last-child {
    background: #ffffff;
    padding: 20px;
    border-radius: 8px;
    border-left: 4px solid #666;
    margin: 4px;
}


@media only screen and (min-width: 1200px) and (max-width: 1600px) {
   .seo-text p:last-child {
    margin: 13px;
}
}


@media only screen and (min-width: 992px) and (max-width: 1199px) {
   .seo-text p:last-child {
    margin: 26px;
}
}

.header .nav li .dropdown li:hover a {
	background: #333 !important;
}

.mobile-social .fa-max {
    display: inline-block;
    width: 28px;
    height: 28px;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 43 43"><path fill="%23ffffff" d="M22.39 41.89c-3.93 0-5.75-.58-8.9-2.9-2.02 2.61-8.34 4.63-8.62 1.17 0-2.6-.58-4.8-1.22-7.2C2.87 30 2 26.72 2 21.94 2 10.56 11.28 2 22.28 2c11 0 19.63 8.98 19.63 20.06 0 11.07-8.9 19.83-19.52 19.83Zm.2-30.02c-5.22-.27-9.3 3.37-10.2 9.08-.74 4.72.58 10.48 1.7 10.77.54.13 1.9-.98 2.74-1.82 1.39.9 2.97 1.6 4.73 1.7a9.96 9.96 0 0 0 10.4-9.34 10 10 0 0 0-9.37-10.39Z"/></svg>') center / contain no-repeat;
    transform: translateY(4px);
}


.slider-area .owl-prev:hover, .slider-area .owl-next:hover {
    color: rgba(0, 0, 0, 1) !important;
    background: rgba(255, 255, 255, 1) !important;
}

.blogs-main.archives.section h2 {
    font-weight: 600;
    color: #000;
    font-size: 1.8rem;
}




.d-flex.flex-column.align-items-end.justify-content-center .btn.primary {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    background-color: transparent !important;
    border: 2px solid #000 !important;
    border-radius: 40px !important;
    padding: 12px 32px !important;
    color: #000 !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    cursor: pointer !important;
    box-shadow: none !important;
    transition: all 0.3s ease !important; /* изменено с border-color на all */
}


.d-flex.flex-column.align-items-end.justify-content-center .btn.primary:hover {
    border-color: #333 !important;
    color: #fff !important;
    background-color: #333 !important;
}

.d-flex.flex-column.align-items-end.justify-content-center .btn.primary:hover .arrow {
    transform: translateX(4px) !important;
    color: #fff !important;
}

.d-flex.flex-column.align-items-end.justify-content-center .btn.primary:active {
    background-color: #333 !important;
}


.footer .top-arrow .btn {
    background: #ffffff !important;
}

.text-dark
 {
    color: #333 !important;
}

.photo-title {
    text-align: center;
    margin-top: 10px;
    font-size: 0.9em;
    font-weight: 500 !important;
    line-height: 1.2;
    color: #222;
}
}

/* Для Fancybox 3 */
.fancybox-caption__body {
    text-transform: uppercase !important;
}

/* Для старых версий Fancybox */
.fancybox-caption {
    text-transform: uppercase !important;
}


/* Выравнивание блока с чекбоксом */
.text-content {
  margin: 15px 0;
}

.checkbox-line {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  cursor: pointer;
}

.checkbox-line input[type="checkbox"] {
  width: 18px;
  height: 18px;
  margin: 2px 0 0 0;
  flex-shrink: 0;
  cursor: pointer;
  accent-color: #ffffff;
}

.checkbox-text {
  flex: 1;
  line-height: 1.4;
  font-size: 12px;
  color: #cfcfcf;
}

.checkbox-text a {
  color: #cfcfcf !important;
  text-decoration: underline !important;
  transition: opacity 0.3s !important;
}

.checkbox-text a:hover {
  opacity: 0.8 !important;
}

.widtch-text {
    max-width: 450px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
.widtch-text {
    max-width: 670px;
    margin-left: auto !important;
    margin-right: auto !important;
    position: relative;
}
}

@media (max-width: 767px) {
    .widtch-text {
        max-width: 475px;
        margin-left: auto;
        margin-right: auto;
    }
	
	.consulting .form-group.button {
	margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    text-align: center;
}

.consulting .form-group.button .btn {
    padding: 10px 15px !important;
    font-size: 16px !important;
    width: 100%;
}
.social-form {
    text-align: center;
    display: flex; 
    align-items: center;
    justify-content: center;
}
}


@media (max-width: 365px) {
.consulting .form-group.button .btn {
    padding: 10px 10px !important;
    font-size: 14px !important;
}
}


@media (max-width: 576px) {
    .widtch-text {
        max-width: 480px;
    }
}

@media (max-width: 991px) {
    /* Родительский контейнер секции */
    .consulting {
        display: flex;
        flex-direction: column;
        position: relative;
    }
    
    /* Блок с формой - отправляем вниз */
    .consulting > .container {
        order: 2;
        width: 100%;
    }
    
    /* Блок с контактами - поднимаем наверх */
    .consulting > .consult-right {
        order: 1;
        margin-bottom: 30px;
        position: relative;
        width: 100%;
    }
    
    /* Корректировка отступов для колонок */
    .consulting .row {
        margin-left: 0;
        margin-right: 0;
    }
    
    .consulting .col-lg-6.col-12 {
        padding-left: 15px;
        padding-right: 15px;
    }
    
    /* Адаптация текстового блока в consult-right */
    .consulting .consult-right .text-content {
        padding: 20px;
    }
}

@media (max-width: 576px) {
    /* Адаптация текстового блока в consult-right */
    .consulting .consult-right .text-content {
        padding: 20px 40px;
    }
}


@media only screen and (max-width: 991px) {
    .consulting {
        padding: 0px 0px 54px 0px !important;
        background: #5f5b57 !important;
    }
}


.nice-select.open,
.nice-select:focus,
.nice-select.active {
    box-shadow: none !important;
    outline: none !important;
}

.nice-select .list .option.selected {
    box-shadow: none !important;
}


a.linked-text{
	color: #333;
	-webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

a.linked-text:hover{
	color: #75716e;
}

h2.comments {
	color: #000;
}

#map {
    border-radius: 8px !important;
    overflow: hidden !important;
    position: relative;
}


@media only screen and (max-width: 429px) {
.footer .single-widget li a span {
    display: none;
}
.footer a.tel {
    font-size: 15px;
    font-weight: 600;
}
}

@media (max-width: 368px) {
  .col-6.col--6 {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
}

@media (max-width: 767px) {
.consulting .text-content .list li i {
 display: none;
  }
.consulting .text-content .list li {
    padding-left: 0px;
} 
.consulting .text-content .list li span {
    font-size: 26px;
}
.footer .single-widget li i {
    display: none;
} 
}


 .section.contact-us {
    padding: 40px 0 60px 0 !important;
}


.section#catalog {
    padding: 60px 0 60px 0;
}

@media (max-width: 767px) {
.contact-us .contact-address {
    padding: 30px 15px 0px 15px;
}
}

.text-content1 .checkbox-line {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  cursor: pointer;
}

.text-content1 .checkbox-line input[type="checkbox"] {
  width: 18px;
  height: 18px;
  margin: 2px 0 0 0;
  flex-shrink: 0;
  cursor: pointer;
  accent-color: #ffffff;
}

.footer-top .form-group.button .btn {
    color: #000 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background-color: transparent !important;
    border: 2px solid #ffffff !important;
    border-radius: 40px !important;
    padding: 17px 32px !important;
    color: #ffffff !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    cursor: pointer !important;
    box-shadow: none !important;
    transition: all 0.3s ease !important;
    text-transform: uppercase;
        }
		
.footer-top .form-group.button .btn:hover {
    border-color: #fff !important;
    color: #333 !important;
    background-color: #fff !important;
    }


.footer-top .form-group.button{
	margin-bottom:0px;
}
.footer-top .form-group.button .btn{
	background: #ffffff;
    cursor: pointer;
    margin-bottom: 0px;
	margin-top: 12px;
}
.footer-top .form-group.button .btn:hover{
	background:transparent;
	color:#333 !important;
}

@media (max-width: 767px) {
    .footer-top .form-group.button .btn {
        padding: 10px 15px !important;
        font-size: 16px !important;
        width: 100%;
    }
}

.blogs-main .contact-main.conf {
    background: #ffffff;
    border-radius: 8px;
    -webkit-box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
    margin-top: 2rem;
    height: fit-content;
	padding: 1px 30px 1px 30px;
}


.blogs-main .contact-main.conf p {
    font-size: 18px !important;
}

.blogs-main .contact-main.conf a {
    color: #333333 !important;
    font-size: 18px !important;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    text-decoration: none;
    font-weight: 600;
}

.blogs-main .contact-main.conf a:hover {
    text-decoration: none;
    color: #666 !important;
}

.blogs-main .contact-main.conf h3 {
    font-weight: 600;
	font-size: 1.55rem;
}
    
.blogs-main .contact-main.conf ul, .blogs-main .contact-main.conf ul li {
        margin: 10px;
        padding: 0;
        list-style: disc;
        font-size: 18px;
		color: #333;
        }


.blogs-main .contact-main.conf ul{
        margin-bottom: 30px;
		margin-top: 0px;
        }

@media (max-width: 767px) {
.blogs-main .contact-main.conf {
    padding: 1px 15px 1px 15px;
}
}


/* /////////////////////////////////////COOKIE FORM/////////////////////////////////////// */

#cookie_note{
    display: none;
    position: fixed;
    bottom: 20px;
    left: 50%;
    max-width: 100%;
    transform: translateX(-50%);
    padding: 20px;
    background-color: rgba(255, 255, 255, 0.96);
	backdrop-filter: blur(5px);
    border-radius: 8px;
    box-shadow: 2px 3px 10px rgba(0, 0, 0, 0.3);
}

#cookie_note p{
    margin: 0;
    font-size: 13px;
    text-align: left;
    color: black;
	width:79%;
}

#cookie_note a{
    color: #000;
	text-decoration: underline;
	-webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

#cookie_note a:hover{
    color: #333;
	text-decoration: none;
}


#cookie_note .btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    background-color: transparent !important;
    border: 2px solid #000 !important;
    border-radius: 40px !important;
    padding: 12px 32px !important;
    color: #000 !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    cursor: pointer !important;
    box-shadow: none !important;
    transition: all 0.3s ease !important;
    text-transform: uppercase;
}

#cookie_note .btn:hover {
    border-color: #333 !important;
    color: #fff !important;
    background-color: #333 !important;
}
.cookie_accept{
    width:20%;
}

#cookie_note.show {
	    display: flex !important;
        z-index: 1001;
    }
	
@media (min-width: 1200px){
    #cookie_note.show{       
		width: 1110px;
    }
}	
@media (min-width: 992px) and (max-width: 1199px){
    #cookie_note.show{       
		width: 930px;
    }
	#cookie_note p {
    font-size: 12px;
    }
}

@media (min-width: 768px) and (max-width: 991px){
    #cookie_note.show{
        display: block !important;
        text-align: left;
        width: calc(100% - 30px);
        max-width: 698px;
    }
	#cookie_note p{
	width:100%;
	font-size: 12px;
    }
	.cookie_accept{
    width:100%;
    }	
	#cookie_note .btn {
    margin-top: 10px;
}
}

@media (max-width: 767px){
    #cookie_note.show{
        display: block !important;
        text-align: left;
        width: calc(100% - 30px);
        max-width: 698px;
    }
	#cookie_note p{
	    width: 100%;
        font-size: 12px;
        line-height: 18px;
        margin-bottom: 10px;
    }
	
	#cookie_note br{
        margin-bottom: 10px;
    }
	.cookie_accept{
    width:100%;
    }	
	#cookie_note .btn {
    margin-top: 10px;
}
}


.grecaptcha-badge {
    opacity: 0 !important;
}

@media (min-width: 1200px) {
    .container {
        max-width: 1140px;
    }
}

@media (min-width: 1600px) {
    .container {
        max-width: 1250px;
    }
}

@media (min-width: 2560px) {
    .container {
        max-width: 1400px;
    }
} 


/* ==================== ИЗОБРАЖЕНИЯ ==================== */
.tn-atom a img {
    border-radius: 15px 15px 15px 15px;
    background-position: center center;
    --t396-borderwidth: 1px;
    --t396-bordercolor: #d6d6d6;
    border-width: var(--t396-borderwidth, 0);
    border-style: var(--t396-borderstyle, solid);
    border-color: var(--t396-bordercolor, transparent);
    transition: background-color var(--t396-speedhover, 0s) ease-in-out, color var(--t396-speedhover, 0s) ease-in-out, border-color var(--t396-speedhover, 0s) ease-in-out, box-shadow var(--t396-shadowshoverspeed, 0.2s) ease-in-out;
}

/* ==================== ЦВЕТОВЫЕ ПЛАШКИ ==================== */
.color-lines {
    padding-top: 16px;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.color-line {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 0;
}

.color-swatch {
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 5px;
    border: 1px solid #f9f9f9;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
    flex-shrink: 0;
}

.color-label {
    font-size: 14px;
    line-height: 1.2;
    color: #333333;
}

/* ==================== ЦВЕТА ==================== */
.color-black      { background: #111111; }
.color-chrome     { background: #bdbdbd; }
.color-gold       { background: #d0be98; }
.color-gold-mat   { background: #caae74; }
.color-gold-sat   { background: #c59068; }
.color-graphite   { background: #81827a; }
.color-chrome-sat { background: #dfdfdf; }
.color-white      { background: #ffffff; }
.color-antique    { background: #3a3a3a; }


.color-graphite2 { background: #80828d; }
.color-sat-chrome { background: #dfdfdf; }
.color-b-sat-gold { background: #d3c9a6; }

.color-atlas-nikel { background: #c6c8d1; }
.color-aluminuiun-mat { background: #c8c8c8; }
.color-white-mat      { background: #efefef; }

.color-brown       { background: #625656; }
.color-bronze      { background: #453e3b; }
.color-aluminum    { background: #c9ccd1; }
.color-white-mat   { background: #f2f2f2; }
.color-nickel-mat  { background: #b8bcc2; }

/* ==================== МОБИЛЬНАЯ ==================== */
@media (max-width: 575.98px) {
    .color-lines {
        padding-top: 10px;
        gap: 4px;
    }
    .color-swatch {
        width: 25px;
        height: 25px;
    }
    .color-label {
        font-size: 12px;
    }
    span.text-muted {
        font-size: 12px !important;
    }
}

/* ==================== КАРТОЧКА «РАЗМЕРЫ» ==================== */
.sizes-card {
    background: #fff;
    border: 1px solid #ececec;
    border-radius: 12px;
    padding: 14px 20px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .04);
}

.sizes-label {
    display: block;
    color: #9a9a9a;
    font-size: 13px;
    line-height: 1.2;
    margin-bottom: 6px;
    font-weight: 400;
}

.sizes-value {
    display: block;
    font-size: 15px;
    line-height: 1.35;
    color: #1a1a1a;
    margin: 0;
}

@media (min-width: 768px) {
    .sizes-divider {
        border-left: 1px solid #ececec;
    }
}

@media (max-width: 767.98px) {
    .sizes-card {
        padding: 12px 16px;
    }
    .sizes-label {
        font-size: 12px;
    }
    .sizes-value {
        font-size: 14px;
    }
    .sizes-divider {
        border-left: 0;
        margin-top: 12px;
        padding-top: 12px;
        border-top: 1px solid #ececec;
    }
}