/*
Theme Name: CoCreation Grass Corporation
Version: 1.0
Author: CoCreation Grass Corporation
Version: 1.0


*/


/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Normalize
2.0 Accessibility
3.0 Alignments
4.0 Clearings
5.0 Typography
6.0 Forms
7.0 Formatting
8.0 Lists
9.0 Tables
10.0 Links
11.0 Featured Image Hover
12.0 Navigation
13.0 Layout
   13.1 Header
   13.2 Front Page
   13.3 Regular Content
   13.4 Posts
   13.5 Pages
   13.6 Footer
14.0 Comments
15.0 Widgets
16.0 Media
   16.1 Galleries
17.0 Customizer
18.0 SVGs Fallbacks
19.0 Media Queries
20.0 Print
--------------------------------------------------------------*/


/*--------------------------------------------------------------
1.0 Normalize
--------------------------------------------------------------*/

html {
	font-family: sans-serif;
	line-height: 1.15;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}
body {
	margin: 0;
}
/*--------------------------------------------------------------
12.0 Navigation
--------------------------------------------------------------*/
.navbar {
	margin-bottom: 0;
	border: 0;
}
@media(min-width: 770px) {
ul.nav li.dropdown:hover > ul.dropdown-menu {
	display: block;
	margin: 0;
}
}
/*--------------------------------------------------------------
20.0 Print
--------------------------------------------------------------*/

/*Start Custom Css*/

/*Global*/
@font-face {
    font-family: 'Aileron-Regular';
    src: url('/wp-content/themes/ccgrass/assets/fonts/Aileron-Regular.eot');
    src: url('/wp-content/themes/ccgrass/assets/fonts/Aileron-Regular.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/ccgrass/assets/fonts/Aileron-Regular.woff2') format('woff2'),
        url('/wp-content/themes/ccgrass/assets/fonts/Aileron-Regular.woff') format('woff'),
        url('/wp-content/themes/ccgrass/assets/fonts/Aileron-Regular.ttf') format('truetype'),
        url('/wp-content/themes/ccgrass/assets/fonts/Aileron-Regular.svg#Aileron-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Aileron-Bold';
    src: url('/wp-content/themes/ccgrass/assets/fonts/Aileron-Bold.eot');
    src: url('/wp-content/themes/ccgrass/assets/fonts/Aileron-Bold.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/ccgrass/assets/fonts/Aileron-Bold.woff2') format('woff2'),
        url('/wp-content/themes/ccgrass/assets/fonts/Aileron-Bold.woff') format('woff'),
        url('/wp-content/themes/ccgrass/assets/fonts/Aileron-Bold.ttf') format('truetype'),
        url('/wp-content/themes/ccgrass/assets/fonts/Aileron-Bold.svg#Aileron-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

#rev_slider_2_1_wrapper h1,
#rev_slider_2_1_wrapper h2,
#rev_slider_2_1_wrapper h3,
#rev_slider_2_1_wrapper h4,
#rev_slider_2_1_wrapper h5,
#rev_slider_2_1_wrapper h6,
#rev_slider_2_1_wrapper rs-layer{
	font-family: 'Aileron-Bold' !important;
}
#rev_slider_2_1_wrapper p,
#rev_slider_2_1_wrapper a,
#rev_slider_2_1_wrapper span,
#rev_slider_2_1_wrapper b,
#rev_slider_2_1_wrapper strong,
#rev_slider_2_1_wrapper div{
	font-family: 'Aileron-Regular' !important;
}
#rev_slider_4_1_wrapper h1,
#rev_slider_4_1_wrapper h2,
#rev_slider_4_1_wrapper h3,
#rev_slider_4_1_wrapper h4,
#rev_slider_4_1_wrapper h5,
#rev_slider_4_1_wrapper h6,
#rev_slider_4_1_wrapper rs-layer{
	font-family: 'Aileron-Bold' !important;
}

