/*
Theme Name: Beimeni - Semi Custom
Theme URI: beimeni.com
Description: AIOS mobile semi-custom theme.
Author: AgentImage
Author URI: http://www.agentimage.com
Version: 1.0.1
Tags: one-column, two-columns, right-sidebar, custom-menu, full-width-template, sticky-post
License: Proprietary
License URI: http://www.agentimage.com
Template: aios-starter-theme
*/

/*

CSS By: Manuel Parejas

TABLE OF CONTENTS

1. 	Custom CSS
2.	Mobile styles
  
*/

/*******************************************************
 *
 * 1. Custom CSS
 *
 *******************************************************/

/* Global */

/*
	font-family: 'Work Sans', sans-serif;
	font-family: 'Roboto', sans-serif;
	font-family: 'Roboto Condensed', sans-serif;
	font-family: 'Droid Sans', sans-serif;
*/

html,
body {
	position: relative;
	/*height: 100%;*/
}

body{
	font-family: Arial, Helvetica, Georgia, Sans-serif;
	background: #009dde url(/wp-content/themes/beimeni/images/ip_newbg.jpg) center top no-repeat;
	background-size: cover;
	/* background: #fffef3 url(/wp-content/themes/beimeni/images/bg-pattern.jpg); */
	color: #627986;
	margin: 0;
	font: 300 17px/24px "Work Sans";
}

body.home {
	background: #fffef3 url(/wp-content/themes/beimeni/images/bg-pattern.jpg);
}

body.ip-container:before {
	content: '';
	display: block;
	position: absolute;
	width: 100%;
	min-width: 1349px;
	height: 100%;
	top: 0;
	left: 0;
	background: #009dde url(/wp-content/themes/beimeni/images/ip_newbg.jpg) center top no-repeat;
	background-size: cover;
	z-index: 0;
}

.outer {
	width:100%;
	min-width:1349px;
	position: relative;
}

.inner{
	width:1132px;
	margin:0 auto;
	position: relative;
}

/* .ip-bg {
	position: fixed;
	z-index: 0;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #0057c8 url(/wp-content/themes/beimeni/images/ip-background.jpg) center top no-repeat;
	background-size: 100% auto;
} */

.top-area {
	text-align: center; 
	font-size: 16px;
}

body.home .outer {
	
}

body.home .inner {
	
}


.logo {
	position: relative;
	z-index: 5;
	text-align: center;
	
}
	
	body.home .logo {
		/*margin-bottom: 135px;
		margin-bottom: 95px;*/
		margin-bottom: 10px;
	}
	
	.logo img {
	    width: 264px;
	    height: auto;
	}

	body.home-container .logo img {
		width: 482px;
		height: auto;;
	}

.logo span.logo-tag {
	font: 400 14px/18px "Work Sans";
	color: #fff;
	text-transform: uppercase;
	display: block;
	letter-spacing: 2.5px;
	padding: 5px 0 12px;
	text-shadow: -1px -1px 0 #042056, 1px -1px 0 #042056, -1px 1px 0 #042056, 1px 1px 0 #042056;
}

.btn-down {
    margin-top: 30px;
    margin-top: 30px;
    text-shadow: 0 0 12px #000;
    font-size: 17px;
}

.btn-down img {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    box-shadow: 0 0 12px #949494;
}

body.home-container .logo span.logo-tag {
	padding: 14px 0 20px;
}

#hero, .hp-content, #footer {
	opacity: 0;
}

