.main-search-bar button{
	background:none;
	border:0;
	padding:0;
	position: absolute;
    top: 15px;
    right: 30px;
    font-size: 20px;
    color: #000000;
}
.artikelsmall{
	float: left;
    width: 107px;
    height: 115px;
    overflow: hidden;
}
.artikelsmall img{
	height: 100%;
    width: 100%;
    object-fit: cover;
}
.tn-small-1 h4{
    max-width: 100%;
	width: 67%;
}
.img-sm-gal{
    width: 58%;	
}
.sm-gal-bg{
    width: 40%;	
}
.img-sm-gal ul li a{
	height: 225px;
    float: left;
	overflow:hidden;
}
.img-sm-gal ul li img{
	height:100%;
	width:100%;
	object-fit:cover;
}
.sm-gal-bg a{
	height:250px;
	overflow:hidden;
	float:left
}
.sm-gal-bg img{
	height:100%;
	width:100%;
	object-fit:cover;
}
.video-home{
	position:relative;
}
.video-home:hover{
	opacity:0.8;
}
.icon-video{
	position:absolute;
	top: 40%;
	left: 43%;
	color:#fff;
	font-size: 35px;
}
.subscribe{
	width:100%;
}
.subscribe form button{
    height: 30px;	
}
.trend-sm h4{
	max-width:100%;
	width: 67%;
}
/* carousel */
#quote-carousel 
{
  margin-top: 30px;
}

/* Control buttons  */
#quote-carousel .carousel-control
{
  background: none;
  color: #222;
  font-size: 2.3em;
  text-shadow: none;
}
/* Changes the position of the indicators */
#quote-carousel .carousel-indicators 
{
  right: 50%;
  top: auto;
  bottom: 0px;
  margin-right: -19px;
}
/* Changes the color of the indicators */
#quote-carousel .carousel-indicators li 
{
  background: #c0c0c0;
}
#quote-carousel .carousel-indicators .active 
{
  background: #333333;
}
/* End carousel */

.item blockquote {
    border-left: none; 
    margin: 0;
	padding:0;
}

.item blockquote img {
    margin-bottom: 10px;
}

.item blockquote p:before {
    content: "\f10d";
    font-family: 'Fontawesome';
    float: left;
    margin-right: 10px;
	color: #5AA628;
}
.testicontent small{
	margin-top: 10px;
    font-size: 14px;
}


/**
  MEDIA QUERIES
*/

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) { 
    #quote-carousel 
	{
      margin-bottom: 0;
    }
    
}

/* Small devices (tablets, up to 768px) */
@media (max-width: 768px) { 
    
    /* Make the indicators larger for easier clicking with fingers/thumb on mobile */
    
    #quote-carousel .carousel-indicators {
        bottom: -20px !important;  
    }
    #quote-carousel .carousel-indicators li {
        display: inline-block;
        margin: 0px 5px;
        width: 15px;
        height: 15px;
    }
    #quote-carousel .carousel-indicators li.active {
        margin: 0px 5px;
        width: 20px;
        height: 20px;
    }
}