#rev_slider_4_1_wrapper p,
#rev_slider_4_1_wrapper a,
#rev_slider_4_1_wrapper span,
#rev_slider_4_1_wrapper b,
#rev_slider_4_1_wrapper strong,
#rev_slider_4_1_wrapper div{
	font-family: 'Aileron-Bold' !important;
}
body {
	min-width: 320px;
	font-size: 1.6rem;
	font-family: 'Aileron-Regular';
	line-height: 1.5;
	color: #666;
}
.page-content {
	word-break: keep-all;
}
.container {
	width: auto;
	max-width: 1470px;
}
img {
	max-width: 100%;
	height: auto !important;
}
small, .small {
	font-size: 1.3rem;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	margin-top: 0;
	font-family: 'Aileron-Bold';
	    font-weight: bold;
}
h1 {
	font-size: 5rem;
}
h2 {
	font-size: 2.8rem;
}
h3 {
	font-size: 2.6rem;
}
h4 {
	font-size: 1.8rem;
}
h5 {
	font-size: 1.6rem;
}
h6 {
	font-size: 1.3rem;
}
a {
	-webkit-transition: color 0.2s ease-in-out;
	-moz-transition: color 0.2s ease-in-out;
	-o-transition: color 0.2s ease-in-out;
	-ms-transition: color 0.2s ease-in-out;
	text-decoration: none;
}
.cus_btn {
	font-size: 11px;
	display: inline-block;
	color: #fff;
	background: #333;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	text-transform: uppercase;
	line-height: 18px;
	padding: 5px 20px;
	font-family: 'Aileron-Bold';
	font-weight:normal;
}
.large-btn {
	font-size: 14px;
	background: transparent;
	border-width: 2px;
	border-style: solid;
	line-height: 20px;
	padding: 15px 45px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
.white, .white p {
	color: #fff;
}
.blue, .blue p {
    color: #005098;
}
.green, .green p {
	color: #85C43F;
}
.dark-green, .dark-green p {
	color: #3F7D79;
}
.gray, .gray p {
	color: #777;
}
.black, .black p {
	color: #333;
}
.purple, .purple p {
	color: #292841;
}
.black-6, .black-6 p {
	color: #666;
}
.font-18, .font-18 p {
	font-size: 18px;
}
.img-wrapper {
	overflow: hidden;
	position: relative;
}
.img-wrapper img {
	-webkit-transition: -webkit-transform 0.4s ease-in-out;
	-moz-transition: -moz-transform 0.4s ease-in-out;
	-ms-transition: -ms-transform 0.4s ease-in-out;
	transition: transform 0.4s ease-in-out;
}
.img-wrapper:hover img, .case-articles-wrapper article:hover .img-wrapper img {
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
}
.width-10 {
	max-width: 1000px;
}
.width-9 {
	max-width: 900px;
}
.width-7 {
	max-width: 700px;
}
.width-6 {
	max-width: 600px;
}
.width-13 {
	max-width: 1300px;
}
.width-6, .width-7, .width-13, .width-9, .width-10 {
	margin-left: auto;
	margin-right: auto;
}
.bg-gray-round {
	background: url("assets/images/gray-round.png") bottom center no-repeat;
}
.displaynone {
	display: none;
}
.zero-row {
	margin-left: 0;
	margin-right: 0;
}
.zero-row > [class^="col-"] {
 padding-left: 0;
 padding-right: 0;
}
.small-row {
	margin-left: -10px;
	margin-right: -10px;
}
.small-row > [class^="col-"] {
	padding-left: 10px;
	padding-right: 10px;
}
img.alignleft{
	float: left;
}
img.alignright{
	float: right;
}
img.aligncenter{
	display: block;
	margin-left: auto;
	margin-right: auto;
}




/* =========== */
.header-center-area #menu-item-12034{
	display:none;
}
.ht-content{
	display: flex;align-items: center;justify-content: space-between;
	display: -moz-box;
    /* Firefox 17- */
    display: -webkit-flex;
    /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex;
    /* Firefox 18+ */
    display: -ms-flexbox;
    /* IE 10 */
	height:80px;
}
.heto-left ul,.ht-lan,.ht-social{
	display: flex;align-items: center;
	display: -moz-box;
    /* Firefox 17- */
    display: -webkit-flex;
    /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex;
    /* Firefox 18+ */
    display: -ms-flexbox;
    /* IE 10 */
}
.heto-right > ul > li:last-child::before{
	display:none;
}
.heto-right > ul > li:nth-child(3){
	margin-right:0px;
}
.heto-left ul li{
	margin-right: 30px;
}
.heto-left ul li span{
	font-size: 16px;color: #666;
}
.heto-left .img-ap{
	transform: translateY(4px);
}
.heto-right ul li,.heto-right li a{
	font-size: 16px;color: #666;position:relative;transition:all .3s;cursor: pointer;
}
.heto-right li a:hover{
	transition:all .3s;color:#8fbf3e;
}
.heto-right > ul > li{
	padding-right:22px;margin-right:22px;
}
.heto-right > ul > li:last-child{
	padding-right:0px;margin-right:0px;
}
.heto-right > ul > li::before{
	content:"";position:absolute;left:-22px;height:18px;width:1px;background:#999;top:2px;
}
.ht-lan .choose-site >a{
	font-weight:bold;
}
.heto-right .choose-site >ul{
	position: absolute;
    top: 30px;
    left: 0;
    width: 150px;
    border-radius: 3px;
    -moz-bborder-radius: 3px;
    -webkit-border-radius: 3px;
}
.heto-right .choose-site >ul >li >a{
	background-color: #333333;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding: 6px 15px;
    width: 100%;
    text-align: left;
    height: auto;
    line-height: 21px;
    font-size: 14px;
    color: #fff !important;
    display: block;
	transition:all .3s;
}
.heto-right .choose-site.open > a{
	color:#8fbf3e !important;
}
.heto-right .choose-site >ul >li >a:hover{
	background:#8fbf3e !important;transition:all .3s;
}
.heto-right > ul > li:first-child::before{
	display:none;
}
.ht-social li{
	margin-right:15px;
}
.ht-social li:last-child{
	margin-right:0px;
}
.heto-right span.pc-none{
	display:none;
}
.ht-cat-btn > a{
	background-color: #8fbf3e;
    border-radius: 5px;
    color: #fff !important;
    padding: 10px 16px;
}
.choose-site >ul{
	display:none;
}
.page-id-226 .recommend-product-item div.equal-height{
	height:190px !important;
}
.page-id-226 .recommend-product-item div.equal-height1{
	height:100px !important;
}
.page-id-226 .recommend-product-item div.equal-height2{
	height:140px !important;
}
.page-id-226 .recommend-product-item div.equal-height3{
	height:100px !important;
}
.page-id-226 .list-new h4{
	min-height:60px;
}
@media (min-width:992px) and (max-width:1440px){
	.page-id-226 .recommend-product-item div.equal-height0{
	height:190px !important;
}
}
.reck-item .post-excerpt{
	height:auto !important;
}
.reck-item .post-info {
    border-width: 0 1px 1px 1px;
    border-color: #ddd;
    border-style: solid;
    padding: 25px;
}
.reck-item .wpb_single_image{
	margin-bottom:0px !important;
}
.reck-item .date{
	 background: #eee;
    color: #666;
    display: inline-block;
    font-size: 1rem;
    line-height: 2rem;
    padding: 0 12px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    text-transform: uppercase;
    font-weight: bold;
}
.reck-item .read-more{
	 background: rgba(0, 0, 0, 0) !important;
    color: #333;
    border: 1px solid #333;
}
.reck-item .read-more:hover {
    background: #85C43F !important;
    color: #ffffff;
    border: 1px solid #85C43F;
}
.page-id-44 #formBodyDiv{
	padding-left:0px !important;
}
.page-id-44 .templateWidth{
	padding-left:0px !important;
}
.searchd{
	cursor: pointer;
}
.header_search{
	 position: absolute;right: 0;padding: 10px 0px;
}
.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 (max-width: 770px){
	.mobile_search{
		display: inline-block !important;position: fixed;
    right: 68px;
    top: 18px;
	}
	.header-center-area.show-layout .mobile_search{
		top: 13px;
	}
	.header_search .search-submit{
		top: -1px;
	}
	#menu-item-4912{
		display:none !important;
	}
}
#pc__none{
	display:none;
}
.aoalt-list >.vc_column-inner >.wpb_wrapper{
	    background: rgba(238, 238, 238, 0.5);
    padding: 25px;
	min-height:340px;
	display: grid;
    align-items: start;
    justify-items: start;
    align-content: center;
}
.aoalt-list-one >.vc_column-inner >.wpb_wrapper{
	background: #85C43F;
}
.aoalt-list-one h2,.aoalt-list-one p{
	color:#fff !important;
}
.aoalt-list h2{
	margin-bottom:15px;
}
.aoalt-list-end >.vc_column-inner >.wpb_wrapper{
	padding:0px !important;position: relative;
}
.aoalt-list .wpb_text_column:last-child{
	min-height:168px;
}
.aoalt-list-end .wpb_text_column:first-child{
	margin-bottom:0px !important;
}
.aoalt-left h2{
	text-align:left !important;font-size:34px;
}
.aoalt-list h4{
	display:flex;align-items:center;
}
.aoalt-list h4 img{
	margin-right:8px;
}
.aoalt-list .wpb_text_column:last-child{
	margin-bottom:0px !important;
}
.aoalt-list .wpb_text_column:first-child{
	margin-bottom:20px !important;
}
.aoalt-list{
	margin-bottom:25px !important;
}
.page-id-313 .aoalt-list-end >.vc_column-inner >.wpb_wrapper{
	overflow:hidden;
}
.page-id-313 .aoalt-list-end .wpb_text_column{
	margin-bottom:0px !important;
}
.page-id-313 .aoalt-list-end img{
	 position: absolute;
    left: 0;
    right: 0;
    top: 0;
    width: 500px;
    max-width: inherit;
}
.page-id-10167 .home-advantages-bottom .list-unstyled li,
.page-id-313 .home-advantages-bottom .list-unstyled li{
	padding-left:20px !important;padding-right:20px !important;
}
.page-id-10167 .home-advantages-bottom .list-unstyled li p,
.page-id-313 .home-advantages-bottom .list-unstyled li p{
	font-size:15px !important
}
.btn_hover_change_color a{
	transition:all .3s;
}
.btn_hover_change_color a:hover{
	transition:all .3s;background: #85c43f;color: #fff !important;
}
.page-id-10167 .home-advantages-bottom h4,
.page-id-313 .home-advantages-bottom h4{
	font-weight: bold !important;
	    font-size: 18px !important;
    color: #333;
    margin-bottom: 0;
	font-family: 'Aileron-Bold' !important;
}
.page-id-10167 .recommend-product-item>.vc_column-inner>.wpb_wrapper,
.page-id-313 .recommend-product-item>.vc_column-inner>.wpb_wrapper{
	min-height:520px;
}
.page-id-10167 .step-list h4 img,
.page-id-313 .step-list h4 img{
	max-width:60px !important;height:auto !important;
}
.page-id-10167 .step-list h4,
.page-id-313 .step-list h4{
	color:#333 !important;display:flex;align-items:center;
}
.clean-list >div{
	padding-left:15px !important;padding-right:15px !important;
}
.clean-list >div > .vc_column-inner{
	background:#eeefef;
}
.clean-list >div > .vc_column-inner>.wpb_wrapper{
	 padding: 40px 20px 0px 20px;
}
.refe-swiper{
	 position: relative;overflow:hidden; 
}
.refe-pagination{
	bottom:-35px;left:0;right:0;
}
.refe-contents{
	position: relative;
}
.refe-pagination .swiper-pagination-bullet{
	width:12px !important;height:12px !important;margin-right:4px;
}
.refe-pagination .swiper-pagination-bullet-active{
	    background: #85c43f;
}
.refe-next,.refe-prev{
	background-color: #86c440 !important;
    width: 44px !important;
    height: 44px !important;
    border-radius: 50% !important;
    color: #fff !important;
    top: 49%;
}
.refe-next::after,.refe-prev::after{
	font-size:20px !important;
}
.refe-next{
	right:-70px !important;
}
.refe-prev{
	left:-70px !important;
}
.page-id-10167 .faq-list >.vc_column-inner > .wpb_wrapper,
.page-id-313 .faq-list >.vc_column-inner > .wpb_wrapper{
	    background: #fff;
    box-shadow: 0 25px 98px 0 rgba(0,0,0,.1);
	padding:20px;border-radius:5px;
	
}
.page-id-10167 .faq-list,
.page-id-313 .faq-list{
	margin-bottom:25px;
}
.page-id-10167 .vc_toggle_simple,
.page-id-313 .vc_toggle_simple{
	margin-bottom:0px !important;
}
.b-contact-left p{
	    font-size: 24px;
    font-style: italic;
    color: #85C43F;
}
.b-contact-content{
	display:flex;align-items:center;
}
.page-id-10167 .recommend-products-wrap .vc_images_carousel .vc_carousel-indicators,
.page-id-313 .recommend-products-wrap .vc_images_carousel .vc_carousel-indicators{
	bottom:-30px !important;
}
.page-id-10167 .clean-list h4,
.page-id-313 .clean-list h4{
	 border-bottom: 1px solid #333;
    color: #333;
    font-size: 24px;
    margin-bottom: 15px;
    padding-bottom: 15px
}
.page-id-10167 .help_item::after,
.page-id-313 .help_item::after{
    width: 1500px;
    height: 100%;
    background-color: rgba(0,0,0,0.6);
    content: '';
    left: 0;
    position: absolute;
    transform: skewX(-15deg);
    z-index: 0;
}
.page-id-10167 .help_item,
.page-id-313 .help_item{
    min-height:630px;
    position: relative;
    display: flex;
    justify-content: center;
}
.page-id-313 .templateWidth, .tyTemplateWidth{
	padding:10px !important;
}
.page-id-10167 .help_item .vc_column-inner,
.page-id-313 .help_item .vc_column-inner{
    position: absolute;
    z-index: 1;
 height: 100%;
  display: flex;
   align-items: center;
 max-width: 630px;
 justify-content: center;
 }

