/*
Theme Name: Barkó Natura Theme
Theme URI: https://patu.hu/
Description: Barkó Natura alap sablon
Author: Patuzzi Norbert
Author URI: https://patu.hu/
Template:
Version: 1.0
Tags: alap, minimal, white, grey, silver, patu, patuzzi, norbert
Text Domain: barko-theme

License:
License URI:
*/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

body {
	margin: 0px;
	padding: 0px;
	font-family: 'Montserrat', sans-serif;
	font-size: 16px;
	color: #0e5c41;
	overflow-x: hidden !important;
}

.wpb_text_column p {
	line-height: 1.5;
}

a, a:link, a:hover {
	text-decoration: none;
}

.header-inner, .main-container-inner, .footer-inner, .page-breadcrumbs-inner {
	max-width: 1100px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 15px;
	padding-right: 15px;
}

.header {
	height: 126px;
	line-height: 126px;
	background: #fff;
	position: fixed;
	left: 0px;
	right: 0px;
	z-index: 999;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
}

.header-menu {
	text-align: center;
}

.header-menu ul {
	padding-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}

.header-menu ul li {
	display: inline-block;
	vertical-align: middle;
	height: 121px;
	line-height: 121px;
	border-bottom: 5px solid transparent;
	margin-left: 20px;
	margin-right: 20px;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	transition: 0.5s;
	cursor: pointer;
}

.header-menu ul li a {
	font-size: 16px;
	color: #0e5c41;
	text-transform: uppercase;
	font-weight: 500;
	padding-top: 53px;
	padding-bottom: 53px;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	transition: 0.5s;
}

.header-menu ul li:hover, .header-menu ul li.current-menu-item, .header-menu ul li.current-menu-ancestor {
	border-bottom: 5px solid #be0c3a;
}

.header-menu ul li:hover a, .header-menu ul li.current-menu-item a, .header-menu ul li.current-menu-ancestor a {
	color: #be0c3a;
}

.header-logo {
	position: absolute;
	top: 10px;
	left: calc(((100% - 1160px) / 2) - 218px);
}

.header-logo img {
	width: 194px;
	height: 104px;
}

.main-container-home {
	padding-top: 126px;
}

.section-hero {
	background-position: top center;
	background-repeat: no-repeat;
	padding-top: 170px;
	padding-bottom: 100px;
}

.hero-title, .hero-subtitle {
	margin-bottom: 0px;
}

.hero-title h2 {
	font-weight: bold;
	font-size: 42px;
	text-transform: uppercase;
	color: #fff;
	margin-top: 0px;
	background-color: rgba(14,92,65,0.8);
	padding-left: 10px;
	padding-right: 10px;
	display: inline-block;
}

.hero-subtitle h2 {
	font-family: 'Playfair Display', sans-serif;
	font-size: 26px;
	color: #fff;
	margin-top: 0px;
	background-color: rgba(190,12,58,0.8);
	padding: 10px;
	width: 600px;
	font-style: italic;
	font-weight: normal;
}

.barko-button a {
	display: inline !important;
	height: 60px !important;
	line-height: 60px !important;
	padding: 20px 70px !important;
	color: #fff !important;
	text-transform: uppercase !important;
	font-size: 16px !important;
	font-weight: bold !important;
	border: 0px !important;
	border-radius: 30px !important;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	transition: 0.5s;
}

.barko-button-green a {
	background-color: #408d73 !important;
}

.barko-button-green a:hover {
	background-color: #be0c3a !important;
}

.barko-button-hero {
	margin-top: 100px;
}

.section-home-rolunk {
	background-repeat: no-repeat;
	background-position: bottom 80px right 120px;
}

.section-padding-top {
	padding-top: 50px !important;
}

.section-padding-bottom {
	padding-bottom: 50px !important;
}

.section-title h1 {
	font-weight: bold;
	font-size: 35px;
	text-transform: uppercase;
	margin-top: 0px;
	letter-spacing: 6px;
	margin-bottom: 46px !important;
}

