/*
Theme Name: Edenvert
Theme URI: https://www.anttoweb.com
Author:  Antto Team
Author URI: https://www.anttoweb.com
Description: <a target="_blank" href="http://www.anttoweb.com/">网站建设</a>： <a target="_blank" href="http://www.anttoweb.com/">安拓网络</a> <a target="_blank" href="http://www.anttoweb.com/">Web Design</a>.
Version: 1.0
*/


/******
 ****** Global
 ******/

@font-face {
    font-family: "Roboto-Bold";
    src: url("./assets/fonts/Roboto-Bold.woff2") format("woff2"), url("./assets/fonts/Roboto-Bold.woff") format("woff"), url("./assets/fonts/Roboto-Bold.ttf") format("truetype"), url("./assets/fonts/Roboto-Bold.eot") format("embedded-opentype"), url("./assets/fonts/Roboto-Bold.svg") format("svg");
    font-weight: normal;
    font-style: normal;
	  font-display: swap;
}

@font-face {
    font-family: "Roboto-Medium";
    src: url("./assets/fonts/Roboto-Medium.woff2") format("woff2"), url("./assets/fonts/Roboto-Medium.woff") format("woff"), url("./assets/fonts/Roboto-Medium.ttf") format("truetype"), url("./assets/fonts/Roboto-Medium.eot") format("embedded-opentype"), url("./assets/fonts/Roboto-Medium.svg") format("svg");
    font-weight: normal;
    font-style: normal;
	font-display: swap;
}

@font-face {
    font-family: "Roboto-Thin";
    src: url("./assets/fonts/Roboto-Thin.woff2") format("woff2"), url("./assets/fonts/Roboto-Thin.woff") format("woff"), url("./assets/fonts/Roboto-Thin.ttf") format("truetype"), url("./assets/fonts/Roboto-Thin.eot") format("embedded-opentype"), url("./assets/fonts/Roboto-Thin.svg") format("svg");
    font-weight: normal;
    font-style: normal;
	font-display: swap;
}

@font-face {
    font-family: "RobotoCondensed-Bold";
    src: url("./assets/fonts/RobotoCondensed-Bold.woff2") format("woff2"), url("./assets/fonts/RobotoCondensed-Bold.woff") format("woff"), url("./assets/fonts/RobotoCondensed-Bold.ttf") format("truetype"), url("./assets/fonts/RobotoCondensed-Bold.eot") format("embedded-opentype"), url("./assets/fonts/RobotoCondensed-Bold.svg") format("svg");
    font-weight: normal;
    font-style: normal;
	font-display: swap;
}

@font-face {
    font-family: "RobotoCondensed-Light";
    src: url("./assets/fonts/RobotoCondensed-Light.woff2") format("woff2"), url("./assets/fonts/RobotoCondensed-Light.woff") format("woff"), url("./assets/fonts/RobotoCondensed-Light.ttf") format("truetype"), url("./assets/fonts/RobotoCondensed-Light.eot") format("embedded-opentype"), url("./assets/fonts/RobotoCondensed-Light.svg") format("svg");
    font-weight: normal;
    font-style: normal;
	font-display: swap;
}

@font-face {
    font-family: "RobotoCondensed-Regular";
    src: url("./assets/fonts/RobotoCondensed-Regular.woff2") format("woff2"), url("./assets/fonts/RobotoCondensed-Regular.woff") format("woff"), url("./assets/fonts/RobotoCondensed-Regular.ttf") format("truetype"), url("./assets/fonts/RobotoCondensed-Regular.eot") format("embedded-opentype"), url("./assets/fonts/RobotoCondensed-Regular.svg") format("svg");
    font-weight: normal;
    font-style: normal;
	font-display: swap;
}

@font-face {
    font-family: "Ubuntu-Medium";
    src: url("./assets/fonts/Ubuntu-Medium.woff2") format("woff2"), url("./assets/fonts/Ubuntu-Medium.woff") format("woff"), url("./assets/fonts/Ubuntu-Medium.ttf") format("truetype"), url("./assets/fonts/Ubuntu-Medium.eot") format("embedded-opentype"), url("./assets/fonts/Ubuntu-Medium.svg") format("svg");
    font-weight: normal;
    font-style: normal;
	font-display: swap;
}

@font-face {
    font-family: "KaushanScript-Regular";
    src: url("./assets/fonts/KaushanScript-Regular.woff2") format("woff2"), url("./assets/fonts/KaushanScript-Regular.woff") format("woff"), url("./assets/fonts/KaushanScript-Regular.ttf") format("truetype"), url("./assets/fonts/KaushanScript-Regular.eot") format("embedded-opentype"), url("./assets/fonts/KaushanScript-Regular.svg") format("svg");
    font-weight: normal;
    font-style: normal;
	font-display: swap;
}

 .cart-contents {
      position: relative;
      display: inline-block;
      text-decoration: none;
}
 .cart-contents i {font-size: 20px;  }
.cart-count {
    position: absolute;top: -8px;right: -10px;background: #aacf44;color: white;border-radius: 50%;font-size: 10px;font-weight: bold; width: 18px;height: 18px;display: flex; align-items: center; justify-content: center;
}
#wpforms-submit-8193{
	    background-color: #aacf44 !important;
    border: 0 !important;
    color: #fff !important;
    font-weight: 700 !important;
    width: 100% !important;
    letter-spacing: 1px !important;
	 border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}
#wpforms-form-8193 .wpforms-field-large,#wpforms-8193-field_6{
	color: #222 !important;
    border-color: transparent !important;
    background-color: #eee !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

html {
    font-size: 10px;
}

body {
    margin: 0;
    color: #222222;
    font-size: 14px;
    background-color: #fff;
    font-family: "RobotoCondensed-Regular";
}

p {
    font-size: 14px;
    margin-bottom: 20px;
    line-height: 1.8;
    font-weight: normal;
    font-family: "RobotoCondensed-Regular";
    color: #222222;
}

h1 {
    font-size: 24px;
}

h2 {
    font-size: 20px;
}
.single-news-title{
	font-size:20px;
}
h3 {
    font-size: 18px;
}

h4 {
    font-size: 16px;
}

h5 {
    font-size: 14px;
}

h6 {
    font-size: 13px;
}

h1,
h2,
h3,
h4,
h5,
h6,
strong {
    color: #222222;
    margin-top: 0;
    font-weight: normal;
    font-family: "RobotoCondensed-Bold";
}

@media (min-width: 768px) {
    body {
        font-size: 16px;
    }
    p {
        font-size: 16px;
        margin-bottom: 25px;
    }
    h1 {
        font-size: 36px;
    }
    h2 {
        font-size: 30px;
    }
    h3 {
        font-size: 22px;
    }
    h4 {
        font-size: 18px;
    }
    h5 {
        font-size: 16px;
    }
    h6 {
        font-size: 14px;
    }
	.single-news-title{
		font-size:30px;
	}
}

@media (min-width: 1200px) {
    body {
        font-size: 20px;
    }
    p {
        font-size: 20px;
        margin-bottom: 30px;
    }
    h1 {
        font-size: 40px;
    }
    h2 {
        font-size: 32px;
    }
    h3 {
        font-size: 24px;
    }
    h4 {
        font-size: 20px;
    }
    h5 {
        font-size: 18px;
    }
    h6 {
        font-size: 16px;
    }
	.single-news-title{
		font-size:32px;
	}
}
.text-primary{
    color: #34612f !important;
}
p:last-child {
    margin-bottom: 0;
}

a {
    color: #222222;
    cursor: pointer;
    outline: none;
}

a:hover,
a:focus {
    color: #AACF44;
    text-decoration: none;
    transition: all 0.5s;
}

.white {
    color: #fff !important;
}

.eee {
    color: #eee !important;
}

.blank {
    color: #000 !important;
}

.bold {
    font-weight: bold !important;
}

img {
    max-width: 100%;
    height: auto;
}

.alignleft {
    float: left;
}

.alignright {
    float: right;
}

.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
.esgupro-box{
	display:flex;
	align-items:center;
}
.esgupro-right .vc_btn3.vc_btn3-color-green.vc_btn3-style-3d{
	background-color: #34612f !important;
    box-shadow: 0 5px 0 #243b10 !important;
}
.alignnone {
    float: none;
}
.seller-content{
	overflow:hidden;position:relative;
}
.seller-prev,.seller-next{
	background: #fff;
    color: #34612f;
}
.seller-prev:hover,.seller-next:hover{
	opacity:1;
	background: #34612f;
    color: #fff;
}
.seller-prev:after,.seller-next:after{
	    font-size: 24px;
    font-weight: bold;
}
.tax-product-categories .add_to_cart_button,.single-product .add_to_cart_button{
	color: #fff !important;
    border: 1px solid #34612f !important;
	background-color:#34612f !important;
}
.tax-product-categories .product-info-list{
	text-align:center;
}
.tax-product-categories .product-info-item{
	text-align:left !important;
}
.single-references .sidebar-blog-main-title{
	font-size: 26px;
    color: #fff;
    background: #34612f;
    padding: 15px;
}
.single-references .sidebar-blog-main-title a{
	color:#fff;
}
.single-references .sidebar-blog-wrap .sidebar-title{
	border-bottom:none !important;
}
.tax-product-categories .add_to_cart_button:hover,.single-product .add_to_cart_button:hover{
	background-color:#fff !important;
	color: #34612f !important;
}
.sideboxs_img{
	position:relative;
}
.sideboxs_img img{
	width:100%;
}
.sideboxs_img a{
	    position: absolute;
    display: inline-block;
    width: 100%;
    text-align: center;
    padding: 15px 0;
    font-size: 20px;
    background-color:#34612f;
    color: #fff;
    left: 0;
    bottom: 0;
}
.side-contact h2{
	color: #34612f;
    font-size: 50px;
    font-family: ubuntu-medium;
	border-bottom: 1px solid #333;
    padding-bottom: 1.5rem;
	margin-bottom:40px;
}
.side-contact {
	margin-top:30px;
}
.nf-form-fields-required{
	display:none !important;
}
.nf-form-content label{
	font-size:14px !important;
}
.nf-form-content .list-select-wrap .nf-field-element>div, .nf-form-content input:not([type=button]), .nf-form-content textarea{
	 color: #222 !important;
    border-color: transparent !important;
    background-color: #eee !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
	    font-size: 14px !important;
}
.postid-9486 .single-news-content table tr:first-child{
	    background: #34612f !important;
}
.postid-9486 .single-news-content table tr:first-child td{
	background: #34612f !important;
}
.postid-9486 .single-news-content table tr:first-child td b{
	color:#fff !important;
}
.postid-9486 .single-news-content table tr td:first-child{
	background:#f0f0f0;
}
#nf-form-3-cont .nf-form-content nf-field,
#nf-form-4-cont .nf-form-content nf-field{
	width: 50%;
    display: inline-block;
    float: left;
}
#nf-form-3-cont .nf-form-content nf-field,
#nf-form-4-cont .nf-form-content nf-field{
	padding-left:7.5px;padding-right:7.5px;
}
#nf-form-3-cont .nf-form-content nf-field:last-child,
#nf-form-3-cont .nf-form-content nf-field:nth-last-child(2),
#nf-form-4-cont .nf-form-content nf-field:nth-last-child(2),
#nf-form-4-cont .nf-form-content nf-field:last-child,
#nf-form-4-cont .nf-form-content nf-field:first-child{
	width:100% !important;
}
#nf-form-3-cont #nf-field-15,
#nf-form-4-cont #nf-field-22{
	background-color: #aacf44 !important;
    border: 0 !important;
    color: #fff !important;
    font-weight: 700;
    width: 100%;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 4px !important;
}
#nf-form-4-cont .nf-form-content nf-field{
	margin-bottom:5px !important;
}
#nf-form-4-cont #nf-field-21{
	height:120px !important;
}
#nf-form-4-cont #nf-field-22-container{
	margin-top:10px !important;
}
.nf-form-content{
	padding:0px !important;
}
#nf-field-15-container{
	margin-top:15px !important;
}
.nf-error{
	font-size:14px !important;
}
#nf-form-2-cont #nf-field-5-wrap .nf-field-element{
	   background-color: #aacf44 !important;
    margin: 0 !important;
    padding: 20px !important;
}
#nf-form-2-cont #nf-field-5-wrap .nf-field-element h2,
#nf-form-2-cont #nf-field-5-wrap .nf-field-element p{
	color:#fff !important;
}
#nf-form-2-cont .nf-form-content nf-field:nth-child(2) .nf-field-container,
#nf-form-2-cont .nf-form-content nf-field:nth-child(3) .nf-field-container,
#nf-form-2-cont .nf-form-content nf-field:nth-child(4) .nf-field-container,
#nf-form-2-cont .nf-form-content nf-field:nth-child(5) .nf-field-container{
	padding: 0px 25px !important;
}
#nf-form-4-cont .nf-form-content label{
	display:none;
}
/* .postid-5568 .vc_btn3.vc_btn3-size-lg{
	font-size: 17px;
    padding-top: 18px;
    padding-bottom: 18px;
    padding-left: 45px;
    padding-right: 45px;
	margin-right:5%;
}
@media(max-width:767px){
	.postid-5568 .vc_btn3.vc_btn3-size-lg{
	font-size: 16px;
    padding-top: 18px;
    padding-bottom: 18px;
    padding-left: 25px;
    padding-right: 25px;
}
} */
.searchd{
	cursor: pointer;
}
.header_search{
	position: absolute; margin-top: 115px;
}
.navbar.menu-fixed .header_search{
	 margin-top: inherit;    bottom: -15px;
}
.header-center-area.show-layout .header_search{
	padding:0px;
}
.header_search .header-text{
	height: 40px;border:none;width: 250px;padding:0px 10px;outline: none;
}
.header_search .search-submit{
	width: 40px;height: 40px;background-color: #85c43f;position: relative;right: 6px;top: 0px;border: none;outline: none;
}
.header_search .fa-search{
	    color: #fff;
    font-size: 18px;
}
.mobile_search a{
	color: #fff;font-size: 16px;
}
@media (min-width: 1200px){
	.header_search{
		right: 160px; 
	}
}
@media (max-width: 1348px){
	.header_search{
		right: 20px; 
	}
}
@media (max-width: 1024px){
	.mobile_search{
		display: inline-block !important;position: fixed;
    right:100px;
    top: 36px;
	}
	.header-center-area.show-layout .mobile_search{
		top: 13px;
	}
	.header_search .search-submit{
		top: -1px;
	}
	#menu-item-8890{
		display:none !important;
	}
}
.single-news .sidebar-blog-wrap,.post-type-archive-news .sidebar-blog-wrap {
	position: sticky;
    top: 0;
    visibility: visible;
}
.page-id-508 .banner,.post-type-archive-news .banner,.page-id-2776 .banner,.single-news .banner,.tax-references-categories .banner,.page-id-13 .banner,.page-id-2533 .banner,.single-references .banner,.page-id-747 .banner,.parent-pageid-747 .banner{
	background-image: url("https://www.eden-vert.com/wp-content/uploads/2022/05/Artificial-Plant-Manufacturer.jpg") !important;
}
.page-id-508 .vc_custom_1622104002165 .about_box a:hover{
	color:#777 !important;
}
.page-id-4088 .about-edenvert-content{
	margin-top:0px !important;
}
.page-id-4088 .about-edenvert-title-wrap{
	top:0px !important;
}
.page-id-4088 .about-edenvert-content a{
	color: #34612F !important;
}
.page-id-4088 .about-edenvert-content a:hover{
	color:#fff !important;
}
.references-titles a::after{
	content:'>>';
	position:absolute;
	right:38px;
	top:30px;
	transition:all .7s;
}
#outplants .about-edenvert-title br {
    display: block !important;
}
.how-content{
	height: 247px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;position:relative;
}
.he-right{
	padding-right:0px !important;
}
.projects-content{
	margin-top:109px;
}
.how-title{
	position: absolute;
    bottom: 0;
    left: 42px;
    background-color: #388382;
}
.how-title h2{
	line-height: 36px;
    color: #fff;
   padding: 61px 192px 61px 49px;
}
.tools-tu{
	margin-top:17px;
}
.tools-need h3{
	font-size: 30px;
	line-height: 36px;
}
.tools-need p{
	font-size: 24px;
	line-height: 36px;
}
.tools-need{
	margin-top:37px;
}
#hedges{
	padding:45px 0px;
	background-color: #f8b62b !important;
}
#hedges::before{
	right:100% !important;
	background-color: #f8b62b !important;
	left:inherit !important;
}
#cladding{
	background-color: #34612f !important;
}
#concrete{
	background-color: #9e4537 !important;
}
.projects-img{
	position:relative;
}
.projects-img .txt{
	position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.3);
}
.projects-img .txt h3{
	color: #fff;
    padding-left: 20px;
    padding-top: 28px;
    padding-bottom: 23px;
}
#green-wall,#projects,#green-wall::before,#projects::before{
	background-color: #f8b62b !important;
}
.list1{
	margin-bottom:50px;
}
.projects-content .col-md-6{
	margin-bottom:44px;
}
/* .page-id-4088 .container .special-container{
	padding:0 !important;
} */
.page-id-4088 .vc_toggle_icon{
	left: inherit !important;
    right: 10px;
}
.page-id-4088 .about-edenvert-img img{
	position:relative;top:66px;
}

