@charset "utf-8";



/* ============================== */

/* 

	- Title: Political Landing Page 

	- Autor: Imaginacionweb - Jeniffer Martinez

	- Email: jmartinez@imaginacionweb.net

	- Version: 1.04

*/

/* ============================== */





/* ---------------------------------------------------------------------- */

/*	Import styles

/* ---------------------------------------------------------------------- */



/* bootstrap.css  - include resetes ( Media querys, grid-responsive,layout).*/

@import url("bootstrap/bootstrap.css");

/*jquery.fancybox-1.3.1.css  - Lightbox*/

@import url("../js/fancybox/jquery.fancybox.css");

/*Slide*/

@import url("slide/responsiveslides.css");

/*Carrousel*/

@import url("flexslider.css");

/*Google Fonts*/

@import url(http://fonts.googleapis.com/css?family=Lora:400,700);

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,400);





/* Standar Styles --------------------------------------------------------*/

body{

	font-size: 20px;	

	line-height:24px;

	color:#000;

	background-color: #fff;

	font-family: 'Open Sans', sans-serif;

}

a{

	color: #113d64;

	font-size: 12px;

}

a:hover{

	text-decoration: none;	

	color: #2e2e2e;

}

p{

	font-size: 12px;

	font-family: 'Open Sans', sans-serif;

	line-height: 22px;

}

h1 {font-size:24px;}

h2 {font-size:22px;}

h3 {font-size:18px;}

h4 {font-size:16px;}

h5 {font-size:14px;}

h6 {font-size:12px;}



h1, h2, h3, h4, h5, h6 {

	font-family: 'Lora', serif;

	line-height: 30px;

	margin: 0;	

	color: #fff;

	font-weight: bold;

}



/* Class and styles General ----------------------------*/



.clearfix{

	width:1px;

	height:30px;	

	display:block;

	clear:both;

	content:" , ";

}

.central_content{

	margin: 30px auto;

}

.divider{

	margin:30px 0;

}

.line-divider {

	width: auto;

	height: 2px;

	background: #113d64;

	z-index: 1;

	margin-left: 20%;	

}

.divider .color-divider{

	padding:4px 3%;

	background: #113d64;

	width: 35%;

	margin-top: -20px;

}

.divider .color-divider h2{

	font-size: 18px;

	text-transform: uppercase;

}

.divisor_line{

	border-bottom: 1px solid #ddd;

	border-top: 1px solid #ddd;

	height: 1px;

	width: auto;

	margin: 20px auto;

}

.sep {

	margin: 15px auto 40px auto;

	height: 20px;

}

span.star {

	width: 60px;

	height: 20px;

	margin: 0 auto -6px auto;

	display: block;

}

span.rule-l {

	border-bottom: 1px solid #ddd;

	border-top: 1px solid #ddd;

	height: 1px;

	float: left;

	width: 46%;

}

span.rule-r {

	border-bottom: 1px solid #ddd;

	border-top: 1px solid #ddd;

	height: 1px;

	float: right;

	width: 46%;

}

.info_resalt{

	color: #113d64;

}

span.stars{

	width: 100%;

	height: 20px;

}

/* Main -----------------------------------------------*/

.main{

	position: relative;

}

.main_slide{

	height: 777px;

	-webkit-background-size: cover;

	-moz-background-size: cover;

	background-size: cover;

	background-position: center center;

	z-index: 0;

	overflow: hidden;

}

.main_title{

	z-index: 10;

	position: absolute;

	background-color: rgba(0,0,0,0.4);

	width: 100%;

	bottom: 0;

	height: 100%;

	text-align: center;

}

.main_name{

	background-color:  rgba(0,0,0,0.4);

}

.main_name h1{

	font-size: 28px;

	padding: 20px 0;

	text-align: center;

	text-shadow: 3px 2px 5px #000;

	text-transform: uppercase;

}

.main_title h2,.main_title h3{

	text-transform: uppercase;

	text-shadow: 2px 1px 3px #000;

}

.main_title h3{

	font-size: 35px;

	padding-top: 50px;

	line-height: 45px;

}

.main_title h2{

	font-size: 41px;

	line-height: 51px;

}

.main_title p{

	color: #fff;

	padding-top: 0px;

	font-size: 17px;

}

.main_title #mc_embed_signup form input[type="email"]{

	width: 80%;

	padding: 5px 10px;

	height: 27px;

	margin-left: 48%;

	border-radius: 5px;

}