.section-title-green h1 {
	color: #0e5c41;
}

.section-title-blue h1 {
	color: #172c66;
}

.section-title-center {
	text-align: center;
}

.section-title h1::after {
	display: block;
	content: '';
	width: 100px;
	height: 5px;
	background-color: #ecb6c5;
	margin-top: 46px;
}

.section-title-center h1::after {
	margin-left: auto;
	margin-right: auto;
}

.section-title-woafter h1::after {
	display: none;
}

.section-subtitle, .home-program-img, .home-program-text {
	margin-bottom: 0px !important;
}

.section-subtitle h2 {
	font-weight: bold;
	color: #172c66;
	font-size: 18px;
	text-transform: uppercase;
	margin-bottom: 14px !important;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	transition: 0.5s;
}

.home-program-text p {
	font-size: 16px;
	font-style: italic;
	color: #172c66;
	font-family: 'Playfair Display', sans-serif;
	max-width: 230px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 14px;
	margin-bottom: 14px;
}

.barko-button-small a {
	padding: 12px 46px !important;
	font-size: 12px !important;
}

.barko-button-blue a {
	background-color: #172c66 !important;
}

.home-program-item, .home-kinalat-item {
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	transition: 0.5s;
}

.home-program-item:hover .section-subtitle h2 {
	color: #be0c3a;
}

.home-program-item:hover .barko-button a {
	background-color: #be0c3a !important;
}

.home-program-title h2 {
	min-height: 44px;
}

.section-home-kinalatunk .section-title {
	margin-bottom: 0px !important;
}

.section-home-kinalatunk .section-title h1 {
	margin-bottom: 6px !important;
}

.section-subtitle-after {
	font-size: 18px;
	font-style: italic;
	font-family: 'Playfair Display', sans-serif;
	max-width: 540px;
	margin-left: auto;
	margin-right: auto;
}

.after-line::after {
	display: block;
	content: '';
	width: 100px;
	height: 5px;
	background-color: #fff;
	margin-top: 46px;
	margin-left: auto;
	margin-right: auto;
}

.home-kinalat-item-img {
	background-color: #56bb98;
	width: 250px;
	height: 250px;
	line-height: 250px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	border-radius: 50%;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	transition: 0.5s;
}

.home-kinalat-2 {
	display: none;
}

.home-kinalat-title h2 {
	color: #015337 !important;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	transition: 0.5s;
}

.barko-button-home-kinalat a {
	background-color: #408d73 !important;
}

.home-kinalat-item, .home-kinalat-item-img {
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	transition: 0.5s;
}

.home-kinalat-item-1 img, .home-kinalat-item-2 img, .home-kinalat-item-5 img {
	padding-top: 40px;
}

.home-kinalat-item-3 img {
	padding-top: 60px;
}

.home-kinalat-item-6 img {
	padding-top: 50px;
}

.home-kinalat-item:hover .home-kinalat-item-img {
	background-color: #b00f32;
}

.home-kinalat-item:hover .home-kinalat-2 {
	display: block;
}

.home-kinalat-item:hover .home-kinalat-1 {
	display: none;
}

.home-kinalat-item:hover .home-kinalat-item-img img {
	opacity: 0.3;
}

.home-kinalat-item:hover .home-kinalat-title h2 {
	color: #b00f32 !important;
}

.home-kinalat-item:hover .barko-button-home-kinalat a {
	background-color: #b00f32 !important;
}

.section-title-woafter, .section-title-woafter h1 {
	margin-bottom: 0px !important;
}

.section-subtitle-after-blue {
	color: #172c66;
}

.section-subtitle-after-blue::after {
	background-color: #ecb6c5;
}

.vc_patu_item {
	display: inline-block;
	vertical-align: top;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	transition: 0.5s;
}

.vc_patu_item_3 {
	width: 352px;
	margin-left: calc((100% - 1056px) / 6);
	margin-right: calc((100% - 1056px) / 6);
}