#he-right1{
	text-align:right;
}
.projects-img{
	overflow:hidden;
}
.projects-img img{
	transition:all .4s;
}
.projects-img a:hover .projects-img img{
	transform:scale(1.1);
}
.conclusion{
	margin-top:11%;
}
.conclusion .container.special-container,
.questions .container.special-container{
	padding-left:0px !important;padding-right:0px !important;
}
.questions ul{
	list-style:none;padding-left:0px;
}
.questions ul li{
	padding-top:5px;
}
#artificial .about-edenvert-title::before,
#protected .about-edenvert-title::before,
#last .about-edenvert-title::before,
#advocated .about-edenvert-title::before,
#Safe .about-edenvert-title::before,
#retardant .about-edenvert-title::before,
#choice .about-edenvert-title::before,
#topcho .about-edenvert-title::before{
	left:auto !important;right:100% !important;
}
#outdoor ul{
	list-style:none;padding-left:15px;
}
.questions{
	margin-top:50px;
}
.question-list ul{
	list-style:none;padding-left:0px;
}
.question-list ul li{
	padding-left:25px; text-indent:-25px;
}
.question-list ul li a,.emails{
	color:#34612F !important;
}

#resistants .about-edenvert-title br,
#artificial .about-edenvert-title br,
#protected .about-edenvert-title br,
#last .about-edenvert-title br,
#choosefire .about-edenvert-title br,
#retardant .about-edenvert-title br,
#choice .about-edenvert-title br,
#performance .about-edenvert-title br,
#topcho .about-edenvert-title br{
	display:block !important;
}
#choice .about-edenvert-info{
	 background-position:0px -200px;
}
#performance .about-edenvert-info{
	background-position:initial;
}
.page-id-4221 .about-edenvert-title br {
    display: block !important;
}
#wtob .about-edenvert-info{
	background-position: top;
}
#advocated .about-edenvert-info{
	background-position:top;
}
#attention .about-edenvert-info{
	background-position:top;
}
.page-id-4088 #Started a{
	color: #34612f!important;
}
.request{
	text-align: center;
    width: 300px;
    height: 60px;
    background: #aacf44;
    line-height: 60px;
    border-radius: 50px;
    margin: 0 auto;
}
.request a{
	color:#fff !important;
} 
.single-references .single-content{
 position:relative;
}
.single-references .single-content p:first-child{
 position: absolute;
    top: 68%;
    color: white;
    background: rgb(0,0,0,0.5);
    padding-top: 25px;
    padding-bottom: 25px;
    padding-left: 50px;
    padding-right: 50px;
}
#last a,#represent a{
	color: #34612f!important;
}
.single-references .single-content a{
	color:darkseagreen !important;
}
.page-id-4223 .content a,.page-id-4221 .content a{
	color: #34612f;
}
.page-id-508 .content a:hover,
.page-id-4223 .content a:hover,
.page-id-4221 .content a:hover,
.page-id-4219 .content a:hover,
#last a:hover,#represent a:hover{
	color:#fff !important;
}
.page-id-4219 .content,
.page-id-4221 .content,
.page-id-4223 .content,
.page-id-4088 .content{
	padding-bottom:0 !important;
}
.page-id-508 .content a{
	color: #34612f !important;
}
.leading{
	margin-bottom:25px;
}
@media (max-width:1440px){
    .navbar .navbar-nav>li>a.nav-link{
        font-size: 16px;
    }
    .ask_box .ask_box_btn {
        font-size: 24px;
        line-height: 50px;
        width: 250px;
        height: 52px;
    }
    .ask_box h3 {
        font-size: 36px;
    }
    p {
        font-size: 18px;
    }
    .ask_box{
        padding: 50px;
    }
    .home-about .section-sub-title{
        font-size: 48px;
        line-height: 50px;
    }
    .section-title, .section-sub-title {
        font-size: 50px;
    }
}
@media (min-width:1401px) and (max-width:1440px){
	.how-title{
		left:0;
	}
	.he-right img,.he-left img{
  width:49%;
 }
}
@media (min-width:1201px) and (max-width:1400px){
	.he-right img,.he-left img{
  width:49%;
 }
	.how-title{
		left:0;
	}
}
@media (min-width:992px) and (max-width:1200px){
	.he-right img,.he-left img{
  width:49%;
 }
	.how-title{
		left:0;
	}
	.how-title h2 {
    padding: 52px 10px 52px 20px;
}
}
@media (min-width:768px) and (max-width:991px){
	.how-title{
		left:0;
	}
	.how-title h2 {
    padding: 52px 10px 52px 20px;
}
	.list1 .col-md-5 {
    flex:inherit !important;
		max-width: 100% !important;
	}
	.list1 .col-md-7{
		flex: inherit !important;
    max-width: 100% !important;
    display: flex;
	}
	.list2 .col-md-5 {
    flex:inherit !important;
		max-width: 100% !important;
	}
	.list2 .col-md-7{
		flex: inherit !important;
    max-width: 100% !important;
    display: flex;
	}
	#he-right1 {
    text-align: inherit;
    display: inherit !important;margin-top:16px;padding-left:0px;
}
	.he-right h2{
		margin-top:16px;
	}
	.he-left,.he-right{
		padding-left:0px;
	}
	#choice .about-edenvert-info {
    background-position: 0;
}
	#wtob .about-edenvert-info{
	background-position: inherit;
}
#advocated .about-edenvert-info{
	background-position:inherit;
}
#attention .about-edenvert-info{
	background-position: inherit;
}
}
@media (max-width: 768px){
    .single-references .single-content p:first-child{
        top: auto;
        bottom: 0;
        margin-bottom: 0;        
    }
	.error-404-wrapper h1 {
    font-size: 145px !important;
}
}
@media (max-width:767px){
	#nf-form-3-cont .nf-form-content nf-field, #nf-form-4-cont .nf-form-content nf-field{
		width:100% !important;
	}
	#nf-form-4-cont .nf-form-content nf-field{
		margin-bottom:0px !important;
	}
	.references-list .references-img img{
		width:100%;
	}
	.references-list .transformYB img{
		width:100% !important;
	}
	.error-404-wrapper h1{
		font-size:100px !important;
	}
	.error-404-wrapper .content-404{
		font-size:16px;
	}
	.single-references .sidebar-blog-main-title{
		font-size:20px;
	}
	#he-right1{
		text-align:inherit;margin-top:16px;
	}
	.how-title{
		left:0;
	}
	.how-title h2 {
    font-size: 22px;
		padding: 34px 10px 34px 20px;
}
	#hedges{
		padding: 15px 30px;
	}
	#choice .about-edenvert-info {
    background-position: 0;
}
	#wtob .about-edenvert-info{
	background-position: inherit;
}
#advocated .about-edenvert-info{
	background-position:inherit;
}
#attention .about-edenvert-info{
	background-position: inherit;
}
}