#intro-animation {
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 99999;
	top: 0;
	left: 0;
	display: block;
	background: url(/wp-content/themes/beimeni/images/preloader.gif) center no-repeat, url(/wp-content/themes/beimeni/images/animation-bg.jpg) 0 0 / cover no-repeat;
}

	#intro-animation .ipadFlag {
		display: none;
		height: auto;
		width: 100%;
		opacity: 0;
		text-align: center;
		color: #fff!important;
		position: absolute;
		z-index: 9999999;
		top: 0px;
		left: 0;
		font-size:0px;
		opacity: 0;
	}

	#intro-canvas {
		position: absolute;
		top: 50%;
		left: 50%;
		z-index: 250;
		margin-left: -512px;
		margin-top: -384px;
		/*width: 200px;
		height: 200px;*/
	}
	
	#intro-animation canvas {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 99999;
		width: 100%;
		height: auto;

		display: none;
	}

	.last-frame {
		display: none;
		position: absolute;
		top: 0;
		left: 0;
		opacity: 0;
	}

	@media only screen and (max-width: 977px)  { 
		#intro-animation .ipadFlag {
			display: block;
		}
	}
		
	#intro-animation .intro-inner {
		display: none;
		position: relative;
	}
	

	#intro-animation img {
		width: 100%;
		display: block;
	}

	#intro-animation video {
		width: 100%;
		min-width: 100%;
		height: auto !important;
	}

	.skip-intro {
		position: absolute;
	    left: 20px;
	    top: 20px;
	    color: #fff;
	    text-transform: uppercase;
	    cursor: pointer;
	    display: none;
	}


	.intro-tagline {
		font: 400 12px/18px "Raleway";
	    color: #fff;
	    text-transform: uppercase;
	    display: block;
	    letter-spacing: 2.5px;
	    padding: 5px 0 12px;
	    position: absolute;
	    text-align: center;
	    z-index: 999;
	    width: 100%;
	    top: 61%;
	    opacity: 0;
	   text-shadow: 0 0 -1px rgba(255,255,255,1);

	   transition: text-shadow 1s ease-in-out;
	   -webkit-transition: text-shadow 1s ease-in-out;
	   -moz-transition: text-shadow 1s ease-in-out;
	}

	.intro-tagline.glow {
		text-shadow: 0 0 30px rgba(255,255,255,1);
	}

	/* Ripple Effect */
	.ripple,.ripple:before,.ripple:after {
	  display:block;
	  border-radius:2px;
	  width:2px;
	  height:2px;
	  -webkit-animation:rip 6s infinite;
	  -moz-animation:rip 6s infinite;
	}

	.rippleB,.rippleB:before,.rippleB:after {
	  display:block;
	  border-radius:2px;
	  width:2px;
	  height:2px;
	  -webkit-animation:ripB 6s infinite;
	  -moz-animation:ripB 6s infinite;
	}

	.ripple,
	.rippleB {
	  position:absolute;
	  z-index:99;
	}

	.ripple-1 {
		top: 240px;
		left: 345px;
	}

	.ripple-2 {
		top: 130px;
		right: 455px;
	}

	.ripple-3 {
		/*top: 530px;
		    left: 505px;*/
		    top: 350px;
		    left: 775px;
	}

	.ripple-4 {
		top: 610px;
		right: 585px;
	}

	.ripple:before,
	.ripple:after,
	.rippleB:before,
	.rippleB:after {
	  content:'';
	  position:absolute;
	}

	.ripple:before,
	.rippleB:before {
		-webkit-animation-delay:.2s;
		-moz-animation-delay:.2s;
		top:5px;left:25px;
	}
	.ripple:after,
	.rippleB:after {-webkit-animation-delay:.8s;
		-moz-animation-delay:.8s;
		top:25px;left:0;
	}
	@-webkit-keyframes rip 
	{
	  0%  {
	    box-shadow:0 0 0 0 transparent,
	               0 0 0 0 transparent,
	               0 0 0 0 transparent,
	               0 0 0 0 transparent;
	  }
	  5%  {
	    box-shadow:0 0 0 0 #004cb2,
	               0 0 0 0 rgba(6,115,202,0.4),
	               0 0 0 0 #004cb2,
	               0 0 0 0 rgba(0,0,0,0.08);
	  }
	  100% {
	    box-shadow:0 0 40px 200px #0068ca,
	               0 0 10px 210px transparent,
	               0 0 30px 220px #0068ca,
	               0 0 5px 230px transparent;
	               opacity: 0;
	  }
	}
	@-moz-keyframes rip 
	{
	  0%  {
	    box-shadow:0 0 0 0 transparent,
	               0 0 0 0 transparent,
	               0 0 0 0 transparent,
	               0 0 0 0 transparent;
	  }
	  5%  {
	    box-shadow:0 0 0 0 #004cb2,
	               0 0 0 0 rgba(6,115,202,0.4),
	               0 0 0 0 #004cb2,
	               0 0 0 0 rgba(0,0,0,0.08);
	  }
	  100% {
	    box-shadow:0 0 40px 200px #0068ca,
	               0 0 10px 210px transparent,
	               0 0 30px 220px #0068ca,
	               0 0 5px 230px transparent;
	  }
	}

	@-webkit-keyframes ripB
	{
	  0%  {
	    box-shadow:0 0 0 0 transparent,
	               0 0 0 0 transparent,
	               0 0 0 0 transparent,
	               0 0 0 0 transparent;
	  }
	  5%  {
	    box-shadow:0 0 0 0 #004cb2,
	               0 0 0 0 rgba(6,115,202,0.4),
	               0 0 0 0 #004cb2,
	               0 0 0 0 rgba(0,0,0,0.08);
	  }
	  100% {
	    box-shadow:0 0 40px 150px #004cb2,
	               0 0 10px 160px transparent,
	               0 0 30px 170px #004cb2,
	               0 0 5px 180px transparent;
	               opacity: 0;
	  }
	}
	@-moz-keyframes ripB
	{
	  0%  {
	    box-shadow:0 0 0 0 transparent,
	               0 0 0 0 transparent,
	               0 0 0 0 transparent,
	               0 0 0 0 transparent;
	  }
	  5%  {
	    box-shadow:0 0 0 0 #004cb2,
	               0 0 0 0 rgba(6,115,202,0.4),
	               0 0 0 0 #004cb2,
	               0 0 0 0 rgba(0,0,0,0.08);
	  }
	  100% {
	    box-shadow:0 0 40px 150px #004cb2,
	               0 0 10px 160px transparent,
	               0 0 30px 170px #004cb2,
	               0 0 5px 180px transparent;
	  }
	}