.vc_patu_title {
	font-size: 24px;
	font-weight: bold;
	color: #22366d;
	text-transform: uppercase;
	margin-top: 10px;
	margin-bottom: 16px;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	transition: 0.5s;
}

.vc_patu_title::after {
	display: block;
	content: '';
	width: 60px;
	height: 4px;
	margin-top: 12px;
	background-color: #d3715c;
}

.vc_patu_text {
	color: #22366d;
}

.vc_patu_button {
	margin-top: 14px;
	margin-bottom: 14px;
	font-size: 12px;
	background-color: #172c66;
	color: #fff;
	text-transform: uppercase;
	padding: 16px 30px;
	display: inline-block;
	border-radius: 24px;
	font-weight: bold;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	transition: 0.5s;
}

.vc_patu_overall_button {
	margin-top: 40px;
	margin-bottom: 14px;
	font-size: 12px;
	background-color: #172c66;
	color: #fff;
	text-transform: uppercase;
	padding-top: 22px;
	padding-bottom: 22px;
	border-radius: 30px;
	font-weight: bold;
	margin-left: auto;
	margin-right: auto;
	max-width: 255px;
	text-align: center;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	transition: 0.5s;
}

.vc_patu_img img {
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	transition: 0.5s;
}

.vc_patu_img {
	height: 244px;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	transition: 0.5s;
}

.vc_patu_item:hover .vc_patu_title {
	color: #b00f32;
}

.vc_patu_item:hover .vc_patu_button {
	background-color: #b00f32;
}

.vc_patu_item:hover .vc_patu_img img {
	opacity: 0.7;
}

.vc_patu_item:hover .vc_patu_img {
	background-color: #172c66;
}

.vc_patu_overall_button:hover {
	background-color: #b00f32;
}

.section-title-white {
	color: #fff;
}

.section-title-white h1::after {
	background-color: #fff;
}

.home-miert-text p {
	font-size: 16px;
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
}

.home-miert-text-1, .home-miert-text-3, .home-miert-text-4 {
	margin-top: 54px;
}

.home-miert-text-2 {
	margin-top: 42px;
}

.home-miert-text-5, .home-miert-text-6 {
	margin-top: 70px;
}

.home-gallery-line .vc_column-inner {
	padding: 0px;
}

.home-gallery-item img {
	width: 100%;
	height: auto;
}

.home-gallery-item {
	margin-bottom: 0px !important;
}

.footer {
	background-color: #5372c5;
}

.footer-container {
	max-width: 1680px;
	margin-left: auto;
	margin-right: auto;
	background-image: url('/wp-content/themes/barko-theme/images/footer-bg.png');
	background-repeat: repeat-x;
	background-position: top;
	padding-top: 200px;
}

.footer-container-inner {
	width: 100%;
	background-color: #172c66;
	padding-top: 36px;
}

.footer-column {
	display: inline-block;
	vertical-align: top;
	color: #fff;
	margin-bottom: 40px;
}

.footer-column a {
	color: #fff;
}

.footer-column-1 {
	width: 280px;
}

.footer-column-2 {
	width: calc(100% - 802px);
}

.footer-column-3, .footer-column-4 {
	width: 190px;
}

.footer-column-1, .footer-column-3 {
	padding-right: 64px;
}

.footer-column-1, .footer-column-3, .footer-column-4 {
	padding-top: 40px;
}

.footer-column-title {
	font-size: 16px;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 20px;
}

.footer-link {
	display: block;
	text-transform: uppercase;
	font-size: 14px;
	margin-bottom: 20px;
}

.footer-column-line {
	margin-bottom: 20px;
	font-style: italic;
	font-size: 14px;
	line-height: 1.5;
}

.footer-social-item {
	display: inline-block;
	vertical-align: middle;
}

.footer-socials {
	border-bottom: 5px solid #fff;
	padding-bottom: 20px;
}

.footer-social-item-1, .footer-social-item-2, .footer-social-item-3 {
	margin-right: 38px;
}

.section-title-red {
	color: #b00f32;
}

