.gr-cust-loop{
	position:relative;
	/*min-height:450px;*/
}

.gr-cust-loop .gr-loop-item .gr-loop-item-qcard-btn	{
	font-family: "Cabin", Sans-serif;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 16px;
    letter-spacing: 2px;
    fill: var( --e-global-color-primary );
    color: var( --e-global-color-primary );
    background-color: var( --e-global-color-db8e22d );
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: var( --e-global-color-primary );
    border-radius: 50px 50px 50px 50px;
	padding: 10px 20px;
	margin-top:20px;
}
.gr-cust-loop .gr-loop-item .gr-loop-item-qcard-btn:hover{
	color: var( --e-global-color-db8e22d );
    background-color: var( --e-global-color-primary );
    border-color: var( --e-global-color-primary );
}
.gr-cust-loop .gr-loop-item .gr-loop-item-qcard-dwn{
	cursor:pointer;
}
.gr-loop-loader{
	display:flex;
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	justify-content:center;
	align-items:center;
	background-color:hsl(0,0%,98%,0.5);
	z-index:10;
}
.gr-loop-noloader{
	display:none;
}
.gr-loop-loader .loader {
	width: 48px;
	height: 48px;
	border-radius: 50%;
	position: relative;
	animation: rotate 1s linear infinite
  }
  .gr-loop-loader .loader::before , .gr-loop-loader .loader::after {
	content: "";
	box-sizing: border-box;
	position: absolute;
	inset: 0px;
	border-radius: 50%;
	border: 5px solid hsla(209,100%,31%,0.8);
	animation: GRprixClipFix 2s linear infinite ;
  }
  .gr-loop-loader .loader::after{
	border-color: #FF3D00;
	animation: GRprixClipFix 2s linear infinite , rotate 0.5s linear infinite reverse;
	inset: 6px;
  }

  @keyframes rotate {
	0%   {transform: rotate(0deg)}
	100%   {transform: rotate(360deg)}
  }

  @keyframes GRprixClipFix {
	  0%   {clip-path:polygon(50% 50%,0 0,0 0,0 0,0 0,0 0)}
	  25%  {clip-path:polygon(50% 50%,0 0,100% 0,100% 0,100% 0,100% 0)}
	  50%  {clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,100% 100%,100% 100%)}
	  75%  {clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 100%)}
	  100% {clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 0)}
  }
.gr-cust-pagination-filter .gr-pg-contr{
    text-align: center;
    margin: 10px 0;
}
.gr-cust-pagination-filter .gr-pg{
    display: inline-block;
        padding: 5px;
    margin-right: 2px;
    height: 50px;
    line-height: 40px;
    width: 50px;
    text-align: center;
    border-radius: 2px;
    cursor: pointer;
	text-decoration: none;
}
.gr-cust-pagination-filter .gr-pg-disabled{
    cursor: auto;
    opacity: 0.5;
}
.gr-cust-pagination-filter .gr-pg:not(.gr-pg-disabled):not(.gr-pg-selected):hover{
    background-color: #bababa;
    color:white;
    
}

.gr-cust-pagination-filter .gr-pg-selected{
    background-color: #18663e;
    color:white;
    cursor: auto;
}
.gr-cust-tab-filter {
	padding:0 10px;
}
.gr-cust-loadmore-filter .gr-loadmore-btn:focus{
	border: 1px solid #18663e;
	background-color: #18663e;
    color: #fff;
	outline:none;
}
.gr-cust-loop .gr-loop-item .gr-loop-content-sec .tag-links{
	display:inline-block;
	color: #00529d;
}
.gr-cust-loop .gr-loop-item .gr-loop-content-sec .gr-loop-item-desc{
	line-height:1.4 !important;
}
.gr-cust-loop .gr-loop-item .gr-loop-image-sec.gr-quotation-img{
	background-position: top center;
}	
@media only screen and (min-width: 1245px){}
@media only screen and (max-width: 1244px) and (min-width:990px) {}
@media only screen and (max-width: 989px) and (min-width: 712px){
	/*.gr-cust-loop .gr-loop-item {
		flex-direction: column;
		
	}
	.gr-cust-loop .gr-loop-item .gr-loop-image-sec{width:100%;}
	.gr-cust-loop .gr-loop-item .gr-loop-content-sec{padding-left:0;}
	.gr-cust-loop .gr-loop-item .gr-loop-content-sec .gr-loop-item-title{
		font-size: 28px;
		line-height: 32px;
	}
	.gr-cust-tab-filter .gr-tab-item{
		margin-top:10px;
		margin-bottom:0;
	}*/
}
@media only screen and (max-width: 711px) and (min-width: 531px){
	.gr-cust-loop .gr-loop-item {
		flex-direction: column;	
		/*padding-left:10px;
		padding-right:10px;	*/
	}
	.gr-cust-loop .gr-loop-item .gr-loop-image-sec{width:100%;}
	.gr-cust-loop .gr-loop-item .gr-loop-content-sec{padding-left:0;}
	.gr-cust-loop .gr-loop-item .gr-loop-content-sec .gr-loop-item-title{
		font-size: 24px;
		line-height: 28px;
	}
	.gr-cust-tab-filter .gr-tab-item{
		margin-top:10px;
		margin-bottom:0;
	}
	.gr-cust-loop .gr-loop-item .gr-loop-content-sec .gr-loop-item-desc{
		font-size: 14px;
		line-height: 1.4;
	}
	.gr-cust-loop .gr-loop-item .gr-loop-content-sec .gr-loop-meta-date,.gr-cust-loop .gr-loop-item .gr-loop-content-sec .gr-loop-meta-other{
		font-size: 14px;
		line-height: 1.3;
	}
}

@media only screen and (max-width: 530px){
	.gr-cust-loop .gr-loop-item {
		flex-direction: column;	
		/*padding-left:10px;
		padding-right:10px;	*/
	}
	.gr-cust-loop .gr-loop-item .gr-loop-image-sec{width:100%;height:250px;}
	.gr-cust-loop .gr-loop-item .gr-loop-content-sec{padding-left:0;}
	.gr-cust-loop .gr-loop-item .gr-loop-content-sec .gr-loop-item-title{
		font-size: 24px;
		line-height: 28px;
	}
	.gr-cust-tab-filter .gr-tab-item{
		margin-top:10px;
		margin-bottom:0;
	}
	.gr-cust-loop .gr-loop-item .gr-loop-content-sec .gr-loop-item-desc{
		font-size: 14px;
		line-height: 1.4;
	}
	.gr-cust-loop .gr-loop-item .gr-loop-content-sec .gr-loop-meta-date,.gr-cust-loop .gr-loop-item .gr-loop-content-sec .gr-loop-meta-other{
		font-size: 14px;
		line-height: 1.3;
	}
}