@media screen and (max-width:1024px){
	.aoalt-left h2{
		font-size:32px;
	}
	.aoalt-list >.vc_column-inner >.wpb_wrapper{
		min-height:460px;
	}
	.aoalt-left h2{
	text-align:center !important;
}
	.aoalt-left{
		width:100% !important;text-align:center !important;
	}
	.aoalt-right{
		width:100% !important;
	}
	.page-id-10167 .clean-list h4,
	.page-id-313 .clean-list h4{
		font-size:22px;
	}
	.page-id-10167 .help_box,
	.page-id-313 .help_box{
    flex-direction: column-reverse;
}
	.page-id-10167 .help_part .vc_col-sm-6,
	.page-id-313 .help_part .vc_col-sm-6{
		 width: 100% !important;
	}
	.page-id-10167 .help_item,
	.page-id-313 .help_item{
    min-height: 360px !important;
}
	.page-id-10167 .help_item::after,
	.page-id-313 .help_item::after{
    transform: inherit;
}
}
@media (max-width: 991px){
	.page-id-313 .home-advantages-bottom .list-unstyled li{
		min-height:400px;
	}
	.page-id-10167 .recommend-product-item,
	.page-id-313 .recommend-product-item{
		width:50% !important;
	}
}
@media(max-width:767px){
	#pc__none{
	display:block;
}
	#mobile__none{
		display:none;
	}
	.titlecover + .wpb_content_element p {
    font-size: 12px !important;
    margin-bottom: 10px;
    line-height: 16px;
}
	.aoalt-list >.vc_column-inner >.wpb_wrapper{
		min-height: inherit;
	}
	.page-id-10167 .help_form iframe,
	.page-id-313 .help_form iframe{
    width: 100% !important;
}
	.clean-list >div{
		margin-bottom:25px;
	}
	.b-contact-left p{
		font-size:16px;
	}
	.b-contact-content{
		flex-direction:column;
	}
	.page-id-10167 .clean-list:nth-child(2n+1),
	.page-id-313 .clean-list:nth-child(2n+1){
		    flex-direction: column-reverse !important;
	}
	.page-id-10167 .recommend-product-item>.vc_column-inner>.wpb_wrapper,
	.page-id-313 .recommend-product-item>.vc_column-inner>.wpb_wrapper{
    min-height: inherit;
}
	.page-id-10167 .home-advantages-bottom .list-unstyled li,
	.page-id-313 .home-advantages-bottom .list-unstyled li{
		min-height:inherit;
	}
	.page-id-10167 .recommend-product-item,
	.page-id-313 .recommend-product-item{
		width:100% !important;
	}
}
/* ============ */
/*Header*/
header#masthead {
	margin-top: 45px;
	width: 100%;
	z-index: 90;
	position: relative;
}
header.normal-header {
	background-position: center bottom;
	background-repeat: no-repeat;
	min-height: 450px;
	background-size: cover;
}
header#masthead:before {
	content: " ";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 10;
}
header#masthead.lighter-banner:before {
	background-color: rgba(0, 0, 0, 0);
}
header#masthead > nav {
	z-index: 200;
	border: 0;
}
.header-top-area {
	font-size: 1.3rem;
	background: #fff;
	position: fixed;
	width: 100%;
	z-index: 1000;
	top: 0;
}
.header-center-area {
	position: fixed;
	top: 45px;
	width: 100%;
	z-index: 200;
	padding: 10px 0;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
}
.home-header .header-center-area {
	background: rgba(0, 0, 0, 0.4);
}
.header-center-area.show-layout {
	background: rgba(0, 0, 0, 0.7);
	padding: 0;
}
.widget-header-left li {
	display: inline-block;
	line-height: 30px;
}
.header-top-area ul {
	margin-bottom: 0;
}
.widget-header-left li span {
	margin-right: 15px;
	padding-right: 20px;
	border-right: 1px solid rgba(51, 51, 51, 0.1);
}
.widget-header-left li .small-logo, .footer-landscapes img {
	margin-bottom: 5px;
	margin-left: 10px;
}
.widget-header-left li:last-child span {
	margin-right: 0;
	padding-right: 0;
	border: 0;
}
.widget-header-left li i {
	margin-right: 15px;
}
.widget-header-right li {
	display: inline-block;
	margin-left: 5px;
	margin-top: 2px;
}
.widget-header-right li:first-child {
	margin-left: 0;
}
.widget-header-right li a {
	color: #333;
	font-family: "Aileron-Regular";
	display: inline-block;
	font-size: 16px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background-color:rgba(0,0,0,0.1);
	width: 30px;
	height: 30px;
	line-height: 30px;
	padding: 0;
	text-align: center;
}
.widget-header-right li a:hover,
.widget-header-right li a:focus{
	background-color:#86c440;
	color:#fff;
}
.widget-header-right li a img {
	margin-right: 10px;
	max-width: 20px;
	display: none;
}
.header-bottom-area {
	background-color: rgba(0, 0, 0 ,0.1);
	padding: 15px 0;
}
header #navbar ul.nav > li {
	margin-top: 7px;
	margin-bottom: 7px;
}
header #navbar ul.nav > li > a {
	color: #fff;
	text-transform: uppercase;
	font-size: 14px;
	font-weight:700;
}
header #navbar ul.nav > li.current_page_item > a, header #navbar ul.nav > li.current-menu-item > a, header #navbar ul.nav > li.current-page-ancestor > a, header #navbar ul.nav > li.current-menu-ancestor > a, header #navbar ul.nav > li:hover > a {
	color: #85c43f;
}
.navbar-brand {
	height: auto;
	line-height: inherit;
}
.navbar-brand .logo-img {
	max-height: 30px;
}
@media (max-width: 768px) {
	.clean-list >div > .vc_column-inner>.wpb_wrapper {
    padding: 20px 0px 0px 0px;
}
	.page-id-10167 .clean-list h4,
	.page-id-313 .clean-list h4{
		word-break:break-word;font-size:18px !important;
	}
	.header-center-area.blacker {
		background-color: rgba(0, 0, 0, 0.8);
		transition: all 1s ease 0s;
	}
.header-center-area.blacker {
	background-color: rgba(0,0,0,0.8);
	transition: all 1s ease 0s;
}
header #navbar ul.nav > li {
	border-bottom: rgba(255,255,255,0.1) solid 1px;
}
}
.dropdown-menu {
	background-color: rgba(0,0,0,0.6);
}
.dropdown-menu > li > a {
	color: #fff;
	padding: 8px 20px;
	border-bottom: rgba(255,255,255,0.1) solid 1px;
}
.dropdown-menu > li:last-child > a{
	border-bottom: 0;
}
.navbar-nav > li > .dropdown-menu {
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}
.navbar-nav > li > .dropdown-menu::before {
	border-bottom: 8px solid rgba(0,0,0,0.6);
	border-right: 0 solid transparent;
	border-left: 40px solid transparent;
	content: "";
	display: block;
	height: 0;
	right: 50px;
	position: absolute;
	top: -8px;
	width: 0;
}
.navbar-collapse {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}
.fa{
	text-align:center;
	min-width:12px;
}
.widget-header-right .textwidget > ul{
	float: right;
	margin-left: 10px;
}
.widget-header-right li.choose-site{
	position: relative;
}
.widget-header-right li.choose-site ul{
	display: none;
	position: absolute;
	top: 30px;
	left: 0;
	background-color: #E5E5E5;
	width: 120%;
	border-radius: 3px;
	-moz-bborder-radius: 3px;
	-webkit-border-radius: 3px;
}
.widget-header-right li.choose-site > ul > li > a {
    background-color: transparent;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding: 6px 15px;
    width: 100%;
    text-align: left;
    height: auto;
    line-height: 21px;
    font-size: 14px;
}
.widget-header-right li.choose-site > ul > li:last-child > a{
    border-bottom: none;
}
.widget-header-right li.choose-site > ul > li > a:hover,
.widget-header-right li.choose-site > ul > li:hover > a{
	background-color:#85C43F;
}
.widget-header-right li.choose-site ul li{
	margin: 0;
	width: 100%;
}
.widget-header-right li.choose-site ul li a{
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	display: block;
}
.widget-header-right li.choose-site > a {
	min-width: 80px;
	width: auto;
	padding: 0 15px;
	text-align: center;
	font-size: 14px;
}
/*Footer*/
footer {
	background: #000;
	color: #fff;
	font-size: 1.3rem;
	font-family: 'Aileron-Regular';
}
.footer-landscapes {
	line-height: 30px;
}
.footer-wrap {
	background: url("assets/images/footer-bg.png") no-repeat left bottom;
	padding: 50px 0 20px;
	background-size: cover;
}
.footer-copyright {
	font-size: 1.2rem;
	border-top: 1px solid rgba(255, 255, 255, 0.15);
	padding-top: 20px;
	padding-bottom: 10px;
	line-height: 1.8;
	color: rgba(255,255,255,0.5);
}
.footer-copyright a {
	color: rgba(255,255,255,0.5);
}
.widget-sidebar-footer1 img.footer-logo {
	margin-top: 17px;
	margin-bottom: 20px;
	max-height: 30px;
}
.widget-sidebar-footer1 ul li {
	text-transform: uppercase;
	margin-right: 35px;
	margin-bottom: 5px;
}
.widget-sidebar-footer1 ul li:last-child, .footer-social li:last-child {
	margin-right: 0;
}
.widget-sidebar-footer1 ul li, .footer-social li {
	display: inline-block;
}
.widget-sidebar-footer2, .widget-sidebar-footer3 {
	text-align: center;
	line-height: 1.5;
}
.widget-sidebar-footer2 img, .widget-sidebar-footer3 img {
	display: block;
	margin: 5px auto 20px;
}
.widget-sidebar-footer2 a, .widget-sidebar-footer3 a {
	display: block;
	font-size: 26px;
	margin-bottom: 10px;
	font-family: 'Aileron-Bold';
}
.header-center-area {
	top: 80px;
}
.widget-header-right li a {
	background-color: #85c43f;
	color: #ffffff;
	transition: all ease 0.3;
}
.widget-header-right li a:hover, .widget-header-right li a:focus {
	background-color: #333333;
	color: #fff;
}
.widget-header-right li.choose-site>ul>li>a {
	background-color: #333333;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.choose-site svg{
    vertical-align: sub;
    margin-right: 5px;
}
.footer-social li a {
	font-size: 30px;
}
footer a {
	color: #fff;
}
.widget-sidebar-footer2 a, .widget-sidebar-footer3 a, .footer-social li a {
	color: #85C43F;
}
.widget-sidebar-footer2 a:hover, .widget-sidebar-footer3 a:hover, .footer-social li a:hover {
	color: #fff;
}
footer .widget-sidebar-footer1 a:hover, footer .footer-copyright a:hover {
	color: #85C43F;
}
.sidebar-footer2-area {
	border-left: 1px solid rgba(255, 255, 255, 0.15);
}
.sidebar-footer3-area {
	border-left: 1px solid rgba(255, 255, 255, 0.15);
	border-right: 1px solid rgba(255, 255, 255, 0.15);
}
.widget-sidebar-footer1, .sidebar-footer2-area, .sidebar-footer3-area, .widget-sidebar-footer4 {
	margin-bottom: 30px;
}
.widget-sidebar-footer4 {
	text-align: center;
}
.footer-social li {
	margin-right: 9px;
}
.widget-sidebar-footer4 h3 {
	margin-bottom: 15px;
}
.back-to-top {
	position: fixed;
	bottom: 0;
	right: 20px;
	background-color: #86C440;
	text-align: center;
	display: none;
}
.page-right-section {
	position: fixed;
	right: 0;
	z-index: 200;
	bottom: 20%;
}
.page-right-section li {
	background-color: #86C440;
	margin-bottom: 1px;
}
.page-right-section li:hover {
	background-color: #3F7D79;
}
/*Page*/
.site-content-contain, 
html.vc_desktop .search .site-content-contain,
html.vc_desktop .category .site-content-contain,
html.vc_desktop .single .site-content-contain {
	padding: 110px 0;
}
html.vc_desktop .site-content-contain {
	padding-top: 0;
	padding-bottom: 0;
}
.home-top-section {
	position: relative;
}
.recent-news-wrap {
	width: 100%;
	color: #fff;
	font-size: 1.5rem;
}
.recent-news {
	padding: 5px 20px 8px 20px;
	background: #86c440;
	position: relative;
	min-height: 40px;
	line-height: 1.1;
}
.recent-news .date {
	font-size: 13px;
}
.recent-news i {
	font-size: 24px;
	position: relative;
	top: 2px;
	margin-right: 15px;
}
.recent-news:before {
	content: "";
	border-width: 20px 5px;
	border-style: solid;
	border-color: #86c440 #86c440 transparent transparent;
	left: -10px;
	top: 0;
	position: absolute;
}
.recent-news:after {
	border-color: #86c440 #86c440 #86c440 transparent;
	border-style: solid;
	border-width: 20px 0 0 40px;
	content: "";
	left: -37px;
	position: absolute;
	top: 10px;
	transform: rotate(15deg);
	-ms-transform: rotate(15deg); 	/* IE 9 */
	-moz-transform: rotate(15deg); 	/* Firefox */
	-webkit-transform: rotate(15deg); /* Safari 和 Chrome */
	-o-transform: rotate(15deg); 	/* Opera */
}
.recent-news a {
	color: #fff;
	margin-right: 20px;
	letter-spacing: 0.02rem;
	display: inline-block;
}
.recent-news a:hover, .recent-news a:focus {
	color: #292841;
}
.recent-news .recent-item {
	margin-right: 10px;
	padding-right: 20px;
	border-right: 1px solid rgba(255, 255, 255, 0.5);
}
.page-title-wrapper {
	text-align: center;
	color: #fff;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	padding: 30px 15px 80px;
}
.page-title-wrapper .breadcrumbs {
	position: relative;
	z-index: 90;
	font-size: 14px;
	line-height: 1.8;
}
.page-title-wrapper h1 {
	padding-bottom: 15px;
	position: relative;
	z-index: 90;
	text-transform: uppercase;
}
.page-title-wrapper h1:after {
	position: absolute;
	content: " ";
	width: 150px;
	height: 2px;
	background: #fff;
	left: 50%;
	margin-left: -75px;
	bottom: 0;
}
.page-title-wrapper .breadcrumbs a {
	color: #fff;
}
.page-title-wrapper .breadcrumbs a:hover {
	color: #85c43f;
}
.section-title {
	text-align: center;
	color: #85C43F;
	padding-bottom: 5px;
    font-size: 5rem!important;
}
.home .news-list article {
	padding-bottom: 25px;
	max-width: 470px;
	margin-left: auto;
	margin-right: auto;
}
.home .news-list article .post-info {
	border-width: 0 1px 1px 1px;
	border-color: #ddd;
	border-style: solid;
	padding: 25px;
}
.news-list article .post-info .post-meta li, .single .single-content .post-info .post-meta li {
	display: inline-block;
	background: #85C43F;
	font-size: 1rem;
	line-height: 2rem;
	padding: 0 12px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	text-transform: uppercase;
	font-weight: bold;
	margin-right: 10px;
}
.news-list article .post-info .post-meta li:hover, .single .single-content .post-info .post-meta li:hover {
	background: #333;
}
.news-list article .post-info .post-meta li a, .single .single-content .post-info .post-meta li a {
	color: #fff;
}
.news-list article .post-info .post-meta li.date, .single .single-content .post-info .post-meta li.date {
	background: #eee;
	color: #666;
}
.news-list article .post-info .post-meta li:last-child, .single .single-content .post-info .post-meta li:last-child {
	margin-right: 0;
}
article .post-info .post-excerpt {
	font-size: 14px;
	line-height: 1.5;
	margin-bottom: 15px;
}
.home article .post-info .post-excerpt {
	line-height: 1.2;
}
.home-leading-section > .wpb_column > .vc_column-inner > .wpb_wrapper {
	max-width: 1260px;
	margin-left: auto;
	margin-right: auto;
}
.home-sports-section {
	background-position: bottom center;
	background-repeat: no-repeat;
	background-size: contain;
}
.home-sport-items {
	text-align: center;
	font-size: 1.3rem;
}
.home-sport-items li {
	display: inline-block;
	font-size: 1.3rem;
	padding: 5px 40px;
	line-height: 1.2;
}
.home-sport-items li img {
	display: block;
}
.home-fifa-section {

 background-image: url(/ru/wp-content/uploads/2018/06/page-home-left-1.jpg), url(/ru/wp-content/uploads/2018/06/fifa-right.jpg);
    background-repeat: no-repeat;
    background-position: left top, right bottom;
    padding-left: 35%!important;
    padding-right: 0px!important;
}
.page-id-34 .vc_custom_1488855354522 {
    padding-top: 10% !important;
}
.home-1, .home-2, .home-3 {
    float: left;
}
.white-opacity-area {
	background: rgba(255, 255, 255, 0.8);
	padding: 80px 0 60px;
	text-align: center;
	color: #333;
}
.white-opacity-area .section-title {
	padding-bottom: 20px;
}
.home-landscape-section .cus_btn:hover {
	color: #fff;
	opacity: 0.8;
}
.home-landscape-content > .wpb_wrapper {
	max-width: 1290px;
	padding: 0 25px;
	margin-left: auto;
	margin-right: auto;
}
/*About*/
.about-top-section > .wpb_column > .vc_column-inner > .wpb_wrapper {
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
}
.about-top-item {
	font-size: 1.3rem;
	color: #999999;
	padding-bottom: 10px;
	text-align: center;
}
.about-top-item h5 {
	font-size: 2rem;
	color: #3F7D79;
}
.about-lead-item {
	font-size: 12px;
}
.about-lead-item li span {
	color: #85C43F;
	line-height: 50px;
	display: block;
}
.about-lead-item .lead-country {
	font-size: 60px;
}
.about-lead-item .lead-installation {
	font-size: 36px;
}
.about-lead-item li {
	display: inline-block;
	margin-right: 10px;
	border: 2px solid #85C43F;
	padding: 10px 15px;
	margin-bottom: 10px;
}
.about-lead-item li:last-child {
	margin-right: 0;
}
.about-lead-content {
	max-width: 1120px;
	margin: 0 auto;
	text-align: center;
}
.about-innovation-section.vc_row {
	background-position: bottom center !important;
	background-repeat: no-repeat !important;
}
.service-item {
	max-width: 340px;
	margin: 0 auto;
	font-size: 14px;
	text-align: center;
}
.service-item h4 {
	color: #3F7D79;
	padding-bottom: 5px;
}
.service-item .service-content {
	border-width: 0 1px 1px 1px;
	border-color: #ddd;
	border-style: solid;
	padding: 30px 25px 20px;
}
.about-bottom-content .wpb_wrapper {
	max-width: 850px;
	margin: 0 auto;
}
.fifa-center-section.vc_row[data-vc-full-width] {
	overflow-y: visible;
	overflow-x: inherit;
	background-position: center bottom;
	background-repeat: no-repeat;
}
.fifa-center-section > .wpb_column > .vc_column-inner > .wpb_wrapper {
	max-width: 1200px;
	padding: 0 25px;
	margin-left: auto;
	margin-right: auto;
	color: #fff;
}
.green-list {
	list-style-image: url("assets/images/green-icon.png");
}
.green-list li {
	margin-bottom: 20px;
	line-height: 1.5;
}
.choose-fifa-section.vc_row {
	background-position: center bottom;
	background-repeat: no-repeat;
}
.fifa-offer-section .green-list {
	max-width: 440px;
	margin: 0 auto;
}
/*sidebar*/
.search-form {
	position: relative;
	margin-bottom: 35px;
}
.search-form input {
	width: 100%;
	border: 2px solid #ddd;
	line-height: 26px;
	padding: 5px 10px;
}
.search-form button {
	position: absolute;
	right: 10px;
	top: 7px;
	background: transparent;
	border: 0;
}
#main-sidebar h4.widget-title {
	padding-bottom: 15px;
	border-bottom: 1px solid #333;
	margin-bottom: 20px;
	color: #292841;
}
.sidebar-news article {
	max-width: 400px;
	margin: 0 auto 30px;
	border-bottom: 1px solid #ddd;
}
.sidebar-news article .post-info {
	margin-top: 20px;
	padding: 5px 5px 10px;
}
.articles-wrapper .list-new article {
	max-width: 800px;
	margin: 0 auto 40px;
	border-bottom: 1px solid #ddd;
	padding-bottom: 10px;
}
.single-post .col-sm-8 article.single-content {
	max-width: 800px;
	margin: 0 auto;
}
.articles-wrapper .list-new:last-child article, .sidebar-news .list-new:last-child article {
	border-bottom: 0;
	margin-bottom: 0;
	padding-bottom: 0;
}
.global-hr {
	background: rgba(0, 0, 0, 0) url("assets/images/global-hr.png") repeat-x scroll center center;
	margin: 35px auto 0;
	text-align: center;
}
.global-hr img {
	background: #fff;
	max-width: 280px;
	padding: 0 35px;
}
.page-sidebar-wrapper {
	max-width: 1270px;
	margin-left: auto;
	margin-right: auto;
}
.single-post .page-sidebar-wrapper {
	overflow-x: hidden;
}
.page-contact-list li {
	padding-left: 70px;
	padding-bottom: 30px;
	background-repeat: no-repeat;
	background-position: 10px 5px;
	background-size: 35px;
}
.page-contact-list li:last-child {
	padding-bottom: 0;
}
.page-contact-list li label {
	color: #85C43F;
	font-weight: normal;
	margin-bottom: 0;
}
.page-contact-list .contact-headquarter {
	background-image: url("assets/images/contact-headquarter.png");
}
.page-contact-list .contact-factory {
	background-image: url("assets/images/contact-factory.png");
}
.page-contact-list .contact-tel {
	background-image: url("assets/images/contact-tel.png");
}
.page-contact-list .contact-mail {
	background-image: url("assets/images/contact-mail.png");
}
.page-contact-list .contact-site {
	background-image: url("assets/images/contact-site.png");
}
.caldera-grid form .form-control {
	height: auto;
	line-height: 30px;
	background: #eee;
	border-color: #eee;
	border-radius: 5px;
	box-shadow: none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.caldera-grid form .form-group {
	margin-bottom: 25px;
}
.caldera-grid form label {
	font-weight: normal;
}
.caldera-grid form input[type="submit"] {
	font-size: 14px;
	border-color: #333;
	padding: 15px 60px;
}
.caldera-grid form input[type="submit"]:hover {
	color: #85c43f;
	border-color: #85c43f;
}
.news-list article .img-wrapper .date-wrap {
	position: absolute;
	color: #fff;
	text-align: center;
	z-index: 10;
	width: 80px;
}
.news-list article .img-wrapper .date-wrap .date-day {
	font-size: 50px;
	display: block;
	background: #86C440;
}
.news-list article .img-wrapper .date-wrap .date-month {
	font-size: 12px;
	background: #292841;
	display: block;
	line-height: 30px;
}
.category .news-list article .img-wrapper, .search .news-list article .img-wrapper {
	margin-bottom: 20px;
}
.event-chelsea-top > .vc_column-inner > .wpb_wrapper{
	background-color: #f7f9f8;
}
/*Page Navi*/
.wp-pagenavi {
	text-align: center;
	font-size: 1.5rem;
	margin: 35px 0 0;
}
.wp-pagenavi .pages {
	display: none;
}
.wp-pagenavi a, .wp-pagenavi span {
	color: #999;
	border-color: #999;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-width: 2px;
	display: inline-block;
	line-height: 25px;
	padding: 5px 8px;
	font-weight: normal !important;
}
.wp-pagenavi span.current, .wp-pagenavi a:hover {
	color: #27263F;
	border-color: #27263F;
}
/*Single*/
.single-post .single-content .post-info {
	border-bottom: 1px solid #ddd;
	padding-bottom: 15px;
	margin-bottom: 30px;
}
.single-post .single-content .post-info h2 {
	color: #292841;
	padding-bottom: 5px;
}
.post-navigation {
	margin-top: 35px;
}
.post-navigation:after {
	clear: both;
	content: "";
	display: table;
}
.post-navigation h2.screen-reader-text {
	display: none;
}
.post-navigation .nav-previous {
	float: left;
}
.post-navigation .nav-next {
	float: right;
}
.post-navigation .nav-links > div a {
	border: 2px solid #999;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	color: #999;
	font-weight: bold;
	line-height: 21px;
	padding: 5px 7px;
	display: inline-block;
}
.post-navigation .nav-links > div a:hover {
	color: #fff;
	border-color: #27263F;
	background-color: #27263F;
}
.case-articles-wrapper {
	max-width: 1410px;
	margin: 0 auto 60px;
}
.case-articles-wrapper article {
	max-width: 480px;
	margin: 0 auto 20px !important;
	border-width: 0 1px 1px 0;
	border-color: #fff;
	border-style: solid;
	position: relative;
}
.case-articles-wrapper article:before {
	content: "";
	background: rgba(0, 0, 0, 0.7);
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	z-index: 10;
	pointer-events: none;
	opacity: 0;
	transition: all 0.4s ease 0s, box-shadow 0.4s ease 0s;
}
article.case-items:after {
	position: absolute;
	right: 10px;
	top: 10px;
}
article.case-items[rel="FiFA quality"]:after {
	content: url("assets/images/fifa-quality.png");
	transform: scale(0.7);
}

article.case-items[rel="FiFA quality Pro"]:after {
	content: url("assets/images/fifa-quality-pro.png");
	transform: scale(0.7);
}

article.case-items[rel="FIH National"]:after {
	content: url("https://www.ccgrass.com/wp-content/uploads/2021/06/Cat3.png");
}
article.case-items[rel="FIH Global"]:after {
	content: url("https://www.ccgrass.com/wp-content/uploads/2021/06/Cat2.png");
}
article.case-items[rel="FIH Multi-Sport"]:after {
	content: url("https://www.ccgrass.com/wp-content/uploads/2021/06/Cat4.png");
}
article.case-items[rel="FIH Category 1"]:after {
	content: url("https://www.ccgrass.com/wp-content/uploads/2021/06/Cat1_.png");
}
article.case-items[rel="FIH Category 2"]:after {
	content: url("https://www.ccgrass.com/wp-content/uploads/2021/06/Cat2.png");
}
article.case-items[rel="FIH Category 3"]:after {
	content: url("https://www.ccgrass.com/wp-content/uploads/2021/06/Cat3.png");
}
article.case-items[rel="FIH Category 4"]:after {
	content: url("https://www.ccgrass.com/wp-content/uploads/2021/06/Cat4.png");
}
article.case-items[rel="FIH Category 5"]:after {
	content: url("https://www.ccgrass.com/wp-content/uploads/2021/06/Cat5.png");
}
.featherlight article.case-items:after {
	right: 60px;
	top: 60px;
}
.case-articles-wrapper article .type-info {
	text-transform: capitalize;
	position: absolute;
	z-index: 30;
	bottom: 0;
	padding: 30px 25px 15px;
	opacity: 0;
	width: 100%;
	transition: all 0.4s ease 0s, box-shadow 0.4s ease 0s;
}
.case-articles-wrapper article:hover:before, .case-articles-wrapper article:hover .type-info {
	opacity: 1;
}
.case-articles-wrapper article .type-info li, .case-items.featherlight-inner .type-info li {
	color: #85c43f;
	font-size: 13px;
}
.case-articles-wrapper article .type-info li span, .case-items.featherlight-inner .type-info li span {
	color: #fff;
}
.case-articles-wrapper article .type-info h5, .case-items.featherlight-inner .type-info h5 {
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
	padding-bottom: 10px;
}
.case-articles-wrapper article .type-info h5:last-child, .case-items.featherlight-inner .type-info h5:last-child {
	border-bottom: 0;
}
.featherlight-inner .img-wrapper img {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}
.case-items.featherlight-inner {
	position: relative;
}
.case-items.featherlight-inner .type-info {
	position: absolute;
	z-index: 30;
	bottom: 0;
	padding: 30px 25px 10px;
	width: 100%;
	background: rgba(0, 0, 0, 0.7);
}
.featherlight .featherlight-close-icon {
	line-height: 60px;
	width: 60px;
	color: #fff;
	font-size: 30px;
	background: #000;
}
.recommend-products-wrap > .vc_column-inner > .wpb_wrapper {
	margin: 0 auto;
	max-width: 1320px;
}
.recommend-product-item > .vc_column-inner > .wpb_wrapper {
	max-width: 640px;
	margin: 0 auto 40px;
	background: rgba(238, 238, 238, 0.5);
	font-size: 14px;
	padding: 20px 20px 1px;
	color: #999;
}
.recommend-product-item h2 {
	text-align: center;
	color: #333;
	padding-bottom: 15px;
}
.recommend-product-item h2 sup {
	font-size: 50%;
	top: -0.75em;
}
.recommend-product-item ul {
	list-style: none;
	padding-left: 0;
	color: #3F7D79;
}
.recommend-product-item ul li {
	border-bottom: 1px solid #ddd;
	padding-bottom: 12px;
	margin-bottom: 8px;
	line-height: 1.5;
}
.recommend-product-item ul label {
	color: #333;
	font-weight: normal;
}
.featherlight .featherlight-content {
	padding: 10px 10px 0;
	border-bottom: 10px solid transparent;
}
.testimonial-info .testimonial-item {
	text-align: right;
	color: #333;
}
.vc_tta-panels-container .vc_general.vc_pagination .vc_pagination-trigger {
	height: 20px;
	width: 20px;
}
.vc_tta-tabs.vc_tta-has-pagination .vc_tta-panels-container .vc_pagination {
	margin-top: 0;
}
.hockey-product-item ul li {
	display: inline-block;
	border: none;
	color: #999;
	padding: 0 20px 0 0;
}
.hockey-product-item ul {
	border-bottom: 1px dashed #ddd;
}
.hockey-product-item ul:last-child {
	border: 0;
}
.hockey-product-item h6 {
	border-bottom: 1px dashed #ddd;
	color: #3f7d79;
	padding-bottom: 15px;
}
.hockey-product-item img {
	padding-top: 20px;
}
.pull-left .list-unstyled a{
	color: #666;
}
.pull-left .list-unstyled a:hover{
	color: #3f7d79;
}
.footer-lang ul li{
	display: none;
}
/*Responsive*/
@media (max-width: 1680px) {
.home-fifa-section {
   
    padding-left: 22% !important;
  
}
}
@media (max-width: 1366px) {

.wpb_single_image.wpb_content_element.vc_align_left.home-4 {
    width: 450px;
    float: left;
}
.home-1, .home-2, .home-3 {
    width: 180px;
}
.home-fifa-section {
    padding-left: 15%!important;
}
}
@media (max-width: 1440px) {
	.heto-left ul li span{
		font-size:14px;
	}
	.heto-right ul li, .heto-right li a{
		font-size:14px;
	}
	.heto-left ul li {
    margin-right: 20px;
}
	.heto-right > ul > li {
    padding-right: 20px;
    margin-right: 20px;
}
	.ht-social li {
    margin-right: 10px;
}
	
	.header-top-area .container {
        max-width: inherit;
    }
.home-fifa-section {
	background-size: 30% auto;
}
.home .news-list article .post-info {
	min-height: 230px;
}
.container {
	max-width: 100%;padding-left:15px;padding-right:15px;
}
body {
	font-size: 1.5rem;
}
.navbar-brand .logo-img {
	max-height: 25px;
}
.header-center-area {
	padding-top: 5px;
	padding-bottom: 5px;
}
.widget-sidebar-footer1 img.footer-logo {
	max-height: 25px;
}
.navbar-nav > li > a {
	padding-bottom: 10px;
	padding-top: 10px;
}
.navbar-brand {
	padding-top: 10px;
	padding-bottom: 10px;
}
.footer-copyright {
	padding-top: 10px;
}
.footer-wrap {
	padding: 20px 0 0;
}
.widget-sidebar-footer2 img, .widget-sidebar-footer3 img {
	margin: 5px auto;
}
.widget-sidebar-footer1,  .sidebar-footer2-area,  .sidebar-footer3-area,  .widget-sidebar-footer4 {
	margin-bottom: 10px;
}
.footer-wrap {
	padding: 20px 0 0;
}
.widget-sidebar-footer2 img, .widget-sidebar-footer3 img {
    max-height: 40px;
}
}
@media (min-width: 480px) {
.widget-sidebar-footer4 h3 {
	margin-top: 20px;
}
}
@media (min-width: 771px) and (max-width: 1030px) {
header .logo-img {
	max-width: 250px;
}
}
@media (max-width: 1030px) {
.home-fifa-section {
    padding-left: 10%!important;
}
	.home-1, .home-2, .home-3 {
    width: 150px;
}
	.wpb_single_image.wpb_content_element.vc_align_left.home-4 {
    width: 370px;
    float: left;
}
.widget-sidebar-footer2 a, .widget-sidebar-footer3 a {
	font-size: 20px;
}
}
@media (max-width: 992px) {
	.header-top-area {
		display: none;
	}
	.header-center-area {
		top: 0;
	}
	header#masthead {
		margin-top: 0;
	}
	.footer-lang ul li ul,
	.footer-lang ul li.choose-site{
		display: block!important;
	}
	.footer-lang .widget-header-right li.choose-site ul li{
		display: inline-block!important;
		width: auto;
	}
	.footer-lang .widget-header-right li.choose-site ul li a{
		color:#fff;
	}
	.footer-lang ul>li.choose-site>a{
		display: none;
	}
	.footer-lang .widget-header-right .textwidget > ul{
		float: none;
		display: block;
		width: 100%;
	}
	.footer-lang .widget-header-right li.choose-site ul{
		position: relative;
		width: 100%;
		left: auto;
		top: auto;
		display: block;
		text-align: center;
		background: transparent;
	}
}
@media (min-width: 770px) {
.home-leading-left {
	padding: 30px 30px 0 0;
}
.recent-news-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.5);
}
.col-recent-new {
	width: 80%;
	margin-left: 20%;
}
#main-sidebar > section {
	padding: 0 15px 0 45px;
}
}
@media (max-width: 770px) {
.widget-sidebar-footer1 ul li {
	margin-right: 15px;
}
.navbar-brand .logo-img {
	max-height: 22px;
}
header #navbar ul.nav > li {
	margin: 0;
}
.navbar-nav {
	margin-left: 0;
	margin-right: 0;
}
.remove-br br {
	display: none;
}
.about-innovation-text{
	background: rgba(0, 0, 0, 0.5);
	padding: 20px;
}
}
@media (min-width: 767px) {
.footerball-turf {
	margin-top: -180px;
}
}
@media (max-width: 770px) {
.equal-height {
	height: auto !important;
}
.navbar-nav > li > .dropdown-menu {
	position: relative;
	width: 100%;
	float: none;
}
.navbar-nav > li > a span.caret {
	border: 0;
	font-family: FontAwesome;
	font-feature-settings: normal;
	font-kerning: auto;
	font-language-override: normal;
	font-size: inherit;
	font-size-adjust: none;
	font-stretch: normal;
	font-style: normal;
	font-synthesis: weight style;
	font-variant: normal;
	font-weight: normal;
	height: auto;
	line-height: 20px;
	margin: 0;
	padding: 10px;
	position: absolute;
	right: 5px;
	text-align: center;
	text-rendering: auto;
	top: 0;
	width: 40px;
}
.navbar-nav > li > a span.caret:before {
	content: "\f078";
}
.navbar-nav > li > a span.caret.toggle-arrow:before {
	content: "\f077";
}
.navbar-nav > li > .dropdown-menu.toggle-dropmenu {
	display: block;
}
}
@media (min-width: 480px) and (max-width: 770px) {
.sidebar-footer3-area {
	border-left: 0;
}
h1 {
	font-size: 4rem;
}
h2 {
	font-size: 3rem;
}
h3 {
	font-size: 2.4rem;
}
}
@media (max-width: 650px) {
.footer-copyright .pull-right {
	float: none !important;
}
.site-content-contain, html.vc_desktop .search .site-content-contain {
	padding: 50px 0;
}
}
@media (max-width: 480px) {
.sidebar-footer2-area, .sidebar-footer3-area {
	border: 0;
}
.home .site-content-contain {
	padding: 0;
}
.widget-sidebar-footer1 {
	max-width: 300px;
	margin-left: auto;
	margin-right: auto;
}
h1 {
	font-size: 3.2rem;
}
h2 {
	font-size: 2.6rem;
}
h3 {
	font-size: 2.2rem;
}
.recent-item {
	display: block;
	border-bottom: rgba(255,255,255,0.2) solid 1px;
}
.recent-news .recent-item {
	margin-right: 0;
	padding-right: 0;
	border-right: 0;
	padding-bottom: 5px;
}
.recent-news a {
	font-size: 13px;
	margin-right: 0;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 3px;
	border-bottom: rgba(255,255,255,0.2) solid 1px;
}
.recent-news .date {
	font-size: 11px;
}
header.normal-header {
	min-height: 320px;
}
}
.item-h2{
	font-size: 5rem;
}
.contact-mail a{
	color: #666;
}
.contact-mail a:hover{
	color: #85C43F;
}
.postid-1277 .new-one{
    color: #3cb371!important;
}
.postid-1277 .new-two{
    color: #4169e1!important;
}