.footer-logo {
	position: absolute;
	left: calc(((100% - 1160px) / 2) - 218px);
	margin-top: -12px;
}

.page-header-container {
	padding-top: 126px;
}

.page-header {
	height: 270px;
	line-height: 270px;
	background-position: top center;
	background-repeat: no-repeat;
	display: flex;
	align-items: center;
	justify-content: center;
}

.page-header-title {
	background-color: rgba(14,92,65,0.8);
	padding: 8px;
	min-width: 420px;
	display: inline-block;
	/*max-height: 60px;*/
	line-height: 60px;
	font-size: 42px;
	font-weight: bold;
	text-align: center;
	color: #fff;
	text-transform: uppercase;
}

.page-breadcrumbs {
	height: 46px;
	line-height: 46px;
	background-color: #f4f4f4;
	border-bottom: 1px solid #adbac9;
	font-size: 13px;
	color: #b00f32;
	font-weight: 500;
	margin-bottom: 50px;
}

.page-breadcrumbs a {
	color: #006266;
}

.main-container-onlypage {
	font-size: 16px;
	color: #22366d;
}

.content-title h1 {
	font-size: 35px;
	color: #015337;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 6px;
}

.content-title h1::after {
	display: block;
	content: '';
	width: 100px;
	height: 5px;
	background-color: #d3715c;
	margin-top: 26px;
}

.section-title-sidebar h1 {
	font-size: 20px;
	color: #fff;
}

.section-title-sidebar h1::after {
	margin-top: 8px;
	background-color: #fff;
}

.sidebar-item-text p {
	color: #fff;
	font-size: 12px;
	font-weight: 500;
	text-transform: uppercase;
	margin-top: 0px;
}

.sidebar-icon, .sidebar-item-text {
	margin-bottom: 35px !important;
}

.sidebar-icon-1 {
	padding-top: 4px;
}

.sidebar-item-text-1 p {
	margin-top: 20px;
}

.sidebar-item-text-2 p, .sidebar-item-text-3 p {
	margin-top: 10px;
}

.sidebar-item-text-5 p {
	margin-top: 6px;
}

.sidebar-footer {
	font-size: 16px;
	color: #fff;
	text-transform: uppercase;
	margin-top: 50px;
	max-width: 220px;
	margin-left: auto;
	margin-right: auto;
	font-weight: 500;
}

.sidebar-footer::before {
	display: block;
	content: '';
	width: 100px;
	height: 5px;
	margin-left: auto;
	margin-right: auto;
	background-color: #fff;
	margin-bottom: 50px;
}

.barko-button-red a {
	background-color: #b00f32 !important;
	margin-top: 40px !important;
}

.section-triangle {
	margin-top: -50px;
}

.section-rolunk-kuldetesunk {
	background-image: url('/wp-content/uploads/2022/09/rolunk-kuldetesunk-bg.png?id=139');
	background-repeat: no-repeat;
	background-position: bottom 20px right 20px;
	color: #fff;
}

.section-wider {
	max-width: 1680px !important;
	margin-left: auto !important;
	margin-right: auto !important;
	left: calc((100% - 1680px) / 2) !important;
	padding-left: 0px !important;
	padding-right: 0px !important;
}

.section-wider .vc_col-sm-12 {
	max-width: 1130px !important;
	margin-left: calc((100% - 1160px) / 2) !important;
	padding-left: 15px;
	padding-right: 15px;
}

.section-wider-map .vc_col-sm-12 {
	max-width: 1550px !important;
	margin-left: calc((100% - 1550px) / 2) !important;
	padding-left: 15px;
	padding-right: 15px;
}

.program-content-column {
	border-bottom: 5px solid #d3715c;
}

.program-full-column {
	background-image: url('/wp-content/themes/barko-theme/images/program-full-column.png');
	background-repeat: no-repeat;
	background-position: bottom 10px right 10px;
}

.program-fixed {
	position: fixed;
	z-index: -1;
}

.program-fixed-left {
	top: 500px;
	left: 30px;
}