.ip-container .btn-down{
	display: none;
}
.btn-down img {
    max-width: 32px;
    cursor: pointer;
}

#hero {
	/*max-width: 95.6%;*/
	margin: 0 auto;
	/*margin-top: 79px;
	padding-bottom: 2px;*/
	/* position: fixed; */
	overflow: hidden;
	z-index: 0;
}

	div#cycloneslider-homepage-slideshow-1 {
	    position: relative;
	    z-index: 1;
	}

	#hero .slide-wrap {
		width: 100%;
		/*max-width: 95.25%;*/
		margin: 0 auto;
		position: relative;
		overflow: hidden;
		height: 100%;
	}

	#hero .s-overlay{
		z-index: 8;
		width: 100%;
		height: 100%;
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		background: url(/wp-content/themes/beimeni/images/slide-overlay.png) center top;
		background-size: cover;
	}

	.slider-overlay-content{
		position: absolute;
		bottom: 0;
		width: 100%;
		z-index: 52;
	}

	/*#hero*/ .slider-widgets{
		position: absolute;
	    /*bottom: 127px;*/
	    bottom: 597px;
	    width: 100%;
	    left: 50%;
	    margin-left: -50%;
	    z-index: 10;
	    /* background: red; */
	}

		.slide-wrap div#text-3 {
			position: relative;
			z-index: 0;
		}

		.nav-agent-wrap {
			height: 87px; 
			background: rgba(4,32,86,.84);
			/*margin-bottom: 58px;*/
		}

		.nav-agent-wrap .inner {
			width: 1343px;
			margin: 0 auto;
			height: 100%;
		}

		.agent-box {
			position: absolute;
			/*left: 18%;
			bottom: -60px;*/
			left: 15%;
			bottom: 0;
		}



			body.home-container .agent-box {
				display: block;
			}

			.agent-box img {
				width: 100%;
				/* max-width: 22%; */
				height: auto;
				display: block;
			}

		.slider-nav {
			position: absolute;
			top: 85px;
			left: 50%;
			width: 540px;
			margin-left: -270px;
			z-index: 9999;
			text-align: center;
		}

			.nav-trigger-btn {
				position: relative;
				box-sizing:border-box;
				width: 257px;
				height: 57px;
				margin: 0 auto;
				border: 4px solid rgba(255,255,255,.65);
				font: 700 18px "Droid Sans";
				color: #474747;
				text-transform: uppercase;
				letter-spacing: 3px;
				cursor: pointer;
				text-shadow: 1px 1px 1px rgba(255,255,255,.45);
				transition: all .25s ease-in-out;
				-webkit-transition: all .25s ease-in-out;
				-moz-transition: all .25s ease-in-out;
			}

				.nav-trigger-btn.active{
					color: #fff;
					text-shadow: 1px 1px 1px rgba(134,134,134,.45);
					width: 257px;
				}
				.nav-trigger-btn.active:after {
					height: 0;
				}

				.nav-trigger-btn > * {
					position: relative;
					z-index: 99;
				}

				.nav-trigger-btn span {
					display: block;
					padding: 14px 5px;
				}

				.nav-trigger-btn:after {
					width: 100%;
					height: 100%;
					position: absolute;
					left: 0;
					bottom: 0;
					background: rgba(255,255,255,.65);
					content: '';

					transition: all .25s ease-in-out;
					-webkit-transition: all .25s ease-in-out;
					-moz-transition: all .25s ease-in-out;
				}

			body.home .nav {
				/* height: 87px;
				    background: rgba(4,32,86,.84);
				    margin-bottom: 58px; */

				    margin-left: 37%;
				        position: relative;
				        padding: 31px 0;

			}

			body.home .sf-menu {
				margin: 0;
				padding: 0;
				list-style: none;
				font-size: 0;
			}

			body.home .sf-menu li {
				display: inline-block;
				vertical-align: middle;
				position: relative;
				border-left: 1px solid #fff;
				padding: 0 12px;
			}

			body.home .sf-menu li:first-child {
				border: none;
			}

			body.home .sf-menu li a {
				display: block;
				font: 400 14px "Work Sans";
				color: #fff;
				text-transform: uppercase;
			}
		
			body.home .sf-menu li ul {
				position: absolute;
				left: 0;
			}

				body.home .sf-menu li ul li {
					display: block;
					padding: 0;
					border: none;
				}
				



