@charset "utf-8";
/* CSS Document */
/*Font Styles Starts*/
@font-face {
	font-family: 'CenturyGothic';
	src: url('../fonts/CenturyGothic.eot') format('embedded-opentype'), url('../fonts/CenturyGothic.woff') format('woff'), url('../fonts/CenturyGothic.ttf') format('truetype'), url('../fonts/CenturyGothic.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'OpenSans';
	src: url('../fonts/OpenSans.eot') format('embedded-opentype'), url('../fonts/OpenSans.woff') format('woff'), url('../fonts/OpenSans.ttf') format('truetype'), url('../fonts/OpenSans.svg#OpenSans') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'OpenSans-Semibold';
	src: url('../fonts/OpenSans-Semibold.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans-Semibold.woff') format('woff'), url('../fonts/OpenSans-Semibold.ttf') format('truetype'), url('../fonts/OpenSans-Semibold.svg#OpenSans-Semibold') format('svg');
	font-weight: normal;
	font-style: normal;
}
/*Font Styles Ends*/

/*Header Styles Starts*/
#home {
	background: url(../images/bg.jpg) no-repeat center 10% / 100%;
	width: 100%;
	/*height: 718px;*/
	/*position: relative;*/
}
.header-top {
	background: rgba(255, 255, 255, 1.0);
	padding: 0;
	border-bottom:1px solid #D5D5D5;
}