.zoom-out,
.zoom-in {
    position: relative;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.zoom-out img,
.zoom-in img {
    transition: all .3s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.zoom-in:hover img {
    -webkit-transform: scale(1.15);
    transform: scale(1.15);
}

.zoom-out:hover img {
    -webkit-transform: scale(0.85);
    transform: scale(0.85);
}

.content-float {
    transition: all .2s linear;
}

.content-float:hover {
    transform: translate3d(0, -3px, 0);
    -webkit-transform: translate3d(0, -3px, 0);
}

.content-float:hover {
    box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.1);
}

.shadow-hover {
    transition: all .3s ease-in-out;
}

.shadow-hover:hover {
    background-color: #fff;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.08);
}

.transformXR {
    overflow: hidden;
}

.transformXR img {
    -webkit-transform: scale(1.05) translateX(-5px);
    -ms-transform: scale(1.05) translateX(-5px);
    transform: scale(1.05) translateX(-5px);
    -webkit-transition: .7s;
    -o-transition: .7s;
    transition: .7s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.transformXR:hover img {
    -webkit-transform: scale(1.05) translateX(5px);
    -ms-transform: scale(1.05) translateX(5px);
    transform: scale(1.05) translateX(5px);
}

.transformXL {
    overflow: hidden;
}

.transformXL>a.product-thumb-transformXL>img {
    -webkit-transform: scale(1.05) translateX(5px);
    -ms-transform: scale(1.05) translateX(5px);
    transform: scale(1.05) translateX(5px);
    -webkit-transition: .7s;
    -o-transition: .7s;
    transition: .7s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.transformXL:hover>a.product-thumb-transformXL>img {
    -webkit-transform: scale(1.05) translateX(-5px);
    -ms-transform: scale(1.05) translateX(-5px);
    transform: scale(1.05) translateX(-5px);
}

.transformYB {
    overflow: hidden;
}

.transformYB img {
    -webkit-transform: scale(1.08) translateY(-5px);
    -ms-transform: scale(1.08) translateY(-5px);
    transform: scale(1.08) translateY(-5px);
    -webkit-transition: .7s;
    -o-transition: .7s;
    transition: .7s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.transformYB:hover img {
    -webkit-transform: scale(1.08) translateY(5px);
    -ms-transform: scale(1.08) translateY(5px);
    transform: scale(1.08) translateY(5px);
}

.transformYT {
    overflow: hidden;
}

.transformYT img {
    -webkit-transform: scale(1.08) translateY(5px);
    -ms-transform: scale(1.08) translateY(5px);
    transform: scale(1.08) translateY(5px);
    -webkit-transition: .7s;
    -o-transition: .7s;
    transition: .7s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.transformYT:hover img {
    -webkit-transform: scale(1.08) translateY(-5px);
    -ms-transform: scale(1.08) translateY(-5px);
    transform: scale(1.08) translateY(-5px);
}


/******
 ****** Ratio
 ******/

.ratio {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden;
}

.ratio::before {
    display: block;
    content: "";
}

.ratio>.ratio-area {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.ratio-1by1::before {
    padding-top: 100%;
}

.ratio-4by3::before {
    padding-top: 75%;
}

.ratio-2by1::before {
    padding-top: 50%;
}

.ratio-16by9::before {
    padding-top: 56.25%;
}

.ratio-21by9::before {
    padding-top: 42.857143%;
}

@media (min-width: 576px) {
    .ratio-sm-1by1::before {
        padding-top: 100%;
    }
    .ratio-sm-4by3::before {
        padding-top: 75%;
    }
    .ratio-sm-2by1::before {
        padding-top: 50%;
    }
    .ratio-sm-16by9::before {
        padding-top: 56.25%;
    }
    .ratio-sm-21by9::before {
        padding-top: 42.857143%;
    }
}

@media (min-width: 768px) {
    .ratio-md-1by1::before {
        padding-top: 100%;
    }
    .ratio-md-4by3::before {
        padding-top: 75%;
    }
    .ratio-md-2by1::before {
        padding-top: 50%;
    }
    .ratio-md-16by9::before {
        padding-top: 56.25%;
    }
    .ratio-md-21by9::before {
        padding-top: 42.857143%;
    }
}

@media (min-width: 992px) {
    .ratio-lg-1by1::before {
        padding-top: 100%;
    }
    .ratio-lg-4by3::before {
        padding-top: 75%;
    }
    .ratio-lg-2by1::before {
        padding-top: 50%;
    }
    .ratio-lg-16by9::before {
        padding-top: 56.25%;
    }
    .ratio-lg-21by9::before {
        padding-top: 42.857143%;
    }
}

@media (min-width: 1200px) {
    .navbar .navbar-nav li .dropdown-menu>li>a:before{
        display: none;
    }
    .navbar .navbar-nav li .dropdown-menu>li:before{
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 1px;
        background-color: rgba(255,255,255,.3);
    }
    .navbar .navbar-nav li .dropdown-menu>li>a {
        display: inline-block;
        position: relative;
        font-size: 15px;
        color: #fff;
        padding: 12px 0;
        transition: all .5s ease 0s;
        width: 90%;
    }
    .ratio-xl-1by1::before {
        padding-top: 100%;
    }
    .ratio-xl-4by3::before {
        padding-top: 75%;
    }
    .ratio-xl-2by1::before {
        padding-top: 50%;
    }
    .ratio-xl-16by9::before {
        padding-top: 56.25%;
    }
    .ratio-xl-21by9::before {
        padding-top: 42.857143%;
    }
}


/******
 ****** Btn
 ******/

.btn,
.caldera-grid-wrap .caldera-grid .btn {
    font-size: 14px;
    line-height: 1;
    font-weight: normal;
    font-family: "RobotoCondensed-Bold";
    padding: 12px 80px;
}

.btn-sm,
.caldera-grid-wrap .caldera-grid .btn-sm {
    font-size: 12px;
    padding: 6px 10px;
}

.btn-lg,
.caldera-grid-wrap .caldera-grid .btn-lg {
    font-size: 14px;
    padding: 18px 100px;
}

.btn-primary,
.caldera-grid-wrap .caldera-grid .btn-primary {
    border-radius: 0;
    outline: none;
    border: 0;
    color: #fff;
    background-color: #34612F;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:not(:disabled):not(.disabled):hover,
.btn-primary:not(:disabled):not(.disabled):focus,
.caldera-grid-wrap .caldera-grid .btn-primary:not(:disabled):not(.disabled):hover,
.caldera-grid-wrap .caldera-grid .btn-primary:not(:disabled):not(.disabled):focus {
    background-color: #AACF44;
    color: #fff;
    box-shadow: none;
}

.btn-green,
.caldera-grid-wrap .caldera-grid .btn-green {
    color: #fff;
    background-color: #AACF44;
}

.btn-green:hover,
.btn-green:focus,
.btn-green:not(:disabled):not(.disabled):hover,
.btn-green:not(:disabled):not(.disabled):focus,
.caldera-grid-wrap .caldera-grid .btn-green:not(:disabled):not(.disabled):hover,
.caldera-grid-wrap .caldera-grid .btn-green:not(:disabled):not(.disabled):focus {
    background-color: #34612F;
    color: #fff;
    box-shadow: none;
}

.btn-block,
.caldera-grid-wrap .caldera-grid .btn-block {
    padding-left: 0;
    padding-right: 0;
}

@media (min-width: 992px) {
    .btn,
    .caldera-grid-wrap .caldera-grid .btn {
        font-size: 18px;
    }
    .btn-small,
    .caldera-grid-wrap .caldera-grid .btn-small {
        font-size: 13px;
    }
    .btn-lg,
    .caldera-grid-wrap .caldera-grid .btn-lg {
        font-size: 18px;
    }
}


/******
****** caldera form
******/

.caldera-grid .form-group .control-label {
    font-size: 12px;
    color: #222;
    margin-bottom: 8px;
}

.caldera-grid .form-group .form-control {
    height: 32px;
    font-size: 12px;
    padding: 5px 10px;
    color: #222;
    border-color: transparent;
    background-color: #eee;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

.caldera-grid .form-group textarea.form-control {
    height: auto !important;
}

@media (max-width: 767px) {
    .caldera-grid-wrap .caldera-grid .row {
        margin: 0;
        padding: 0;
    }
    .caldera-grid-wrap .caldera-grid [class*="col"] {
        width: 100%;
        max-width: none;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        padding: 0;
    }
}

@media (min-width: 992px) {
    .caldera-grid .form-group .control-label {
        font-size: 14px;
    }
    .caldera-grid .form-group .form-control {
        height: 50px;
        font-size: 14px;
        padding: 15px;
    }
}


/******
 ****** Grid
 ******/

.zero-row {
    margin-left: 0;
    margin-right: 0;
}

.zero-row>[class*="col"] {
    padding-left: 0;
    padding-right: 0;
}

.tiny-row {
    margin-left: -5px;
    margin-right: -5px;
}

.tiny-row>[class*="col"] {
    padding-left: 5px;
    padding-right: 5px;
}

.small-row {
    margin-left: -10px;
    margin-right: -10px;
}

.small-row>[class*="col"] {
    padding-left: 10px;
    padding-right: 10px;
}

.small-row-5 {
    margin-left: -15px;
    margin-right: -15px;
}

.small-row-5>[class*="col"] {
    padding-left: 15px;
    padding-right: 15px;
}

.mid-row {
    margin-left: -20px;
    margin-right: -20px;
}

.mid-row>[class*="col"] {
    padding-left: 20px;
    padding-right: 20px;
}

.mid-row-5 {
    margin-left: -25px;
    margin-right: -25px;
}

.mid-row-5>[class*="col"] {
    padding-left: 25px;
    padding-right: 25px;
}

.big-row {
    margin-left: -30px;
    margin-right: -30px;
}

.big-row>[class*="col"] {
    padding-left: 30px;
    padding-right: 30px;
}

.big-row-5 {
    margin-left: -35px;
    margin-right: -35px;
}

.big-row-5>[class*="col"] {
    padding-left: 35px;
    padding-right: 35px;
}

.large-row {
    margin-left: -40px;
    margin-right: -40px;
}

.large-row>[class*="col"] {
    padding-left: 40px;
    padding-right: 40px;
}

.large-row-5 {
    margin-left: -45px;
    margin-right: -45px;
}

.large-row-5>[class*="col"] {
    padding-left: 45px;
    padding-right: 45px;
}

.col-55,
.col-sm-55,
.col-md-55,
.col-lg-55,
.col-xl-55,
.col-77,
.col-sm-77,
.col-md-77,
.col-lg-77,
.col-xl-77,
.col-88,
.col-sm-88,
.col-md-88,
.col-lg-88,
.col-xl-88,
.col-99,
.col-sm-99,
.col-md-99,
.col-lg-99,
.col-xl-99,
.col-1010,
.col-sm-1010,
.col-md-1010,
.col-lg-1010,
.col-xl-1010,
.col-1111,
.col-sm-1111,
.col-md-1111,
.col-lg-1111,
.col-xl-1111,
.col-1212,
.col-sm-1212,
.col-md-1212,
.col-lg-1212,
.col-xl-1212 {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}

.col-55 {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}

.col-77 {
    -ms-flex: 0 0 14.2857%;
    flex: 0 0 14.2857%;
    max-width: 14.2857%;
}

.col-88 {
    -ms-flex: 0 0 12.5%;
    flex: 0 0 12.5%;
    max-width: 12.5%;
}

.col-99 {
    -ms-flex: 0 0 11.1111%;
    flex: 0 0 11.1111%;
    max-width: 11.1111%;
}

.col-1010 {
    -ms-flex: 0 0 10%;
    flex: 0 0 10%;
    max-width: 10%;
}

.col-1111 {
    -ms-flex: 0 0 9.0909%;
    flex: 0 0 9.0909%;
    max-width: 9.0909%;
}

.col-1212 {
    -ms-flex: 0 0 8.3333%;
    flex: 0 0 8.3333%;
    max-width: 8.3333%;
}

@media (min-width: 576px) {
    .zero-sm-row {
        margin-left: 0;
        margin-right: 0;
    }
    .zero-sm-row>[class*="col"] {
        padding-left: 0;
        padding-right: 0;
    }
    .tiny-sm-row {
        margin-left: -5px;
        margin-right: -5px;
    }
    .tiny-sm-row>[class*="col"] {
        padding-left: 5px;
        padding-right: 5px;
    }
    .small-sm-row {
        margin-left: -10px;
        margin-right: -10px;
    }
    .small-sm-row>[class*="col"] {
        padding-left: 10px;
        padding-right: 10px;
    }
    .small-sm-row-5 {
        margin-left: -15px;
        margin-right: -15px;
    }
    .small-sm-row-5>[class*="col"] {
        padding-left: 15px;
        padding-right: 15px;
    }
    .mid-sm-row {
        margin-left: -20px;
        margin-right: -20px;
    }
    .mid-sm-row>[class*="col"] {
        padding-left: 20px;
        padding-right: 20px;
    }
    .mid-sm-row-5 {
        margin-left: -25px;
        margin-right: -25px;
    }
    .mid-sm-row-5>[class*="col"] {
        padding-left: 25px;
        padding-right: 25px;
    }
    .big-sm-row {
        margin-left: -30px;
        margin-right: -30px;
    }
    .big-sm-row>[class*="col"] {
        padding-left: 30px;
        padding-right: 30px;
    }
    .big-sm-row-5 {
        margin-left: -35px;
        margin-right: -35px;
    }
    .big-sm-row-5>[class*="col"] {
        padding-left: 35px;
        padding-right: 35px;
    }
    .large-sm-row {
        margin-left: -40px;
        margin-right: -40px;
    }
    .large-sm-row>[class*="col"] {
        padding-left: 40px;
        padding-right: 40px;
    }
    .large-sm-row-5 {
        margin-left: -45px;
        margin-right: -45px;
    }
    .large-sm-row-5>[class*="col"] {
        padding-left: 45px;
        padding-right: 45px;
    }
    .col-sm-55 {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
    .col-sm-77 {
        -ms-flex: 0 0 14.2857%;
        flex: 0 0 14.2857%;
        max-width: 14.2857%;
    }
    .col-sm-88 {
        -ms-flex: 0 0 12.5%;
        flex: 0 0 12.5%;
        max-width: 12.5%;
    }
    .col-sm-99 {
        -ms-flex: 0 0 11.1111%;
        flex: 0 0 11.1111%;
        max-width: 11.1111%;
    }
    .col-sm-1010 {
        -ms-flex: 0 0 10%;
        flex: 0 0 10%;
        max-width: 10%;
    }
    .col-sm-1111 {
        -ms-flex: 0 0 9.0909%;
        flex: 0 0 9.0909%;
        max-width: 9.0909%;
    }
    .col-sm-1212 {
        -ms-flex: 0 0 8.3333%;
        flex: 0 0 8.3333%;
        max-width: 8.3333%;
    }
}

@media (min-width: 768px) {
    .zero-md-row {
        margin-left: 0;
        margin-right: 0;
    }
    .zero-md-row>[class*="col"] {
        padding-left: 0;
        padding-right: 0;
    }
    .tiny-md-row {
        margin-left: -5px;
        margin-right: -5px;
    }
    .tiny-md-row>[class*="col"] {
        padding-left: 5px;
        padding-right: 5px;
    }
    .small-md-row {
        margin-left: -10px;
        margin-right: -10px;
    }
    .small-md-row>[class*="col"] {
        padding-left: 10px;
        padding-right: 10px;
    }
    .small-md-row-5 {
        margin-left: -15px;
        margin-right: -15px;
    }
    .small-md-row-5>[class*="col"] {
        padding-left: 15px;
        padding-right: 15px;
    }
    .mid-md-row {
        margin-left: -20px;
        margin-right: -20px;
    }
    .mid-md-row>[class*="col"] {
        padding-left: 20px;
        padding-right: 20px;
    }
    .mid-md-row-5 {
        margin-left: -25px;
        margin-right: -25px;
    }
    .mid-md-row-5>[class*="col"] {
        padding-left: 25px;
        padding-right: 25px;
    }
    .big-md-row {
        margin-left: -30px;
        margin-right: -30px;
    }
    .big-md-row>[class*="col"] {
        padding-left: 30px;
        padding-right: 30px;
    }
    .big-md-row-5 {
        margin-left: -35px;
        margin-right: -35px;
    }
    .big-md-row-5>[class*="col"] {
        padding-left: 35px;
        padding-right: 35px;
    }
    .large-md-row {
        margin-left: -40px;
        margin-right: -40px;
    }
    .large-md-row>[class*="col"] {
        padding-left: 40px;
        padding-right: 40px;
    }
    .large-md-row-5 {
        margin-left: -45px;
        margin-right: -45px;
    }
    .large-md-row-5>[class*="col"] {
        padding-left: 45px;
        padding-right: 45px;
    }
    .col-md-55 {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
    .col-md-77 {
        -ms-flex: 0 0 14.2857%;
        flex: 0 0 14.2857%;
        max-width: 14.2857%;
    }
    .col-md-88 {
        -ms-flex: 0 0 12.5%;
        flex: 0 0 12.5%;
        max-width: 12.5%;
    }
    .col-md-99 {
        -ms-flex: 0 0 11.1111%;
        flex: 0 0 11.1111%;
        max-width: 11.1111%;
    }
    .col-md-1010 {
        -ms-flex: 0 0 10%;
        flex: 0 0 10%;
        max-width: 10%;
    }
    .col-md-1111 {
        -ms-flex: 0 0 9.0909%;
        flex: 0 0 9.0909%;
        max-width: 9.0909%;
    }
    .col-md-1212 {
        -ms-flex: 0 0 8.3333%;
        flex: 0 0 8.3333%;
        max-width: 8.3333%;
    }
}

@media (min-width: 992px) {
    .zero-lg-row {
        margin-left: 0;
        margin-right: 0;
    }
    .zero-lg-row>[class*="col"] {
        padding-left: 0;
        padding-right: 0;
    }
    .tiny-lg-row {
        margin-left: -5px;
        margin-right: -5px;
    }
    .tiny-lg-row>[class*="col"] {
        padding-left: 5px;
        padding-right: 5px;
    }
    .small-lg-row {
        margin-left: -10px;
        margin-right: -10px;
    }
    .small-lg-row>[class*="col"] {
        padding-left: 10px;
        padding-right: 10px;
    }
    .small-lg-row-5 {
        margin-left: -15px;
        margin-right: -15px;
    }
    .small-lg-row-5>[class*="col"] {
        padding-left: 15px;
        padding-right: 15px;
    }
    .mid-lg-row {
        margin-left: -20px;
        margin-right: -20px;
    }
    .mid-lg-row>[class*="col"] {
        padding-left: 20px;
        padding-right: 20px;
    }
    .mid-lg-row-5 {
        margin-left: -25px;
        margin-right: -25px;
    }
    .mid-lg-row-5>[class*="col"] {
        padding-left: 25px;
        padding-right: 25px;
    }
    .big-lg-row {
        margin-left: -30px;
        margin-right: -30px;
    }
    .big-lg-row>[class*="col"] {
        padding-left: 30px;
        padding-right: 30px;
    }
    .big-lg-row-5 {
        margin-left: -35px;
        margin-right: -35px;
    }
    .big-lg-row-5>[class*="col"] {
        padding-left: 35px;
        padding-right: 35px;
    }
    .large-lg-row {
        margin-left: -40px;
        margin-right: -40px;
    }
    .large-lg-row>[class*="col"] {
        padding-left: 40px;
        padding-right: 40px;
    }
    .large-lg-row-5 {
        margin-left: -45px;
        margin-right: -45px;
    }
    .large-lg-row-5>[class*="col"] {
        padding-left: 45px;
        padding-right: 45px;
    }
    .col-lg-55 {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
    .col-lg-77 {
        -ms-flex: 0 0 14.2857%;
        flex: 0 0 14.2857%;
        max-width: 14.2857%;
    }
    .col-lg-88 {
        -ms-flex: 0 0 12.5%;
        flex: 0 0 12.5%;
        max-width: 12.5%;
    }
    .col-lg-99 {
        -ms-flex: 0 0 11.1111%;
        flex: 0 0 11.1111%;
        max-width: 11.1111%;
    }
    .col-lg-1010 {
        -ms-flex: 0 0 10%;
        flex: 0 0 10%;
        max-width: 10%;
    }
    .col-lg-1111 {
        -ms-flex: 0 0 9.0909%;
        flex: 0 0 9.0909%;
        max-width: 9.0909%;
    }
    .col-lg-1212 {
        -ms-flex: 0 0 8.3333%;
        flex: 0 0 8.3333%;
        max-width: 8.3333%;
    }
}

@media (min-width: 1200px) {
    .zero-xl-row {
        margin-left: 0;
        margin-right: 0;
    }
    .zero-xl-row>[class*="col"] {
        padding-left: 0;
        padding-right: 0;
    }
    .tiny-xl-row {
        margin-left: -5px;
        margin-right: -5px;
    }
    .tiny-xl-row>[class*="col"] {
        padding-left: 5px;
        padding-right: 5px;
    }
    .small-xl-row {
        margin-left: -10px;
        margin-right: -10px;
    }
    .small-xl-row>[class*="col"] {
        padding-left: 10px;
        padding-right: 10px;
    }
    .small-xl-row-5 {
        margin-left: -15px;
        margin-right: -15px;
    }
    .small-xl-row-5>[class*="col"] {
        padding-left: 15px;
        padding-right: 15px;
    }
    .mid-xl-row {
        margin-left: -20px;
        margin-right: -20px;
    }
    .mid-xl-row>[class*="col"] {
        padding-left: 20px;
        padding-right: 20px;
    }
    .mid-xl-row-5 {
        margin-left: -25px;
        margin-right: -25px;
    }
    .mid-xl-row-5>[class*="col"] {
        padding-left: 25px;
        padding-right: 25px;
    }
    .big-xl-row {
        margin-left: -30px;
        margin-right: -30px;
    }
    .big-xl-row>[class*="col"] {
        padding-left: 30px;
        padding-right: 30px;
    }
    .big-xl-row-5 {
        margin-left: -35px;
        margin-right: -35px;
    }
    .big-xl-row-5>[class*="col"] {
        padding-left: 35px;
        padding-right: 35px;
    }
    .large-xl-row {
        margin-left: -40px;
        margin-right: -40px;
    }
    .large-xl-row>[class*="col"] {
        padding-left: 40px;
        padding-right: 40px;
    }
    .large-xl-row-5 {
        margin-left: -45px;
        margin-right: -45px;
    }
    .large-xl-row-5>[class*="col"] {
        padding-left: 45px;
        padding-right: 45px;
    }
    .col-xl-55 {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
    .col-xl-77 {
        -ms-flex: 0 0 14.2857%;
        flex: 0 0 14.2857%;
        max-width: 14.2857%;
    }
    .col-xl-88 {
        -ms-flex: 0 0 12.5%;
        flex: 0 0 12.5%;
        max-width: 12.5%;
    }
    .col-xl-99 {
        -ms-flex: 0 0 11.1111%;
        flex: 0 0 11.1111%;
        max-width: 11.1111%;
    }
    .col-xl-1010 {
        -ms-flex: 0 0 10%;
        flex: 0 0 10%;
        max-width: 10%;
    }
    .col-xl-1111 {
        -ms-flex: 0 0 9.0909%;
        flex: 0 0 9.0909%;
        max-width: 9.0909%;
    }
    .col-xl-1212 {
        -ms-flex: 0 0 8.3333%;
        flex: 0 0 8.3333%;
        max-width: 8.3333%;
    }
}


/******
 ****** General
 ******/

.bg-yellow {
    background-color: #F8B62B;
}

.bg-green {
    background-color: #AACF44;
}

.bg-dark-green {
    background-color: #34612F;
}

.bg-red {
    background-color: #9E4537;
}

.bg-gray {
    background-color: #f5f5f5;
}

.content {
    padding: 30px 0;
}

.home-wrapper .content {
    padding: 0;
}

.banner {
    height: 200px;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
}

.main-title-wrap {
    width: 100%;
    overflow: hidden;
    position: relative;
    top: 0;
    z-index: 2;
}

.main-title {
    background-color: #fff;
    position: relative;
    padding: 15px 30px;
}

.main-title::before {
    content: '';
    position: absolute;
    left: 100%;
    top: 0;
    width: 200%;
    height: 100%;
    background-color: #fff;
}

.main-title h1 ,.main-title h2,
.sidebar-title h2{
    color: #34612F;
    font-size: 24px;
    font-family: 'roboto-bold';
    position: relative;
    z-index: 2;
}

.main-title h1 span,
.main-title h2 span,
.sidebar-title h2 span {
    position: relative;
}

.main-title h1 span::before,
.main-title h2 span::before,
.sidebar-title h2 span::before{
    content: '';
    position: absolute;
    left: 0;
    bottom: 5px;
    z-index: -1;
    width: 100%;
    height: 4px;
    background: rgba(170, 207, 68, 0);
    background: -moz-linear-gradient(left, rgba(170, 207, 68, 0) 0%, rgba(170, 207, 68, 1) 30%, rgba(170, 207, 68, 1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(170, 207, 68, 0)), color-stop(30%, rgba(170, 207, 68, 1)), color-stop(100%, rgba(170, 207, 68, 1)));
    background: -webkit-linear-gradient(left, rgba(170, 207, 68, 0) 0%, rgba(170, 207, 68, 1) 30%, rgba(170, 207, 68, 1) 100%);
    background: -o-linear-gradient(left, rgba(170, 207, 68, 0) 0%, rgba(170, 207, 68, 1) 30%, rgba(170, 207, 68, 1) 100%);
    background: -ms-linear-gradient(left, rgba(170, 207, 68, 0) 0%, rgba(170, 207, 68, 1) 30%, rgba(170, 207, 68, 1) 100%);
    background: linear-gradient(to right, rgba(170, 207, 68, 0) 0%, rgba(170, 207, 68, 1) 30%, rgba(170, 207, 68, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#aacf44', endColorstr='#aacf44', GradientType=1);
}

.breadcrumbs span,
.breadcrumbs a {
    font-size: 14px;
    color: #34612F;
    font-family: "RobotoCondensed-Light";
}

.read-more {
    padding-top: 15px;
    color: #999999;
    font-size: 12px;
    position: relative;
    line-height: 1;
}

.read-more::after {
    content: '\f1c5';
    font-family: 'Flaticon';
    color: #000000;
    font-size: 14px;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    transition: left 0.3s;
}

.read-more:hover::after,
.read-more:hover>i {
    color: #000000;
}

.read-more:hover::after {
    left: 36px;
}

.read-more:hover {
    color: #000000;
}

@media(min-width: 768px) {
    .content {
        padding: 10px 0 50px;
    }
    .banner {
        height: 320px;
    }
    .main-title-wrap {
        top: -30px;
    }
    .main-title {
        padding: 20px 40px;
    }
    .main-title h1 span::before,
	.main-title h2 span::before{
        height: 6px;
    }
    .main-title h1,.main-title h2 {
        font-size: 42px;
    }
    .breadcrumbs span,
    .breadcrumbs a {
        font-size: 16px;
    }
    .main-title h1 span::before,
	.main-title h2 span::before{
        bottom: 10px;
    }
    .sidebar-title h2 span::before {
        bottom: 10px;
    }
    .read-more {
        font-size: 14px;
    }
    .read-more::after {
        font-size: 16px;
    }
    .read-more:hover::after {
        left: 43px;
    }
}

@media(min-width: 1200px) {
    .content {
        padding: 60px 0 80px;
    }
    .main-title {
        padding: 40px 80px;
    }
    .main-title h1 span::before ,.sidebar-title h2 span::before,.main-title h2 span::before{
        height: 8px;
    }
    .main-title h1,.main-title h2 {
        font-size: 60px;
    }
    .sidebar-title h2 {
        font-size: 50px;
    }
    .breadcrumbs span,
    .breadcrumbs a {
        font-size: 20px;
    }
    .container.special-container {
        max-width: 1140px;
    }
    .container {
        max-width: 1280px;
    }
}

@media(min-width: 1441px) {
    .container.special-container {
        max-width: 1320px;
    }
    .container {
        max-width: 1470px;
    }
}


/******
 ****** Pagenavi
 ******/

.wp-pagenavi {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.wp-pagenavi span,
.wp-pagenavi a {
    cursor: pointer;
    font-family: "Montserrat-Regular";
    font-size: 13px;
    line-height: 1;
    color: #3E3E3F;
    font-weight: normal;
    font-family: "RobotoCondensed-Bold";
    margin-right: 10px;
    background-color: #DDDDDD;
    border: 0;
    padding: 0 3px;
    min-width: 30px;
    min-height: 30px;
    border-radius: 0 !important;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.wp-pagenavi .current,
.wp-pagenavi a:hover {
    color: #3E3E3F;
    background-color: #F5F5F5;
}

.previouspostslink,
.nextpostslink {
    position: relative;
    color: transparent !important;
}

.previouspostslink::after,
.nextpostslink::after {
    content: '\f1c5';
    font-family: 'Flaticon';
    font-size: 12px;
    color: #3E3E3F;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -6px;
    margin-top: -6px;
}

.nextpostslink::after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}


/******
 ****** 404
 ******/

.error-404-wrapper {
    padding: 60px 0;
    text-align: center;
}

.img-404 {
    line-height: 0;
}

.img-404 img {
    max-height: 150px;
}

@media(min-width: 768px) {
    .error-404-wrapper {
        padding: 80px 0;
    }
    .img-404 img {
        max-height: 200px;
    }
}

@media(min-width: 992px) {
    .error-404-wrapper {
        padding: 100px 0;
    }
    .img-404 img {
        max-height: 260px;
    }
}

@media(min-width: 1200px) {
    .error-404-wrapper {
        padding: 150px 0;
    }
    .img-404 img {
        max-height: 320px;
    }
}


/******
 ****** Footer
 ******/

footer {
    padding: 30px 0;
    text-align: center;
}

footer,
footer p,
footer a {
    font-size: 12px;
}

.footer-dark {
    background: url(./assets/images/footer-bg.jpg) no-repeat center center /cover;
}

.footer-dark,
.footer-dark p,
.footer-dark h1,
.footer-dark h2,
.footer-dark h3,
.footer-dark h4,
.footer-dark h5,
.footer-dark h6,
.footer-dark a {
    color: #fff;
}

.footer-dark a:hover {
    color: rgba(255, 255, 255, 0.7);
}

.footer-light {
    background-color: #f2f3f7;
}

.footer-light,
.footer-light p,
.footer-light a {
    color: #222;
}

.footer-light a:hover {
    color: rgba(34, 34, 34, 0.8);
}

.footer-logo {
    margin-bottom: 25px;
}

.footer-logo img {
    max-height: 70px;
}

.footer-menu {
    margin-bottom: 30px;
}

.footer-menu .menu {
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    margin: 0;
}

.footer-menu .menu li {
    font-weight: normal;
    font-family: "RobotoCondensed-Bold";
    margin: 0 5px;
}

.footer-contact {
    position: relative;
    padding-top: 15px;
    margin-bottom: 20px;
}

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

.blur {
    background-image: url(./assets/images/footer-bg.jpg);
    height: 100%;
    filter: blur(20px) brightness(160%) saturate(85%);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.footer-contact-item {
    margin-bottom: 15px;
}

.footer-contact-item h6 {
    margin-bottom: 10px;
}

.footer-contact-link {
    display: flex;
    align-items: center;
    justify-content: center;
}

.footer-contact-link a {
    font-size: 18px;
    color: #F5F7C5;
    font-family: "RobotoCondensed-Bold";
    line-height: 1;
    padding: 0 7px;
}

.footer-contact-link a:hover {
    color: rgba(255, 255, 255, 0.7);
}

.footer-copyright {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    line-height: 1.8;
}

.footer-copyright .menu {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    list-style: none;
    padding: 0;
    margin: 0 5px;
    line-height: 1;
}

.footer-copyright .menu li:first-child {
    padding-right: 5px;
    border-right: 1px solid #fff;
    margin-right: 5px;
}

.back-to-top {
    display: none;
    cursor: pointer;
    position: fixed;
    bottom: 0;
    right: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #34612F;
    color: #fff;
    border-radius: 4px 4px 0 0;
    height: 48px;
    width: 48px;
    font-size: 24px;
    z-index:100;
}

.back-to-top:hover,
.back-to-top:focus {
    transition: all 0.3s ease-out;
    background-color: #AACF44;
}

@media(min-width: 768px) {
    footer {
        padding: 60px 0;
    }
    footer,
    footer p,
    footer a {
        font-size: 14px;
    }
    .footer-logo img {
        max-height: 120px;
    }
    .footer-menu .menu li {
        margin: 0 20px;
    }
    .footer-logo {
        margin-bottom: 25px;
    }
    .footer-menu {
        margin-bottom: 30px;
    }
    .footer-contact {
        padding-top: 20px;
        margin-bottom: 30px;
    }
    .footer-contact-item {
        margin-bottom: 20px;
    }
    .footer-contact-link a {
        font-size: 24px;
    }
}

@media(min-width: 1200px) {
    footer {
        padding: 80px 0;
    }
    footer,
    footer p,
    footer a {
        font-size: 15px;
    }
    .footer-logo img {
        max-height: 140px;
    }
    .footer-menu .menu li {
        margin: 0 15px;
    }
    .footer-contact-link a {
        font-size: 30px;
    }
}


/******
 ****** swiper
 ******/

.swiper-container {
    --swiper-navigation-size: 16px;
}

.swiper-button-next,
.swiper-button-prev {
    border-radius: 24px;
    width: 32px;
    height: 32px;
    border: 1px solid transparent;
}

.swiper-white {
    --swiper-theme-color: #ffffff;
    --swiper-navigation-color: #222222;
}

.swiper-black {
    --swiper-theme-color: #2222222;
    --swiper-navigation-color: #ffffff;
}

.swiper-white .swiper-button-next,
.swiper-white .swiper-button-prev {
    border-color: #222222;
}

.swiper-black .swiper-button-next,
.swiper-black .swiper-button-prev {
    border-color: #ffffff;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
    opacity: 0.5;
}

@media(min-width: 768px) {
    .swiper-container {
        --swiper-navigation-size: 20px;
    }
    .swiper-button-next,
    .swiper-button-prev {
        border-radius: 48px;
        width: 48px;
        height: 48px;
    }
}


/******
 ****** Product
 ******/

.product-content,
.references-content {
    background-color: #F5F5F5;
}

.product-item {
    margin-bottom: 30px;
    background-color: #fff;
    padding: 15px;
}

.product-thumb {
    position: relative;
    margin-bottom: 15px;
}

.product-thumb::before {
    content: '';
    position: absolute;
    z-index: 2;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 96px;
    background: rgba(0, 0, 0, 0);
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(84, 84, 84, 0.05) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(84, 84, 84, 0.05)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(84, 84, 84, 0.05) 100%);
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(84, 84, 84, 0.05) 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(84, 84, 84, 0.05) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(84, 84, 84, 0.05) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#545454', GradientType=0);
}

.product-thumb-lishtbox {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 3;
    background-color: rgba(0, 0, 0, 0.1);
}

.product-thumb-lishtbox>img {
    max-height: 96px;
}

.product-thumb-lishtbox::before {
    content: "\f23a";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    font-family: Flaticon;
    font-size: 30px;
    color: rgba(255, 255, 255, 0.8);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 4;
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.5);
    transition: all 0.5s;
}

.product-thumb-lishtbox:hover::before {
    opacity: 1;
}

.product-title {
    margin-bottom: 15px;
}

.product-info-item:not(:last-child) {
    padding-bottom: 10px;
    border-bottom: 1px solid #EEEEEE;
    margin-bottom: 10px;
}

.product-info-item {
    display: flex;
    font-size: 13px;
    color: #999999;
}

.product-info-title {
    min-width: 135px;
    color: #222222;
	 text-transform: capitalize;
}

.product-color-wrap,
.product-info-item-info {
    flex: 1;
}

.product-color-list {
    margin-top: 10px;
    display: flex;
    flex-wrap: wrap;
}

.product-color-list span {
    margin-top: 5px;
    margin-right: 5px;
    width: 16px;
    height: 16px;
}

.product-color-yellow {
    background-color: #FFDE71;
}

.product-color-dark-green {
    background-color: #34612F;
}

.product-color-blue {
    background-color: #6995CF;
}

.product-color-green {
    background-color: #AACF44;
}

.product-color-light-Green {
    background-color: #E2FF94;
}

.product-color-olive {
    background-color: #4f6700;
}

.product-color-purple {
    background-color: #6B3B80;
}

.product-color-orange {
    background-color: #F8922B;
}

.product-color-red {
    background-color: #9E4537;
}

.product-color-white {
    background-color: #fff;
    box-shadow: rgba(0, 0, 0, 0.8) 0 0 1px;
}

.product-color-pink {
    background-color: #EACCFB;
}

.product-color-grey {
    background-color: #ddd;
}
.product-color-biege{
	background-color: #F7EED6;
}
.product-color-emerald-green{
    background-color: #60a121;
}
.product-color-white-green{
    background-color: #d9f0d0;
}
.product-color-yellow-green{
    background-color: #9acd32;
}
.product-color-olive-green{
    background-color: #625a05;
}
.sidebar-blog-wrap .sidebar-title{
    border-bottom: 1px solid #333 !important;
}
.product-count-wrap {
    text-align: right;
    margin-bottom: 25px;
}

.product-count {
    font-size: 50px;
    line-height: 1;
    font-family: "Roboto-Bold";
    padding-right: 20px;
}

.tax-product-categories .global-sidebar-menu-wrap {
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
}
.tax-product-categories .re_swiper{
    overflow: hidden;
}
.tax-product-categories .d-flex.flex-column {
    margin-top: 60px;
}
.tax-product-categories .re_swiper .swiper-slide a:hover{
    background-color: #f5f5f5 !important;
}
.tax-product-categories .global-sidebar-menu-wrap .swiper-button-next:after,
.tax-product-categories .global-sidebar-menu-wrap .swiper-button-prev:after{
    display: none;
}
.tax-product-categories .global-sidebar-menu-wrap .swiper-button-next,
.tax-product-categories .global-sidebar-menu-wrap .swiper-button-prev{
    display: flex;
    align-items: center;
    justify-content: center;
}
.tax-product-categories .product-sidebars li a{
    display: flex;
    padding: 15px;
    align-items: center;
}
.tax-product-categories .product-sidebars{
    margin-bottom: 0;
}
.tax-product-categories .product-sidebars li.current-cat a{
    background-color: #f5f5f5;
}
.product-sidebar {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin: 0;
}
.news-product-sidebar.product-sidebar {
    display: block;
}
.products-sidebar li:last-child h6,
.news-list .col-12:last-child .blog-excerpt{
    border-bottom: none !important;
}
.product-sidebar li {
    position: relative;
    top: 1px;
}

.product-sidebar li.current-cat a {
    background-color: #f5f5f5;
}

.product-sidebar li a {
    padding: 10px;
}

.product-cat-img img {
    min-width: 50px;
    max-height: 50px;
}
li.products-img img{
    max-width: 50px;
    max-height: 50px;
}

.product-cat-img {
    position: relative;
    margin-right: 10px;
}

.product-sidebar li a {
    transition: all 0s;
}

.product-cat-img::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background-color: transparent;
}

.product-sidebar li a:hover {
    background-color: #f5f5f5;
}
.textwidget .product-sidebar li a:hover{
    background-color: #fff;
}
.product-sidebar li a:hover .product-cat-img::before,
.product-sidebar li.current-cat .product-cat-img::before {
    background-color: rgba(114, 39, 39, 0.05);
}

.product-sidebar li {
    width: 50%;
}

.product-sidebar li a span {
    margin-top: 5px;
    line-height: 1.4;
    font-size: 14px;
    color: #222;
    max-width: 100px;
}

@media(min-width: 768px) {
    .product-item {
        padding: 20px;
        margin-bottom: 60px;
    }
    .product-thumb {
        margin-bottom: 20px;
    }
    .product-info-item {
        font-size: 14px;
    }
    .product-info-list {
/*         min-height: 185px; */
		min-height: 110px; 
    }
    .product-count-wrap {
        margin-bottom: 35px;
    }
    .product-count {
        font-size: 70px;
        padding-right: 30px;
    }
    .product-sidebar li a span {
        font-size: 16px;
    }
    .product-cat-img img {
        min-width: 60px;
        max-height: 60px;
    }
    li.products-img img {
        min-width: 60px;
        max-height: 60px;
    }
    .product-sidebar li a {
        padding: 15px;
    }
    .product-cat-img {
        margin-right: 15px;
    }
    .product-sidebar li a span {
        max-width: 100px;
        margin-top: 10px;
    }
    .product-sidebar li {
        width: auto;
    }
}

@media(min-width: 992px) {
    .product-sidebar li a {
        padding: 0 15px;
    }
    .product-sidebar li a:hover{
        background-color: rgba(0,0,0,0) !important;
    }
    .product-sidebar {
        justify-content: center;
    }
}

@media(min-width: 1200px) {
    .product-item {
        margin-bottom: 80px;
    }
    .product-title {
        font-size: 20px;text-align:center;
    }
    .product-info-item {
        font-size: 15px;
    }
    .product-count {
        font-size: 80px;
    }
    .product-sidebar li a span {
        margin-top: 15px;
        font-size: 20px;
			padding: 0 5px;
    }
    .product-sidebar.sidebar-sidebar li a span {
        margin-top: 0;
    }
    .product-cat-img img {
        min-width: 96px;
        max-height: 96px;
    }
    li.products-img img{
        max-width: 96px;
        min-height: 96px;
    }
    .product-sidebar li a {
        display: flex;
    }
    .references-content .product-cat-img img {
        min-width: 64x;
        max-height: 64px;
    }

    .textwidget .product-sidebar li a span {
        max-width: 100%;
    }
}


/******
 ****** Quality Insurance
 ******/

.quality-insurance-content {
    background-repeat: no-repeat;
    background-position: top right;
}

.quality-insurance-top-list {
    margin-top: 30px;
    margin-bottom: 40px;
}

.quality-insurance-top-item {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 15px;
}

.quality-insurance-top-item img {
    max-height: 48px;
    margin-bottom: 15px;
}

.quality-insurance-top-item h6 {
    text-align: center;
    color: #fff;
    margin-bottom: 0;
    min-height: 30px;
}

.quality-insurance-middle-list {
    margin-bottom: 20px;
}

.quality-insurance-middle-item {
    text-align: center;
    margin-bottom: 20px;
}

.quality-insurance-middle-item img {
    max-height: 130px;
}

@media(min-width: 768px) {
    .quality-insurance-top-list {
        margin-top: 50px;
        margin-bottom: 60px;
    }
    .quality-insurance-middle-list {
        margin-bottom: 40px;
    }
}

@media(min-width: 1200px) {
    .quality-insurance-top-list {
        margin-bottom: 80px;
    }
    .quality-insurance-top-item h6 {
        min-height: 38px;
    }
    .quality-insurance-middle-list {
        margin-bottom: 60px;
    }
    .quality-insurance-top-item {
        padding: 15px 5px;
    }
}

@media(min-width: 1500px) {
    .quality-insurance-top-item {
        padding: 15px 20px;
    }
}


/******
 ****** Installation Guides
 ******/

.installation-guides-item {
    background-repeat: no-repeat;
    background-position: top left;
    padding-top: 135px;
    margin-bottom: 40px;
}

.installation-guides-item:last-child {
    margin-bottom: 0;
}

.installation-guides-item {
    padding-left: 15px;
    padding-right: 15px;
}

.installation-guides-info {
    padding-left: 0;
    padding-right: 0;
}

.installation-guides-title-wrap {
    margin-bottom: 30px;
}

.installation-guides-title-wrap h2 {
    display: inline-block;
    padding: 20px 35px;
    color: #fff;
    font-size: 24px;
    margin-bottom: 0;
    font-family: "Roboto-Bold";
}

.installation-guides-content-info ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.installation-guides-content-info ul li {
    line-height: 2;
}

.installation-guides-content-info ul li:not(:last-child) {
    padding-bottom: 10px;
    border-bottom: 1px solid #DDDDDD;
    margin-bottom: 10px;
}

.installation-guides-guides {
    margin-bottom: 10px;
}

.installation-guides-guides-list {
    display: flex;
    flex-wrap: wrap;
}

.installation-guides-guides-item {
    margin-bottom: 20px;
    margin-right: 13px;
}

.installation-guides-guides-item img {
    max-height: 100px;
}

.installation-guides-tools {
    display: flex;
    margin-bottom: 10px;
}

.installation-guides-tools h2 {
    font-size: 20px;
    width: 80px;
    min-width: 80px;
    margin-top: 10px;
}

.installation-guides-tools-list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.installation-guides-tools-item {
    margin-right: 30px;
    margin-bottom: 20px;
}

.installation-guides-tools-item img {
    max-height: 30px;
    margin-right: 5px;
}

.installation-guides-tools-item span {
    font-family: "RobotoCondensed-Bold";
    color: #222222;
}

@media(min-width: 768px) {
    .installation-guides-item {
        margin-bottom: 60px;
        padding-top: 130px;
    }
    .installation-guides-item,
    .installation-guides-info {
        padding-left: 30px;
        padding-right: 30px;
    }
    .installation-guides-title-wrap {
        margin-bottom: 40px;
    }
    .installation-guides-title-wrap h2 {
        font-size: 42px;
        padding: 25px 45px;
    }
    .installation-guides-content-info ul li {
        padding-bottom: 15px;
        margin-bottom: 15px;
    }
    .installation-guides-guides {
        margin-bottom: 20px;
    }
    .installation-guides-guides-item img {
        max-height: 100px;
    }
    .installation-guides-tools {
        margin-bottom: 20px;
    }
    .installation-guides-tools h2 {
        font-size: 28px;
        width: 100px;
        min-width: 100px;
    }
    .installation-guides-tools-item img {
        max-height: 50px;
    }
    .installation-guides-tools-item {
        margin-right: 50px;
    }
}

@media(min-width: 1200px) {
    .installation-guides-item {
        margin-bottom: 80px;
        padding-top: 110px;
    }
    .installation-guides-item,
    .installation-guides-info {
        padding-left: 60px;
        padding-right: 60px;
    }
    .installation-guides-title-wrap {
        margin-bottom: 60px;
    }
    .installation-guides-title-wrap h2 {
        font-size: 60px;
        padding: 40px 60px;
    }
    .installation-guides-guides {
        margin-bottom: 40px;
    }
    .installation-guides-guides-item img {
        max-height: 120px;
    }
    .installation-guides-tools {
        margin-bottom: 40px;
    }
    .installation-guides-tools h2 {
        font-size: 35px;
        width: 100px;
        min-width: 130px;
    }
    .installation-guides-tools-item img {
        max-height: 65px;
    }
    .installation-guides-tools-item {
        margin-right: 80px;
    }
}

@media(min-width: 1500px) {
    .installation-guides-guides-item img {
        max-height: 140px;
    }
}


/* 背景 */

.about-edenvert-item,
.installation-guides-list {
    background: url(./assets/images/references-bg.png) no-repeat left bottom / 700px auto;
}

/******
 ****** About Edenvert
 ******/

.content.about-edenvert-content {
    position: relative;
    top: -20px;
    padding-top: 0;
}

.about-edenvert-item {
    width: 100%;
    overflow: hidden;
}

.about-edenvert-title-wrap {
    position: relative;
    top: 30px;
}

.about-edenvert-title {
    padding: 15px 30px;
    font-size: 24px;
    color: #fff;
    position: relative;
    font-family: "Roboto-Bold";
    line-height: 1.1;
    margin-bottom: 0;
}

.about-edenvert-title strong {
    margin-right: 50px;
    color: #fff;
    display: block;
}

.about-edenvert-title span {
    font-family: "Roboto-Thin";
    color: #fff;
}

.about-edenvert-title br {
    display: none;
}

.about-edenvert-title::before {
    content: '';
    position: absolute;
    top: 0;
    width: 500%;
    height: 100%;
    left: 100%;
    background-color: #34612F;
}

.about-edenvert-special-title-wrap {
    text-align: right;
}

.about-edenvert-special-title-wrap .about-edenvert-title::before {
    left: auto;
    right: 100%;
}

.about-edenvert-info {
    height: 300px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.about-edenvert-content-info {
    padding: 0 20px 30px;
    color: #fff;
    position: relative;
    top: -10px;
}

.about-edenvert-content-info a:hover{
	color:#222;
}

.about-edenvert-content-info::before {
    content: '';
    background-color: #AACF44;
    position: absolute;
    width: 100%;
    height: 30px;
    left: 0;
    bottom: 100%;
}

.about-edenvert-content-info,
.about-edenvert-content-info p {
    font-family: "RobotoCondensed-Light";
    line-height: 1.4;
}

.about-edenvert-content-info,
.about-edenvert-content-info p,
.about-edenvert-content-info h1,
.about-edenvert-content-info h2,
.about-edenvert-content-info h3,
.about-edenvert-content-info h4,
.about-edenvert-content-info h4,
.about-edenvert-content-info h5,
.about-edenvert-content-info strong {
    color: #fff;
}

.about-edenvert-info .container {
    height: 100%;
}

.about-service-list-wrap {
    height: 100%;
    display: flex;
    align-items: center;
    width: 100%;
}

.about-service-list {
    padding-top: 30px;
    width: 100%;
}

.about-service-item {
    text-align: center;
    margin-bottom: 20px;
}

.about-service-item img {
    max-height: 40px;
    margin-bottom: 10px;
}

.about-service-item h6 {
    color: #fff;
    margin-bottom: 0;
    font-size: 20px;
}

.our-quality-list {
    margin-top: 0;
}

.our-quality-item {
    text-align: center;
}

.our-quality-item img {
/*     max-height: 130px; */
}

.a-professional-manufacturer-list {
    margin-top: 30px;
}

.brand-story-content {
    display: flex;
    margin-top: 30px;
}

.brand-story-content-img {
    max-width: 80px;
    margin-right: 15px;
    margin-top: 5px;
}

.brand-story-content-text {
    font-size: 26px;
    line-height: 1.2;
    font-family: "Roboto-Thin";
}

.brand-story-content-text span {
    font-family: "Roboto-Medium";
    font-size: 30px;
    margin-left: 30px;
}
.references-item{
    position: relative;
}
.references-titles{
    position: absolute;
    left: 0;
    bottom: 0;
    color: #ffffff;
    width: 100%;
    display: inline-block;
    padding: 15px;
    margin: 0;
}
.references-titles a{
    color: #fff;
    display: inline-block;
    width: 100%;
    background-color: rgba(0,0,0,0.3);
    padding: 15px 45px 15px 15px;
}
.player_box{
    position: relative;
    width: 80%;
    margin: 30px auto 0;
    display: block;
}
.player_box a {
    position: absolute;
    display: inline-block;
    text-align: center;
    left: 0;
    bottom: 35%;
    padding: 20px;
    width: 100%;
}
.play_hover{
    display: none;
}
.play_orginal{
    display: inline-block;
}
.player_box a:hover .play_hover{
    display: inline-block;
}
.player_box a:hover .play_orginal{
    display: none;
}
.play_content p{
    font-family: "RobotoCondensed-Bold";
    text-align: center;
    margin: 10px 0 0 0;
}
.navbar .navbar-nav>li>a.nav-link {
    position: relative;
    font-size: 18px;
    display: inline-block;
}
.navbar .navbar-nav>li>a.nav-link+.ddl-switch {
    color: #fff;
    display: inline-block !important;
}
.navbar .navbar-nav .dropdown-menu .dropdown-menu{
    left: 190px;
}
.navbar .ddl-switch {
    display: inline-block !important;
    color: #fff;
}
.navbar .navbar-nav li .dropdown-menu>li>a:before{
    display: none;
}
.navbar .navbar-nav li .dropdown-menu>li:before{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: rgba(255,255,255,.3);
}
.navbar .navbar-nav li .dropdown-menu>li>a {
    display: inline-block;
    position: relative;
    font-size: 15px;
    color: #fff;
    padding: 12px 0;
    transition: all .5s ease 0s;
    width: 90%;
}
.navbar ul li>.dropdown-menu{
    max-width: 205px;
    min-width: 205px;
}
.dropdown-menu li{
    position: relative;
}
.classic_content a{
    color: #aacf44;
}
@media(min-width: 768px) {
    .content.about-edenvert-content {
        top: -60px;
    }
    .about-edenvert-title {
        padding: 25px 45px;
        font-size: 42px;
    }
    .about-edenvert-title strong {
        margin-right: 60px;
    }
    .about-edenvert-title-wrap {
        top: 50px;
    }
    .about-edenvert-content-info {
        padding: 0 40px 50px;
        top: -20px;
    }
    .about-edenvert-content-info::before {
        height: 50px;
    }
    .about-edenvert-info {
        height: 480px;
    }
    .about-service-list {
        padding-top: 50px;
    }
    .about-service-item img {
        max-height: 64px;
        margin-bottom: 20px;
    }
    .our-quality-list {
        margin-top: 30px;
    }
    .a-professional-manufacturer-list {
        margin-top: 60px;
    }
    .brand-story-content-img {
        max-width: 100px;
        margin-right: 15px;
        margin-top: 10px;
    }
    .brand-story-content-text {
        font-size: 38px;
    }
    .brand-story-content-text span {
        font-size: 42px;
        margin-left: 60px;
    }
}

@media(min-width: 1200px) {
    .content.about-edenvert-content {
        top: -70px;
    }
    .about-edenvert-title {
        padding: 45px 60px;
        font-size: 60px;
    }
    .about-edenvert-title strong {
        margin-right: 80px;
    }
    .about-edenvert-title-wrap {
        top: 80px;
    }
    .about-edenvert-item:nth-child(2) .about-edenvert-title-wrap {
        top: 90px;
        width: 886px;
    }
    .about-edenvert-content-info {
        padding: 0 50px 60px;
        top: -20px;
    }
    .about-edenvert-content-info::before {
        height: 60px;
    }
    .our-quality-list {
        margin-top: 50px;
    }
    .a-professional-manufacturer-list {
        margin-top: 80px;
    }
    .brand-story-content-img {
        max-width: 144px;
        margin-right: 15px;
        margin-top: 15px;
    }
    .brand-story-content-text {
        font-size: 56px;
    }
    .brand-story-content-text span {
        font-size: 60px;
        margin-left: 80px;
    }
    .about-edenvert-item:first-child .about-edenvert-title-wrap::before {
        content: url(./assets/images/brand-story-title-bg.png);
        position: absolute;
        bottom: 0;
        right: -200px;
        line-height: 0;
        z-index: 1;
    }
    .about-edenvert-item:nth-child(3) .about-edenvert-content-info,.about-edenvert-item:nth-child(4) .about-edenvert-content-info {
        padding: 0 50px 20px;
    }
}


/******
 ****** Home references
 ******/

.section-title-wrap {
    margin-bottom: 30px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.section-title,
.section-sub-title {
    font-size: 32px;
    line-height: 1;
    margin-bottom: 0;
    position: relative;
    z-index: 2;
}

.section-title {
    font-family: "Roboto-Bold";
}

.section-sub-title {
    font-family: "Roboto-Thin";
}

.home-references .section-title {
    color: #34612F;
    padding-left: 50px;
    padding-right: 10px;
}

.home-references .section-sub-title {
    color: #34612F;
    padding-left: 20px;
}

.home-references .section-title::before {
    content: '';
    width: 100%;
    height: 10px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: rgba(170, 207, 68, 0);
    background: -moz-linear-gradient(left, rgba(170, 207, 68, 0) 0%, rgba(170, 207, 68, 1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(170, 207, 68, 0)), color-stop(100%, rgba(170, 207, 68, 1)));
    background: -webkit-linear-gradient(left, rgba(170, 207, 68, 0) 0%, rgba(170, 207, 68, 1) 100%);
    background: -o-linear-gradient(left, rgba(170, 207, 68, 0) 0%, rgba(170, 207, 68, 1) 100%);
    background: -ms-linear-gradient(left, rgba(170, 207, 68, 0) 0%, rgba(170, 207, 68, 1) 100%);
    background: linear-gradient(to right, rgba(170, 207, 68, 0) 0%, rgba(170, 207, 68, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#aacf44', endColorstr='#aacf44', GradientType=1);
    z-index: -1;
}

.home-references .section-title::after {
    content: url(./assets/images/title-sm.png);
    position: absolute;
    left: 100%;
    bottom: -2px;
    line-height: 0;
}

.home-references {
    padding: 60px 0;
    background: url(./assets/images/references-bg.png) no-repeat left bottom;
}

.references-list>.container {
    position: relative;
    height: 50px;
    margin-left: 0;
}

.references-list .swiper-button-next,
.references-list .swiper-button-prev {
    top: auto;
    margin-top: 0;
    bottom: 0;
}

.references-list .swiper-button-next {
    right: 50px;
}

.references-list .swiper-button-prev {
    left: 50px;
}

.references-item {
    background-color: #fff;
    padding: 15px;
}

.references-img {
    margin-bottom: 20px;
}

.references-title {
    margin-bottom: 10px;
    font-family: "RobotoCondensed-Regular";
}

.tax-references-categories .references-img {
    margin-bottom: 0;
}
.tax-references-categories .references-title {
    display: none;
}
.width-three{
    float: left;
    width: 33.3%;
}
.foot_box {
    max-width: 1260px;
    margin: 0 auto;
}
.foot_box .footer-menu .menu li {
    width: 50%;
    margin: 7px 0;
    float: left;
    text-align: left;
}
.foot_box .footer-menu .menu {
    display: block;
}
.tax-references-categories .main-title h1 {
    /* font-size: 30px; */
}
.tax-product-categories .main-title h1 {
    /* font-size: 30px; */
}
.return-top {
    background: rgba(0,0,0,0.4) none repeat scroll 0 0;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    bottom: 100px;
    color: #fff;
    display: inline-block;
    font-size: 28px;
    height: 45px;
    line-height: 45px;
    overflow: hidden;
    position: fixed;
    right: -45px;
    text-align: center;
    width: 45px;
    cursor: pointer;
    transition: all .3s ease 0s;
    z-index: 99;
}
.return-top.et-visible{
    right: 0;
}
.float_box{
    position: fixed;
    z-index: 28000000;    
    bottom: 20px;
    right: 20px;
}
.float_box a{
    display: block;
    width: 72px;
    height: 72px;
    border-radius: 50%;
    -webkit-box-shadow: 0 5px 40px rgba(0, 0, 0, .16)!important;
    -moz-box-shadow: 0 5px 40px rgba(0, 0, 0, .16)!important;
    box-shadow: 0 5px 40px rgba(0, 0, 0, .16)!important;
    cursor: pointer;
    transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    background-color: #aacf44;
}
.float_box a.el_active img{
    display: none;
}
.float_box a.el_active::after{
    content: '';
    display: flex;
    height: 100%;
    background-image: url('/wp-content/uploads/2022/10/iconCloseRetina.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
div#CF635241e2e406d_1-row-1,#CF635241e2e406d_2-row-1{
    background-color: #aacf44;
    margin: 0;    
    padding: 20px;
}
div#CF635241e2e406d_1-row-1 p,div#CF635241e2e406d_1-row-1 h2,
div#CF635241e2e406d_2-row-1 p,div#CF635241e2e406d_2-row-1 h2{
    color: #fff;    
}
div#fancybox-content {
    border: 0;
}
div#CF635241e2e406d_1-row-2,div#CF635241e2e406d_2-row-2{
    margin: 0;
    padding: 20px;
}
div#CF635241e2e406d_1-row-3,div#CF635241e2e406d_2-row-3 {
    margin: 0;
    padding: 0 20px;
}
input#fld_7908577_1 {
    background-color: #aacf44;
    border: 0;
    color: #fff;
    font-weight: bold;
}
.green-btn{
    display: inline-block;
    padding: 10px 20px;
    background-color: #34612f;
    font-family: "RobotoCondensed-Regular";
}
.green-btn:hover{
    background-color: #AACF44 !important;
}
.ask_banner{
    display: flex;
    align-items: center;
    justify-content: end;
    padding: 150px 0;
}
.ask_banner_box{
    flex-basis: 50%;
    padding: 0 80px;
}
.ask_banner_box h2{
    margin-bottom: 25px;
    text-align: center;
}
.center{
    text-align: center;
}
.ask_banner_box p{
    font-family: robotocondensed-light;
}
.ask_banner_box p a{
    color: #AACF44;
    font-family: robotocondensed-light;
}
@media (max-width: 1803px){
    .product-sidebar li {
        margin: 10px 0;
    }
}
@media (max-width: 1440px){
	.tax-product-categories .product-sidebar li {
		width: 25%;
	}
    .ask_banner {
        padding: 100px 0;
    }
}
@media (max-width: 1280px){
    .ask_banner_box {
        flex-basis: 60%;
        padding: 0 80px;
    }
}
@media (max-width: 1024px){
	.esgupro-box{
		display:inherit;
	}
	.esgupro-left,.esgupro-right{
		width:100% !important;
	}
	.tax-product-categories .product-sidebar li {
		width: 33%;
	}
	.product-sidebar li a:hover .product-cat-img::before, .product-sidebar li.current-cat .product-cat-img::before{
		display: none;
	}
	.product-sidebar li.current-cat a,.product-sidebar li a,.product-sidebar li a:hover {
		background-color: inherit;
	}
    .ask_banner_box {
        flex-basis: 60%;
        padding: 0 30px;
    }
    .ask_banner {
        padding: 70px 0;
    }
}
@media (max-width: 540px){
    .ask_banner_box {
        flex-basis: 100%;
        padding: 0 30px;
    }
    .ask_banner_box h2{
        color: #ffffff;
    }
    .ask_banner_box p{
        color: #ffffff;
    }
}
@media (max-width: 414px){
    .width-three{
        width: 100%;
    }
    .foot_box .footer-menu .menu li{
        text-align: center;
    }
}
@media (min-width: 768px){
    .tax-references-categories .references-img {
        margin-bottom: 0;
    }
}

@media(min-width: 768px) {
    .section-title-wrap {
        margin-bottom: 40px;
    }
    .section-title,
    .section-sub-title {
        font-size: 56px;
    }
    .home-references .section-title {
        padding-left: 80px;
        padding-right: 15px;
    }
    .home-references .section-sub-title {
        padding-left: 40px;
    }
    .home-references .section-title::before {
        height: 15px;
    }
    .home-references .section-title::after {
        content: url(./assets/images/title-md.png);
        bottom: -5px;
    }
    .home-references {
        padding: 120px 0;
    }
    .references-img {
        margin-bottom: 25px;
    }
    .references-list>.container {
        min-height: 80px;
    }
    .references-list .swiper-button-next {
        right: 100px;
    }
    .references-list .swiper-button-prev {
        left: 100px;
    }
}

@media(min-width: 1200px) {
    .section-title-wrap {
        margin-bottom: 60px;
    }
    .section-title,
    .section-sub-title {
        font-size: 80px;
    }
    .home-references .section-title {
        padding-left: 110px;
        padding-right: 20px;
    }
    .home-references .section-sub-title {
        padding-left: 60px;
    }
    .home-references .section-title::before {
        height: 20px;
    }
    .home-references .section-title::after {
        content: url(./assets/images/title.png);
    }
    .home-references {
        padding: 200px 0;
    }
    .references-list .swiper-button-next {
        right: 150px;
    }
    .references-list .swiper-button-prev {
        left: 150px;
    }
}


/******
 ****** Home products
 ******/

.home-products {
    padding-top: 50px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.home-products-list {
    padding-top: 20px;
    height: 440px;
}

.home-products-list .product-item {
    margin-bottom: 0;
}

.home-products-title {
    margin-bottom: 10px;
    font-family: "RobotoCondensed-Regular";
}

.home-product-description {
    margin-bottom: 20px;
    font-size: 13px;
    color: #999999;
}

.home-product-info {
    padding: 15px 15px 0;
}

.home-product-cat {
    position: absolute;
    left: 30px;
    top: -10px;
    padding: 10px 20px;
    z-index: 2;
    font-size: 14px;
    color: #fff;
    line-height: 1;
    border-radius: 0 0 10px 0;
}

.home-product-cat::before {
    content: '';
    position: absolute;
    left: 20px;
    top: 100%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 8px 0 8px;
    border-color: #F8B62B transparent transparent transparent;
}

.home-product-cat.bg-yellow::before {
    border-color: #F8B62B transparent transparent transparent;
}

.home-product-cat.bg-green::before {
    border-color: #AACF44 transparent transparent transparent;
}

.home-product-cat.bg-dark-green::before {
    border-color: #34612F transparent transparent transparent;
}

.home-product-cat.bg-red::before {
    border-color: #9E4537 transparent transparent transparent;
}

.home-products-content-list {
    padding: 0;
    margin-bottom: 30px;
}

.home-products-content-item {
    padding: 0 0 15px 40px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    margin-bottom: 15px;
    color: #fff;
    position: relative;
}

.home-products-content-item::before {
    content: url(./assets/images/ul-style.png);
    position: absolute;
    left: 0;
    top: 0;
}

.home-products-content-list .col-12:last-child .home-products-content-item {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: 0;
}

.home-products-right-img {
    text-align: right;
    margin-bottom: 30px;
}

.home-products-right-img img {
    max-height: 200px;
}

.home-products .section-title-wrap {
    align-items: flex-end;
}

.home-products .section-title {
    color: #ffffff;
    padding-left: 150px;
}

.home-products .section-sub-title {
    color: #ffffff;
    padding-right: 60px;
}

.home-products .section-title::before {
    content: '';
    width: 100%;
    height: 10px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: rgba(170, 207, 68, 0);
    background: -moz-linear-gradient(left, rgba(170, 207, 68, 0) 0%, rgba(170, 207, 68, 1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(170, 207, 68, 0)), color-stop(100%, rgba(170, 207, 68, 1)));
    background: -webkit-linear-gradient(left, rgba(170, 207, 68, 0) 0%, rgba(170, 207, 68, 1) 100%);
    background: -o-linear-gradient(left, rgba(170, 207, 68, 0) 0%, rgba(170, 207, 68, 1) 100%);
    background: -ms-linear-gradient(left, rgba(170, 207, 68, 0) 0%, rgba(170, 207, 68, 1) 100%);
    background: linear-gradient(to right, rgba(170, 207, 68, 0) 0%, rgba(170, 207, 68, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#aacf44', endColorstr='#aacf44', GradientType=1);
    z-index: -1;
}

.home-products .section-sub-title::after {
    content: url(./assets/images/title-sm.png);
    position: absolute;
    left: -10px;
    bottom: 50%;
    line-height: 0;
    z-index: -1;
}

@media(min-width: 768px) {
    .home-products {
        padding-top: 100px;
    }
    .home-product-description {
        font-size: 14px;
    }
    .home-product-cat {
        font-size: 16px;
    }
    .home-products-content-list {
        padding: 0 30px;
    }
    .home-products-content-list .col-12:nth-last-child(2) .home-products-content-item {
        padding-bottom: 0;
        margin-bottom: 0;
        border-bottom: 0;
    }
    .home-products-right-img {
        margin-bottom: 40px;
    }
    .home-products .section-title {
        padding-left: 240px;
    }
    .home-products .section-sub-title {
        padding-right: 80px;
    }
    .home-products .section-title::before {
        height: 15px;
    }
    .home-products .section-sub-title::after {
        content: url(./assets/images/title-md.png);
    }
}

@media(min-width: 1200px) {
    .home-products {
        padding-top: 150px;
    }
    .home-products-title {
        font-size: 22px;
    }
    .home-product-description {
        font-size: 15px;
    }
    .home-product-cat {
        font-size: 18px;
    }
    .home-products-content-list {
        padding: 0 60px;
    }
    .home-products-right-img {
        margin-bottom: 60px;
    }
    .home-products-right-img img {
/*         max-height: 150px; */
    }
    .home-products .section-sub-title {
        padding-right: 120px;
    }
    .home-products .section-title::before {
        height: 20px;
    }
    .home-products .section-sub-title::after {
        content: url(./assets/images/title.png);
    }
}

@media(min-width: 1500px) {
    .home-products .section-title,
    .home-products .section-sub-title {
        font-size: 100px;
    }
}


/******
 ****** Home about
 ******/

.home-about {
    background-repeat: no-repeat;
    background-position: center right;
    background-size: cover;
}

.home-about-content {
    padding: 50px 0;
    background-repeat: no-repeat;
    background-position: left 30px bottom;
    background-size: 50%;
}

.home-about .section-title {
    font-family: "Roboto-Thin";
}

.home-about .section-sub-title {
    font-family: "Roboto-Bold";
}

.home-about .section-title {
    color: #34612F;
    padding-left: 50px;
    padding-right: 10px;
}

.home-about .section-sub-title {
    color: #34612F;
    padding-left: 20px;
}

.home-about .section-title::before {
    content: '';
    width: 100%;
    height: 10px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: rgba(170, 207, 68, 0);
    background: -moz-linear-gradient(left, rgba(170, 207, 68, 0) 0%, rgba(170, 207, 68, 1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(170, 207, 68, 0)), color-stop(100%, rgba(170, 207, 68, 1)));
    background: -webkit-linear-gradient(left, rgba(170, 207, 68, 0) 0%, rgba(170, 207, 68, 1) 100%);
    background: -o-linear-gradient(left, rgba(170, 207, 68, 0) 0%, rgba(170, 207, 68, 1) 100%);
    background: -ms-linear-gradient(left, rgba(170, 207, 68, 0) 0%, rgba(170, 207, 68, 1) 100%);
    background: linear-gradient(to right, rgba(170, 207, 68, 0) 0%, rgba(170, 207, 68, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#aacf44', endColorstr='#aacf44', GradientType=1);
    z-index: -1;
}

.home-about .section-title::after {
    content: url(./assets/images/title-sm.png);
    position: absolute;
    left: 100%;
    bottom: -2px;
    line-height: 0;
}

.home-about-list {
    width: 100%;
    overflow: hidden;
    padding: 0 15px;
    margin-bottom: 0;
}

.home-about-item {
    margin-bottom: 20px;
}

.home-about-info-warp {
    margin-bottom: 30px;
}

.home-about-info {
    background-color: #fff;
    max-width: 780px;
    margin-left: auto;
    padding: 30px 70px 30px 15px;
    position: relative;
}

.home-about-info,
.home-about-info p {
    font-family: "RobotoCondensed-Light";
}

.home-about-info strong {
    font-family: "RobotoCondensed-Regular";
    color: #222222;
}

.about-link {
    position: absolute;
    display: block;
    width: 32px;
    height: 32px;
    right: 15px;
    top: 50%;
    margin-top: -16px;
}

.about-link:hover {
    opacity: 0.5;
}

@media(min-width: 768px) {
	
    .home-about {
        background-size: 50%;
    }
    .home-about-content {
        padding: 80px 0 100px;
    }
    .home-about .section-title {
        padding-left: 140px;
        padding-right: 15px;
    }
    .home-about .section-title::before {
        height: 15px;
    }
    .home-about .section-title::after {
        content: url(./assets/images/title-md.png);
        bottom: -5px;
    }
    .home-about-content {
        background-position: left 50px bottom;
    }
    .home-about-list {
        margin-bottom: 10px;
    }
    .home-about-info-warp {
        margin-bottom: 40px;
    }
}

@media(min-width: 992px) {
    .home-about-list {
        padding: 0;
    }
    .home-about-info {
        padding: 40px 115px 40px 15px;
    }
    .about-link {
        position: absolute;
        display: block;
        width: 48px;
        height: 48px;
        right: 30px;
        top: 50%;
        margin-top: -24px;
    }
}

@media(min-width: 1200px) {
    .home-about-content {
        padding: 100px 0 200px;
    }
    .home-about .section-title {
        padding-left: 200px;
        padding-right: 20px;
    }
    .home-about .section-title::before {
        height: 20px;
    }
    .home-about .section-title::after {
        content: url(./assets/images/title.png);
    }
    .home-about-content {
        background-position: left 100px bottom;
    }
    .home-about-list {
        margin-bottom: 30px;
    }
    .home-about-info-warp {
        margin-bottom: 50px;
    }
}


/******
 ****** News
 ******/

.single-news-title {
    margin-bottom: 15px;
}

.single-news-date {
    font-size: 16px;
    line-height: 1;
    color: #222;
    margin-bottom: 30px;
}

.single-news-date img {
    max-height: 10px;
    margin-right: 10px;
    position: relative;
    z-index: -1px;
}

.single-news-content-wrap {
    padding-bottom: 0;
}

.post-navigation {
    margin-top: 30px;
}

.screen-reader-text {
    display: none;
}

.post-navigation .nav-previous,
.post-navigation .nav-next {
    margin-top: 5px;
}

.slider-wrap {
    position: relative;
}

.home-news-list-wrapper {
    width: 100%;
}

.home-news-list-wrap {
    padding: 25px 15px;
    background-color: #fff;
}

.home-news-list {
    max-width: 720px;
}

.news-item {
    display: flex;
    flex-direction: column;
    margin-bottom: 30px;
}

.home-news-list .news-item {
    margin-bottom: 0;
}

.news-date {
    font-size: 16px;
    margin-bottom: 10px;
}

.news-date img {
    max-height: 10px;
    margin-right: 10px;
    position: relative;
    z-index: -1px;
}

.news-thumb {
    line-height: 0;
    margin-bottom: 15px;
}
#search-3 .searchform #searchsubmit{
    position: absolute;
    right: 32px;
    border: 0;
    top: 2px;
    background-color: #fff;
}
#search-3 .searchform #s{
    width: 100%;
}

.news-title {
    font-family: "RobotoCondensed-Regular";
    margin-bottom: 20px;
    flex: 1;
}

.home-news-list .news-title a {
    font-size: 14px;
    color: #999;
}

.news-title a:hover {
    color: #34612F;
}
.term-monthly-new-collection .bg-dark-green {
    background-color: rgb(136,107,173);
}
.term-monthly-new-collection .about-edenvert-title:before {
    background-color: rgb(136,107,173);
}
@media(min-width: 768px) {
    .single-news-date {
        margin-bottom: 40px;
        font-size: 18px;
    }
    .post-navigation {
        margin-top: 50px;
    }
    .home-news-list-wrapper {
        position: absolute;
        bottom: 0;
        left: 0;
    }
    .home-news-list .news-item {
        flex-direction: row;
        align-items: center;
        /*margin-bottom: 40px;*/
    }
    .news-date {
        min-width: 105px;
        font-size: 18px;
        margin-bottom: 0;
    }
    .home-news-list .news-info {
        display: flex;
        align-items: flex-start;
        flex: 1;
    }
    .home-news-list .news-info {
        margin: 0 15px;
        padding: 0 15px;
        border-left: 1px solid #EEEEEE;
        border-right: 1px solid #EEEEEE;
    }
    .news-thumb {
        margin-right: 15px;
        margin-bottom: 0;
    }
    .home-news-list .news-thumb img {
        min-width: 60px;
        max-height: 60px;
    }
    .news-title {
        margin-bottom: 0;
    }
    .news-read-more {
        min-width: 60px;
    }
}

@media(min-width: 1200px) {
    .home-news-list {
        margin-left: auto;
    }
    .news-item {
        margin-bottom: 60px;
    }
}

.product-cate-list-warp {
    position: relative;
}

.swiper-button-product-prev,
.swiper-button-product-next {
    left: 50%;
    right: unset;
    margin-left: -24px;
    transform: rotate(90deg);
}

.swiper-button-product-next {
    top: auto;
    bottom: 10px;
}

.swiper-button-product-prev {
    top: 30px;
    bottom: auto;
}
.navbar .navbar-toggler{
    display: none;
}
.about-edenvert-content-info a{
    color: #fff;
}
.term-roma .about-edenvert-item {
    margin-top: -90px;
}
.term-roma .bg-dark-green {
    background-color: #9e4537;
}
.term-roma .about-edenvert-title:before {
    background-color: #9e4537;
}
.term-athen .about-edenvert-item {
    margin-top: -90px;
}
.term-athen .bg-dark-green {
    background-color: rgb(13,153,213);
}
.term-athen .about-edenvert-title:before {
    background-color: rgb(13,153,213);
}
@media (max-width: 1348px){
    .navbar .navbar-nav {
        margin-right: 0;
    }
}
@media (max-width:1024px){
    .navbar .navbar-toggler{
        display: block;
    }
}
@media (max-width:414px){
    .navbar .navbar-toggler{
        display: block;
    }
	.product-sidebar li a:hover .product-cat-img:before, .product-sidebar li.current-cat .product-cat-img:before{
		display: none;
	}
	.product-sidebar li.current-cat a {
		background-color: #f5f5f5;
		display: inline-block;
	}	
}
.single-references .single-content p img{
	width: 100%;
}
.swp_social_panel:not(.nc_floater):not(.swp_social_panelSide) {
   width: 325px !important;
	display: inline-block;
}
.swp_share{
	display: none !important;
}
.swp_social_panel .iconFiller{
	width: 30px !important;
}
.swp_social_panel > span {
    font-size: 22px;
    float: left;
    margin-top: -1px;
    margin-right: 13px;
    font-family:"RobotoCondensed-Bold";
    text-transform: uppercase;
	  color: #000000;
}
.swp_social_panel > span .fa{
	 color: #85c43f;
    font-size: 30px;
    margin-right: 15px;
}
.swp_social_panel .nc_tweetContainer:not(.total_shares):not(.total_sharesalt) {
    height: 32px;
    min-width: 32px !important;
    border-radius: 50%;
}
.single-news p a{
	color: #aacf44;	
}
.single-news p a:hover,.single-news p a:focus{
	color: #222;
}
.error404 #site-content{
	background:url(https://www.eden-vert.com/wp-content/uploads/2022/06/Vienna-Hera-2.jpg);
	background-position:center !important;
	background-repeat:no-repeat !important;
	background-size:cover !important;
}
.error-404-wrapper h1{
	font-size:175px;
}
.error-404-wrapper p{
	font-size:33px;margin-bottom: 10px;font-weight:bold;
}
.content-404{
	text-decoration: underline;font-size:22px;line-height:36px;
}
.product-cate-list-warp{
    padding: 0 100px;
}
@media (max-width: 1280px){
    .product-cate-list-warp{
        padding: 0 50px;
    }
}
@media (max-width: 1024px){
    .product-cate-list-warp{
        padding: 0;
    }
}
@media (max-width: 820px){
    .product-cate-list-warp .col-sm-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
}
.des_tab > h2 {
    display: flex;
    justify-content: center;
    padding: 20px 0;
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    font-size: 24px;
    color: #444;
    margin-bottom: 0;
	 font-family: robotocondensed-regular;
}
.des_tab h2 .fa{
	margin-left: 25px;
	transform: rotate(180deg);
}
.des_tab {
    margin: 80px 0 0 0;
}
.des_box {
    padding: 20px;
    background: #fff;
    display: none;
    margin-top: 25px;
}
.des_box.des_active a{
	color: #aacf44 !important;
}
.des_box.des_active a:hover{
	color: #fff !important;
}
.des_box.des_active{
    display: block;
}
.des_tab h2 .fa.des_active{
    transform: rotate(0);
}
.product-info-item:nth-child(2) {
/*     display: none; */
}
.home-products .section-sub-title {
    font-size: 45px !important;
}
.home-about .section-sub-title {
    font-size: 45px;
}
.home-products .section-title {
    font-size: 50px !important;
}
.ask_box .ask_box_btn {
    font-size: 24px;
    line-height: 50px;
    width: 250px;
    height: 52px;
}
#slide-15-layer-1,
#slide-15-layer-2,
#slide-16-layer-1,
#slide-16-layer-2,
#slide-17-layer-1,
#slide-17-layer-2,
#slide-18-layer-1,
#slide-18-layer-2,
#slide-19-layer-1,
#slide-19-layer-2{
    font-size: 45px !important;
    line-height: 55px !important;
}
.references-titles a span {
    font-family: robotocondensed-regular;
}
.fsbanner img {
    filter: blur(1px);
}
@media (min-width: 1200px){
    p {
        font-size: 17px;
    }
    .section-title, .section-sub-title {
        font-size: 50px;
    }
    .about-edenvert-title {
        font-size: 45px;
    }
    .main-title h1, .main-title h2 {
        font-size: 45px;
    }
}