@media (max-width: 992px) {
	.mobile-list-unstyled{
		position: fixed;
    	float: none;
    	bottom: -10px;
    	/* margin: 0; */
    	background-color: #86C440;
    	border-radius: 3px;
		color:#fff;
	}
	#mobile-text-3{
		display:inline-block !important;
	}
	.navbar{
    	/*	display:none !important;*/
    }
	.mobile-navbar{
    	/*	display:inline-block !important;*/
	}
	.mobile-text-3{
		display:inline-block;
	}
	.mobile-list-unstyled2{
		top: -271px !important;
	}
}
@media (max-width: 590px) {
	#text-8 {
		display: none;
	}
}
#mobile-text-3{
	display:none;
}
.mobile-list-unstyled .choose-site{
	margin:0;
}
.mobile-list-unstyled a{
	color:#fff !important;
}
.mobile-list-unstyled2{
	background-color: #86C440 !important;
}
@media (max-width: 414px) {

.home-fifa-section {
    padding-left: 18%!important;
	background-image: url(/wp-content/uploads/2018/03/page-home-left1.jpg), url(/wp-content/uploads/2018/03/fifa-right.jpg);
}

.home-1, .home-2, .home-3 {
    width: 80px;
    margin-bottom: 0px!important;
    margin-right: 10px;
}
.home-4 {
    width: 242px!important;
    margin-bottom: 0px!important;
	float:none;
}
}
.news-fields .type-info {
    margin-top: 20px;
    color: #000;
    padding: 0px 10px;
	  min-height:380px;
}