.main_title #mc_embed_signup form input[type="submit"]{

	border: 3px solid #113d64;

	width: 100%;

	background-color: #113d64;

	padding: 6px 18px;

	color: #fff;

	-webkit-transition: all .2s linear;

	-moz-transition: all .2s linear;

	-o-transition: all .2s linear;

	transition: all .2s linear;

}

.main_title #mc_embed_signup form input[type="submit"]:hover{

	cursor: pointer;

	background-color: #113d64;

	border: 3px solid #113d64;

	box-shadow: 0 0px 0 2px rgba(0,0,0,0.1);

	cursor: pointer;

	-webkit-transition: all .2s linear;

	-moz-transition: all .2s linear;

	-o-transition: all .2s linear;

	transition: all .2s linear;

}

.social_icon a {

	display: inline-block;

	text-transform: capitalize;

	font-size: 16px;

	margin: 20px 5px 0 5px;

	width: 30px;

	height: 30px;

	text-indent: -9000px;

	color: #444;

}

.social_icon a:first-child{

	margin-left: 0;

}

.social_icon a.facebook {

	background: url(../img/social/facebook.png) center center no-repeat;

	background-color:  rgba(0,0,0,0.8);

}

.social_icon a.twitter {

	background: url(../img/social/twitter.png) center center no-repeat;

	background-color:  rgba(0,0,0,0.8);

}

.social_icon a.dribbble {

	background: url(../img/social/dribbble.png) center center no-repeat;

	background-color:  rgba(0,0,0,0.8);

}

.social_icon a.linkedin {

	background: url(../img/social/linkedin.png) center center no-repeat;

	background-color:  rgba(0,0,0,0.8);

}

.social_icon a.google {

	background: url(../img/social/google.png) center center no-repeat;

	background-color:  rgba(0,0,0,0.8);

}



/* done --------------------------------------------------------*/

.done_info{

	background-color:  rgba(0,0,0,0.6);

	padding: 20px 0 15px 0;

	margin-top: 51px;

	text-align: left;

	-webkit-transition: all .5s linear;

	-moz-transition: all .5s linear;

	-o-transition: all .5s linear;

	transition: all .5s linear;

}

.done_info:hover{

	cursor: pointer;

	background-color:  rgba(0,0,0,0.8);	

	-webkit-transition: all .5s linear;

	-moz-transition: all .5s linear;

	-o-transition: all .5s linear;

	transition: all .5s linear;

}

.done_info h2{

	color: #fff;

	font-size: 18px;

	text-transform: uppercase;

	line-height: 26px;

	text-shadow: none;

}

.done_info img{

	padding-top: 15%;

}

/*.done_info .content_done{

	margin-left: -30px;

}*/

.done_info p{

	color: #fff;

	padding: 0;

	font-size: 12px;

}

/* Content -----------------------------------------------------*/

.central_content h3{	

	font-size: 15px;

	line-height: 25px;

	color: #113d64;

	text-transform: uppercase;

}

.central_content p{

	color: #5d5c5c;

}

.central_content h2{

	color: #113d64;

	text-align: center;

}

.central_content iframe{

	width: 100%;

	height: 200px;

}

.central_content h4{

	color: #2e2e2e;

	font-style: italic;

	font-size: 13px;

	line-height: 23px;

}

.central_content span{

	color: #2e2e2e;

	font-size: 12px;

	font-weight: 700;

	line-height: 22px;

}

/* candidate-------------------------------------------------*/

.candidate img {

	padding: 5px;

	border: solid 1px #cdcdcd;

	box-shadow: 0 0 5px rgba(0,0,0,0.2);

	-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.2);

	-webkit-transition: all .4s linear;

	-moz-transition: all .4s linear;

	-o-transition: all .4s linear;

	transition: all .4s linear;

}

.candidate img:hover{

	box-shadow: 0 0 5px rgba(0,0,0,0.4);

	-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.4);

	-webkit-transition: all .4s linear;

	-moz-transition: all .4s linear;

	-o-transition: all .4s linear;

	transition: all .4s linear;

}

.candidate h3{

	margin-bottom: -5px;

}



/* Topics -------------------------------*/

.item_topics h3{

	margin-bottom: -5px;

}

.item_topics h4{

	margin-top: 5px;

}