.hp-content {
    position: relative;
    z-index: 999;
    width: 100%;
   /*  height: 100%; */
   padding-top: 20px;
}

/* HP WELCOME */
.home .hp-welcome {
	display: block;
    font-size: 15px;
    line-height: 20px;
    text-align: justify;
    margin: 10px 0;
}
.home .hp-welcome p {margin-bottom: 10px;}

.hp-welcome {display: none;}
.home .hp-welcome h2 {
    font-weight: 700;
    font-size: 18px;
}

.home .hp-welcome h1.first-sentence, .home .hp-welcome h2.first-sentence {
    text-align: center;
    font-size: 18px;
    font-weight: bold;
}

#footer {
	/*display: none;*/
	
	background: #fffef3 url(/wp-content/themes/beimeni/images/bg-pattern.jpg);
	z-index: 17;
	text-align: center;
	padding: 10px 0 10px;
	font: 300 10px "Work Sans";
	color: #5c727f;
}

	body.home-container #footer {
		position: static;
		bottom: 0;
		left: 0;
	}

	#footer a {
		color: inherit;
		text-decoration: none;
	}

	.footer-logo {
		text-align: center;
		font-size: 0;
	}

		.footernav ul {
			display: none!important;
		}

			.footernav {
				margin: 8px 0;
				padding: 0;
				list-style: none;
				font-size: 0;
			}

				.footernav li {
					display: inline-block;
					vertical-align: middle;
					padding: 0px 13px;
					border-left: 1px solid #9bb6c5;
				}

					.footernav li:first-child {
						border: none;
					}

					.footernav li a {
						display: block;
						font:400 14px/14px "Work Sans";
						color: #627986;
						text-transform: uppercase;
						text-transform: uppercase;
						letter-spacing: 2px;
						padding: 0 5px;
					}

			.footer-copyright {
				text-transform: uppercase;
				padding: 0 0 0;
			}


/* IP Nav */



.navigation {
	/*background: url(/wp-content/themes/beimeni/images/slide-1.jpg) center top no-repeat;*/
}