#quote-carousel .carousel-control{
	position: absolute;
    padding: 5px 10px;
    background: #fff;
    color: #5AA628;
    font-size: 16px;
    font-weight: normal;
    text-align: center;
    text-shadow: none;
    opacity: 1;
    width: auto;
    top: auto;
    bottom: 0;
    right: auto;
    left: 40px;
    border: 1px solid #5AA628;
	
}
#quote-carousel .carousel-control:hover{
	background: #5AA628;
	color: #fff;
}
#quote-carousel .carousel-control.left {
    left: 0px;
    margin-right: 10px;
    right: auto;
}
.img-testi{
	width: 82px;
    height: 82px;
    overflow: hidden;
    margin-top: 20px;
    border: 2px solid #fff;
    float: right;
	margin-bottom:0 !important
}
.img-testi img{
	width:100%;
	object-fit: cover;
    height: 100%;
}
.testicontent{
	background: #fff none repeat scroll 0 0;
    border: medium none;
    color: #666;
    display: block;
    font-size: 14px;
    line-height: 20px;
    padding: 10px 20px;
    position: relative;
    margin-bottom: 10px;
	width:100%;
}
.testicontent:after{
	content:"";
	width: 0;
    height: 0;
    right: 20%;
    bottom: -15px;
    display: block;
    position: absolute;
    border-top: 15px solid #fff;
    border-right: 10px solid transparent;
    border-left: 30px solid transparent;
}
.subscribe {
    margin: 0 0 27px 0;
}
.main-footers{
	color: #bdbdbd;
}
.main-footers a{
	color:#fff;
}
.addressfoot li:hover span{
	background: #fff;
	color: #d08862;
	transition: all 0.3s ease-in-out 0s;
}
.addressfoot li a{
	display: inline-block !important;
}
.addressfoot li span{
	display: inline-block;
    background: #d08862;
    color: #fff;
    padding: 10px;
    margin-right: 10px;
}
.bb{
	width: 14px;
    height: 11px;
    vertical-align: middle;
}
.sosmed{
	position:relative;
}
.main-footers{
	padding-top: 40px;
    padding-bottom: 40px;	
}
.widget_title{
    text-transform: uppercase;
    font-size: 19px;
    color: #ffffff;
    font-weight: 500;
    margin: 0 0 20px 0;
}
.aboutfooter .short-icon-text{
	float:left;
	width:100%;
	margin-bottom:10px
}
.aboutfooter .short-icon-text i{
	background: #40BFF5;
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	font-size: 15px;
	float: left;
	margin-right: 15px;
	color: #fff;
	border-radius: 6px;
}
.aboutfooter .short-icon-text i.bbm img{
	width: 19px;
	padding-top: 8px;
}
.aboutfooter .short-icon-text i.wa img{
	width: 24px;
	padding-top: 8px;
}
.footermenu{
	list-style: none;
	margin: 0;
	padding: 0;
	line-height: 23px;
}
.footermenu li{
	list-style: inside disc;
	color: #FFA905;
	margin-bottom: 14px;
}
.footermenu a{
	font-size: 14px;
	color: #bdbdbd;
	-webkit-transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
	padding: 11px 2px;
}
.footermenu a:hover{
    color: #6FE423;
    text-decoration: none;
    margin-left: 5px;
    transition: all 0.3s ease-in-out 0s;
}
.scl-ftr{
	margin:0
}
.copy-rt-ftr{
	color:#fff;
	text-align: center;
}
.copy-rt-ftr a{ 
	text-decoration:underline;
}
.scl-ftr a{
	background: #469B9C;
	border-radius: 1000px;
	color: #fff;
	text-align: center;
	line-height: 39px;
	font-size: 24px;
	text-decoration: none;
	opacity: 1;
}
.main-footers{
	position:relative;
}
.main-footers .widget{
	float:left;
	width:100%;
	margin-bottom:20px;
}
.top-colors {
	padding: 0;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
}
.top-color {
    height: 5px;
    width: 20%;
    float: left;
    background: #fe4365;
}
.top-color1 {
  background: #5aa628;
}
.top-color2 {
  background: #f04a3c;
}
.top-color3 {
  background: #40bff5;
}
.top-color4 {
  background: #469b9c;
}
.top-color5 {
  background: #ffa905;
}
.scl-ftr a:hover{
	background: #5AA628;
}
.main-footers .subscribe form input{
	width:100%;
}
.main-footers .subscribe form button{
	background: #5AA628;
	color: #fff;
	margin: 0;
	height: 40px;
	margin-top:10px
}
ul.sm li{
	float: none;
    display: inline-block;
}
ul.sm{
	text-align:center;
}
.main-menu-sub{
	text-align:left;
}
.logo-top-ad{
    padding: 25px 0	
}
.boxgrid3 img, .boxgrid3 img:hover{
	width:100%;
}
.tn-small-1 a.labelsmall, .trend-1 a.labelsmall{
	font-size: 11px;
	padding: 5px 10px;
}
.vid-thmb ul{
	margin-left: -10px;
    margin-right: -10px;
}
.vid-thmb ul li{
	margin:0;
}
.gal-item img{
	height: 100%;
	object-fit: cover;
}
.gallery-list .gal-item-st:hover .content{
	height: auto;
	top: 43%;
}
.widget-header{
	border-bottom: 2px solid #e4e3f0;
	position: relative;
	margin-bottom: 30px;
}
.widget-header .widget-title{
	font-size: 25px;
    text-transform: uppercase;
    position: relative;
    padding-bottom: 15px;
    display: inline-block;
    margin-bottom: 0;
    line-height: 22px;
	margin-top: 0;
}
.widget-header .widget-title:before{
	content: '';
	display: block;
	width: 100%;
	height: 4px;
	background: #5AA628;
	position: absolute;
	left: 0;
	bottom: -2px;
}
.breadcrumb{
    background-color: #FFFFFF;
    border-radius: 0;	
}
.contact_banner_area {padding: 50px 0;position: relative;z-index: -1;background-attachment: fixed;background-size: cover;background-position: 100% 100%;float: left;width: 100%;}

