/*%
Theme Name:     Be Your Career	
Theme URI:      http://www.beyourcareer.ca
Description:    Theme created for Remax Westcoast - Be Your Career
Author:         Hector Cervantes
Author URI:     http://www.standardmarketing.com
Template:       twentytwelve 
Version:        0.1.0
*/

@import url("../twentytwelve/style.css");
/*** General Settings *******************************************************************************/

	@import url(https://fonts.googleapis.com/css?family=Lato:300,400,700); 

	@font-face{
		font-family: 'Lato';
		src: url(https://fonts.googleapis.com/css?family=Lato:300,400,700); 
		font-style: normal;
	}
	
	@font-face {
	font-family: 'HelveticaNeue';
  src: url('fonts/HelveticaNeueLight.woff') format('woff'), /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
       url('fonts/HelveticaNeueLight.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3ó5 */
}
	body {font: normal 18px/26px "Lato", Helvetica, Arial, sans serif !important; color:#111;}
	body .site {margin-bottom:0;}
	a:link, a:visited  {color: #21759B;}
	a:hover {color:#0f3647;}
	a:active {color:#ff0000;}
	
	.site-content a:link, .site-content a:visited  {color: #21759B !important;}
	.site-content a:hover {color:#0f3647 !important;}
	
/*** Header *******************************************************************************/
	#header_wrapper {
	
	}
	#logo {
		width: 258px;
		text-align: center;
		height: 106px;
	}
	#logo img {max-width:100%;}
	#remax {width:100%; text-align: center;}
	#remax img {width:100%;max-width:160px;padding:20px 0;}
	.social_media {text-align:center;}
	.social_media a{color:#EAEAEA; margin-right:10px;}
	.social_media a:hover{color:#0495FF;}
	
	.site-header {padding: 0 0 1em;
	background-color: #013b66;
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, #002846, #013b66);
	background-image: -ms-linear-gradient(top, #002846, #013b66);
	background-image: -webkit-linear-gradient(top, #002846, #013b66);
	background-image: -o-linear-gradient(top, #002846, #013b66);
	background-image: linear-gradient(top, #002846, #013b66);
    width: 100%;
    z-index: 1000;
	}
	
	#head_fixed_content {
	background-color: #0495FF;
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, #003964, #0495FF);
	background-image: -ms-linear-gradient(top, #003964, #0495FF);
	background-image: -webkit-linear-gradient(top, #003964, #0495FF);
	background-image: -o-linear-gradient(top, #003964, #0495FF);
	background-image: linear-gradient(top, #003964, #0495FF);
	margin-top: -15px;
	}
 
/**** Home Page **************************************************************************/	
	.slider {width:100%; max-width:800px;}
	#banner {width:98%; padding:0 5px; margin-top:0px; background:url(images/banner_shadow.png) no-repeat center center / 100% 100%;}
	#banner a {text-decoration:none;}
	#banner a h2 {color: #FFFFFF; font-size: 3em; line-height: 1em; padding: 0.25em 0.25em 0.5em; text-align: center; font-family: 'HelveticaNeue',Helvetica,Arial; text-shadow:1px 1px 2px #000; letter-spacing: 6px;}
	.red_banner {padding: 0 0 0.5em; text-align: center;}
	
	.quote_bar .textwidget{color:#fff; text-align:center; font-size:1.5em; padding: 1em 0;
    text-align: center; text-shadow:1px 1px 1px #000;}

/*********** Home Page Feed***************/
	.home_feed {background:#ddd; padding:2em 0; overflow: hidden;}
	.home_feed  a {text-decoration:none !important;}
	.home_feed img {width:101%; max-width:101%; border-radius:none !important; box-shadow:none !important;}
	.one_4_home {width:292px; margin:0; float:left; height: 292px;}
	.one_2_home{width:292px; margin:0; float:left; height: 292px; overflow: hidden; }
	
.action_button h4{
	background: rgba(255, 0, 0, 0.75); 
	font-size: 1.25em; 
	font-weight: normal;
    line-height: 2.5em;
	padding:7em 0 9em;
	}
	
	.transparency {
	padding-top:22.25em;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}


.action_button {
    height: 350px;
    text-align: center;
	overflow:hidden;
	position:relative;
	top: -360px;
}

.action_button a{
	color:#C88B11; 
	background: rgba(0, 0, 0, 0.75); 
	display: block; 
	font-size: 1.5em; 
	padding: 0.75em 0; 
	text-decoration:none; 
	margin-top:4.75em;
	 -webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;}
.transparency:hover{color:#fff; padding-top:0em; background:rgba(0,0,0,0.75);}
.action_button a:hover{color:#fff; margin-top:0; padding-bottom:6.5em;}

	
	aside.feed_box {max-height:400px; overflow:hidden;}
	
	.feed_box_content {padding: 0.5em;}
	
	h3.feed_video_header {padding:8.5em 1em 0; font-size:1.25em;}
	
	.map {background:url(images/gvrd_map.jpg) no-repeat top left / 100% 100%;}
	
	h3.feed_box_header {font-size: 1.5em; padding-bottom: 0.5em; color: #fff;}
	
/*****Content *************************************************************/
	.content_container, .entry-header, .archive .wrapper, .single .wrapper{margin: 0 auto; max-width: 86rem;
    padding: 0 1rem;}
	.entry-header {padding:0;}
	.site {background:none; box-shadow:none !important; max-width: 80.571rem;}
	 hgroup {max-width: 82rem; margin:0 auto; padding:0 1em;}
	 
	.entry-header .entry-title {color: #0054a4; font-size: 1.75rem;}
	.home .entry-header {padding: 2em 0; text-align: center;}
	.site-content article {border:none; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; margin-bottom: 0.143rem;}

	.page-template-full-width-offices-page-php .site-content, 	.page-template-page-templatesfull-width-offices-page-php  .site-content{width: 100%;}
	.blog .site-content article {border-bottom: 4px double #ededed;  margin-bottom: 2.14286rem;}
	
	.single .site {margin-top: 8.42857rem;}
	.entry-content, .entry-summary, .mu_register {font-size: 16px; line-height: 1.71429;}
	.gray {background:#efefef; border: 1px solid #afafaf;}
	.gray h2 {color:#ff0000; text-align:center; font-size: 1.25em;}

/* How to Join Page */

.join-video iframe,
.join-video p {
	margin: 0 !important;
}

body.page-id-170 .orange {
	min-height: 338px !important;
}

body.page-id-170 .orange h2,
.join-video h3 {
	margin-top: 0 !important;
}

.join-video iframe {
	width: 493px !important;
	height: 277px !important;
}

/*********** Testimonials *********/
	
/***********Offices***********************/
	.broker {background:#efefef; border:1px solid #999; padding: 0 1em; margin-bottom:30px;}
	.broker p {font-size:0.9em;}
	.broker h2 {background: #ff0000; color:#fff; padding-left:1em;}
	img.office_header {width:100%; height:auto; margin-top:1em;}
	#offices_banner {margin-top: 1em;}
	.social-share {background:#efefef; clear:both; padding:1em; text-align:center;}
	ul#social-share {border: 2px outset #fff; padding: 1em 0;}
	.blog ul#social-share, .single ul#social-share {border:none; padding:0;}
	ul#social-share li {display: inline; list-style: none outside none; margin-right: 1em;}
/*** Navigation *******************************************************************************/
	.main-navigation {margin-top:0; clear:both; width:100%;}
	.nav-menu {max-width:84rem; padding:0; margin:0 auto;}
	.main-navigation li {margin: 0;}
	.main-navigation li a {color:#fff; text-transform:none; font-size:1.5em; text-shadow:1px 1px 1px #000; line-height: 2.5; display: block;}
	.main-navigation li a:hover {color:#EC1A24;}
	
	.main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul {border:none;}
	.main-navigation .current-menu-item > a, .main-navigation .current-menu-ancestor > a, .main-navigation .current_page_item > a, .main-navigation .current_page_ancestor > a {color:#EC1A24;}
	.main-navigation li ul {z-index:150;}
	.main-navigation ul.nav-menu.toggled-on {font-size:1.25em; background:#002846; color:#fff;padding: 0.428571rem 0; width: 100%; border:none;}
	
	.menu-toggle {background:#FF0000; color: #FFFFFF; font-size: 1.25em; padding: 0.428571rem 0;    width: 100%; margin-top: 0.5em;}

	
/**********************Slider ******************************************************************/
	.frs-slideshow-container {margin-top: 15px !important; margin-bottom: 50px !important;}
	.frs-wrapper.default .frs-caption.bottom {padding:0 !important;}
	.frs-caption-inner {padding:0 !important;}
	#homepjc-slideshow .frs-caption h4, #homepjc-slideshow .frs-caption-inner h4 {font-size: 25px !important;}
	.slider_twitter {display:none;}
	.slider_twitter .frs-slideshow-container .default div.slider-nav span.right {margin-right:-45px;}
	.slider_twitter .frs-slideshow-container .default div.slider-nav span.left {margin-left:-45px;}
	.slider_twitter  .frs-slideshow-container .frs-wrapper.default ul.frs-bullets li.active {background-color:#0054A4 !important;}
	.slider_twitter .twitter_container {border:1px solid #afafaf;}
	.follow_byc {text-align:right; padding-bottom:1em;}
	.follow_byc a {text-decoration:none;}

/**********  Side Bar  ************************************************************************/


/****** form ************************************************************/
button, input, select, textarea {max-width:100%; width:100%}


/*** Miscellaneous ******************************************************************************/

.google-map-placeholder {margin:30px auto !important; }
.row {clear: both; margin: 0 auto;}
.first {margin-left:0;}
.clear {clear:both;}
.last {margin-right:0 !important;}
.push_up {margin-top:-1.75em !important;}
.push_up-1 {margin-top:-1.25em !important;}
.push_down {margin-top:1em !important;}
.push_down_2 {margin-top:2em !important;}
.push_down_3 {margin-top:3em !important;}
.pull_down {padding-top:3em;}
.center{text-align:center;}
.no_shadow {box-shadow:none !important;}
.no_top_margin {margin-top:0 !Important;}
.no_margin {margin:0 !Important;}
.mandatory {color:red;}
.padding {padding:0.5em !important;}
.padding_1 {padding:1em !important;}
.padding_1_5 {padding:1.5em !important;}
.padding_2{padding:2em !important;}
.video {height: 11em; width: 100%;}
.video_slide {height: 11em; width: 100%;}
.overflow {overflow:hidden;}
ul.no_bullet li {list-style:none;}
.video1 {height: 12em; position: relative; top: -15.75em; width: 100%;}
.video2 {height: 12em; position: relative; top: -15.75em; width: 100%;}
.video3 {height: 11em; position: relative; top: -13.8em; width: 100%;
}


.blue {background:#0054A4;}
.light_blue {background:#46a3f4; margin-top: 1em; padding: 1.6em; color:#fff; text-shadow:1px 1px #000;}
.orange {background:#0074C4;}
.orange_color {color:#0074C4;}
.yellow {background:#FDC100;}
.white {color:#FFF;}
.bullet {color:#0054A4;}



.red_gradient{
	background-color: #740A0F;
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, #EC1A24, #740A0F);
	background-image: -ms-linear-gradient(top, #EC1A24, #740A0F);
	background-image: -webkit-linear-gradient(top, #EC1A24, #740A0F);
	background-image: -o-linear-gradient(top, #EC1A24, #740A0F);
	background-image: linear-gradient(top, #EC1A24, #740A0F);
	padding: 0 0 1.5em;
	}

a.home_button{clear:both;
	background-color: #FF6600;
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, #FF9900, #FF6600);
	background-image: -ms-linear-gradient(top, #FF9900, #FF6600);
	background-image: -webkit-linear-gradient(top, #FF9900, #FF6600);
	background-image: -o-linear-gradient(top, #FF9900, #FF6600);
	background-image: linear-gradient(top, #FF9900, #FF6600);
	text-align:center;
	text-decoration:none;
	border-radius:1em;
	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
	color:#fff;
	font-size:1.5em;
	text-shadow:1px 1px 2px #000;
	padding: 0.5em 0.75em;
    max-width: 100%;
	border:none;
	}

a.home_button:hover{clear:both;
	background-color: #FF9900;
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, #FF6600, #FF9900);
	background-image: -ms-linear-gradient(top, #FF6600, #FF9900);
	background-image: -webkit-linear-gradient(top, #FF6600, #FF9900);
	background-image: -o-linear-gradient(top, #FF6600, #FF9900);
	background-image: linear-gradient(top, #FF6600, #FF9900);
	}
	
input.button, a.button{
	background-color: #048EF3;
    background-image: none;
    border: 1px solid #43ADFC;
    border-radius: 1em;
    clear: both;
    color: #FFFFFF;
    font-size: 1.25em;
    max-width: 100%;
    padding: 0.25em 0.75em;
    text-align: center;
    text-decoration: none;
    text-shadow: 1px 1px 2px #000000;
    width: 100%;
	}

input.button:hover, a.button:hover {
	background:#002D59;
	color:#FFF;
}


/******footer**************************************/
footer.entry-meta {display:none;}
footer[role="contentinfo"] {max-width:100%; color:#59ACFF; margin-top:0; border:none; font-size:1rem; line-height:1.25em; padding: 0.5rem 0; overflow: hidden; text-shadow:1px 1px 1px #000; background:#0054A4;}
footer[role="contentinfo"] a {color:#fff; text-decoration:none;}
footer[role="contentinfo"] a:hover {color:#EC1A24;}
footer[role="contentinfo"] .social_media, #secondary .social_media  {clear:both; text-align:center; float: none; width: 100%;}
.credits{text-align:center; clear:both; color:#333333; padding:0.75em 0; background: #DEDEDE; font-size: 0.9em;}
.credits a{color:#545454;}
.site-info {max-width:86rem; margin:0 auto; padding: 0 1em; line-height: 1.5em; font-size: 1.1rem;}
#nav_menu-2 {text-align:center; margin-bottom: 2em;}
.form_footer {padding:0 3em;}
input.input_footer {
	max-width:94%; 
	margin-bottom:1em;
	background: #59ACFF;
    border:none;
    border-radius: 10px;
    box-shadow: 2px 2px 3px 0 #000000 inset;
    color: #002F5E;
    padding: 10px 5px;
	font-size: 1em;
 }
 
 .email_footer {background:#002D59; color:#59ACFF; text-align:center; font-size: 0.9em; padding: 0.5em 0;}
 .email_footer a {color:#59ACFF; text-decoration:none;}
 .email_footer a:hover {color:#fFF;}

 
/*** Responsive ***/



/** Little larger screen **/
@media only screen and (min-width: 480px) {
	 	.video {height:17em;}
		.one_4_home {width:100%; margin:0; float:left; height: 400px; max-width:400px;}
		.one_2_home{width:100%; margin:0; float:left; height: 400px; max-width:400px;}
		.action_button { height: 400px; top: -412px;}
		.feed_box_content {padding: 2em;}
		.video1 {height: 15em; position: relative; top: -20.12em; width: 100%;}
		.video2 {height: 15em; position: relative; top: -20.12em; width: 100%;}
		.video3 {height: 15em; position: relative; top: -20.12em; width: 100%;}
		h3.feed_video_header {padding:8.5em 1em 0; font-size:1.5em;}
		.video_slide {height: 19em;}
}

/** Pads and larger phones **/
@media only screen and (min-width: 600px) {
	.main-navigation li {margin: 0 1.5rem 0 0;}
	.main-navigation {float: none; width: 100%;}
	#logo {float:left; width:50%; text-align:left; margin-top:10px;}
	#logo img {max-width:100%;}
	#remax {float:right; width:50%; text-align: right;}
	.video {height: 23em;}
	
	
	
		.one_4_home {width:33.33%; margin:0; float:left; height: 400px;}
		.one_2_home{width:33.33%; margin:0; float:left; height: 400px;}
		.action_button { height: 400px; top: -412px;}
		.feed_box_content {padding:3em;}
		.feed_box_content {padding: 1em;}
		.video1 {height: 15em; position: relative; top: -20.12em; width: 100%;}
		.video2 {height: 15em; position: relative; top: -20.12em; width: 100%;}
		.video3 {height: 15em; position: relative; top: -20.12em; width: 100%;}
		h3.feed_video_header {padding:8.5em 1em 0; font-size:1.5em;}
	
	}

/** Larger pads **/
@media only screen and (min-width: 768px) {
	/*********Header ************/
	.site-header {position: fixed; padding: 0 1em;}

	.social_media {clear: both; float: right; text-align: center; width: 26%;}
	.main-navigation {float: left; width:74%; float:none;}
	.social_media a {margin-right: 0;}
	.home .entry-content {padding: 1em;}
	.social_media {font-size: 0.8em;}
	/*********Home page ************/	
	.slider {float:left; width:66%; max-width:800px;}
	#homepjc-slideshow .frs-caption h4, #homepjc-slideshow .frs-caption-inner h4 {
    font-size: 30px !important; }
	#banner {float:left; width:31%; max-width:383px; margin-left: 0%; padding:0 10px; margin-top:15px;}
	#banner a h2 {font-size: 2.5em; padding: 0.5em 0.25em 1em;}
	.red_banner {padding:0 0.5em 0.5em;}
	.red_gradient{padding: 0 0 4em;}
	a.home_button {font-size: 1em; padding: 0.5em 1em;}
	.red_gradient {padding: 0 0 2.85em;}
	body.page-template-page-templatesfull-width-offices-page-php .site, body.page-template-full-width-offices-page-php .site {padding-top:2em;}
	body.blog .site{padding-top:7em;}

	
	.one_4_home {width:33.33%; margin:0; float:left; height: 247px; overflow: hidden;}
	.one_2_home{width:33.33%; margin:0; float:left; height: 247px;}
	.action_button { height: 247px; top: -256px;}
	.action_button h4 { padding: 3em 0;}
	.feed_box_content {padding: 0.75em; font-size: 0.7em;}
	.video1 {height: 11em; position: relative; top: -13.4em; width: 100%;}
	.video2 {height: 11em; position: relative; top: -13.4em; width: 100%;}
	.video3 {height: 11em; position: relative; top: -13.4em; width: 100%;}
	h3.feed_video_header {padding:10.75em 1em 0; font-size:1.05em; line-height: 1em;}
	.slider_twitter {padding:1em 0; background:#fff; display:block;}
	.slider_twitter .frs-slideshow-container {min-height: 175px !important; margin-bottom: 15px !important;}
	.slider_twitter .frs-slideshow-container > .frs-wrapper > .slider-nav {display: none !important;}
	.slider_twitter .frs-slideshow-container div.frs-slideshow-content {min-height: 300px !important;}
	/*********************Miscelaneus ********************/
	.video {height: 18em;}
	
	
		
	/********Navigation ************/
	.main-navigation {width:74%; float:left; clear:none;}
	.main-navigation li {margin: 0 0.857rem 0 0;}
	.main-navigation li a {line-height: 2.75; font-size: 1.5em;}
	.nav-menu {padding:0 1rem;}
	.main-navigation li ul li a {background: none repeat scroll 0 0 #013B66; text-shadow:none; font-size: 0.9rem; width:17.857rem;}
	.main-navigation li ul li a:hover {background: #EC1A24; color:#fff; }
		
/*** columns ***/
.one_half,.one_third,.two_third,.three_fourth,.one_fourth,.one_fifth,.two_fifth,.three_fifth,.four_fifth,.one_sixth,.five_sixth { position:relative; margin-right:4%; float:left; min-height:1px; height:auto!important; height:1px; }
.one_half { width:48%; }
.one_third { width:30.6666%; }
.two_third { width:65.3332%; }
.one_fourth { width:22%; }
.two_fourth { width:48%; }
.three_fourth { width:74%; }
.one_fifth { width:16.8%; }
.two_fifth { width:37.6%; }
.three_fifth { width:58.4%; }
.four_fifth { width:79.2%; }
.one_sixth { width:13.3333%; }
.two_sixth { width:30.6666%; }
.three_sixth { width:47.9998%; }
.four_sixth { width:65.3332%; }
.five_sixth { width:82.6665%; }
.last { margin-right:0!important; clear:right; }
.one_half .one_half { margin-right:8.3333%; width:45.8333%; }
.one_half .one_third { margin-right:8.3333%; width:27.7778%; }
.one_half .two_third { margin-right:8.3333%; width:63.8889%; }
.two_third .one_third { margin-right:6.1224%; width:29.2517%; }
.two_third .two_third { margin-right:6.1224%; width:64.6258%; }
.two_third .one_fourth { margin-right:6.1224%; width:20.4082%; }

	/*****footer ******/
	
	/******************Scrolling Sections *************************/
 
 #slogan .content_container {margin-bottom:0;}
 /*#header_wrapper {position:fixed; width:100%; top:0; z-index:10; height: 41.5em;}*/
 .content_wrapper  {position:relative; width:100%; z-index:500; background:#fff; margin-top:0em; padding-bottom: 1em;padding-top:60px;}
 .footer_container {position:relative; width:100%;z-index:11;}
 #head_fixed_content {margin: 0 auto; position: fixed; top: 9.2em; width: 100%; overflow:show; z-index: 10;}
 .home #header_wrapper {height:45em;}
 .page-template-page-templatesfull-width-centred-php #header_wrapper, .page-template-full-width-offices-page-php #header_wrapper {height:4em;}

}

/** Horizontal pads and laptops**/
@media only screen and (min-width: 992px) {
	body.home .site {margin-top: 3.75rem;}
	body.blog .site {margin-top: 8.42857rem;}
	.home #header_wrapper {height: 39em;}
	.frs-slideshow-container {margin-bottom: 35px !important;}
	.social_media {font-size: 0.8em;}
	.red_gradient {padding: 0 0 5.25em;}
	.home .entry-content {padding:4em;}
	.main-navigation li {margin: 0 2.85714rem 0 0;}
	.main-navigation li ul li{margin: 0;}
	.social_media a {margin-right: 10px;}
	#homepjc-slideshow .frs-caption h4, #homepjc-slideshow .frs-caption-inner h4 {font-size: 40px !important; padding: 10px 0;}
	.video {height:24.5em;}
	#banner {width:28%; margin-left: 2%; padding:0 15px;}
	.red_banner {padding:0 1.5em 0.5em;}
	#banner a h2 {font-size: 2.5em; padding: 1.25em 0.25em;}
	.entry-header .entry-title {font-size: 2rem;}
		body.page-template-page-templatesfull-width-offices-page-php .site, body.page-template-full-width-offices-page-php .site, body.blog .site{padding-top:0;}
	#offices_banner {}
	
	.one_4_home {width:33.33%; margin:0; float:left; height: 332px;}
	.one_2_home{width:33.33%; margin:0; float:left; height: 332px;}
	.action_button { height: 400px; top: -400px;}
	.action_button h4 { padding: 8em 0;}
	.feed_box_content {padding: 1.75em; font-size: 1em;}
	.video1 {height: 13em; position: relative; top: -16.25em; width: 100%;}
	.video2 {height: 13em; position: relative; top: -16.25em; width: 100%;}
	.video3 {height: 13em; position: relative; top: -16.25em; width: 100%;}
	h3.feed_video_header {padding:10.5em 1em 0; font-size:1.25em; line-height: 1.25em;}
	.slider_twitter .twitter_container {background:url("images/twitter.png") no-repeat scroll 0.5em center / 3em auto rgba(0, 0, 0, 0)}
	.slider_twitter .frs-slideshow-container div.frs-slideshow-content {min-height: 300px;}

	.slider_twitter .frs-slideshow-container {min-height: 150px !important;}
	
	
	/*****footer ******/

	
}

/** Really large screens**/
@media only screen and (min-width: 1199px) {
	a.home_button {font-size: 1.15em; padding: 0.5em 2em;}	
	.frs-slideshow-container {margin-bottom: 50px !important;}
	.social_media {font-size: 1em; }
	.home #header_wrapper {height: 45em;}
	.video {height:29.5em;}
	.video_slide {height:23.5em;}
	
	.home_feed img {height: 22.3em; width: 101%;}
	.one_4_home {width:33.33%; margin:0; float:left; height: 400px;}
	.one_2_home{width:33.33%; margin:0; float:left; height: 400px;}
	.action_button { height: 400px; top: -408px;}
	.action_button h4 { padding: 6em 0 7em; font-size: 1.5em;}
	.feed_box_content {padding: 2em; font-size: 1.25em;}
	.video1 {height: 17em; position: relative; top: -21em; width: 100%;}
	.video2 {height: 17em; position: relative; top: -21em; width: 100%;}
	.video3 {height: 17em; position: relative; top: -21em; width: 100%;}
	h3.feed_video_header {padding:11.5em 1em 0; font-size:1.5em; line-height: 1.25em;}
	.slider_twitter .twitter_container {background:url("images/twitter.png") no-repeat scroll 1em center / 4em auto rgba(0, 0, 0, 0);}
	.slider_twitter .frs-slideshow-container > .frs-wrapper > .slider-nav {display: block !important;}

	
	#homepjc-slideshow .frs-caption h4, #homepjc-slideshow .frs-caption-inner h4 {padding: 20px 0;}
	#banner {margin-left: 3%;}
	#banner a h2 {font-size: 3.5em; padding: 1.5em 0.25em 1em;}
	/***Navigation ***************/
	
	/*****footer ******/
}	

@media only screen and (min-width: 1400px) {	}
@media only screen and (min-width: 1600px) {	}
@media only screen and (min-width: 1800px) {	}
/** 2X size (iPhone 4 etc)**/
@media only screen and 
        (-webkit-min-device-pixel-ratio: 1.5), only screen and 
        (-o-min-device-pixel-ratio: 3/2), only screen and 
        (min-device-pixel-ratio: 1.5) {

}

<!--[if gte IE 9]>
  <![endif]-->

/*** For IE 9 ***/

.gradient {
       filter: none;
    }



/******************************************PORTAL******************************************/

#squares {
    list-style: outside none none;
    margin: 0;
    padding: 60px 0 100px;
}
#squares li {
    display: inline-block;
    margin: 0;
    width: 49%;
}
#secondary #squares li {
    width: 100%;
}
.square {
    background: #fff none repeat scroll 0 0;
    box-sizing: border-box;
    display: block;
    margin: 0;
    max-width: 600px;
    overflow: hidden;
    padding: 0 20px;
    position: relative;
    transition: all 0.5s ease 0s;
}
#secondary .square {
    padding: 0;
}
.square img {
    display: block;
    height: auto;
    max-height: 600px;
    max-width: 600px;
    transition: all 0.5s ease 0s;
    width: 100%;
}
.square:hover{
    transform: scale(1.08);
}
#secondary .square:hover{
    transform: scale(1);
}
.square:hover img {
    cursor: pointer;
    opacity: 0.75;
}
.square h3 {
    color: #fff;
    display: block;
    font-size: 30px;
    font-weight: 600;
    line-height: normal;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    top: 45%;
    width: 91%;
    z-index: 9999;
    left: 50%;
    transform: translate3d(-50%, -50%, 0px);
    transform-origin: 50% 50% 0;
    box-sizing: border-box;
    padding: 0 20px;
}
#secondary .square h3{
    width: 100%;
    font-size: 20px;
    top: 50%;
}
.square h3:hover {
    cursor: pointer;
}
.square h3 span {
    display: block;
    font-size: 60px;
    font-weight: 600;
    line-height: normal;
}
#secondary .square h3 span {
    font-size: 32px;
}

@media screen and (max-width: 1280px) {
.square h3 {
    font-size: 2.5vw;
    top: 41%;
}
#secondary .square h3 {
    font-size: 1.5vw;
    top: 50%;
}
.square h3 span {
    font-size: 5vw;
}
#secondary .square h3 span {
    font-size: 2.5vw;
}
}

@media screen and (max-width: 600px) {
#squares li {
    width: 100%;
}
.square h3 {
    font-size: 6.5vw;
    top: 41%;
}
#secondary .square h3 {
    font-size: 6.5vw;
    top: 50%;
}
.square h3 span, #secondary .square h3 span {
    font-size: 9vw;
}
}


.parent-pageid-1041 .social-share{
    display: none;
}
#page .addbtn {
    background: grey none repeat scroll 0 0;
    color: #fff !important;
    display: inline-block;
    font-size: 20px;
    font-weight: 500;
    margin-top: 25px !important;
    padding: 10px 20px;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
}
#page .addbtn.red{
    background: #b0012c !important;
}
#page .addbtn.blue{
    background: #01B0F1 !important;
}
#page .addbtn.green{
    background: #81CA00 !important;
}
#page .addbtn.purple{
    background: #DA37EA !important;
}




.portal .portal-post {
    padding: 5px 10px;
}
.portal .portal-post:nth-child(2n+1){
    background: #EFEFEF;
}
.portal-post .su-expand-content span{
    font-weight: 600;
}
.portal-post .title {
    color: #333;
    font-weight: 500 !important;
    text-transform: capitalize;
}
.portal-post .date {
    font-size: 11px;
    font-weight: 600 !important;
    margin-left: 10px;
    text-transform: uppercase;
    background: transparent;
}
.portal-post .date.red {
    color: #b0012c;
}
.portal-post .date.blue {
    color: #01B0F1;
}
.portal-post .date.green {
    color: #81CA00;
}
.portal-post .date.purple {
    color: #DA37EA;
}
.su-expand, .su-expand-link {
    margin: 0 !important;
}
.page-id-1043 .su-expand-link a span{
    color: #B0012C !important;
}
.page-id-1172 .su-expand-link a span{
    color: #01B0F1 !important;
}
.page-id-1179 .su-expand-link a span{
    color: #81CA00 !important;
}
.page-id-1192 .su-expand-link a span{
    color: #DA37EA !important;
}
#page .emailme {
    color: #fff !important;
    display: inline-block;
    float: right !important;
    font-size: 16px;
    padding: 5px 8px;
    position: relative;
    text-decoration: none;
    text-transform: capitalize;
}
#page .emailme.red{
    background: #B0012C;
}
#page .emailme.blue{
    background: #01B0F1;
}
#page .emailme.green{
    background: #81CA00;
}
#page .emailme.purple{
    background: #DA37EA;
}


.quick-link{
    position: relative;
    top: -155px;
}
.portal-form button, 
.portal-form input, 
.portal-form select, 
.portal-form textarea{
    box-sizing: border-box;
    font-size: 16px;
    margin-bottom: 15px;
    padding: 8px;
}
.portal-form input[type="radio"], .portal-form input[type="checkbox"]{
    width: auto !important;
}
.portal-form .last input[type="radio"], .portal-form .last input[type="checkbox"]{
    margin-bottom: 30px;
}
.portal-form .first input[type="radio"], .portal-form .first input[type="checkbox"]{
    margin-top: 18px;
}
.portal-form input[type="number"]{
    width: auto !important;
    margin-bottom: 30px;
    max-width: 50px;
}
.wpcf7-checkbox span.wpcf7-list-item,
.wpcf7-radio span.wpcf7-list-item{
    display: block;
}
div.wpcf7-mail-sent-ok {
    border: medium none !important;
    color: #99c928;
    margin: 0 !important;
    padding: 0 !important;
    text-align: center;
}

.portal-form h3.form-title {
    color: #fff;
    font-weight: 500;
    margin-bottom: 25px;
    padding: 10px 20px;
    text-transform: capitalize;
    margin-top: 30px;
}
.page-id-1043 .portal-form h3.form-title{
    background: #B0012C;
} 
.page-id-1172 .portal-form h3.form-title{
    background: #01B0F1;
} 
.page-id-1179 .portal-form h3.form-title{
    background: #81CA00;
} 
.page-id-1192 .portal-form h3.form-title{
    background: #DA37EA;
}