.item_topics{

	padding:10px;

	border-bottom: 2px solid #113d64;

	text-align: center;

	border-top: 2px solid #113d64;

	-webkit-transition: all .1s linear;

	-moz-transition: all .1s linear;

	-o-transition: all .1s linear;

	transition: all .1s linear;

}

.item_topics:hover{		

	border-bottom: 2px solid #ddd;

	border-top: 2px solid #ddd;

	-webkit-transition: all .1s linear;

	-moz-transition: all .1s linear;

	-o-transition: all .1s linear;

	transition: all .1s linear;

	cursor: pointer;

}

.img_main img, .testimonials img{

	padding: 5px;

	margin: 5px 0;	

	border: solid 1px #cdcdcd;

	box-shadow: 0 0 5px rgba(0,0,0,0.2);

	-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.2);

	-webkit-transition: all .4s linear;

	-moz-transition: all .4s linear;

	-o-transition: all .4s linear;

	transition: all .4s linear;

}

.item_topics:hover .img_main img{

	box-shadow: 0 0 5px rgba(0,0,0,0.4);

	-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.4);

	-webkit-transition: all .4s linear;

	-moz-transition: all .4s linear;

	-o-transition: all .4s linear;

	transition: all .4s linear;

}

	

.fb-follow,.fb-like{

	float:left;

	margin-right: 10px;

}

.tw-follow{

	margin-top: 12px;

}



/* Accordion -------------------------------*/

.accordion-trigger{

	text-decoration: none;

	padding: 0 10px 5px 25px;

	cursor: pointer;

	border-bottom: 1px solid #e5e2e2;

	background: transparent url(../img/toggle.png) no-repeat 5px 7px;

}

.accordion-trigger.active{

	border-bottom: 1px solid #e5e2e2;	

	background: transparent url(../img/toggle.png) no-repeat 5px -78px;

}

.accordion-container{

	padding: 10px 0 5px 0;

}

.accordion-trigger span:hover{

	color: #113d64;

}

.about_evolution h3,.events h3,.testimonials h3{

	margin-bottom: 10px;

}

/* Carrousel  --------------------------------*/

.slides li{

	position: relative;

}

.slides li:hover a{

	display: inline;

}

.slides li a{

	background: #999 url(../img/more.png) no-repeat center center;

	background: rgba(0,0,0,0.5) url(../img/more.png) no-repeat center center;

	width: 100%;

	height: 100%;

	position: absolute;

	top: 0;

	left: 0;

	display: none;

}



/* Testimonials --------------------------------*/

.testimonials h4{

	margin-bottom: -7px;

}

.testimonials img{	

	border: solid 1px #cdcdcd;

	box-shadow: 0 0 5px rgba(0,0,0,0.2);

	-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.2);

	-webkit-transition: all .4s linear;

	-moz-transition: all .4s linear;

	-o-transition: all .4s linear;

	transition: all .4s linear;

}

.testimonials .testimonials_content{

	padding-left: 20px;

}

.item_news a{

	color: #2e2e2e;

	font-size: 12px;

	font-weight: 700;

	line-height: 22px;

}

.news_information li{

	display: inline-block;

	font-size: 11px;

}

.news_information{

	margin: 0 0 10px 0;

}

.news .content_news, .events .content_event{

	margin-left: 10px;

}

/* Tabs --------------------------------*/

ul.tabs {

	margin: 10px 0 0 0;

	padding: 0;

	float: left;

	list-style: none;

	width: 100%;	

}

ul.tabs li {

	float: left;

	margin: 0 5px;

	padding: 0;

	line-height: 31px;

	border-left: none;

	border-bottom: none;

	overflow: hidden;

	position: relative;

	background-color: #113d64;

}

ul.tabs li:first-child {

	border-left:  1px solid #134672;

	margin-left: 0;

}

ul.tabs li a {

	text-decoration: none;

	display: block;

	padding:0 15px;

	outline: none;

	color: #fff;

	font-size: 13px;

	text-transform: uppercase;

}

html ul.tabs li.active, html ul.tabs li.active a:hover  {

	background-color: #134672;

}

.tab_container {

	border-top: 2px solid #134672;

	padding-top:20px;

	clear: both;	

	width: 100%;

}



/* Events-------------------------------------------------------*/

.events h3{

	text-transform: uppercase;	

}

.event_information{

	background-color: #113d64;

	margin: 5px 0 7px 0;

	padding-bottom: 3px;

}

