.ectoggle { color:#333; }
.ectoggle .ecblk { /*border-top:solid 1px #fff;*/ margin-bottom:10px; }
.ectoggle .ecblk:first-child { border-top:none; }
.ectoggle .echandle { padding:1% 50px 1% 2%; /*color:#5467b4;*/ cursor:pointer;
						background-position: 99% 10px; background-repeat:no-repeat; background-color:#e7e3e0; 
						transition: background-color 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
.ectoggle .echandle.close { /* background-color:#e7e3e0; */ background-image:url(images/plus.png); }
/*.ectoggle .echandle.close:hover { background-color:#aaa; }							*/
.ectoggle .echandle.open { /* background-color:#46699d; */ background-image:url(images/minus.png); }
.ectoggle .echandle .ocbtn { position:absolute; right:0; top:0; height:100%; width:50px; cursor:pointer;}
.ectoggle .echandle .title { font-family: 'Roboto', sans-serif; font-size:18px; color:#333; font-weight:bold;}
.ectoggle .echandle .subtitle { font-size:18px; color:#333;}

.ectoggle .panel { display:none; padding:1.5% 2%; background:#fff; }

.ectoggle .echandle a, .ectoggle .echandle a:link, .ectoggle .echandle a:visited { 
	text-decoration: underline; color:#5467b4; }
.ectoggle .echandle a:hover, .ectoggle .echandle a:active, .ectoggle .echandle a:focus { 
	text-decoration: underline; color:#5467b4; }
	
/* expand collapse with info (img,title,subtitle) */
.ectoggle .echandle .ecinfo	{ float:right; width:70%; padding:10px 1%;}
.ectoggle .echandle .ecimg { width:28%; float:left; }
.ectoggle .echandle .ecimg img { width:100%; }
.ectoggle .echandle .ecinfo.noimg	{ float:none; }
.ectoggle .echandle .ecinfo .title { padding:0; margin:0; width:100%;}
.ectoggle .echandle .ecinfo .subtitle { padding:0; margin:0; width:100%;}

/* expand & collapse all */
#ecall { margin:0 27px; text-align:right; display:block; margin-top:-60px; margin-bottom:35px; }
#ecall.underloc { margin-top: -74px; height:74px;}
#ecall .ecico { width:18px; height:18px; background-repeat:no-repeat; vertical-align:middle; margin-left:8px; }
#ecall.expand .ecico { background-image:url(images/plus.png); }
#ecall.expand:hover .ecico { background-image:url(images/plus-2.png); }
#ecall.collapse .ecico { background-image:url(images/minus.png); }
#ecall.collapse:hover .ecico { background-image:url(images/minus-2.png); }

@media only screen and (max-device-width: 767px) {
	#ecall { margin:0 27px 30px 0; font-size:36px; }
	#ecall.underloc { }
	#ecall .ecico { width:36px; height:36px; background-size:100%; margin-top:-3px;}
	
	.ectoggle .echandle { padding:1% 7% 1% 2% !important;}
	.ectoggle .echandle.wimg { padding:1% 0 1% 2% !important;}
	.ectoggle .echandle.open, .ectoggle .echandle.close { background-size: 5%;}
	.ectoggle .echandle .title { font-size: 50px !important; padding-left: 15px !important;}
	.ectoggle .echandle .subtitle { font-size: 35px !important; padding-left: 15px !important;}
	.ectoggle .echandle .ecimg { width:98% !important;}
	.ectoggle .echandle .ecinfo { width:90% !important; float: left !important;}
	
	.ectoggle .echandle.close, .ectoggle .echandle.open { background-image:none !important; }
	.ectoggle .echandle.close .ocbtn{ background:url(images/plus.png) no-repeat top right; background-size: 100%; b z-index:9999; margin: 15px 20px 0 0;}
	.ectoggle .echandle.open .ocbtn{ background:url(images/minus.png) no-repeat top right; background-size: 100%; z-index:9999; margin: 15px 20px 0 0; }
	
}