.navigation .sf-menu {
	position: relative;
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 0;
	/*background:rgba(0,0,0,.40) url(/wp-content/themes/beimeni/images/nav-top-bg.png) repeat-x;*/
	text-align: center;
}

	.navigation .sf-menu li {
		display: inline-block;
		position: relative;
		background: none;

		transition: all .25s ease-in-out;
		-webkit-transition: all .25s ease-in-out;
		-moz-transition: all .25s ease-in-out;
	}
		

		.navigation .sf-menu li:after {
			display: none;
		}


		.navigation .sf-menu li:hover{
			background: rgba(255,255,255,.50)!important;
		}

		

		.navigation .sf-menu li:first-child {
			background: none;
		}

		.navigation .sf-menu li a {
			display: block;
			padding: 15px 17px;
			font: 400 16px "Work Sans";
			color: #f9f9f9;
			text-transform: uppercase;
			text-decoration: none;
			text-shadow: 1px 1px 2px rgba(0,0,0,.83);
			letter-spacing: 2px;

			-webkit-transition: all 0.3s;
			-moz-transition: all 0.3s;
			transition: all 0.3s;
		}

		.navigation .sf-menu > li > a:hover {
			color: #042056;
			    text-shadow: 1px 1px 2px rgb(251, 251, 251);
		}

		.navigation .sf-menu ul {
			display: none;
			position: absolute;
			left: 0;
			z-index: 9999;
			min-width: 100%;
		}	

			.sf-menu ul li {
				display: block!important;
				border: none;
				padding: 0;
				background: none!important;
			}

			.sf-menu ul li a {
				background: #000!important;
				margin-bottom: 1px;
				padding: 8px 15px!important;
			}


.left-content{
	width:40%;
	float:left
	}

.right-content{
	width:45%;
	float:right;
	}
/* Overwrite IP Styles */
#content-sidebar, #content-full {
    width: 1132px;
    margin: 0 auto;
    min-height: 600px;
}


/* Override Page Fonts */
/* Why Us page */

#content {
	font-family: 'Titillium Web', sans-serif;
}
#content-full #content{
	max-width:1132px;
	width:1132px;
	}
#content .entry {
    color: #000;
}
#content .entry-title {
    color: #000;
    font-size: 28px;
    text-align: center;
}
#content .entry strong {
    font-weight: 800 !important;
}
.page-id-6 #content ul li {
    margin-bottom: 1.5em;
    position: relative;
    list-style: none !important;
}
.page-id-6 #content ul li.baseball::before{
	content: "";
    display: block;
    position: absolute;
    top: 6px;
    left: -24px;
    width: 15px;
    height: 15px;
    background: url(/wp-content/themes/beimeni/images/baseball-icon.png) no-repeat;
    background-size: contain;
    background-position: center center;
}
.page-id-6 #content ul li.basketball::before{
	content: "";
    display: block;
    position: absolute;
    top: 6px;
    left: -24px;
    width: 15px;
    height: 15px;
    background: url(/wp-content/themes/beimeni/images/basketball-icon.png) no-repeat;
    background-size: contain;
    background-position: center center;
}
.page-id-6 #content ul li.football::before{
	content: "";
    display: block;
    position: absolute;
    top: 6px;
    left: -24px;
    width: 15px;
    height: 15px;
    background: url(/wp-content/themes/beimeni/images/football-icon.png) no-repeat;
    background-size: contain;
    background-position: center center;
}
.page-id-6 #content ul li.boxing::before{
	content: "";
    display: block;
    position: absolute;
    top: 6px;
    left: -24px;
    width: 15px;
    height: 15px;
    background: url(/wp-content/themes/beimeni/images/boxing-icon.png) no-repeat;
    background-size: contain;
    background-position: center center;
}
.page-id-6 #content ul li.hiphop::before{
	content: "";
    display: block;
    position: absolute;
    top: 6px;
    left: -24px;
    width: 15px;
    height: 15px;
    background: url(/wp-content/themes/beimeni/images/hiphop-icon.png) no-repeat;
    background-size: contain;
    background-position: center center;
}
/* .page-id-5 #content {
	font-family: 'Titillium Web', sans-serif;
}

.page-id-8 #content {
	font-family: 'Rubik', sans-serif;
}

.page-id-7 #content {
	font-family: 'Gentium Book Basic', serif;
} */