.events li{

	font-size: 12px;

	font-weight: 700;

	line-height: 22px;

}

.event_information li{

	display: inline-block;

	font-size: 11px;

}

.events li a{

	color: #2e2e2e;

	font-size: 10px;

	text-decoration: underline;

}

.event_information li{

	margin: 0 10px;

}

.event_information li a{

	color: #fff;	

	text-decoration: none;

}

.item_event img, .item_news img{

	padding: 5px;

	border: solid 1px #ddd;

}

.item_event h3{

	color: #2e2e2e;

	margin-bottom: 0;

	text-transform: none;

}



/* Footer--------------------------------------------------------*/

footer{

	background-color: #2e2e2e;

	padding-top: 30px;

}

footer .divider .color-divider h2{

	font-size: 12px;

	text-transform: uppercase;

	font-family: 'Open Sans', sans-serif;

}

footer p{

	color: #eceaea;

}

.contact p{

	margin-bottom:-1px;

}

.contact p:first-child{

	margin-top: 30px;

}

footer .tweets{

	background: url(../img/social/twitter.png) no-repeat;

	margin-bottom: 9px;

}

footer .tweets span,footer .tweets a{

	color: #cfcfcf;

	font-style: italic;

	font-size: 11px;

	padding-left: 25px;

}

footer .tweets p{

	margin: 0;

	padding-left: 25px;

}

footer .copry{

	text-align: center;

	margin-top: 30px;

	background: #000;

	background: rgba(0,0,0,0.4);

	padding: 10px 0;

}

footer .copry p{

	padding-top: 20px;

}

.copry .social_icon a.facebook {

	background-color: #2e2e2e;

}

.copry .social_icon a.twitter {

	background-color: #2e2e2e;

}

.copry .social_icon a.dribbble {

	background-color: #2e2e2e;

}

.copry .social_icon a.linkedin {

	background-color: #2e2e2e;

}

.copry .social_icon a.google {

	background-color: #2e2e2e;

}



/*Blog --------------------------------------------------------*/



.post iframe{

	height: 450px;

}

.post .news_information a{

	color: #2e2e2e;

	font-size: 12px;

	font-weight: 700;

	line-height: 22px;

}

.comments_area ol{

	list-style-type: none;

}

.comment .reply{

	float: right;

	margin-top: -15px;

}

.comment cite{

	display: block;

}

.comment img {

	float: left;

	padding: 4px;

	margin: 10px;

	width: 54px;

	height: auto;

	border: solid 1px #cdcdcd;

	box-shadow: 0 0 5px rgba(0,0,0,0.2);

	-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.2);

	-webkit-transition: all .4s linear;

	-moz-transition: all .4s linear;

	-o-transition: all .4s linear;

	transition: all .4s linear;

}

.comment img:hover{

	box-shadow: 0 0 5px rgba(0,0,0,0.4);

	-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.4);

	-webkit-transition: all .4s linear;

	-moz-transition: all .4s linear;

	-o-transition: all .4s linear;

	transition: all .4s linear;

}

.fn{	

	font-size: 15px;

	line-height: 25px;

	color: #113d64;

	text-transform: uppercase;

	font-weight: bold;

}

form.replies input[type="text"]{

	width: 40%;

	padding: 5px 10px;

	height: 27px;

	border-radius: 5px;

}

form.replies textarea{

	width: 60%;

}

 form.replies input[type="submit"]{

	border: 3px solid #113d64;

	width: 20%;

	background-color: #113d64;

	padding: 7px 16px;

	color: #fff;

	-webkit-transition: all .2s linear;

	-moz-transition: all .2s linear;

	-o-transition: all .2s linear;

	transition: all .2s linear;

}

form.replies input[type="submit"]:hover{

	cursor: pointer;

	background-color: #113d64;

	border: 3px solid #113d64;

	box-shadow: 0 0px 0 2px rgba(0,0,0,0.1);

	cursor: pointer;

	-webkit-transition: all .2s linear;

	-moz-transition: all .2s linear;

	-o-transition: all .2s linear;

	transition: all .2s linear;

}



/*Sample Page*/

.border_img img{

	padding: 5px;

	border: solid 1px #cdcdcd;

	box-shadow: 0 0 5px rgba(0,0,0,0.2);

	-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.2);

	-webkit-transition: all .4s linear;

	-moz-transition: all .4s linear;

	-o-transition: all .4s linear;

	transition: all .4s linear;

}