.program-fixed-right {
	top: 600px;
	right: 30px;
}

.section-title-small h1 {
	font-size: 28px;
	text-transform: none;
	letter-spacing: normal;
}

.kapcsolat-sidebar {
	width: 570px;
	position: absolute;
	left: calc(((100% - 1130px) / 2) + 753px);
}

.mail-form .form-line input, .mail-form .form-line textarea {
	padding: 22px;
	border: 0px;
	background: #fff;
	box-shadow: 1px 1px 3px rgba(0,0,0,0.2);
	font-size: 16px;
	color: #006266;
	width: calc(100% - 44px);
	outline: hidden;
}

.mail-form input:focus, .mail-form textarea:focus {
	border: 0px;
	outline: none;
}

.mail-form .form-line textarea {
	height: 200px;
}

.mail-form input::placeholder, .mail-form textarea::placeholder {
	color: #006266;
}

.form-line {
	margin-bottom: 16px;
}

.mail-form .form-line-2col .wpcf7-form-control-wrap {
	display: inline-block;
	vertical-align: top;
	width: calc(50% - 15px);
}

.form-keresztnev, .form-tel {
	margin-left: 30px;
}

.mail-form .wpcf7-list-item-label {
	font-size: 12px;
	color: #172c66;
}

.wpcf7-list-item {
	margin-left: 0px;
}

.form-submit {
	width: 255px;
	height: 54px;
	background-color: #b00f32;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	cursor: pointer;
	color: #fff;
	border-radius: 27px;
	border: 0px !important;
	margin-top: 50px;
}

.kapcsolat-icon, .kapcsolat-item-text {
	display: inline-block;
	vertical-align: middle;
}

.kapcsolat-icon {
	width: 50px;
}

.kapcsolat-item-text p {
	margin-top: 0px;
	font-size: 16px;
	color: #172c66;
}

/* LEGÖRDÜLŐ MENÜ */
.header-menu .menu-fomenu-container ul li ul {
	visibility: hidden;
  opacity: 0;
	position: absolute;
  transition: all 0.5s ease;
	/*left: 0;*/
  display: none;
	padding-left: 0px;
	height: auto !important;
	min-height: 40px !important;
	max-width: 360px;
	margin-top: 5px;
	background: #be0c3a !important;
	z-index: 999;
	line-height: 1.0;
	padding-top: 20px;
	padding-bottom: 20px;
}

.header .menu-fomenu-container ul li:hover > ul,
.header .menu-fomenu-container ul li ul:hover {
  visibility: visible;
  opacity: 1;
  display: block;
	height: inherit;
}

.header .menu-fomenu-container ul li ul li {
	clear: both;
  	width: calc(100% - 30px);
	left: 0;
	margin-left: 0px !important;
	margin-right: 0px !important;
	padding: 12px 15px !important;
	height: auto !important;
	margin-bottom: 0px;
	margin-top: 0px;
	text-align: left;
	border-bottom: 0px !important;
	line-height: 1.0;
}

.header .menu-fomenu-container ul li ul li:hover {
	background: #172c66;
	padding-left: 20px !important;
	padding-right: 10px !important;
}

.header .menu-fomenu-container ul li ul li a {
	color: #fff !important;
	font-size: 18px !important;
	border-bottom: 0px !important;
	padding-top: 0px;
	padding-bottom: 0px;
	text-transform: none;
}

.header .menu-fomenu-container ul li ul li:hover a {
	color: #fff !important;
}

.mobmenul-container {
	right: 30px;
	margin-top: 26px;
}

.mob-menu-logo-holder {
	display: none;
}

.main-container-page-343 {
	background-color: #015337 !important;
}

@media (max-width: 1680px) {
	.section-wider {
		max-width: none !important;
		width: 100vw !important;
		padding-left: inherit !important;
		padding-right: inherit !important;
		left: calc(((100vw - 1100px) / 2) * -1) !important;
	}
}