/*new css for inner pages*/
div#headerwrapper {
	background: url(/wp-content/themes/beimeni/images/header-bg/sad-stories-bg.jpg) no-repeat;
	background-size: cover;
	background-position: center; 
}

.page-id-6 div#headerwrapper{
	background: url(/wp-content/themes/beimeni/images/header-bg/sad-stories-bg.jpg) no-repeat;
	background-size: cover;
    background-position: center;
}

.page-id-8 div#headerwrapper{
	background: url(/wp-content/themes/beimeni/images/header-bg/athletes-bg.jpg) no-repeat;
	background-size: cover;
    background-position: center;
}

.nav-bg-holder {
    background: rgba(5,32,87,0.85);
}

.page-img-holder img {
    padding: 8px 10px 0 0;
}

.page-img-holder {
    margin-right: 10px;
    float: left;
}

#inner-page-wrapper {
    margin-bottom: 30px;
    padding-top: 12px;
}

.page-id-8 .page-image img {
    max-width: 29% !important;
}


/* 2017-01-26 */
.intro-box {
	width: 100%;
	height: 762px;
	position: relative;
	overflow: hidden;
}

	#intro-file {
		width: 1600px;
		height: 762px;
		position: absolute;
		top: 0;
		left: 50%;
		z-index: 1;
		margin-left: -800px;
	}

	#intro-file svg {
		width: 100%;
	}

.yoast-breadcrumbs {
    margin: 20px 0 10px;
}

/*******************************************************
 *
 * 2. Mobile styles
 *
 *******************************************************/
@media only screen and (max-width: 1024px) {
	.slider-widgets {bottom: 639px;}
	.left-content, right-content{ 
		float:none;
		width:100%}
	}

@media only screen and (max-width: 977px) {
	body.ip-container:before {
		min-width: initial;
	}
	.page-id-8 .page-image img {
	    max-width: 60% !important;
	}
	.left-content, .right-content{ 
		float:none;
		width:100%;
	}
	.outer {
			min-width:320px;
		}
		
		.inner {
			width:100%;
		}
		
		#content-sidebar .sidebar, 
		#content-full .sidebar{
			display:none;
		}
		
		#content-sidebar, 
		#content-full, 
		#content-sidebar #content, 
		#content-full #content{
			width:100%;
			padding:0 3%;
		}
		
		/* WPCF7 */

	    #content .wpcf7 form input[type='text'],
	    #content .wpcf7 form input[type='password'],
	    #content .wpcf7 form input[type='email'],
	    #content .wpcf7 form input[type='number'],
	    #content .wpcf7 form input[type='tel'],
	    #content .wpcf7 form input[type='url'],
	    #content .wpcf7 form textarea {
	        padding-left:2%;
	        padding-right:2%;
	        width:94%;
	        max-width:292px;
	    }
		
		/* ARCHIVE */

		#content .archive-thumbnail,
		#content .archive-content.archive-has-thumbnail {
			width:100%;
			float:none;
			
		}
		
		#content .archive-thumbnail,
		#content .archive-content h2 {
			text-align:center;
			margin-left:auto;
			margin-right:auto;
		}

		#content .archive-more {
			text-decoration:underline;
			font-style:italic;
		}

		.yoast-breadcrumbs {
		    margin: 20px 0;
		    width: 100%;
		    padding: 0 6%;
		}

		/*** Mobile Pack Welcome ***/
		.aios-mobile-pack-welcome {
			background-color: #fff;
		    color: #627986;
		}

		.aios-mobile-pack-welcome h2.first-sentence {
			text-align: center;
		    font-size: 18px;
		    font-weight: bold;
		}

		.aios-mobile-pack-welcome h2 {
		    font-weight: 700;
		    font-size: 18px;
		}

		.top-area strong {
			display: block;
		    padding: 0px 25px;
		}

		label.sr-only {
		    display: none;
		}

		.right-content {
		    width: 100%;
		}
}

@media only screen and (max-width: 360px) {
	.page-img-holder {
	    width: 100%;
	    margin-right: 0px;
	    text-align: center;
	}

	.page-img-holder img {
	    padding: 0px;
	}
}