.news-fields .type-info h5 {
    color: #000;
    padding-top: 10px;
}
.news-fields .case-items {
    background: #f1f2f3;
	padding: 20px 10px;

}
@media(min-width:1365px){
	.news-fields .case-items{
	min-height:425px;
	height:auto;
	}
}
@media(max-width:770px){
	.news-fields .case-items{
	min-height:426px;
	height:auto;
	}
}
.news-fields .img-wrapper {
    padding: 10px;
}
@media screen and (max-width:414px){
	.about-lead-item .lead-installation {
		font-size: 25px;
	}
}
.star-list li {
    background: url(https://www.ccgrass.com/es/wp-content/uploads/2021/02/star.png) no-repeat left top;
    padding-left: 35px;
    list-style: none;
    line-height: 20px;
    margin-bottom: 15px;
}
.attr-list {
    color: #fff;
    padding-top: 40px;
    padding-bottom: 40px;
    max-width: 850px;
    margin: 0 auto;
    font-size: 14px;
}
.fastpro-item {
    background-color: #012726;
    color: #fff;
    text-align: center;
    padding: 0 0 25px;
}
.fastpro-item h4 {
    font-size: 20px;
    padding: 5px 0;
}
.fastpro-item img {
    width: 100%;
}
.reference-articles-wrapper article .type-info {
	opacity: 1;
}
.reference-articles-wrapper article .type-info li {
	color: #fff;
}
.reference-articles-wrapper article:before {
	content: none;
}
.page-id-309 article.case-item {
	max-width: 680px;
}
.page-id-309 .case-item .white {
    text-align: right;
    padding-bottom: 10px;	
    font-size: 13px;
}
.page-id-309 .case-articles-wrapper{
	margin-bottom:0;
}
.page-id-309 .model-star-list {
    padding-left: 0;
    margin-bottom: 30px;
    line-height: 32px;
}
.page-id-309 .recommend-product-item ul {
    list-style: none;
    padding-left: 0;
    color: #222;
    margin-bottom: 30px;
}
.page-id-309 .recommend-product-item ul li {
    margin-bottom: 8px;
    line-height: 1.5;
	padding-bottom:0;
	border-bottom:none;
	font-size:1.6rem;
}
.page-id-309 .model-star-list li {
    background: url(https://www.ccgrass.com/wp-content/themes/ccgrass/assets/images/star.png) no-repeat left 5px;
    padding-left: 35px;
    list-style: none;
}
.page-id-309 .table-space tr {
    border-bottom: 1px solid #ddd;
    line-height: 40px;
    padding-right: 250px;	
	font-size:1.6rem;
	color:#333;
}
.page-id-309 .table-space .table > tbody > tr > td {
    border-top: none;
}
.page-id-309 .table-space td:nth-child(1) {
    width: 30%;
}
.page-id-309 .table-space .table > tbody > tr > td {
    border-top: none;
}
.page-id-309 .table-space td:nth-child(2) {
    width: 0%;
}
.page-id-309 .table-space .table > tbody > tr > td {
    border-top: none;
}
.page-id-309 .table-space td:nth-child(3) {
    display: none;
}
.page-id-309 .table-space td:nth-child(2):before {
    content: ": ";
}
.page-id-309 .table-space tr:last-child {
    border-bottom: none;
}
.page-id-309 .table-space tr:last-child td:nth-child(2):before {
    content: " ";
}
td, th {
    padding: 8px;
    border: 1px solid #dcd7ca;
}
h1 {
    font-size: 4rem;
}
.section-title{
	font-size: 4rem!important;
}
.section-title h2,h2.section-title{
	font-size: 4rem!important;
}
.latest_left h3 {
	font-size: 4rem;
}
.item-h2 {
    font-size: 4rem;
}
.global-section-title-blue, .global-section-title {
    font-size: 4rem !important;
}
.page-contact-list li {
    padding-left: 0;
	padding-right: 0;
    position: relative;
    padding-bottom: 25px;
    color: #444;
}
.page-contact-list p{
	padding-left: 70px;
	padding-bottom: 20px;
	background-repeat: no-repeat;
	background-position: 10px 5px;
	background-size: 35px;
}

.page-contact-list li:last-child {
	padding-bottom: 0;
}

.page-contact-list li label {
	color: #85C43F;
	font-weight: normal;
	margin-bottom: 0;
}

.page-contact-list .contact-headquarter {
	background-image: url("assets/images/contact-factory.png");
}

.page-contact-list .contact-factory {
	background-image: url("assets/images/contact-headquarter.png");
}

.page-contact-list .contact-tel {
	background-image: url("assets/images/contact-tel.png");
}

.page-contact-list .contact-mail {
	background-image: url("assets/images/contact-mail.png");
}

.page-contact-list .contact-site {
	background-image: url("assets/images/contact-site.png");
}