.border_img img:hover{

	box-shadow: 0 0 5px rgba(0,0,0,0.4);

	-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.4);

	-webkit-transition: all .4s linear;

	-moz-transition: all .4s linear;

	-o-transition: all .4s linear;

	transition: all .4s linear;

}



/* Top ---------------------------------------------------------*/

#toTop {

	display:none;

	text-decoration:none;

	position:fixed;

	bottom:10px;

	right:10px;

	overflow:hidden;

	width:51px;

	height:51px;

	border:none;

	text-indent:100%;

	background:url(../img/ui.totop.png) no-repeat left top;

}

#toTopHover {

	background:url(../img/ui.totop.png) no-repeat left -51px;

	width:51px;

	height:51px;

	display:block;

	overflow:hidden;

	float:left;

	opacity: 0;

	-moz-opacity: 0;	

}

#toTop:active, #toTop:focus {

	outline:none;

}





/* ---------------------------------------------------------------------- */

/*	1024 Version

/* ---------------------------------------------------------------------- */

@media handheld, only screen and (max-width: 1024px) {

	.done_info{

		margin-top: 147px;

	}

	.divider .color-divider{

		width: 35%;

	}

	.divider .color-divider h2{

		font-size: 17px;

	}

	ul.tabs li:last-child{

		margin: 0;

	}

	.done_info form input[type="submit"]{

		width: 30%;

	}



}







/* ---------------------------------------------------------------------- */

/*	Mobile Version

/* ---------------------------------------------------------------------- */





@media handheld, only screen and (max-width: 767px){

	.main_slide{

		height: 600px;

	}

	.main_title #mc_embed_signup form input[type="email"]{

		margin-left: -10%;

	}

	.main_title #mc_embed_signup form input[type="submit"]{

		width: 50%;

		margin-left: -10%;

	}

	.main_title h3{

		padding-top: 90px;

	}

	.done_info {

		display: none;

	}

	ul.tabs li {

		margin: 0 5px;

	}

	.accordion-trigger{

		margin-bottom: 10px;

	}

}

/* ---------------------------------------------------------------------- */

/*	568px Version

/* ---------------------------------------------------------------------- */

@media handheld, only screen and (max-width: 568px) {



	.main_title h3{

		font-size: 30px;

		padding-top: 100px;

		line-height: 40px;

	}

	footer .copry{

		margin-top: 0;

	}

	.tabs,.tab_container{

		display: none;

	}

}



/* ---------------------------------------------------------------------- */

/*	480px Version

/* ---------------------------------------------------------------------- */





@media handheld, only screen and (max-width: 480px) {

	.main_slide{

		height: 400px;

	}

	.main_name h1{

		font-size: 23px;

		padding: 17px 0;

	}

	.display_responsive{

		display: none;

	}

	.main_title h3{

		padding-top: 20px;

	}

	.main_title h2{

		font-size: 36px;

		line-height: 46px;

	}

	.main_title p{

		padding-top: 30px;

	}	

	footer .copry{

		margin-top: 10px;

	}

	footer .copry{

		padding: 0;

	}

}



/* ---------------------------------------------------------------------- */

/*	380px Version

/* ---------------------------------------------------------------------- */





@media handheld, only screen and (max-width: 380px) {	

	.divider .color-divider{

		width: 40%;

	}

	.main_title p{

		padding-top: 20px;

	}	





}



/* ---------------------------------------------------------------------- */

/*	320px Version

/* ---------------------------------------------------------------------- */



@media handheld, only screen and (max-width: 320px) {

	.main_slide{

		height: 350px;

	}

	.main_name h1 {

		font-size: 20px;

		padding: 12px 0;

	}

	.main_title h3{

		font-size: 25px;

		line-height: 35px;

	}

	.main_title h2{

		font-size: 23px;

		line-height: 33px;

	}

	.divider .color-divider{

		width: 50%;

	}

	.main_title p{

		font-size: 15px;

		line-height: 20px;

	}

	.main_title #mc_embed_signup form input[type="email"]{

		height: 22px;

		width: 70%;

	}

	.main_title #mc_embed_signup form input[type="submit"]{

		width: 70%;

		padding: 3px 10px;

	}

	footer .copry{

		margin-top: 10px;

	}

	

}