.header-party {
   
    
    background: -moz-linear-gradient(1deg, #131313 0%, #131313 44%, #0e4c6f 54%, #0e4c6f 100%); /* ff3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #131313), color-stop(44%, #131313), color-stop(54%, #0e4c6f), color-stop(100%, #0e4c6f)); /* safari4+,chrome */
    background: -webkit-linear-gradient(1deg, #131313 0%, #131313 44%, #0e4c6f 54%, #0e4c6f 100%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(1deg, #131313 0%, #131313 44%, #0e4c6f 54%, #0e4c6f 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(1deg, #131313 0%, #131313 44%, #0e4c6f 54%, #0e4c6f 100%); /* ie10+ */
    background: linear-gradient(89deg, #131313 0%, #131313 44%, #0e4c6f 54%, #0e4c6f 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#131313', endColorstr='#0e4c6f',GradientType=1 ); /* ie6-9 */


	padding: 0;
	border-bottom:0px solid #2381bd;
	/*height:190px;*/
	vertical-align:middle;
}

.headerbg{
	background-image: url(../images/headerbg.png);
	background-repeat:no-repeat;
	background-position:center;
	height:110px;
}


.candidate-img{height:185px; width:173px; background:url(../images/vote4change_logo_85.png) no-repeat;display:block;float:right;margin:5px 0px;}
.candidate-name{font-size:74px;color:#fff;display:block;text-align:left;font-family:"Times New Roman", Times, serif;text-shadow: 0px 2px 2px rgba(0, 0, 0, 1);}
.party-name{font-size:24px; margin:13px 0px 0px 0px;display:block;color:#fff;font-weight:normal; text-transform:uppercase;text-align:left;font-family:"Times New Roman", Times, serif;text-shadow: 0px 2px 2px rgba(0, 0, 0, 1);}
.slogan{font-size:24px; margin:0px 0px 0px 0px;display:block;color:#fff;font-weight:normal;text-align:left;font-family:"Times New Roman", Times, serif;text-shadow: 0px 2px 2px rgba(0, 0, 0, 1);}

.header-msg{background:rgba(0,0,0,1);padding:5px 0px;color:#fff;text-align:center; height:2px}


.header-share{
	background: #f7f7f7;
	border-bottom:0px solid #e8e7e7;	
	/*height:32px;*/
	}
.logo span {
	font: 30px/40px 'CenturyGothic';
	color: #fff;
	text-transform: uppercase;
}
.logo img {
	float: left;
	margin-right: 20px;
}

.section-left{float:left}

.section-right{float:right !important;}

.dashboard-section{margin:40px 0px 10px 0px;}

ul.section-inline  li{ 
	display:table-cell;
	padding:8px 30px 0px 0px;
	font-family: 'OpenSans';
	font-size:11px;
	color:#d24545;
	}
	
ul.section-inline  li span{ 
	color:#878787
}

ul.section-inline  li img{ 
	margin-right:15px;
}

ul.section-inline2  li{ 
	display:table-cell;
	padding:8px 5px 0px 0px;
	font-family: 'OpenSans';
	font-size:12px;
	color:#d24545;
	}
	
ul.section-inline2  li span{ 
	color:#878787
}

ul.section-inline2  li img{ 
	margin-right:0px;
}



.menu{margin-top:35px;float:right;}

.menu li {display:inline;margin-left:0px;}

.menu li a {font-size:14px;color:#4d4d4d;margin: 0 8px 0 7px;}

.menu li a:hover, .menu li a:focus  {font-size:14px;color:#4d4d4d;text-decoration:underline;margin: 0 8px 0 7px;}

/*.menu li a.active  {font-size:14px;color:#fff;font-family: 'OpenSans';padding:5px 15px; border-radius:20px;text-decoration:none; background:#c30a0a;}*/


.msg-img{margin-top:0px; margin-bottom:0px;}

.donate-btn{font-size:18px;background:#fff;border-radius:20px;padding:5px 20px;border:none;text-transform:uppercase;color:#c30a0a;}

.upcoming{background:rgba(0,0,0,0.7);padding:20px 0px 15px 0px; line-height:22px;}

.home-btns {
	/*background: url(../images/pattern.jpg) repeat left top;*/
	/*height: 55px*;/
	/*position: absolute;*/
	bottom: 0;
	width: 100%;
	height: 158px;
	padding: 25px 0;
}
.home-btns a {
	/*border: 1px solid #fff;*/
	border: 2px solid rgba(195, 51, 55, 0.7);
	color: #fff;
	display: block;
	font: 13px/55px "OpenSans-Semibold";
	/*letter-spacing: 1px;*/
	padding: 0 10px;
	margin-bottom:10px;
	width: 100%;
	/*background:rgba(0,0,0,0.1)*/
	background: #420018 url("../images/btnbg.jpg") repeat-x scroll center center;
}
.home-btns a:hover {
	/*border: 1px solid #fff;*/
	border: 2px solid rgba(124, 124, 124, 0.7);
	color: #fff;
	display: block;
	font: 13px/55px "OpenSans-Semibold";
	/*letter-spacing: 1px;*/
	padding: 0 10px;
	margin-bottom:10px;
	width: 100%;
	background: #474748;
}


.home-btns .row > div { padding: 0 10px; }
.home-btns a:hover { text-decoration: none; }
.home-btns img { padding-right: 5px; }
/*Header Styles Ends*/
/*Section Styles Starts*/

.content-area{background: #F8F8F8;	}

.content-section{background: #F8F8F8;min-height:500px;height:auto;}
.form-section{background:#fff; border:0px solid #DCDCDC;padding:20px;margin:40px 0px;-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.3);-moz-box-shadow: 0 1px 3px rgba(0,0,0,.3);box-shadow: 0 1px 3px rgba(0,0,0,.3);}


.maincontent {
	background: #f8f8f8;	
	width: 100%;
	font: 14px/24px 'OpenSans';
	/*border: 1px solid #e9e9e9;*/
	margin: 50px 0 50px 0px;
	/*padding: 5px 0 25px;*/
	position: relative;
}

.row .maincontent  > div {
    padding: 0px 10px;
}

.h1, .h2, .h3, h1, h2, h3 {
    margin-top: 5px;
    margin-bottom: 5px;
}
.widgets{	
	/*background: #f8f8f8;*/
	font: 14px/24px 'OpenSans';
	border: 0px solid #e9e9e9;	
	height:235px;
	padding: 5px 15px 25px 15px;
	margin-bottom:25px;	
	text-align:center;
	
}

.widgets > div:nth-child(3) > a, .widgets > div:nth-child(4) > img {/* margin-top: 40px; */}
.widgets h3 {
	color: #920036;
	font: 18px "OpenSans-Semibold";
	border-bottom: 1px solid #e9e9e9;
	padding-bottom: 10px;
	letter-spacing: 1px;
	text-align: left;
}
.widgets > div:not(:last-child) { /*border-right: 1px solid #e9e9e9;*/ }
.widgets ul {
	padding-left: 20px;
	letter-spacing: 1px;
	color: #323232;
}
.widgets a {
	color: #2381bd;
	letter-spacing: 1px;
}
/*Section Styles Ends*/
/*Footer Styles Starts*/
footer {
	/*background: #474747;*/
	background:#2B3990 ;
	text-align: center;
	color: #dbdbdb;
	font: 12px/18px 'OpenSans';
	letter-spacing: 1px;
	padding: 20px 15px;
	height:auto;
}

.footer-section {
	width: 100%;
	font: 14px/24px 'OpenSans';
	margin: 30px 0px 30px 0px;	
}

.footer-copyright{
	background:#1b245b ;
	text-align: center;
	color: #dbdbdb;
	font: 12px/18px 'OpenSans';
	padding: 10px 0px;
	height:auto;

}

.f-links { 
	padding:0px;
	margin:0px;
	}

.f-links  li{ 
	display:inline;
	padding:0px;
	margin:0px;
	}
	
.f-links  li img{ 
	margin:0px 20px 0px 20px;
	position:relative;
	
	}
	
.f-mid { 
	padding:0px;
	margin:0px;
	}

.f-mid  li{ 
	display:block;
	padding:0px;
	margin:0px;
	}
	
.f-mid  li a{ 
	margin:0px 20px 0px 20px;
	position:relative;
	color:#FFFFFF;	
	text-decoration:none;
	}
	
.f-mid  li a:hover{ 
	margin:0px 20px 0px 20px;
	position:relative;
	color:#FFFFFF;
	text-decoration:underline;	
	}		
		
.search-section{text-align:right;}

.page-title{font-size:24px;font-weight:bold;margin: 0px 0px 20px 0px;color:#777; border-bottom:0px solid #DFDFDF;align-self:center;}
.page-subtitle{font-size:18px;font-weight:normal;margin: 0px 0px 10px 0px;color:#800002; border-bottom:1px dashed #DFDFDF;}


.form-group {
    margin-bottom: 10px;
}

label{font: 13px/24px 'OpenSans';}




















/*<!--MEDIA QUERIES-->*/
@media (min-width:992px) and (max-width:1199px) {
#home {
	background-size: cover;
	/*height: 538px;*/
}
.home-btns a { font-size: 11px; }
.widgets h3 { font-size: 16px; }
.widgets { font-size: 13px; }

.upcoming {
    background: rgba(0, 0, 0, 0.7) none repeat scroll 0% 0%;
    padding: 20px 0px 15px;
    line-height: 22px;
    margin-top: 38px;
}


}
@media (min-width:768px) and (max-width:991px) {
#home {
	background-size: cover;
	height: auto;
}
.widgets h3 { text-align: center }
.home-btns { height: 205px; }
.jumbo .row div:first-child { /*margin-left: 30px;*/ }
.jumbo-btns { font-size: 16px; }
.jumbo-btns2{ font-size: 16px; }

.container {
    width: 100%;
}

.upcoming {
    background: rgba(0, 0, 0, 0.7) none repeat scroll 0% 0%;
    padding: 20px 0px 15px;
    line-height: 22px;
    margin-top: 64px;
}


.candidate-img{height:185px; width:173px; background:url(../images/vote4change_logo_85.png) no-repeat;display:block;float:right;margin:5px 0px;}
.candidate-name{font-size:74px;color:#fff;display:block;text-align:left;font-family:"Times New Roman", Times, serif;text-shadow: 0px 2px 2px rgba(0, 0, 0, 1);}
.party-name{font-size:24px; margin:13px 0px 0px 0px;display:block;color:#fff;font-weight:normal; text-transform:uppercase;text-align:left;font-family:"Times New Roman", Times, serif;text-shadow: 0px 2px 2px rgba(0, 0, 0, 1);}
.slogan{font-size:24px; margin:0px 0px 0px 0px;display:block;color:#fff;font-weight:normal;text-align:left;font-family:"Times New Roman", Times, serif;text-shadow: 0px 2px 2px rgba(0, 0, 0, 1);}

}
@media (max-width:767px) {
	
	
#home { background-size: cover; }
.jumbo {
	position: relative;
	bottom: 0;
}
.logo img {
	float: none;
	margin: 0 auto;
}
.logo span {
	font: 24px/30px "CenturyGothic";
	text-align: center;
	display: block;
}
.secretary-name {
	margin: 0;
	text-align: center;
}
.jumbo h2 {
	font-size: 20px;
	margin: 10px 0;
}
.widgets h3 {
	display: inline-block;
	text-align: center;
	width:100%;
}
.jumbo .row div:first-child { margin-left: 0px; }
.jumbo .row div:nth-child(2) { display: none }
.jumbo-btns {
	font-size: 18px;
	margin-bottom: 5px;
	padding: 10px 0;
}
.jumbo-btns2 {
	font-size: 18px;
	margin-bottom: 5px;
	padding: 10px 0;
}
.home-btns {
	position: relative;
	height: 360px;
}
.widgets img, .widgets a {	
	margin: 0 auto !important;
	text-align: center;
}

.search-section{text-align:left;}
.search-textbox {
    float: left;
    padding: 9px 9px 9px 13px;
    width: 100%;    
    font-size: 16px;    
    font-weight: 400;    
    color: #3E3E3E;
    text-shadow: none;
    border: 1px solid #333;
	margin:10px 0px;
}

.btn-search{
	border: 1px solid transparent;
    border-radius: 0;
    box-shadow: none;
    box-sizing: border-box;    
    font-size: 16px;    
    font-weight: bold;    
    line-height: 1.77778em;
     padding: 5px 15px 5px 15px;
    position: relative;
    text-align: left;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.53);
    width: auto;
	background: transparent linear-gradient(to bottom, #8dc63f 0%, #7fb239 100%) repeat scroll 0% 0%;
	color: #FFF;	
	}
	
	
.btn-search:focus, .btn-search:hover {
	background: transparent linear-gradient(to bottom, #76a535 0%, #67902e 100%) repeat scroll 0% 0%;
}

.navbar-nav > li {
    float: left !important;
    padding: 0px;
    width: 100%;
}

.navbar-right {
    float: left !important;
    margin-right: -15px;
    margin-top: 15px;
    font-family: 'OpenSans';
}

.navbar-collapse {
    padding-right: 15px;
    padding-left: 15px;
    overflow-x: visible;
    -webkit-overflow-scrolling: touch;
    border-top: 1px solid transparent;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
    margin-top: 20px;
}

.candidate-img{height:185px; width:173px; background:url(../images/vote4change_logo_85.png) no-repeat;display:block;float:right;margin:5px 0px;}
.candidate-name{font-size:58px;color:#fff;display:block;text-align:left;font-family:"Times New Roman", Times, serif;text-shadow: 0px 2px 2px rgba(0, 0, 0, 1);}
.party-name{font-size:16px; margin:13px 0px 0px 0px;display:block;color:#fff;font-weight:normal; text-transform:uppercase;text-align:left;font-family:"Times New Roman", Times, serif;text-shadow: 0px 2px 2px rgba(0, 0, 0, 1);}
.slogan{font-size:16px; margin:0px 0px 0px 0px;display:block;color:#fff;font-weight:normal;text-align:left;font-family:"Times New Roman", Times, serif;text-shadow: 0px 2px 2px rgba(0, 0, 0, 1);}

}

.navbar-default {
    background-color: #fff;
    border-color:#fff;
}

.navbar-right {
    float: right;
    margin-right: -15px;
    margin-top: 15px;
	font-family: 'OpenSans';
}

.navbar-nav > li {
    float: left;
	padding:0px;
}

.nav > li > a {
    position: relative;
    display: block;
    padding: 10px 9px;
}

.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 0px;
}



.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
    color: #333;
    background-color: transparent;
	text-decoration:underline;
}


.navbar-toggle {
    background-color: transparent;
    background-image: none;
    border-radius: 4px;
    float: right;
    margin-bottom: 0;
    margin-right: 15px;
    margin-top: 16px;
    padding: 9px 10px;
    position: relative;
}

.msg-title{
	font-size:48px;
	font-family: 'OpenSans';
	font-weight:bold;
    color: #1B245B;
    margin: 0;
    text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.5);
	float:left;
	text-align:left;
	line-height:48px;
}

.msg-subtitle{
	font-size:18px;
	font-family: 'OpenSans';
	font-weight:normal;
    color: #1B245B;
    margin: 0;
    text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.5);
	float:left;
	text-align:left;
	margin-bottom:50px;
}

.map{height:300px; width:100%}

.login-control{display:none !important;}
.place-card{display:none !important;}

.search-title{
	font-size:24px;	
	font-weight:bold;
    color: #fff;
    margin: 0;
    text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.5);	
	text-align:left;	
	text-transform:uppercase;
}

.search-tag{
	font-size:13px;	
	font-weight:bold;
    color: #fff;
    margin: 0;
    text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.5);	
	text-align:left;	
	text-transform:uppercase;
}


.search-textbox {
    float: left;
    padding: 9px 9px 9px 13px;
    width: 100%;    
    font-size: 16px;    
    font-weight: 400;    
    color: #3E3E3E;
    text-shadow: none;
    border: 1px solid #333;	
}

.btn-search{
	border: 1px solid transparent;
    border-radius: 0;
    box-shadow: none;
    box-sizing: border-box;    
    font-size: 16px;    
    font-weight: bold;    
    line-height: 1.77778em;
     padding: 5px 15px 5px 15px;
    position: relative;
    text-align: left;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.53);
    width: auto;
	background: transparent linear-gradient(to bottom, #8dc63f 0%, #7fb239 100%) repeat scroll 0% 0%;
	color: #FFF;	
	}
	
	
.btn-search:focus, .btn-search:hover {
	background: transparent linear-gradient(to bottom, #76a535 0%, #67902e 100%) repeat scroll 0% 0%;
}
	
.widgets a.icon {
    display: block;
    width: 80px;    
    margin: 0px auto 5px;
    background-color: #8DC63F;
    border-radius: 50%;
    border: 3px solid transparent;
	text-align:center;
	color:#fff;
	font-size:36px;
	padding:20px;
}


.widget-title{
	color:#333333;
	font-size:20px;
	font-weight:bold;
	text-transform:uppercase;
	margin:30px 0px 5px 0px;
	font-family: 'OpenSans';	
}

.widget-subtitle{
	color:#666666;
	font-size:14px;
	font-weight:unset;
	margin-bottom:20px;	
}


a.btn-click{
	background: transparent linear-gradient(to bottom, #26A8DF 0%, #188CBD 100%) repeat scroll 0% 0%;
	/*background: transparent linear-gradient(to bottom, #EE4036 0%, #CB251C 100%) repeat scroll 0% 0%;*/	
   	color:#FFFFFF; 
    font-size: 14px;    
    font-weight: bold;
    padding: 8px 18px;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.53);
	text-decoration:none;
	text-transform:uppercase;
	border-radius:3px;
}

a.btn-click:focus, a.btn-click:hover{
	background: transparent linear-gradient(to bottom, #2ab8f4 0%, #1ca2db 100%) repeat scroll 0% 0%;	
	/*background: transparent linear-gradient(to bottom, #FB4037 0%, #FB4037 100%) repeat scroll 0% 0%;	*/
   	color:#FFFFFF; 
    font-size: 14px;    
    font-weight: bold;
    padding: 8px 18px;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.53);	
	text-decoration:none;
	text-transform:uppercase;
	border-radius:3px;
}

/*#chartdiv {
	width		: 100%;
	height		: 203px;
	font-size	: 11px;
}*/

#chartdiv {
	width		: 100%;
	height		: 200px;
	font-size	: 11px;
}

.amChartsLegend .amcharts-legend-div{display:none;}				

@media (max-width:580px) {

.candidate-img{height:130px; width:172px; background:url(../images/vote4change_logo_85.png) no-repeat;display:block;float:right;margin:60px 0px 0px 0px;}
.candidate-name{font-size:48px;color:#fff;display:block;text-align:left;font-family:"Times New Roman", Times, serif;text-shadow: 0px 2px 2px rgba(0, 0, 0, 1);}
.party-name{font-size:16px; margin:13px 0px 0px 0px;display:block;color:#fff;font-weight:normal; text-transform:uppercase;text-align:left;font-family:"Times New Roman", Times, serif;text-shadow: 0px 2px 2px rgba(0, 0, 0, 1);}
.slogan{font-size:16px; margin:0px 0px 0px 0px;display:block;color:#fff;font-weight:normal;text-align:left;font-family:"Times New Roman", Times, serif;text-shadow: 0px 2px 2px rgba(0, 0, 0, 1);}

}	

@media (max-width:480px) {

.candidate-img{height:130px; width:125px; background:url(../images/vote4change_logo_85.png) no-repeat;display:block;float:right;margin:0px 0px 0px 0px;position:absolute;right:0px;}
.candidate-name{font-size:36px;color:#fff;display:block;text-align:left;font-family:"Times New Roman", Times, serif;text-shadow: 0px 2px 2px rgba(0, 0, 0, 1);}
.party-name{font-size:16px; margin:13px 0px 0px 0px;display:block;color:#fff;font-weight:normal; text-transform:uppercase;text-align:left;font-family:"Times New Roman", Times, serif;text-shadow: 0px 2px 2px rgba(0, 0, 0, 1);}
.slogan{font-size:16px; margin:0px 16px 0px 0px;display:block;color:#fff;font-weight:normal;text-align:left;font-family:"Times New Roman", Times, serif;text-shadow: 0px 2px 2px rgba(0, 0, 0, 1);}

}										
	
	
.committeetable	.table {
    margin-bottom: 0px;
    max-width: 100%;
    width: 100%;
}	

.committeetable .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    border-top: 1px solid #ddd;
    line-height: 1.42857;
    padding: 3px;
    vertical-align: top;
}

.right-links{float:right;margin-top:10px;text-transform:uppercase;}	


.banner .main{ background:url(../images/banner.jpg) no-repeat center top; background-size:cover; text-align:right; position:relative; padding-bottom:0px;}
.banner .ban-logo{ position:absolute; left:40px; top:230px}
.banner ul{ display:inline-block; vertical-align:top; text-align:center; padding:0; margin:0 10px 0 0; list-style:none ;float:right;}
.banner ul li{ display:block; width:420px; background:rgba(0, 125, 195,0.9); min-height:140px; margin-bottom:2px; padding:15px; position:relative; cursor:pointer}
.banner ul li .text-hover{ opacity:0;  padding:17px 13px 13px 20px; position:absolute; left:0;  top:0; background:#007DC3; width:100%; height:100%; transition:opacity 0.5s ease-in-out 0s; -moz-transition: opacity 0.5s ease-in-out 0s; -ms-transition: opacity 0.5s ease-in-out 0s; -o-transition: opacity 0.5s ease-in-out 0s; -webkit-transition: opacity 0.5s ease-in-out 0s; overflow:auto}
.touch .banner ul li .text-hover { overflow:auto}
.banner{position:relative; z-index:9999; background:none;}
.banner ul li .text-hover p{ font-size:14px; color:#fff; font-weight:100; line-height:18px; margin-bottom:13px; margin-top:1px;max-height:80px; overflow:hidden;text-align:left;}
.banner ul li .text-hover a{ border:1px solid #fff; font-size:16px;padding:3px 5px; color:#fff;}
.banner ul li .text-hover a:hover{ background:#F26532; text-decoration:none;}
.banner ul li:hover .text-hover{ opacity:1;}
.banner ul li:last-child{ margin-bottom:0}
.banner ul li h2{ font-size:28px; font-weight:300; color:#ffffff}	

.banner a.icon {   
    background-color: rgba(255,255,255,0.2);
   border: 3px solid transparent;
    border-radius: 50%;
    color: #236192 !important;
    display: block;
    font-size: 5px;
    margin: 0 auto 5px;
    padding: 10px;
    text-align: center;
    width: 58px;
}

			


@media (max-width:767px) {
		
		.banner ul{ display:block;float:none;margin: 5% 5%;}
		.banner ul li{ width:100%; text-align:center; min-height:100px}
		.banner ul li .text-hover p{ max-height:35px;}
		.banner ul li .text-hover p br{ display:none}
		.banner ul li h2{ padding-top:10px}
		.banner ul li h2 br{ display:none} 
		.banner .main{ text-align:center}
		.banner .ban-logo{ position:static; display:inline-block; vertical-align:top; margin:10px 0}
		.banner .ban-logo img{ width:170px;}
		.banner .main{ position:relative;}
		.banner .main:after{ background:rgba(0,0,0,0.5); position:absolute; left:0; top:0; width:100%; height:100%; content:'';}
		.banner .ban-logo, .banner ul{position:relative; z-index:99;}
		.banner .ban-logo{position:inherit; left:0; top:0;}		
		
		.banner a.icon {   
   display:none;
}
}