@media (max-width: 1630px) {
	.header-logo {
		position: inherit;
		display: inline-block;
		vertical-align: top;
		width: 200px;
		padding-top: 8px;
	}
	.header-menu {
		display: inline-block;
		vertical-align: top;
		width: calc(100% - 206px);
	}
	.header-menu ul li {
		margin-left: 10px;
		margin-right: 10px;
	}
	.footer-logo {
		left: calc((100% - 1160px) / 2);
	}
	.footer-column-1 {
		padding-top: 130px;
	}
}

@media (max-width: 1480px) {
	.program-fixed {
		display: none;
	}
}

@media (max-width: 1430px) {
	.kapcsolat-sidebar {
		width: 33.333%;
		position: relative;
		left: inherit;
	}
	.kapcsolat-item-text {
		width: calc(100% - 56px);
	}
}

@media (max-width: 1180px) {
	.footer-logo {
		left: 15px;
	}
}

@media (max-width: 1160px) {
	.section-wider {
		left: -15px !important;
		width: calc(100% + 30px) !important;
	}
	.section-wider .vc_col-sm-12 {
		max-width: inherit !important;
		margin-left: auto !important;
		margin-right: auto !important;
	}
	.vc_patu_item {
		margin-left: auto;
		margin-right: auto;
		display: block;
		margin-bottom: 30px;
	}
}

@media (max-width: 1059px) {
	.footer-column-1 {
		padding-right: 0px;
		width: 240px;
	}
	.footer-column-2 {
		width: calc(100% - 702px);
	}
}

@media (max-width: 1035px) {
	.header-menu ul li {
		margin-left: 6px;
		margin-right: 6px;
	}
}

@media (max-width: 979px) {
	.header-logo img {
		height: 50px;
		width: auto;
	}
	.header {
		height: 64px;
		line-height: 64px;
	}
	.mobmenul-container {
		margin-top: 6px;
	}
	.main-container-home, .page-header-container {
		padding-top: 64px;
	}
}

@media (max-width: 970px) {
	.footer-column-2 {
		width: calc(100% - 600px);
	}
	.footer-column-3 {
		padding-right: 0px;
		width: 140px;
	}
}

@media (max-width: 960px) {
	.section-hero {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.barko-button-hero {
		margin-top: 20px;
	}
	.home-miert-text {
		margin-top: 0px;
	}
}

@media (max-width: 870px) {
	.footer-column {
		width: calc(50% - 4px);
		padding: 0px;
	}
	.footer-column-1 {
		padding-top: 140px;
	}
	.footer-logo {
		margin-top: 0px;
	}
}

@media (max-width: 767px) {
	.home-miert-img, .home-miert-text, .sidebar-item-line, .sidebar-icon {
		text-align: center !important;
	}
	.sidebar-item-text p {
		max-width: none !important;
	}
	.kapcsolat-sidebar {
		width: 100%;
	}
}

@media (max-width: 700px) {
	.hero-subtitle h2, .hero-title h2 {
		width: calc(100% - 20px);
	}
}

@media (max-width: 510px) {
	.footer-column {
		width: 100%;
		padding: 0px;
		margin-bottom: 20px;
	}
	.footer-logo {
		position: relative;
		margin-bottom: 30px;
		left: inherit;
	}
	.footer-inner {
		text-align: center;
	}
}

@media (max-width: 499px) {
	.page-header-title {
		font-size: 30px;
		line-height: 40px;
	}
}

@media (max-width: 440px) {
	.page-header-title {
		min-width: inherit;
	}
}

@media (max-width: 430px) {
	.vc_patu_item {
		width: 100%;
	}
	.vc_patu_img {
		width: calc(100vw - 100px);
	}
	.vc_patu_img img {
		width: 100% !important;
		height: auto !important;
	}
	.vc_patu_item:hover .vc_patu_img img {
		opacity: 1;
	}
	.vc_patu_item:hover .vc_patu_img {
		background-color: transparent;
	}
}

@media (max-width: 400px) {
	.main-container-page-112 .content-title h1, .main-container-page-112 .section-title h1 {
		font-size: 28px;
	}
}