/*Overall CSS for each Horizontal Accordion.
	Most settings should be kept as it.
	Customize each Accordion by styling each Accordion's ID attribute instead.
*/

.haccordion{
padding: 0;
}

.haccordion ul{
margin: 0;
padding: 0;
list-style: none;
}


.haccordion li{
margin: 0;
padding: 0;
display: block; /*leave as is*/
width: 100%; /*For users with JS disabled: Width of each content*/
height: 200px; /*For users with JS disabled: Height of each content*/
overflow: hidden; /*leave as is*/
float: left; /*leave as is*/
}

.haccordion li .hpanel{
width: 100%; /*For users with JS disabled: Width of each content*/
height: 200px;  /*For users with JS disabled: Height of each content*/
}

#hc1 li{
margin:0 3px 0 0; /*Spacing between each LI container*/
}

#hc1 li .hpanel{
padding: 5px; /*Padding inside each content*/
background: #818181;
}

/*CSS for example Accordion #hc2*/

#hc2 li{
margin:0 0 0 0; /*Spacing between each LI container*/
border: 12px solid black;
}

#hc2 li .hpanel{
padding: 5px; /*Padding inside each content*/
background: #636363;
cursor: hand;
cursor: pointer;
}


/* === slider starts === */

.inner_slider_images {
    float: left;
    max-height: 411px;
    min-height: 411px;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 100%;
}
.slider_btn_prnt{
	margin: 0px auto;
	text-align: center;
	width: 100%;
	float: left;
	height: 58px;
	display:block !important;
}
a.slider_img_btn {
	position: relative !important;
	left:0 !important;
	top:0 !important;
}
#img_slider_content_1, #img_slider_content_2{
	display:flex !important;
	align-items:center !important;	
}
#img_cnt2 #second_img_slider_content_1,#img_cnt2 #second_img_slider_content_2{
	/*display:flex !important;*/
	align-items:center !important;	
}
.slider_active{
	width:90% !important;
}
.top_2_slider_holder_content{
	float: left;
	width: 100%;
	overflow: hidden !important;	
	background: #666;
}

/* @media screen and (min-color-index:0) 
and(-webkit-min-device-pixel-ratio:0) { @media */
@media screen and (-webkit-min-device-pixel-ratio:0) { 
/* Safari only override */
	::i-block-chrome,.slider_btn_prnt {
		margin-top: 190px;
	}	

}

@media all and (-ms-high-contrast:none)
     {    
		 *::-ms-backdrop, .slider_btn_prnt {
			margin-top: 190px;
		}
     }
	 
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
   /* IE10-specific styles go here */
   .slider_btn_prnt {
		margin-top: 190px;
	}
}


/* Safari 6.1+ (9.0 is the latest version of Safari at this time) */

@media screen and (min-color-index:0) 
and(-webkit-min-device-pixel-ratio:0) { @media
{
    .slider_btn_prnt {
		margin-top: 190px;
	}
}}



@media (min-width:992px){
	#img_cnt2.slider_images2{
		display:none;
	}
	.haccordion .slider_content{
		max-height:410px;
	}	
}
@media (max-width:991px){
	#img_cnt.slider_images{
		display:none;
	}
	#hc1.haccordion {
		width: 100% !important;
		max-height: 595px;
	}
	.vc_column_container > .vc_column-inner {
		padding-left: 15px;
		padding-right: 15px;
	}	
}
@media (min-width:320px) and (max-width:640px){
	/* .top_2_slider_holder_content{
		display:block !important;
	} */
	#hc1.haccordion {
		width: 100% !important;
		max-height: 595px;
	}	
	.haccordion .slider_content{
		 display: flex !important;		
	}
	a.slider_img_btn {
		padding: 14px 15px 14px 33px !important;
		font-size: 13px !important;
	}
	.top_2_slider_holder .slider_title{
		font-size:30px !important;
	}
	.top_2_slider_holder .slider_caption{
		font-size:20px !important;
	}
}
@media (min-width:641px) and (max-width:991px){
	#hc1.haccordion {
		max-height: 309px;
	}
}

/* === slider starts === */