.breadcumb_top_area {
background: url("../images/breadcumb_bg.jpg") no-repeat scroll center center / cover  rgba(0, 0, 0, 0);
padding: 92px 0;
position: relative;
z-index: -1;
}
.bread_top_box h2, .error_slider h2, .blog_slider_box h2, .contact_banner h2 {
  color: #f7f8f9;
  font-size: 40px;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  margin: 0;
}
.breadcumb_top_area::after, .error_slider_area:after, .blog_slider_area:after, .contact_banner_area:after {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}
.breadcumb_area {
  padding: 10px 0px;
  float: left;
  width: 100%;
  background: #fff;
  margin-bottom: 30px;
}
.bread_box ul.breadcumb {
  list-style: outside none none;
  margin: 0;
  padding: 0;
  text-align: center;
}
.bread_box ul.breadcumb li {
  display:inline-block;
}
.bread_box ul.breadcumb li a {
  color: #999999;
  display: block;
  font-size: 12px;
  padding: 0 10px;
  text-transform: uppercase;
}
.bread_box ul.breadcumb li a:hover, .bread_box ul.breadcumb li.active a {
	color:#212121;
	text-decoration:none;
	font-weight:600;
}
.breadcumb span {
  margin-left: 10px;
}
.gal-item{
    width: 32.27%;	
}
.gal-item-st:hover .content{
    width: 100%;	
}
.account_box a{
	color: #469B9C;
}
.account_box{
	float:left;
	width:100%;
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.42);
}
.account_header{
	background: #F04A3C;
	padding: 10px;
	text-align: center;
}
.account_header h2{
	margin:0;
	color:#fff;
}
.account_body{background: #fff;padding: 20px;}
.account_footer{
	background: #191919;
	float:left;
	width:100%;
	padding: 10px 20px;
}
.account_icon{
    margin: 0 auto;
    width: 50px;
    height: 50px;
    background: #D38D08;
    color: #fff;
    text-align: center;
    line-height: 50px;
    font-size: 30px;
    padding-top: 10px;
    margin-bottom: 30px;
}
.account_icon i{
	
}
.form-signin .control-group{
	margin-bottom:20px;
}
.form-signin input{
	width: 100%;
	border: 0;
	border-bottom: 1px solid #000;
	padding: 5px 0px;
}
.form-signin input[disabled]{
	border:1px solid #ddd;
	padding:5px 10px;
}
.form-signin input:focus{
	outline:0;
	border-bottom: 3px solid #FFA905;
}
.account_footer button{
    background: #40BFF5;
    padding: 5px 20px;
    color: #fff;
    border: 1px solid #139EDA;
    font-size: 16px;
}
.account_footer button:hover,.account_footer button:focus,.account_footer button:active{
	background: #5AA628;
	border-color: #4C981A;
	color: #fff;
}
.account_footer p{
	text-align:left;
	float:right;
	margin: 0;
	padding: 0;
	padding-top: 10px;
	color: #fff;
}
i.required{
	color:#FFA905;
}
.form-signin select{
	width:100%;
	border: 0;
	height:35px;
	border-bottom:1px solid #000;
	color: #9C9A9A;
}
.form-signin select option{
	color: #000;
}

.form-signin textarea{
	width:100%;
	border: 1px solid #000;
	height: 115px;
}
.form-signin input,.form-signin select,.form-signin button,.form-signin textarea{
	outline:0;
}
.top-tool-bar .navbar-default .navbar-nav>li > a i{
	padding-right:5px;
	color: #fff;
}
.language img{
	margin-top: -5px;
}
#lang-current{
	color:#fff;
	cursor:not-allowed;
}
.dt-menu-toggle {
	display:none;
}
button.close{
	position: absolute;
    top: 0;
    right: 0;
    background: #000;
    opacity: 1;
    text-shadow: none;
    color: #fff;
    width: 30px;
    height: 30px;
}
button.close:hover{
	opacity:1;
	color:#fff;
	background:#5aa628;
}
.linkprint{
    cursor: pointer;
    color: #5aa628;
    border: 1px solid #5aa628;
    font-family: "Open Sans", Arial, sans-serif;
    display: inline-block;
    border-radius: 4px;
    background: transparent;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
    font-size: 13px;
    line-height: 16px;
    padding: 3px 7px;
    text-transform: capitalize;
    letter-spacing: 0px;
    margin-left: 2px;
    text-decoration: none !important;
}
.linkprint:hover{
	background: #5aa628;
	color: #ffffff;
}
.nomarginleft{
	margin-left: 0px !important;
}
@media(max-width:767px){
	.modal-dialog{
		width: 94% !Important;
	}
	.dt-menu-toggle {
		color: #5AA628;
		cursor: pointer;
		display: block;
		font-size: 16px;
		font-weight: bold;
		margin: 5px 0px;
		padding: 10px 0px;
		text-transform: uppercase;
		width: 100%;
		text-align: right;
	}
	#main-menu-items{
		display:none;
	}
	.top-tool-bar .nav>li{
		 float: left;
	}
	.language{
		float:left;
	}
	#bs-example-navbar-collapse-1{
		 padding: 0px 15px;
	}
	.logo{
		text-align: center;
	}
	ul.sm li{
		 display: block;
	}
	.hm-sldr-caption h3{
		font-size: 16px;
		margin: 0px;
		line-height: normal;
		margin-top: 10px;
	}
	.hm-sldr-caption p {
		font-size: 11px;
	}
	.top-big-two {
		width: 100%;
		float: left;
	}
	.tn-small-1 {
		width: 100%;
	}
	.big-two-1.boxgrid3, .big-two-2.boxgrid3 {
		width: 100%;
		height: 265px;
		margin: 12px 0;
	}
	.sm-gal-bg a{
		width: 100%;
	}
	.video-home img{
		width:100%;
	}
	.vidres ul li{
		margin:0 !important;
		margin-bottom:20px !important;
	}
	.tn-small-1 h4{
		width: 80%;
	}
	.artikelsmall{
		width: 18%;
		margin-right: 10px;
	}
	.boxgrid3 img, .boxgrid3 img:hover{
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	.gal-item{
		width: 100%;
	}
	.sideres{
		max-width:100% !important;
	}
	.ad-rt{
		text-align:center;
		width: 100%;
	}
}
@media only screen and (max-width: 767px) and (min-width: 690px){
	.tn-small-1 h4 {
		width: 80%;
	}
}
@media only screen and (max-width: 600px) and (min-width: 433px){
	.tn-small-1 h4{
		max-width: 80% !important;
	}
}
@media only screen and (max-width: 432px){
	.ticker h3{
		display:none;
	}
	.img-sm-gal ul li a{
		height: 150px;
	}
	.bread_top_box h2, .error_slider h2, .blog_slider_box h2, .contact_banner h2{
		 font-size: 30px;
	}
	.hm-sldr-caption{
		display:none;
	}
}
.despendek{
	float: left;
    width: 67%;
    margin-left: 4%;
    font-size: 12px;
    color: #9c9c9c;
    margin-top: 5px;
    text-align: justify;
}
.bannerbawah{
	margin-bottom: 20px;
}
.bannerbawah:hover{
	opacity:0.8;
}
.relatedarticle{
	padding: 15px;
    background: #fff;
    margin-bottom: -45px;
    margin-top: 40px;
}
.relatedarticle .reltd-sngl{
	width: 100%;
}
.relatedarticle .reltd-sngl .imgrlt{
    display: block;
    width: 100%;
    height: 150px;
    margin-bottom: 5px;
}
.relatedarticle .reltd-sngl .imgrlt img{
	float: none;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.relatedarticle .reltd-sngl .reltd-sngl-txt{
	width: 100%;
    float: none;
}
@media(max-width: 767px){
	.relatedarticle .reltd-sngl .imgrlt, .relatedarticle .reltd-sngl .imgrlt img{
		height: auto;
	}
}
@media(max-width:767px){
	.postiframe iframe{
		width:100%;
	}
}
.artcl-shr{
	width: 100%;
    float: left;
    text-align: right;
}
.artcl-shr .share-box{
	width: 100%;
    float: left;
}
.postiframe img{
	max-width:100%;
	height: auto !important;
}
.hiddentitleheader{
	opacity:0;
	position:absolute;
}
.mt20px{
	margin-top:20px !important;
}
.pt5px{
	padding-top: 5px !important;
}
.f20px{
	font-size: 20px;
}
.fontbold{
	font-weight: bold;
}
.calert{
	color:#79AF80
}
.displayinline{
	display:inline;
}
.noborderstyle{
	border-style:none;
}
.zindex1000000{
	z-index: 1000000;
}
.w100persen{
	width: 100%;
}
.pointer{
	cursor:pointer
}
.nombottom{
	margin-bottom:0;
}
.nomtop{
	margin-top:0;
}
.ymbox{
	position: fixed;
	top: 350px;
	right: -53px;
	z-index: 9999;
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
.gmapsbox{
	height:250px;
	width:100%;
}
.mb40px{
	margin-bottom:40px;
}
.stext{
	margin-bottom: 30px; 
	font-size: 15px;
}
.chatwithus{
	position: fixed;
    bottom: 50%;
    right: -55px;
    z-index: 1000000000;
    text-decoration: none;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
.chatwithus img{
	width: 160px;
}
.stButton .stArrow{
	display:none !important;
}
.notextdecor{
	text-decoration: none !important;
}
.titleweb{
	margin: 0px;
    font-size: 30px;
    font-weight: 600;
}
.sloganweb{
	margin: 0px;
    margin-top: 10px;
    font-size: 13px;
    font-style: italic;
}
.pointercursor{
	cursor: pointer;
}
.gal-info-lnks .trans2 {
    color: #fff;
    font-size: 35px;
    margin: 0 14px;
    display: inline-block;
    width: 40px;
	-webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
	float: none;
}
.gal-info-lnks .trans2:hover{
	color: #000000;
}
.articl-data.postiframe p{
	float:none;
	display:block;
	text-indent:  initial !important;
}
.articl-data.postiframe p span{
	float:none;
}
.latestnewslist > .tn-small-1:nth-of-type(2n+1){
	clear: left;
}
.reply-comment{
	float:  left;
	width:  100%;
	list-style:  none;
}
.reply-comment .single-comment{
	margin-bottom:20px;
}