/*
Visionmax v 1.0
Available on ThemeForest - http://themeforest.net/user/nasirwd/portfolio
Author: NasirWd - http://www.nasfactor.com

1.	Document Setup (body, divs, img)
2.	Heading Styles
3.	Custom Nav Style
4.	Dropdowns
5.	General Styles
6.  Header
7.	Home Page
	7.1 Services
	7.2 Solid features
	7.3 promo-line
	7.4 showcase
	7.5 Blog
	7.6 Video Reel
	7.7 Testimonals
	7.8 Footer
8.	Other Pages
	8.1 Blog Standard / Wide
	8.2 Blog Masonry
	8.3 Blog Post
	8.4 Full Width
	8.5 Portfolio
	8.6 Portfolio Single Page
	8.7 Single Page Wide
	8.8 About
	8.9 Team
	8.10 Services
	8.11 Contact
	8.12 Shortcodes
	8.13 Elements
9. Padding / Margin
10. Banner slider styles
11. Responsive Media Queries

*/

/*================================
	1.Document Setup
================================*/
body{
	font-family: 'Open Sans', sans-serif;
	overflow-x:hidden !important;
}

/*boxed Layout*/
.boxed-layout
{
	max-width:1170px;
	margin:0 auto;
	
}

.boxed-layout section
{
	background-color:#fff;
}

.boxed-layout .navbar-default{
	padding-top:15px !important;
	padding-bottom:5px !important;
	min-height:20px !important;
	max-width:1170px;
	margin:0 auto;

	
}

.pat1
{
	background:url(../images/patterns/black_lozenge.png);
}

.boxed-layout .pat2
{
	background:url(../images/patterns/az_subtle.png);
}

.boxed-layout .pat3
{
	background:url(../images/patterns/dimension.png);
}

.boxed-layout .pat4
{
	background:url(../images/patterns/pw_maze_white.png);
}

.boxed-layout .pat5
{
	background:url(../images/patterns/simple_dashed.png);
}

.boxed-layout .pat6
{
	background:url(../images/patterns/tweed.png);
}

.imgleft {
	float: left;
	padding: 0 20px 10px 0;
}

.imgright {
	float: right;
	padding: 0 0 10px 20px;
}

.clear {
	clear:both;
}


/*================================
	2.Heading Styles
================================*/

h1
{
	font-family: 'Montserrat', sans-serif !important;
	font-size:24px !important;
	font-weight:normal !important;
	margin:0px 0px 20px 0px !important; 
	color:#000 !important;
}

h2
{
	font-family: 'Montserrat', sans-serif !important;
	font-size:36px !important;
	font-weight:bold !important;
	margin:0px 0px 20px 0px !important; 
	color:#000 !important;
	
}

h3
{
	font-family: 'Open Sans', sans-serif !important;
	font-size:16px !important;
	font-weight:normal !important;
	margin:0px 0px 0px 0px !important; 
	color:#7f8c8d !important;
	line-height:28px;
}

h5
{
	font-family: 'Montserrat', sans-serif !important;
	font-size:18px !important;
	font-weight:normal !important;
	margin:0px 0px 20px 0px !important; 
	color:#000 !important;
}

/*=========================
	3.Custom Nav Style
=========================*/
.navbar{
	margin-bottom:0;
}
.navbar-default{
	background:#fff;
	border:none;
	border-radius:0;
	padding-top:27px;
	padding-bottom:10px;
	min-height:97px;
	transition:All .6s ease;
	-webkit-transition:All .6s ease;
	-moz-transition:All .6s ease;
	-o-transition:All .6s ease;
	-webkit-box-shadow: 0px 5px 0px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 5px 0px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 5px 0px rgba(0, 0, 0, 0.2);
}

.navbar-default{
	padding-top:15px !important;
	padding-bottom:5px !important;
	min-height:20px !important;

}
.navbar-default
{
	width:100%;
}
.navbar-brand img
{
	max-width:100%;
	max-height:100%;
}
.navbar-brand img{
	max-width:226px;
	transition:All .6s ease;
	-webkit-transition:All .6s ease;
	-moz-transition:All .6s ease;
	-o-transition:All .6s ease;	
	
}
.navbar-nav{
	float:right;
}
.navbar-brand{
	padding-top:0;
	
}
.navbar-toggle{
	background:#2f3032;
	}
.navbar-default .navbar-toggle{
	border-color:#3d3d3f;
}

.navbar-nav > li > a{
	padding-top:17px;
	font-size:14px;
	font-weight:bold;
	font-family: 'Montserrat', sans-serif;
	text-transform:uppercase;
	padding-left:15px;
	padding-right:15px;
}

.navbar-nav > li:last-child > a{
	padding-right:0;
}

.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > li a:hover, 
.navbar-default .navbar-nav > li a:focus{
	color:#333;
}

.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus{
	background:#fff;
	
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{
	border:none;
}

.navbar .navbar-scrolled {
	-webkit-transition: all, 0.2s;
-moz-transition: all, 0.2s;
-o-transition: all, 0.2s;
transition: all, 0.2s;

-webkit-box-shadow: 0px 5px 0px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 5px 0px rgba(0, 0, 0, 0.2);
box-shadow: 0px 5px 0px rgba(0, 0, 0, 0.2);
	/*border-bottom:5px solid red !important;*/
}

/*================================
	4.Dropdown
================================*/

ul.nav li.dropdown:hover ul.dropdown-menu {
 display: inline-block;
}

.navbar-nav>li>.dropdown-menu
{
	float:none;
}

.dropdown-menu 
{
	border:none;
}
ul.dropdown-menu 
{
	background:#fff;
	
	
	
}


	.dropdown-menu li a
	{
		color:#fff;
		line-height:40px;
		font-size:13px;
		color:#777777;
		opacity:1;
		
	}

	.dropdown-menu li a:hover
	{
		color:#fff !important;
		background:#297fcc;
		opacity:1;
	}
	
	.dropdown-menu li a:active
	{
		color:#fff !important;
		background:#2e85d3;
		opacity:1;
	}

/*================================
	5.General Styles
================================*/

.bg-color1{
	background:#4D418D;
}
.bg-color2{
	background:#4D418D;
}
.bg-color3{
	background:#3498db;
}
.bg-color4{
	background:#4D418D;
}
.section-heading{
	font-family: 'Montserrat', sans-serif;
	font-size:30px;
	line-height:40px;
	font-weight:700;
	color:#000;
	text-align:center;
}
.section-subheading{
	text-align:center;
	font-size:16px;
	line-height:30px;
	color:#7f8c8d;
	padding-top:12px;
}
.wrape-icon{
	height:52px;
	width:52px;
	text-align:center;
	line-height:52px;
	font-size:26px;
	color:#fff;
}
.head{
	font-size:20px;
	line-height:40px;
	font-weight:600;
	font-family: 'Montserrat', sans-serif;
	color:#ffffff;
	margin:0;
}

.report-overview-breadcrumbs {
    margin-top: -30px;
}

.bread-crumb{
	background:#fff;
	border-bottom:2px solid #e1e1e1;
	line-height:96px;
}
.bread-crumb .head{
	font-size: 20px;
    font-weight: 600;
    color: #000000;
    padding: 10px;
}
.crumbs ul{
	margin:0;
	padding:0;
	text-align:right;

}
.crumbs li{
	font-size:12px;
	display:inline-block;
	color:#7f8c8d;
	margin-left:4px;
}

.crumbs li a{
	font-size:14px;
	text-decoration:none;
	color:#7f8c8d;
	font-family: 'Open Sans', sans-serif;
	padding-left:8px;
}

.crumbs li.active a{
	text-decoration:none;
	color:#4D418D;
}

.nicescroll-rails
{
	z-index:50 !important;
	border:none !important;
}

.nicescroll-rails div
{

	border:none !important;
	background:#ffffff !important;
}
/*================================
	6.Header
================================*/

.quick-access{
	background:#4D428E;
	position:relative;
	z-index:1036;
}
.enrich-cobrand .quick-access {
    background: #0054A0;
}


.quick-access ul{
	margin:0;
	padding:0;
	float:right;
}

.quick-access ul li{
	float: left;
	color: #fff;
	font-size: 16px;
	list-style: none;
	margin-right: 10px;
	line-height: 30px;
	border-right: 1px solid #fff;
	padding: 5px 0px;
}

.quick-access ul.top-right li{
	border:none;
	border-left: 1px solid #fff;	
}

.quick-access ul li a{
	color:#fff;
	text-decoration:none;
	font-family: 'Open Sans', sans-serif;
	font-size:13px;
	line-height:30px;	
    margin-right: 20px;
}

.quick-access ul li a:hover {
	text-decoration:underline;
}

.quick-search{
	position:relative;
	width:193px;
	height:23px;
	border:1px solid #414141;
	border-radius:10px;
	margin-top:5px;
}
.quick-search input{
	position:absolute;
	height:100%;
	width:100%;
	border-radius:10px;
	background:#383838;
	border:none;
	color:#666 !important;
	padding-left:10px;
	top:0;
	left:0;
	outline:none;
	line-height:20px;
	font-size:12px;

}

.quick-search ::-webkit-input-placeholder { /* WebKit browsers */
    color:    #666;
}
.quick-search :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #666;
}
.quick-search ::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #666;
}
.quick-search :-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #666;
}


.quick-search{
	position:relative;
	width:193px;
	height:23px;
	border:1px solid #414141;
	border-radius:10px;
	margin-top:5px;
}

.submit-search{
	position:absolute;
	top:-7px;
	right:6px;
	padding:0;
	margin:0;
	border:0;
	background:none;
	
	cursor:pointer;
}
.submit-search span{
	color:#4D418D;
	font-size:13px;
}

/*==================================
	7.Homepage
===================================*/
#banner-wrapper{
	height:auto;
	/*background-attachment:fixed;*/
	width:100%;
	transition:1.5s ease-in;
	-webkit-transition:.5s ease-in;
	-moz-transition:.5s ease-in;
	-o-transition:.5s ease-in;

}

 .fullwidthbanner-container{
	width:100% !important;
	position:relative;
	padding:0;
	max-height:600px !important;
	overflow:hidden;
}

.fullwidthbanner-container .fullwidthabnner	{
	width:100% !important;
	max-height:600px !important;
	position:relative;
}

.bannercontainer{
width:100% !important;
position:relative;
padding:0;
max-height:500px !important;
overflow:hidden;
}

/*==================================
	7.1 Services
===================================*/
#sevices-wrapper{
	position:relative;
	padding-top:55px;
	width:100%;
}

.services-inner{
	padding-top:80px;

}

.service{
	position:relative;
	margin-bottom:50px;
}
.service .wrape-icon{
	float:left;
	margin-right:18px;
}
.service-detail{
	display:table;
}
h4.head{
	font-family: 'Montserrat', sans-serif;
	font-size:20px;
	font-weight:500;
	line-height:24px;
	margin:0;
	color:#1b1b1b;
}
.service p{
	color:#7f8c8d;
	font-size:14px;
	line-height:28px;
	padding-top:20px;
}


/*==================================
	7.2 Solid features
===================================*/
.solid-features{
	position:relative;
	padding-top:100px;
	padding-bottom:100px;
	height:auto;
	background:#eef2f3;
}
.solid-visuals{
	width:100%;
	position:relative;
	height:auto;
	overflow:hidden;
}

.solid-visuals img{
	position: absolute;
	left:0;
	top:0;
	max-width:770px;
	width:100%;
	height: auto;

	
}

.solid-iphone{
	max-width:741px;
	animation-duration:1.5s;
	-webkit-animation-duration:1.5s;
	-moz-animation-duration:1.5s;
	-o-animation-duration:1.5s;
	opacity:0;
}

.solid-imac{
	position:relative !important;
	width:100%;
	height: auto;
	top:auto;
	animation-duration:2.5s;
	-webkit-animation-duration:2.5s;
	-moz-animation-duration:2.5s;
	-o-animation-duration:2.5s;	
	opacity:0;
}
.solid-imac-noEffect {
    position: relative !important;
    width: 100%;
    height: auto;
    top: auto;

}

.effect{
	top:0 !important;
}





.solid-features .service .head{
	color:#2c3e50;
}
.solid-features .service p{
	padding-top:10px;
}

.solid-features .section-heading{
	margin-bottom:30px;
}

/*================================
	7.3 promo-line
================================*/

#promo-line .section-subheading{
	padding-top:0;
	text-align:left;
	margin-bottom:10px;
}
#promo-line .section-heading{
	text-align:left;
	
}

#promo-line a{
	padding:15px;
	color:#fff;
	font-size:20px;
	line-height:48px;

	font-weight:700;

	border-radius:2px;
	text-decoration:none;
}
#promo-line a span{
	margin-right:5px;
}

/*================================
	7.4 showcase
================================*/
#showcase-wrapper{
	background:#4D418D;
	padding-top:60px;
	padding-bottom:50px;
	position:relative;
}

.et-rotate{
	width:69px;
	height:69px;
	background:#4D418D;
	line-height:69px;
	text-align:center;
	color:#fff;
	font-size:30px;
	position:absolute;
	cursor:pointer;
	top:50%;
	margin-top:-34.5px;
	z-index:999;
}

.show-case-visual{
	padding-top:30px;
	text-align:center;
	position:relative;
	height:auto;
	margin:0 auto;
	overflow:hidden;
}

.showcase-hover ul{
	margin:0;
	padding:0;
	margin-top:-35px;

}
.showcase-hover li{
	height:70px;
	width:70px;
	background:#fff;
	color:#4D418D;
	cursor:pointer;
	font-size:30px;
	line-height:70px;
	display:inline-block;
	list-style:none;
	border-radius:50%;
	margin-right:10px;

}
.show-case-visual img{
	width:100%;
	height:auto;
	max-width:660px;
}
.showcase-hover{
	position:absolute;
	bottom:-100%;
	left:18px;
	height:40%;
	background:#000;
	background:rgba(0,0,0,.8);
	width:94%;
	transition:All 0.5s ease;
	-webkit-transition:All 0.5s ease;
	-moz-transition:All 0.5s ease;
	-o-transition:All 0.5s ease;
}
.show-case-visual:hover .showcase-hover{
	bottom:0;
}

.et-wrapper{
	min-height:200px !important;
	margin:0 auto;
	height:300px;
	
}

.et-wrapper-basic{
	min-height:200px !important;
	margin:0 auto;

	
}
.showcase-prev{
	left:0px;
	
}
.showcase-next{
	right:0px;
}

#showcase-wrapper .section-heading,#showcase-wrapper .section-subheading{
	color:#fff;
}

/*================================
	7.5 Blog
================================*/
#blog-wrapper{
	position:relative;
	padding-top:60px;
	padding-bottom:30px;
}

.post{
	position:relative;
	float:left;
	width:100%;
	margin-left:6px;
	margin-right:6px;
	margin-bottom:20px;
}
.post-visual{
	position:relative;
	overflow:hidden;
}
.post-visual img{
	width:100%;
	height:auto;
}
.post-hover{
	position:absolute;
	height:100%;
	width:100%;
	background:#4D418D;
	background:rgba(245,68,68,.9);
	top:100%;
	left:0;
	padding-top:20%;
	transition:All .5s ease;
	-webkit-transition:All .5s ease;
	-moz-transition:All .5s ease;
	-o-transition:All .5s ease;
}
.post:hover .post-hover{
	top:0;
}

.post-hover ul{
	margin-top:-200%;
	padding:0;
	text-align:center;
	transition:All .5s ease;
	-webkit-transition:All .5s ease;
	-moz-transition:All .5s ease;
	-o-transition:All .5s ease;
}
.post:hover .post-hover ul{
	margin:0;
}


.post-hover li{
	width:70px;
	height:70px;
	background:#ffffff;
	color:#fc453f;
	line-height:70px;
	text-align:center;
	display:inline-block;
	font-size:25px;
	border-radius:50%;
	margin-right:7px;
	cursor:pointer;

}
.post .head{
	text-align:left !important;
}
.post .head a{
	color:#000000;
	text-decoration:none;
	font-size:20px;
	line-height:40px;
	font-weight:500;
	font-family: 'Montserrat', sans-serif;
	padding-top:13px;
	padding-bottom:7px;
	text-align:left !important;
}

.post .about-post ul{
	margin:0;
	padding:0;
}
.post .about-post li{
	color:#7f8c8d;
	display:inline-block;
	margin-right:10px;
}


.post .about-post li span{
	color:#4D418D;
	font-size:13px;
	font-weight:500;
	font-family: 'Open Sans', sans-serif;
	padding-left:10px;
	
}
.post p{
	color:#7f8c8d;
	font-size:14px;
	line-height:28px;
}
.blog-inner{
	padding-top:60px;
}


/*==================================
	7.6 Video Reel
===================================*/
#reel-wrapper{
	padding-top:55px;
	height:auto;
	background: url(../images/video-bg-pattern.png) center center repeat;
	position:relative;
	width:100%;
	padding-bottom:60px;
	overflow-x:hidden;

}
#reel-wrapper .section-heading{
	color:#fff;
}
#reel-wrapper .section-subheading{
	margin-bottom:40px;
}


.viemeo-player{
	margin:0 auto;
	width:94%;
	max-width:1100px !important;

}
.video-width{
	width:100%;
	height:610px;
	border:none;

}
/*==================================
	7.7 Testimonals
===================================*/
.testi-face{
	height:106px;
	width:106px;
	border-radius:50%;
	border:5px solid rgba(0,0,0,0.1);
	overflow:hidden;
	margin:0 auto;
	
}


.testi-face img{
	height:96px;
	width:106px;
}

.testimonal p{
	font-size:22px;
	line-height:34px;
	color:#666666;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	max-width:70%;
	text-align:center;
	margin:0 auto;
	padding-top:25px;
}

.testimonal .reference{
	padding-top:30px;
	font-size:20px;
	text-align:center;
	font-weight:400;
}

.testimonal .reference a{
	color:#4D418D;
	text-decoration:underline;
}



#tesimonals-wrapper{
	position:relative;
	padding-top:100px;
	padding-bottom:100px;
}


/*==================================
	7.8 Footer
===================================*/

.footer-wrapper{
	background:#292a2c;
	padding-top:45px;
	transition:All 1s ease;
	-webkit-transition:All 1s ease;
	-moz-transition:All 1s ease;
	-o-transition:All 1s ease;
}

.footer-feeds{	

}
.head-icon{
	width:101px;
	height:101px;
	border-radius:50%;
	border:5px solid #3b3c3e;
	margin:0 auto;
	line-height:85px;
	font-size:50px;
	text-align:center;
	margin-top:20px;
}

.color1{
	color:#3498db;
}
.color2{
	color:#E4D828;
}
.color3{
	color:#E4D828;
}
.color4{
	color:#0e64db;
}
.footer-wrapper .head{
	padding-top:27px;
	padding-bottom:17px;
	border-bottom:1px solid #3b3c3e;
	margin-bottom:35px;
	width:100%;
	text-align:center;

}
.footer-wrapper .time-stamp{
	font-size:14px;
	line-height:22px;
	color:#7f8c8d;
}
.popular-post{
	padding-bottom:20px;
}
.popular-post a{
	font-size:14px;
	line-height:22px;
	color:#ffffff;
	text-decoration:none;
}
.contact-info ul{
	margin:0;
	padding:0;
}
.contact-info li{
	color:#E4D828;
	font-size:14px;
	display:block;
	position:relative;
	margin-bottom:10px;
}
.contact-info li a{
	color:#fff;
	font-size:14px;
	text-decoration:none;
	font-family: 'Open Sans', sans-serif;
	padding-left:13px;

}
.contact-info li.address{
	margin-bottom:20px;
}


/*tweete*/
#tweets {
	width:100%;
	height:auto;
	background:none;
	font-family:'Open Sans', sans-serif;
	color:#fff;
	transition:All 1s ease;
	-webkit-transition:All 1s ease;
	-moz-transition:All 1s ease;
	-o-transition:All 1s ease;
		
}

#tweets li {
	padding: 5px;
	line-height:25px;
	list-style:none;
}

#tweets li .timestamp {
	text-align:left;
	color:#7f8c8d;
	
	
}
#tweets p{
	color:#fff;
	font-size:14px;
	line-height:28px;
	font-family:'Open Sans';
		
}
#tweets a{
	display:block;
}
#tweets li.tweet_content_0 {
	border-top:0px none;
	color:#fff;
}
#tweets li:last-child{
	border-bottom:0px none;	
}

#tweets .hash { color:#E4D828; } 
#tweets .reply { color:#FFF; } 

/*flicker*/
.flicker { margin: 0; padding: 0; overflow: hidden; }
.flicker li { list-style: none; float: left; margin-right:6px; margin-left:6px; margin-bottom:13px; }
.flicker li a { }
.flicker li img { display: block; }
.flicker li a img { border: none;}

#cycle { margin: 0; padding: 0; width: 500px; height: 333px; padding: 3px; background: #eee; -moz-box-shadow: 0 0 2px #000; -webkit-box-shadow: 0 0 2px #000;}
#cycle li { position: relative; list-style: none; margin: 0; padding: 3px; width: 500px; height: 333px; overflow: hidden; }
#cycle li div { position: absolute; bottom: 3px; left: 3px; padding: 3px; width: 494px; background: black; color: white; font-size: 12px; opacity: .8; }


.footer-line{
	background:#1e1e1f;
	
}
.copyright{
	font-size:14px;
	color:#fff;
    padding: 30px 0;
}

.social{
	margin:0;
	padding:5px;
	background:#1d1d1d;
	margin-top:10px;
	margin-bottom:10px;
	float:right;
	display:table;
	text-align:center;
}
.social li a{
	color:#656565;
	line-height:40px;
	text-align:center;
	font-size:16px;
	border:1px solid #2b2b2b;
	height:40px;
	width:40px;
	display:block;
	margin:5px;
	text-decoration:none;
}

.social li{
	display:inline-block;
}


.social li a:hover{
	color:#fff;
	background:#8bb535;
}

.social li a:active{
	color:#fff;
	background:#7da629;
}
.navbar-collapse{
	padding-right:0;
}

/*==================================
	8. Other Pages
===================================*/

.subpage-holder{
	padding-top:60px;
	background:#f5f5f5;
}

/*==================================
	8.1 Blog Standard / Wide
===================================*/
.post-wide .head
{
	font-size: 24px;
}
.post-wide h2
{
	font-size: 18px !important;
}

	.post-wide .img
	{
		max-width:100%;
	}
		.post-wide .img img
		{
			max-width:100%;
		}
	
	.post-wide .meta-wide
	{
		margin-top:20px;
	}

	.post-wide .meta-wide .date
	{
	}

		.blog-date-w{
			
			width:60px;
			height:60px;
			background:#8bb535;
			font-family: 'Montserrat', sans-serif;
			color:#fff;
			text-align:center;
			padding-top:10px;
		}
		.blog-date-w .day{
			font-size:26px;
			line-height:20px;
			font-weight:600;
			color:#fff;
		}
		.blog-date-w .month{
			font-size:15px;
			color:#fff;
			line-height:18px;
			text-transform:uppercase;
			font-weight:bold;
		}

	.post-wide .meta-wide .title-info
	{
		padding-left:15px;
	}
	
		.post-wide .meta-wide .title-info .head {
			color:#000 !important;
			font-weight:400 !important;
            font-size: 24px !important;
            font-family: 'Montserrat',sans-serif !important;
            margin: 0 !important;
		}
		
		.post-wide .meta-wide .title-info .post-meta
		{
			
		}
			.post-wide .meta-wide .title-info .post-meta li
		{			
				font-size:14px;
				color:#7f8c8d;
				border-right:1px solid #9ea8a9;
				display:inline-block;
				padding-right:5px;
				padding-left:0px;
		}
		
		.post-wide .meta-wide .title-info .post-meta li:last-child{
			padding-right:0px;
			border-right: none;
		}

				.post-wide .meta-wide .title-info .post-meta li a
				{
				color:#297fcc;
				text-transform:capitalize;
				text-decoration:none;
				}
	
	.post-wide .content-wide
	{
		font-size:14px;
		color:#7f8c8d;
		line-height:28px;
		margin-top:10px;
	}
	
		


.blog-slider .flex-prev {
    opacity: 0.8;
    left: 5px;
}

.blog-slider .flex-next {
    opacity: 0.8;
    right: 5px;
}
/*==================================
	8.2 Blog Masonry
===================================*/

#blog-holder
{
	padding-top:60px;
	background:#f5f5f5;
}



.blog-unit{
	width:100%;
	height:auto;
	margin-bottom:22px;
	border-left:1px solid #e9e9e9;
	border-right:1px solid #e9e9e9;
	border-bottom:2px solid #c4c4c4;
	padding:10px;
	background:#ffffff;
}

.blog-visual{
	position: relative;
	width:100%;
}
.blog-visual img{
	width:100%;
	height:auto;
}
.blog-date{
	position:absolute;
	width:60px;
	height:60px;
	background:#4D418D;
	font-family: 'Montserrat', sans-serif;
	color:#fff;
	text-align:center;
	bottom:0;
	left:0;
	padding-top:10px;
}
.blog-date .day{
	font-size:26px;
	line-height:20px;
	font-weight:600;
	color:#fff;
}
.blog-date .month{
	font-size:15px;
	color:#fff;
	line-height:18px;
	text-transform:uppercase;
	font-weight:bold;
}
.blog-detail .head{
	line-height:20px;
	padding-top:10px;
	padding-bottom:12px;
}
.blog-detail .head a{
	color:#000;
	font-size:18px;
	line-height:20px;
	text-decoration:none;
}

.blog-info ul{
	margin:0;
	padding:0;
}

.blog-info li{
	list-style:none;
	font-size:12px;
	line-height:14px;
	color:#7f8c8d;
	border-right:1px solid #7f8c8d;
	display:inline-block;
	padding-right:5px;
}
.blog-info li:last-child{
	padding-right:0px;
	border-right: none;
}
.blog-info li a{
	color:#4D418D;
	text-transform:capitalize;
	text-decoration:none;
}
.blog-detail p{
	font-size:13px;
	line-height:24px;
	color:#7f8c8d;
}
a.readmore{
	padding-left:10px;
	padding-right:10px;
    color: #fff;
    text-decoration: none;
    display: table;
    font-size: 16px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    border-radius: 3px;
	line-height:37px;
	transition:All .1s ease;
	-webkit-transition:All .1s ease;
	-moz-transition:All .1s ease;
	-o-transition:All .1s ease;
    background: #297fcc;
    border-bottom: 3px solid #1b54bb;
}
a.readmore:hover,.blog-tags li a:hover, #promo-line a:hover{
	cursor: pointer;
	background:#3bc1ed;
    border-bottom:3px solid #27ace7;
}
.btn{
	padding-left:10px;
	padding-right:10px;
    color: #fff;
    text-decoration: none;
    display: block;
    font-size: 16px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    border-radius: 3px;
	line-height:37px;
	transition:All .1s ease;
	-webkit-transition:All .1s ease;
	-moz-transition:All .1s ease;
	-o-transition:All .1s ease;
    background: #297fcc;
    border-bottom: 3px solid #1b54bb;
}
.btn:hover{
	background:#3bc1ed;
    border-bottom:3px solid #27ace7;
    cursor: pointer;
}

.blog-pagination{
	border-top:2px solid #E0E3E6;
	padding-top:20px;
	padding-bottom:100px;
	margin-top:60px;
}
.blog-pagination ul{
	margin:0;
	padding:0;
}
.blog-pagination li{
	display:block;
	float:left;
	margin-right:5px;
}
.blog-pagination li a{
	padding-left:8px;
	padding-right:8px;
	display:block;
	background:#e9e9e9;
	color:#666666;
	border-bottom:2px solid #9e9e9e;
	text-align:center;
	line-height:26px;
	font-size:16px;
	font-weight:600;
	text-decoration:none;
}
.blog-pagination li.active a,.blog-pagination li a:hover{
	background:#297fcc;
	border-color:#1b54bb;
	color:#fff;
}

.blog-pagination li:last-child a{
	padding-left:15px;
	padding-right:15px;
}


.blog-pagination li:last-child span{
	padding-left:4px;

}


.blog-search{
	height:43px;
	width:100%;
	background:#fff;
	border:1px solid #d6d6d6;
	position:relative;
	
}

.blog-search input{
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	margin:0;
	padding:0;
	border:0;
	padding-left:9px;
	color:#bdc3c7;
}

.blog-search button{
	height:100%;
	position:absolute;
	right:0;
	top:0;
	width:35px;
	color:#bdc3c7;
	border:0;
	padding:0;
	margin:0;
	background:none;
}

.blog-search button:hover{
	color:#fff;
	background:#4D418D;
}

.head-wrapper .head{
	font-size:18px;
	line-height:40px;
	color:#1b1b1b;
	display:table;
	border-bottom:2px solid #E4D828;
	z-index:99;
	margin-bottom:-2px;

}

.recent-posts{
	margin-top:42px;
}
.head-wrapper{
	border-bottom:2px solid #bdc3c7;
}
.latest-post{
	padding-top:20px;
	padding-bottom:20px;
	border-bottom:1px solid #bdc3c7;
	min-height:110px;
	
}

.latest-post .recent-visual{
	height:70px;
	width:70px;
	float:left;
	margin-right:10px;
	text-align:center;
}
.latest-post .recent-visual img{
	height:70px;
	width:70px;
}
.latest-detail{
	display:table;
}
.latest-post .recent-visual span{
	color:#E4D828;
	font-size:30px;
}
.latest-post a{
	color:#1b1b1b;
	font-size:14px;
	font-weight:600;
	margin-top:-4px;
	text-decoration:none;
	display:block;

}
.latest-detail .date-stamp,.latest-detail a.reference{
	font-size:13px;
	font-weight:600;
	line-height:28px;
	color:#7f8c8d;
	text-decoration:none;
}

.blog-catagories,.blog-tags{
	margin-top:42px;
}

.blog-catagories ul{
	margin:0;
	padding:0;
}
.blog-catagories li{
	list-style:none;
	border-bottom:1px solid #bdc3c7;
}
.blog-catagories li a{
	font-size:14px;
	line-height:40px;
	font-weight:600;
	color:#1b1b1b;
	text-decoration:none;
}


.blog-catagories li a:hover,.latest-post a:hover{
	color:#f79623;
}


.blog-tags ul{
	margin:0;
	padding:0;
	margin-top:15px;
}

.blog-tags li{
	float:left;
	list-style:none;
	margin-right:5px;
	margin-bottom:7px;

}

.blog-tags li a{
	background:#7f8c8d;
	display:table;
	line-height:34px;
	padding-left:5px;
	padding-right:5px;
	color:#fff;
	text-decoration:none;
	font-weight:600;
	border-radius:3px;
	transition:All .3s ease;
	-webkit-transition:All .3s ease;
	-moz-transition:All .3s ease;
	-o-transition:All .3s ease;

}

.blog-promo{
	background:#efefef;
	border-top:2px solid #E0E3E6;
}

/*==================================
	8.3 Blog Post
===================================*/
 
 .author
 {
 }
 
 	.author .thumb
	{
		width:80px;
		height:80px;
	}
		.author .thumb img
		{
			width:100%;
		}
	
	.author .about-author
	{
		width:100%;
		padding-left:100px;
	}
	
		.author .about-author .head
		{
		}
			.author .about-author .head h1
			{
				font-size:18px !important;
				margin-bottom:10px !important;
				padding-top:5px !important;
			}
		
		.author .about-author .details
		{
			color:#7f8c8d;
			line-height:24px;
			font-size:13px;
		}


.comtment-container
{
	margin-bottom:40px;
}
	
	.comtment-container .comment-body
	{
		background:#fff;
		border-left:1px solid #e9e9e9;
		border-right:1px solid #e9e9e9;
		border-top:1px solid #e9e9e9;
		border-bottom:2px solid #c4c4c4;
		padding:20px;
		margin:20px 0px;
	}
	
		.comtment-container .comment-body .thumb
		{
			width:50px;
			height:50px;
			
		}
		
			.comtment-container .comment-body .thumb img
			{
				width:100%;
			}
		
		.comtment-container .comment-body .content
		{
			padding-left:65px;
			
		}
		
		.comtment-container .comment-body .content .user
		{
			font-size:16px;
			color:#000;
		}
			
			.comtment-container .comment-body .content .user a
			{
				color:#000;
				transition:All .3s ease;
				-webkit-transition:All .3s ease;
				-moz-transition:All .3s ease;
				-o-transition:All .3s ease;
			}
			
			.comtment-container .comment-body .content .user a:hover
			{
				color:#4D418D;
				text-decoration:none;
			}
		
		.comtment-container .comment-body .content .meta
		{
			font-size:12px;
			color:#999;
		}
		
		.comtment-container .comment-body .content .text
		{
			color:#7f8c8d;
			line-height:24px;
			font-size:13px;
		}
		
		.comtment-container .comment-body .reply
		{
			margin-top:15px;

		}
		
			.comtment-container .reply a
			{
				background:#EBEBEB;
				padding:5px 20px;
				color:#666;
				border-radius:2px;
				transition:All .3s ease;
				-webkit-transition:All .3s ease;
				-moz-transition:All .3s ease;
				-o-transition:All .3s ease;
				text-decoration:none;

			}
			
			.comtment-container .comment-body .reply a:hover
			{
				background:#4D418D;
				color:#fff;

			}
			
			.comtment-container .comment-reply
			{
				margin-left:30px;
			}
			
			.comtment-container .comment-reply-lvl2
			{
				margin-left:60px;
			}
	
	.comment-form-container
	{
		margin-bottom:60px;
	}
		
		.comment-form-container .fields
		{
			margin-bottom:20px;
		}
		
			.comment-form-container .fields input
			{
				width:100%;
				border:1px solid #ccc;
				font-size:14px;
				color:#666;
				line-height:35px;
				padding-left:5px;
			}
			
			.comment-form-container .fields textarea
			{
				width:100%;
				border:1px solid #ccc;
				font-size:14px;
				color:#666;
				height:150px;
				padding-left:5px;
			}
				
/*==================================
	8.4 Full Width
===================================*/

.full-width-content
{
	color:#7f8c8d;
	line-height:28px;
	font-size:15px;
	padding-bottom:30px;
}

	.full-width-content p
	{
		margin-bottom:20px;
	}


/*==================================
	8.5 Portfolio
===================================*/

.filters 
{
	text-transform:uppercase;
	font-family: 'Open Sans', sans-serif;
	font-weight:bold;
	color:#000;
	font-size:14px;	
}
	.filters li + li:before
	{
		content: '/';
		padding-right: 10px !important;
		color:#ccc;
		}

	.filters  a
	{
		color:#666;
		text-decoration:none;
	}
	
	.filters  a:hover
	{
		color:#999
	}
	
	.filters .active
	{
		color:#4D418D;
	}



.folio{
	position:relative;

	margin-bottom:20px;
}
.folio-visual {
    position: relative;
    overflow: hidden;
    border-left: 1px solid #e9e9e9;
    border-right: 1px solid #e9e9e9;
    border-top: 1px solid #e9e9e9;
    max-height: 298px;
}
.folio-visual img{
	width:100%;
	height:auto;
	border:10px solid #fff;
}
.folio-hover{
	position:absolute;
	height:100%;
	width:100%;
	background:#4D418D;
	top:100%;
	left:0;
	padding-top:20%;
	transition:All .5s ease;
	-webkit-transition:All .5s ease;
	-moz-transition:All .5s ease;
	-o-transition:All .5s ease;
}
.folio:hover .folio-hover{
	top:0;
}

.folio-hover ul{
	margin-top:-200%;
	padding:0;
	text-align:center;
	transition:All .5s ease;
	-webkit-transition:All .5s ease;
	-moz-transition:All .5s ease;
	-o-transition:All .5s ease;
}
.folio:hover .folio-hover ul{
	margin:0;
}


.folio-hover li{
	width:70px;
	height:70px;
	background:#ffffff;
	color:#fc453f;
	line-height:70px;
	text-align:center;
	display:inline-block;
	font-size:25px;
	border-radius:50%;
	margin-right:7px;
	cursor:pointer;

}

.folio .content-container
{
	background:#fff;
	border-left:1px solid #e9e9e9;
	border-right:1px solid #e9e9e9;
	border-bottom:2px solid #c4c4c4;
	padding-bottom:15px;
}

.folio .content-container .head{
	text-align: center !important;
	margin-top:0;
}
.folio .content-container .head a{
	color:#000;
	text-decoration:none;
	font-size:20px;
	line-height:40px;
	font-weight:500;
	font-family: 'Montserrat', sans-serif;
	padding-top:13px;
	padding-bottom:7px;
	text-align:left !important;
}

.folio .content-container .category
{
	font-size:16px;
	color:#95a5a6;
	text-align:center;
}

/*==================================
	8.6 Portfolio Single Page
===================================*/
.image-width img
{
	width:100%;
}

.port-nav
{

}

	.port-nav .p-icon
	{
	
		
		background:#bdc3c7;
		text-align:center;
		color:#fff;
		font-size:18px;
		
	}
	
		.port-nav  li
		{
			padding:0px;
		}
	
		
		.port-nav .p-icon a
		{
			width:50px;
			height:50px;
			display:block;
			line-height:46px;
			color:#fff;
			border-bottom:4px solid #979c9f;
			transition:.2s ease-out;
			-webkit-transition:.2s ease-out;
			-moz-transition:.2s ease-out;
			-o-transition:.2s ease-out;
		}
		
		.port-nav .p-icon a:hover
		{
			background:#4D418D;
			text-decoration:none;
			border-bottom:4px solid #c43636;
		}
		
.port-content
{
	background:#fff;
	border-left:1px solid #e9e9e9;
	border-right:1px solid #e9e9e9;
	border-bottom:2px solid #c4c4c4;
	padding:20px;
	margin-top:40px;
	width:100%;
	
}
	.port-content .head
	{
		margin-bottom:5px;
	}
	
	.port-content .head h1
	{
		font-size:22px !important;
		margin-bottom:0px !important;
	}
	
	.port-content .link
	{
		color:#4D418D;
		margin-bottom:20px;
	}
	
		.port-content .link a
		{
			color:#4D418D;
			transition:.2s ease-out;
			-webkit-transition:.2s ease-out;
			-moz-transition:.2s ease-out;
			-o-transition:.2s ease-out;
			
		}

		.port-content .link a:hover
		{
			color:#ffc617;
			text-decoration:none;
			
		}


	.port-content  .skills
	{
		color:#7f8c8d;
		padding-bottom:20px;
		border-bottom:2px solid #e5e8e8;
	}
	
		.port-content  .skills span
		{
			color:#000;
			font-weight:bold;
		}

	.port-content .text
	{
		margin-top:20px;
		color:#7f8c8d;
		line-height:28px;
	}

/* Extended content*/

	.port-ext-content 
	{
		color:#7f8c8d;
		line-height:28px;
	}
		.port-ext-content p
		{
			margin:20px 0px;
		}
		
		.port-ext-content  img
		{
			max-width:100%;
		}

/*==================================
	8.7 Single Page Wide
===================================*/
	

.port-content-wide
{
	background:#fff;
	border-left:1px solid #e9e9e9;
	border-right:1px solid #e9e9e9;
	padding:20px 0px 10px 0px;
	width:100%;
	
}

	.port-content-wide .head
	{
		margin-bottom:5px;
	}
	
	.port-content-wide .head h1
	{
		font-size:22px !important;
		margin-bottom:0px !important;
	}
	
	.port-content-wide .link
	{
		color:#4D418D;
		
	}
	
		.port-content-wide .link a
		{
			color:#4D418D;
			transition:.2s ease-out;
			-webkit-transition:.2s ease-out;
			-moz-transition:.2s ease-out;
			-o-transition:.2s ease-out;
			
		}

		.port-content-wide .link a:hover
		{
			color:#ffc617;
			text-decoration:none;
			
		}

.port-content-bottom
{
}
	.port-content-bottom  .skills
	{
		color:#7f8c8d;
		padding-bottom:20px;
		padding-top:20px;
		border-bottom:2px solid #e5e8e8;
	}
	
		.port-content-bottom  .skills span
		{
			color:#000;
			font-weight:bold;
		}

	.port-content-bottom .text
	{
		margin-top:20px;
		color:#7f8c8d;
		line-height:28px;
	}

/*================================
	8.8 About
================================*/
.about-head-container
{
	padding-bottom:60px;
}

.team-container
{
	padding-bottom:50px;
}

.team{
	position:relative;

	margin-bottom:20px;
}
.team-visual{
	position:relative;
	overflow:hidden;
	border-left:1px solid #e9e9e9;
	border-right:1px solid #e9e9e9;
	border-top:1px solid #e9e9e9;
}
.team-visual img{
	width:100%;
	height:auto;
}
.team-hover{
	position:absolute;
	height:100%;
	width:100%;
	background:#4D418D;
	background:rgba(245,68,68,.9);
	top:100%;
	left:0;
	padding-top:10%;
	transition:All .5s ease;
	-webkit-transition:All .5s ease;
	-moz-transition:All .5s ease;
	-o-transition:All .5s ease;
    -webkit-perspective: 1000;
-webkit-backface-visibility: hidden;   
}
.team:hover .team-hover{
	top:0;
}

.team-hover ul{
	margin-top:-200%;
	padding:0;
	text-align:center;
	transition:All .5s ease;
	-webkit-transition:All .5s ease;
	-moz-transition:All .5s ease;
	-o-transition:All .5s ease;
}
.team:hover .team-hover ul{
	margin:0;
}




.team-hover .detail
{
	width:100%;
	font-size:14px;
	color:#fff;
	line-height:28px;
	border-radius:0px;
	background:none;
	text-align:left;
	display:inline-table;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:20px;
}

.team .content-container
{
	background:#fff;
	border-left:1px solid #e9e9e9;
	border-right:1px solid #e9e9e9;
	border-bottom:2px solid #c4c4c4;
	padding-bottom:15px;
}

.team .content-container .head{
	text-align: center !important;
		color:#000;
	text-decoration:none;
	font-size:22px;
	line-height:30px;
	font-weight:600;
	font-family: 'Montserrat', sans-serif;
	padding-top:13px;
	

}

.team .content-container .title
{
	font-size:14px;
	color:#4D418D;
	text-align:center;
}


.about-content-container
{
	padding-bottom:50px;
}

	.about-content-container .head
	{
		font-size:28px;
		font-family: 'Montserrat', sans-serif;
		font-weight:bold;
		color:#000;
		padding-bottom:15px;
	}
	
	.about-content-container .text
	{
		font-size:14px;
		color:#7f8c8d;
		line-height:28px;
	}
	.graph-container
	{
	}
		.graph
		{
			margin-bottom:20px;
		}
		
		.graph .title
		{
			font-size:14px;
			color:#4D418D;
		}
		
		.graph .pct
		{
			color:#000;
			font-size:14px;
		}
		
		.graph .bar
		{
			width:100%;
			height:16px;
			border-radius:3px;
			background:#bdc3c7;
			margin: 10px 0px;
		}
		
		.graph .bar .position
		{
			
			height:16px;
			border-radius:3px;
			background:#4D418D;
		}
		
		.pct10{width:10%;}
		.pct20{width:20%;}
		.pct30{width:30%;}
		.pct40{width:40%;}
		.pct50{width:50%;}
		.pct60{width:60%;}
		.pct70{width:70%;}
		.pct80{width:80%;}
		.pct90{width:90%;}
		

.testimonial-container
{
}

	.testimonial-container .content
	{
		background:#e0e3e4;
		border-radius:2px;
		padding:20px 20px;
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:16px;
		color:#666;
		text-align:center;
		line-height:28px;
		margin-bottom:20px;
		font-style:italic;
	}
	
	.testimonial-container .qarrow
	{
		width:40px;
		height:20px;
		position:absolute;
		margin-top:-30px;
		margin-left:6px;
	}
	.testimonial-container .qarrow img
	{
		width:100%;
	}
	
	.testimonial-container .customer
	{
		width:55px;
		height:55px;
		border-radius:30px;
		border: 5px solid rgba(0,0,0,0.2);
		overflow:hidden;
	}
		.testimonial-container .customer img
		{
			width:100%;
		}
	
	.testimonial-container .customer-desc
	{
		color:#000000;
		font-size:15px;
		font-weight:normal;
		padding-left:10px;
	}

	
		.testimonial-container .customer-desc p
		{
			margin-bottom:2px;
                max-width: 398px;
    font-size: 14px;
		}
		.testimonial-container .customer-desc a
		{
			color:#16a085;
			font-weight:normal;
		}
		
		.testimonial-container .customer-desc a:hover
		{
			color:#107763;
		}


/*================================
	8.9 Team
================================*/
.team-head-container
{
	
}
		
/*================================
	8.10 Services
================================*/
.macimg
{
	margin-bottom:50px;
}
	.macimg img
	{
		max-width:100%;
	}

.services-head-container
{
	padding-bottom:60px;
}

.retina-img
{
}

	.retina-img img
	{
		max-width:100%;
	}

.service-content-container
{
	padding-top:40px;
}
.service-content
{
	font-size:14px;
	color:#7f8c8d;
	line-height:28px;
}


/*================================
	8.11 Contact
================================*/
#contact-map
{
	height:500px;
	width:100%;
	margin-top:-60px;
	margin-bottom:60px;
}

.contact-head-container
{
	padding-bottom:60px;
}

.section-head
{
	margin-bottom:20px;
}
	
	.section-head .head-wrapper
	{
		border-bottom:2px solid #bdc3c7;
		}
		
		.section-head .head-wrapper .head
		{
			font-size:18px;
			line-height:40px;
			color:#1b1b1b;
			display:table;
			border-bottom:2px solid #4D418D;
			z-index:99;
			margin-bottom:-2px;
	
		}

.form-title
{
	font-size:16px;
	color:#7f8c8d;
	line-height:24px;
	clear:both;
	
}

.contact-form-container
{
}

			.contact-form-container .fields
		{
			
			clear:both;
		}
		
			.contact-form-container .fields input
			{
				
				border:1px solid #ccc;
				font-size:14px;
				color:#666;
				line-height:35px;
				padding-left:5px;
				margin-bottom:20px;
			}
			
			.contact-form-container .fields textarea
			{
				width:100%;
				border:1px solid #ccc;
				font-size:14px;
				color:#666;
				height:150px;
				padding-left:5px;
				margin-bottom:20px;
			}

.address
{
}

	.address .address-info
	{
	}
		
		.address .address-info .office
		{
			color:#494d4d;
			font-weight:600;
			font-size:16px;
			margin-bottom:20px;
		}
		
		.address .address-info .meta
		{
			font-size:16px;
			color:#7f8c8d;
			line-height:24px;
			margin-bottom:20px;
			
		}
		
		.address .address-info .add-icons
		{
			font-size:16px;
			color:#7f8c8d;
			line-height:40px;
		}
		
			.address .address-info .add-icons i
			{
				color:#4D418D;
				margin-right:15px;
				font-size:18px;
				
			}
			
.socialize
{
}

	.socialize .social-icons li
	{

		
		
		text-align:center;
		margin-bottom:20px;
		
	}
	
		.socialize .social-icons li a
		{
			width:44px;
			height:44px;
			border:1px solid #bdc3c7;
			line-height:44px;
			color:#a2a7aa;
			font-size:20px;
			display:block;
			transition:.3s ease-in;
			-webkit-transition:.3s ease-in;
			-moz-transition:.3s ease-in;
			-o-transition:.3s ease-in;
		}

		.socialize .social-icons li a:hover
		{

			border:1px solid #4D418D;
			line-height:44px;
			color:#fff;
			background:#4D418D;
			text-decoration:none;
			font-size:20px;
			display:block;
		}
		

/*==================================
	8.12 Shortcodes
===================================*/

.b-font
{
	color:#7f8c8d;
	line-height:28px;
}

/*Accordian*/
.panel
{
	border-radius:0px !important;
	border:none !important;
	
}
.panel-group .panel+.panel
{
	margin-top:0px;
}

.panel-default>.panel-heading
{
	    background: #4D418D;
    border-bottom: 1px solid #E6E6DC !important;
    color: #fff;
    border-radius: 0px !important;
    padding: 15px 15px !important;
}

.panel-title>a
{
	text-decoration:none;
}
.panel-default>.panel-heading+.panel-collapse .panel-body
{
	font-size:15px;
	color:#7f8c8d;
	line-height:28px;
}

	.panel-default>.panel-heading+.panel-collapse .panel-body .heading
	{
		font-size:16px;
		color:#000;
		font-weight:600;
		
	}
	
/*Tabs*/	

	.tab-pane
	{
		background:#fff;
		padding:15px;
		border-bottom:1px solid #ddd;
		border-left:1px solid #ddd;
		border-right:1px solid #ddd;
		font-size:15px;
	    color:#7f8c8d;
	    line-height:28px; 
        padding-top: 70px;
	}
		
		.tab-pane .heading
		{
			font-size:16px;
			color:#000;
			font-weight:600;
		}


.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus
{
	border-radius:0px !important;

	padding:12px 30px;

}

.nav-tabs>li
{
	background:#4D418D;
	color:#fff;
	margin-right:1px;
	border-right: 1px solid #fff;
}
.enrich-top-resources > li {
    background: #0054A0;
}

.nav-tabs>li>a
{
	margin-right:0px;
	padding:12px 30px;
	color:#fff;

}

.nav-tabs>li>a:hover
{
	border-radius:0px !important;
	color:#333;
}

/*Buttons*/



	a.btn-small 
	{
		color:#fff;
		padding:10px 20px;
		font-size:14px;
		text-decoration:none;		
		transition:.3s ease;
		-webkit-transition:.3s ease;
		-moz-transition:.3s ease;
		-o-transition:.3s ease;
		font-family: 'Montserrat', sans-serif;
	}


	a.btn-med
	{
		color:#fff;
		padding:12px 40px;
		font-size:16px;
		text-decoration:none;
		transition:.3s ease;
		-webkit-transition:.3s ease;
		-moz-transition:.3s ease;
		-o-transition:.3s ease;
		font-family: 'Montserrat', sans-serif;
	}




	a.btn-large 
	{
		color:#fff;
		padding:15px 50px;
		font-size:18px;
		text-decoration:none;
		transition:.3s ease;
		-webkit-transition:.3s ease;
		-moz-transition:.3s ease;
		-o-transition:.3s ease;
		font-family: 'Montserrat', sans-serif;
	}


a.btn-red 
{
	background:#297fcc;
	border-bottom:3px solid #1b54bb;

}

	a:hover.btn-red 
{
	background:#3bc1ed;
	border-bottom:3px solid #27ace7;		
}

	a:active.btn-red 
{
	background:#3baced;
	border-bottom:3px solid #2790e7;	
}




a.btn-green 
{
	background:#2ecc71;
	border-bottom:3px solid #24a159;

}

	a:hover.btn-green 
{
	background:#ffb11b;
	border-bottom:3px solid #da8e12;	
}

a.btn-emerald 
{
	background:#16a085;
	border-bottom:3px solid #117e69;

}

	a:hover.btn-emerald 
{
	background:#ffb11b;
	border-bottom:3px solid #da8e12;	
}

a.btn-blue 
{
	background:#3498db;
	border-bottom:3px solid #2978ad;

}

	a:hover.btn-blue 
{
	background:#ffb11b;
	border-bottom:3px solid #da8e12;	
}

a.btn-purple 
{
	background:#9b59b6;
	border-bottom:3px solid #8e44ad;

}

	a:hover.btn-purple 
{
	background:#ffb11b;
	border-bottom:3px solid #da8e12;	
}

a.btn-yellow 
{
	background:#E4D828;
	border-bottom:3px solid #c07b0e;

}

	a:hover.btn-yellow 
{
	background:#ffb11b;
	border-bottom:3px solid #da8e12;	
}

a.btn-dblue 
{
	background:#34495e;
	border-bottom:3px solid #293a4a;

}

	a:hover.btn-dblue 
{
	background:#ffb11b;
	border-bottom:3px solid #da8e12;	
}

/* Columns */
.boxed
{
	background:#fff;
	border-left:1px solid #e9e9e9;
	border-right:1px solid #e9e9e9;
	border-bottom:2px solid #c4c4c4;
	padding:20px;
	
	}


.btn-center {
	text-align:center;
}	
	
.button-right {
	
}	


#squeeze {
	background-color:#f5f5f5;
}

.squeeze-logo {
	text-align: center;
	padding: 40px 0 0 0;
	background: #f5f5f5;
    display:block;
}
	
.horizontal-divider {
	margin:20px 0;
	border:2px solid #ddd;
}	
	

/*==================================
	8.13 Elements
===================================*/

.border-t{
	border-top:2px solid #E0E3E6;
}

/*Small Button*/
a.btnsmall{
	padding-left:10px;
	padding-right:10px;
	color:#fff;
	text-decoration:none;
	background:#4D418D;
	display:table;
	font-size:14px;
	font-family: 'Montserrat', sans-serif;
	font-weight:400;
	border-radius:3px;
	border-bottom:3px solid #c13636;
	line-height:37px;
	transition:All .1s ease;
	-webkit-transition:All .1s ease;
	-moz-transition:All .1s ease;
	-o-transition:All .1s ease;
}
a.btnsmall:hover{
	
	background:#ffc71d;
	border-top:2px solid #e4b21b;
	border-bottom:none;
	
}

/*Medium Button*/

a.btnmed {
	padding-left:20px;
	padding-right:20px;
	color:#fff;
	text-decoration:none;

	display:table;
	font-size:16px;
	font-family: 'Montserrat', sans-serif;
	font-weight:400;
	border-radius:3px;

	line-height:47px;
	transition:All .1s ease;
	-webkit-transition:All .1s ease;
	-moz-transition:All .1s ease;
	-o-transition:All .1s ease;
	
	background:#297fcc;
	border-bottom:3px solid #1b54bb;
}
a:hover.btnmed {
	
	background:#ffc71d;
	border-top:2px solid #e4b21b;
	border-bottom:none;
	
}



/* Block Quote*/
blockquote
{
	border-left: 7px #4D418D solid;
	background:#ecf0f1;
	margin:30px;
	font-size:16px;
	color:#393e3e;
	font-style:italic;
}

/*Stick*/
.postion-f
{
	position:fixed
}

/*Divider*/
	hr
	{}
	
	.division
	{
		margin:60px 0 !important;
		border-top:1px solid #dde0e0 !important;
		border-bottom:1px solid #dde0e0 !important;
	}

	.division2
	{
		margin-bottom:50px !important;
		border-top:1px solid #dde0e0 !important;
		border-bottom:1px solid #dde0e0 !important;
	}

	.division3
	{
		margin:40px 0px !important;
		border-top:1px solid #dde0e0 !important;
		border-bottom:1px solid #dde0e0 !important;
	}

/*Pricing table*/


.ptable-container
{
	background:#fff;
	border-radius:4px;
	box-shadow:0px 1px 2px #adadad;
	-webkit-box-shadow:0px 1px 2px #adadad;
	-moz-box-shadow:0px 1px 2px #adadad;
	-o-box-shadow:0px 1px 2px #adadad;
	margin-bottom:40px;
	transition:.3s all;
	-webkit-transition:.3s all;
	margin-top:30px;

	
	
}
	
	.ptable-container .plan-title
	{
		font-family: 'Montserrat', sans-serif;
		font-size:28px;
		line-height:65px;
		font-weight:bold;
		background:#ccc;
		text-align:center;
		margin-left:-15px;
		margin-right:-15px;
		color:#fff;
		border-top-left-radius:4px;
		border-top-right-radius:4px;
	}
	
	.ptable-container .plan-price
	{
		font-family: 'Montserrat', sans-serif;
		font-size:72px;
		font-weight:bold;
		text-align:center;
		margin-left:-15px;
		margin-right:-15px;
		padding:32px 0px 22px 0px;
		color:#fff;
		background:#efefef;
		
	}
	
		.ptable-container .plan-price .subscript
		{
			font-size:28px;
		}
		
		.ptable-container .monthly
		{
			font-size:18px;
			font-weight:normal;
		}
	
	.ptable-container .plan-detail
	{
		font-size:16px;
		color:#7f8c8d;
		line-height:26px;
		border-bottom:1px solid #e5e8e8;
		text-align:center;
		padding:20px 0px;
		font-weight:300;
	}
	
	.ptable-container .plan-features
	{
		line-height:40px;
		font-size:16px;
		color:#666;
		border-bottom:1px solid #e5e8e8;
		padding:0 10px;
	}
	
	.ptable-container .btn
	{
		padding:30px 0px 20px 0px;
		text-align:center;
		width:100%;
	}
	
	.ptable-container .btn a
	{
		margin:0 auto;
		border-radius:4px;
	}

	.popular-plan
	{
		box-shadow:0px 1px 8px #333 !important;
		-webkit-box-shadow:0px 1px 8px #333 !important;
		-moz-box-shadow:0px 1px 8px #ccc !important;
		-o-box-shadow:0px 1px 8px #ccc !important;
		position:relative;
		z-index:2;		
	}
	.popular-plan .badge-wrapper
	{
		width:85px;
		height:85px;
		overflow:hidden;
		position:absolute;
		top:-15px;
		right:0px;
		border-top-right-radius:4px;
	}
	.popular-plan .badge
	{
		position:relative;
		top:10px;
		right:0px;
		width:144px;
		height:85px;
		padding-top:60px;
		background:#6ccb20;
		transform:rotate(45deg);
		-webkit-transform:rotate(45deg);
		margin-top:-40px;
	}
	
	.popular-plan .plan-title
	{
		margin-top:-15px !important;
		top:-10px;
		padding:7px 0px;
	}

/*table colors*/
/*red*/
	.red-table .plan-title
	{
		background:#4D418D;
	}
	
	.red-table  .plan-price
	{
		background:#e73b3b;
	}
	
	.red-table .plan-features
	{
		color:#e73b3b;
	}
	
/*emerald*/
	.emerald-table .plan-title
	{
		background:#4D418D;
	}
	
	.emerald-table  .plan-price
	{
		background:#18ad8f;
	}

	.emerald-table .plan-features
	{
		color:#18ad8f;
	}

/*blue*/
	.blue-table .plan-title
	{
		background:#2980b9;
	}
	
	.blue-table  .plan-price
	{
		background:#2570a2;
	}

	.blue-table .plan-features
	{
		color:#2570a2;
	}


/*purple*/
	.purple-table .plan-title
	{
		background:#9b59b6;
	}
	
	.purple-table  .plan-price
	{
		background:#8e44ad;
	}

	.purple-table .plan-features
	{
		color:#8e44ad;
	}
/*==================================
	9. Padding / Margin
===================================*/
.nopadding
{
	padding:0px;
}

.margin60-t
{
	margin-top:60px;
}
.margin30-t
{
	margin-top:30px;
}

.margin60-b
{
	margin-bottom:60px;
}

.margin30-b
{
	margin-bottom:30px;
}
.margin0-b
{
	margin-bottom:0px !important;
}

/*==================================
	11. Banner Slider Styles
===================================*/

.heading-big-white
{
	font-family: 'Open Sans', sans-serif;
	font-size:60px;
	font-weight:bold;
	color:#fff;
	text-shadow:0px 1px 3px #818181;
	line-height:48px;
	
}

.heading-small-white
{
	font-family: 'Open Sans', sans-serif;
	font-size:30px;
	color:#fff;
	text-shadow:0px 1px 3px #818181;
	line-height:32px;
}

.heading-list-small
{
	font-family: 'Open Sans', sans-serif;
	font-size:22px;
	color:#fff;
	text-shadow:0px 1px 3px #818181;
}


.login {
    margin-left: 420px;
}

.cta-modal {
    width: 700px;
}

.cta-modal .modal-title {
    text-align: center;
}
.cta-modal h1 {
    font-size: 26px !important;
    font-weight: bold !important;
    margin: 0px!important;
}
.cta-modal .modal-content {
   padding: 30px 70px 20px 70px;
}
.cta-modal #ctaModalBtn {
    width: 100%;
}
.cta-modal  .modal-header {
    padding: 0px;
    border: none;
}
.cta-modal  a.readmore {
    text-align: center;
    margin-bottom: 15px;
}
.cta-modal  .opt-in{
    font-style: italic;
}

.modal-video {
    width: 820px;
    margin-top: 5%;
}
.modal-video .modal-content {
    background-color: #000;
    border: none;
    padding-left: 10px;
}
.modal-video .modal-content .modal-body {
    padding: 0px;
}
.modal-video .close {
    margin-left: 15px;
    margin-right: 15px;
}

.modal-video #v-container_wrapper {
    padding-left: 20px;
}

.modal-upgrade {
    width: 800px;
    margin-top: 10%;
}
.modal-upgrade .modal-content {
    background-color: #fff;
    border: none;
    padding-left: 10px;
}
.modal-upgrade .modal-header {
    padding: 20px;
}
.modal-upgrade .modal-title {
   text-align: center;
}
.modal-upgrade .modal-header {
    border: none;
}
.show-case-visual img {
    min-height: 371px;
}


.btn-play {
    display: block;
    position: relative;
    margin: 50px auto;
}
.btn-play img{
    width: 10%;
}
.btn-play img:hover{
    opacity: .6;
    cursor: pointer;
}
.btn-play img:active{
    opacity: .8;
    cursor: pointer;
}
#vidBackground {
    padding-top: 180px;
    padding-bottom: 60px;
}
.demo-container h2{
    font-size: 28px !important;
    margin-top: 22px !important;
}

.overview-video {
    text-align: center;
}
.customizable-platform img {
    max-width: 671px;
}
    .overview-video:hover .btn-play {
        background-position: 0 -124px;
    }

    .overview-video .btn-play {
        display: block;
        width: 124px;
        height: 0;
        padding-top: 124px;
        background-image: url("/assets/images/overview-play.png");
        overflow: hidden;
        position: absolute;
        top: 30%;
        left: 42%;
    }
    .customizable-platform {
        background-color: #fff;
    }

    .home-carousel {
        margin: 50px auto 50px auto;
    }
    .personalized-content .section-heading, .personalized-content .section-subheading{
        padding: 0px;
        margin: 0px;
    }
    .financial-literacy-header {
        text-align: center;
    }
    .financial-literacy-header .section-heading {
        font-size: 38px !important;
    line-height: 40px !important;
    text-align: center !important;
    margin-top: 0px !important;
    margin-bottom: 10px !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    }
.financial-literacy-header h4.head {
    font-size: 24px;
    line-height: 30px;
    font-style: italic;
    color: #ffffff;
    text-align: center;
}
.left {
    float: left;
}
.right {
    float: right;
}
.report-content {
    margin-bottom: 50px;
}
span.error {
    display: inline-block !important;
    position: absolute;
    vertical-align: top;
    width: 17px;
    height: 17px;
    text-indent: -9999px;
    overflow: hidden;
    top: 0px;
    right: -25px;
    margin: 3px 0 0 9px;
    background: url('/assets/images/icons-validate.png') no-repeat -17px 0;
}
span.error.valid {
display: inline-block !important;
background: url('/assets/images/icons-validate.png') no-repeat;
}
.validate .fields {
    position: relative;
}
.date {
    display: inline-block;
}
.date input{
    width:150px;
}






























































.dropdown-toggle .caret{
        display: none;
}










body:before
{
    font-family: "Kendo UI";
    content: "\a0";
    font-size: 0;
    width: 0;
    height: 0;
    position: absolute;
    z-index: -1;
}

html, body {
    margin: 0;
    padding: 0;
    min-width: 320px;
}

#example {
    padding-top: 2em;
}

header {
    margin: 0;
    color: #fff;
    background-color: #272727;
}

header h1,
header button {
    display: inline-block;
    vertical-align: middle;
}

header .container h1 {
    margin: 0;
    font-size: 21px;
    line-height: 65px;
    padding-top: 20px;
    padding-left: 0;
}

#configure,
header label {
    border-style: solid;
    border-color: #636363;
    border-width: 0 0 0 1px;
    margin-bottom: 0;
    font-weight: normal;
}

header .container {
    position: relative;
}

header .description {
    text-transform: uppercase;
    color: #ccc;
    font-size: 10px;
    line-height: 29px;
}

header .k-dropdown,
header #font-size-value {
    font-size: 18px;
    line-height: 45px;
    margin-bottom: 9px;
}

header .k-dropdown {
    width: 100%;
}

header .k-dropdown-wrap {
    background-image: none !important;
}

header .k-dropdown,
header .k-dropdown-wrap.k-state-default {
    background-color: transparent;
    border-color: #5c5c5c;
    border-radius: 0;
}

header .k-dropdown-wrap.k-state-hover,
header .k-dropdown-wrap.k-state-active,
header .k-dropdown-wrap.k-state-focused {
    background-color: #030303;
}

header .k-dropdown-wrap.k-state-focused {
    box-shadow: none;
}

header .k-dropdown .k-input {
    padding-top: 0;
    padding-bottom: 0;
    height: auto;
    text-indent: 14px;
}

header .k-dropdown .k-input,
header .k-dropdown-wrap .k-select {
    line-height: 45px;
}


header .k-dropdown-wrap.k-state-default .k-input {
    color: #fff;
}

.k-popup.ra-list {
    background-color: #010101;
    border-color: #5c5c5c;
    color: #fff;
    padding: 0;
    border-radius: 0;
}

.k-popup.ra-list .k-state-hover,
.k-popup.ra-list .k-state-selected,
.k-popup.ra-list .k-state-focused {
    background-image: none;
    background-color: #555;
    box-shadow: none;
    color: #fff;
    border-color: #555;
}

.k-popup.ra-list .k-item {
    border-radius: 0;
    text-indent: 7px;
}

#configure {
    z-index: 10;
    width: 50px;
    height: 50px;
    overflow: hidden;
    border-width: 0 0 0 1px;
    background-color: transparent;
    position: absolute;
    top: 0; right: 0;
    color: #fff;
}

#demo {
    padding-top: 46px;
}

#menu {
    margin-bottom: 30px;
}

#profile {
    position: relative;
}

.ra-well-title {
    font-size: 1.2857em;
    line-height: 1.2857em;
    border-bottom: 1px solid #e7e7e7;
    margin: -5px -19px 0.8333em;
    padding: 0 19px 0.7222em;
}

.ra-avatar {
    border: 1px solid #e7e7e7;
    border-radius: 2px;
}

.ra-first-name {
    display: block;
    margin-top: 0.8571em;
}

.ra-last-name {
    display: block;
    font-size: 1.7143em;
    line-height: 1.3em;
}

.ra-position {
    font-size: 0.8571em;
    color: #999;
    padding-bottom: 2em;
}

.form-group .k-widget,
.form-group .k-textbox {
    width: 100%;
}

.buttons-wrap {
    border-top: 1px solid #e7e7e7;
    padding-top: .5em;
    text-align: right;
}

.ra-section {
    margin-bottom: 20px;
}

.ra-well-overlay {
    margin: -16px -20px -19px;
}

#tabstrip .k-content {
    min-height: 156px;
}

#tabstrip .k-chart {
    height: 156px;
}

#tabstrip .k-content {
    padding: 1px;
}

#tabstrip-4 {
    text-align: center;
}

#tabstrip .km-icon:after {
    font: 1.3em/1em "Kendo UI" !important;
}

.revenue:after { content: "\E08C"; }
.spd:after { content: "\E04B"; }
.spr:after { content: "\E050"; }
.share:after { content: "\E04E"; }

#tabstrip .k-tabstrip-items span {
    float: left;
    line-height: 1.3em;
    vertical-align: middle;
}

#tabstrip .k-tabstrip-items .hidden-xs {
    margin-left: 4px;
}

.market-donut {
    display: inline-block;
    width: 170px;
}

#panelbar .k-content {
    padding: 1em;
}

#panelbar ul {
    margin-bottom: 10px;
}

#listview {
    list-style-type: none;
    padding: 0 0 15px;
}

#listview figure {
    border: 1px solid #e7e7e7;
    border-radius: 3px;
    padding: 5px;
    margin-top: 15px;
}

figure h4 {
    font-size: 1.15em;
}

figure p.hidden-sm {
    min-height: 80px;
}

footer {
    text-align: right;
    font-size: 0.8571em;
    padding: 2em 0;
}

header .container h1.visible-sm {
    padding-top: 10px;
    line-height: 33px;
    padding-bottom: 10px;
}

@media (max-width: 767px) {
    .k-menu.k-menu-horizontal .k-item {
        float: none;
    }

    header .container {
        padding-right: 0;
    }

    header .container h1 {
        padding-top: 0;
        line-height: 50px;
    }

    header label {
        border-width: 1px 0 0 0;
        display: block;
    }

    #configurator-wrap {
        position: absolute;
        overflow: hidden;
        height: 260px;
        right: 0;
        top: 50px;
        z-index: 1000;
        padding: 0;
        width: 320px;
    }

    #configurator {
        background-color: #272727;
        position: absolute;
        width: 100%;
        margin: 0;
    }
}

.k-black body,
.k-metroblack body,
.k-black .well,
.k-metroblack .well,
.k-black .ra-well-title,
.k-metroblack .ra-well-title,
.k-black .buttons-wrap,
.k-metroblack .buttons-wrap
{
    border-color: #444;
    background-color: #1e1e1e;
    color: #fff;
}

.k-highcontrast body,
.k-highcontrast .well
.k-highcontrast .ra-well-title,
.k-highcontrast .buttons-wrap
{
    border-color: #664e62;
    background-color: #2c232b;
    color: #fff;
}

.k-moonlight body,
.k-moonlight .well,
.k-moonlight .ra-well-title,
.k-moonlight .buttons-wrap
{
    border-color: #171e28;
    background-color: #212a33;
    color: #fff;
}

.k-grid-content {
    font-size: 12px;
}

.copyLink {
    color: black;
    margin-left: 20px;
}
.resource-ajax a{
    display: inline-block;
}
.list-head {
    color: black !important;
    font-weight: bold !important;
    margin-top: 20px !important;
}
.black-text .port-ext-content {
    color: #000;
}
.black-text p {
    color: #000;
}
.margin100-b {
margin-bottom: 100px;
}
/*Top 25 Resources Page*/

a.enrich-resource-link {
    color: #0054A0;
}

/*Financial literacy curriculum*/ 

.financial-literacy-curriculum h2,.financial-literacy-curriculum h1 {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 30px !important;
    font-weight: bold !important;
    margin: 0px 0px 20px 0px !important;
    color: #000 !important;
}
.financial-literacy-curriculum .white-bg .text h3 {
    font-size: 23px !important;
    font-style: italic;
    margin-bottom: 15px !important;
    font-weight: bold !important;
}
.text {
    font-size: 14px;
    color: #7f8c8d;
    line-height: 28px;
}

.financial-literacy-curriculum #promo-line a {
    padding: 6px;
    color: #fff;
    font-size: 20px;
    line-height: 48px;
    font-weight: 700;
    border-radius: 2px;
    text-decoration: none;
    margin-top: 8px;
}
.financial-literacy-curriculum a.btn-blue-custom {
    /* background: #3498db; */
    background: #297fcc;
    border-bottom: 3px solid #2978ad;
}
.financial-literacy-curriculum #promo-line {
padding-top: 20px;
padding-bottom: 20px;
}
.financial-literacy-curriculum #promo-line h2 {
padding-top: 20px;
}
.financial-literacy-curriculum #subpage-holder,#subpage-holder {
padding-top: 60px;
background: #fff;
}
.financial-literacy-curriculum .blog-promo {
background: #E6E6DC;
border-top: 1px solid #E0E3E6;
border-bottom: 1px solid #E0E3E6;
}
.financial-literacy-curriculum .team .content-container .head {
margin: 0;
padding: 20px 0;
}
.financial-literacy-curriculum .team:hover .team-hover {
    top: 0;
}
.financial-literacy-curriculum .team-hover {
    position: absolute;
    height: 100%;
    width: 100%;
    background: #4D418D;
    /* background: rgba(245,68,68,.9); */
    background: #4D418D;
    top: 100%;
    left: 0;
    padding-top: 10%;
    transition: All .5s ease;
    -webkit-transition: All .5s ease;
    -moz-transition: All .5s ease;
    -o-transition: All .5s ease;
    padding: 15px;
}
.financial-literacy-curriculum .team-hover .detail {
background: #fff;
color: #222;
padding: 10px;
}
.white-bg {
background: #fff;
}
.padding-100 {
padding: 100px 0;
}
#methodology .service-detail p {
color: #7f8c8d;
font-size: 14px;
line-height: 28px;
padding-top: 10px;
}
.financial-literacy-curriculum #testimonials {
padding: 100px 0;
}
.financial-literacy-curriculum #testimonials .section-heading {
margin-bottom: 25px;
}
.financial-literacy-curriculum .testi-face img {
width: 106px;
    height: auto;
}
#testimonials .testimonial-text .reference {
text-align: center;
margin: 25px 0;
font-weight: bold;
font-size: 16px;
color: #000;
}
#testimonials .testimonial-text p {
color: #666666;
font-weight: bold;
}
#testimonials .testimonial-text {
margin-bottom: 25px;
}
.financial-literacy-curriculum .panel-default>.panel-heading+.panel-collapse .panel-body .heading {
font-size: 16px;
color: #000;
font-weight: 600;
margin-bottom: 15px;
}
.financial-literacy-curriculum #methodology img {
vertical-align: middle;
width: 100%;
}
.padding-40 {
    padding: 40px 0;
}
.padding100-b {
    padding-bottom: 100px;
}
.padding60-t{
     padding-top: 60px;
}
#navSticky ul.dropdown-menu {
    background: #fff;
    opacity: .95;
    margin-left: 20px;
}
#navSticky .dropdown-menu li {

border-bottom-width: 0px;
}
#navSticky .open>a{
background-color: #fff; 
}

.padd60 {
padding: 60px 0;
}

/*==================================
	folio-container
===================================*/

.folio-container {
	background: #fff;
	border-left: 1px solid #e9e9e9;
	border-right: 1px solid #e9e9e9;
	border-bottom: 2px solid #c4c4c4;
	padding: 0 20px 20px;
}

.folio-container h3 {
	font-size: 20px;
	line-height: 40px !important;
	font-weight: 600 !important;
	font-family: 'Montserrat', sans-serif !important;
	color: #ffffff;
	margin: 0 0 20px 0 !important;
	padding-top:20px;
	color: #000 !important;
	font-size: 20px !important;
	line-height: 20px !important;
	text-decoration: none !important;

}

.folio-container p {
	font-size: 13px;
	line-height: 24px;
	color: #000000;
}


.folio-download {
	margin: 20px 0 0;
}

.folio-hover li a {
	color:#000;
}

.folio-hover li a:hover span {
	text-decoration:none;
}

#myTab {
    width: 100%;
    background: #4D418D;
}
#enrich-myTab {
    width: 100%;
    background: #0054A0;
}
#ReportMenu {
    display: block;
}

#ReportMenuTogleContainer {
    display: none;
    margin: -20px 0 5px 0;
}
#ReportMenuTogle .icon-bar{
   display: block;
   height: 2px;
    width: 22px;
   background-color: #FCFAFA;
}
#ReportMenuTogle{
    float: left;
    background: #999;
}



/*==================================
	11. Responsive Media Queries
===================================*/

/* Large desktop */
@media (min-width: 1200px) {

.post{
	width:360px;
	margin-left:10px;
	margin-right:10px;
}



.navbar-nav > li > a{
	padding-left:27px;
	padding-right:27px;
	
}


}

@media (min-width:992px) and (max-width:1199px)
{
     .space {
        display: none !important;
    }
    .report-options-wrap {
      padding: 3px 0 !important;
       padding-top: 10px !important;
  padding-bottom: 5px !important;
  padding-left: 10px !important;
    }
    .report-options-wrap .k-widget {
  margin-bottom: 6px;
}
    .nav.nav-list.report-nav {
        padding-left: 0px;
        padding-right: 0;
    }
    #pnlCourses{
         margin-left: -15px !important;
    }
    .top-resources >li>a {
        padding: 12px 10px;
    }
    #ReportContentWrapper {
       
        width: 100%; 
        white-space: nowrap;
        overflow-y: hidden;
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch;
    }
	.margin-bt-md
	{
		margin-bottom:40px;
	}
    .breadcrumb {
        margin-top: 20px;
    }
    .well-small h1 {
        font-size: 18px !important;
    }
    .well-small h4 {
        font-size: 14px;
    }
}
 
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
         .space {
        display: none !important;
    }
    .report-options-wrap .k-widget {
      margin-bottom: 8px;
    }
    .overview-chart-wrap {
        overflow: scroll
    }
    .report-options-wrap {
  padding: 0px 0 20px;
  max-width: 670px;
    padding-top: 10px !important;
  padding-bottom: 5px !important;
}
    #ReportDates {
    min-width: 850px; 
}
    .top-resources>li>a {
        font-size: 12px;
        padding: 12px 6px;
    }
    #ReportContentWrapper {
        width: 100%; 
        white-space: nowrap;
        overflow-y: hidden;
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch;
    }
 .nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
        padding: 12px 6px;
        font-size: 12px;
    }

    .dropdown-menu a {
        background-color: white;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
    }
    #ReportMenu {
        display: none;
    }
    #ReportMenuTogleContainer {
        display: block;
        position: absolute;
        right: 0px;
        z-index: 5000;
    }
    .breadcrumb {
        margin-top: 20px;
    }
.navbar-nav
{
	margin:7.5px 0px;
}
.admin-stats {
    margin-left: 0px;
}
	
	.dropdown-menu 
	{
		position:relative;
	}
	ul.dropdown-menu 
{
	width:97%;
	margin-bottom:20px;
}
    .dropdown-toggle .caret{
        display: inline-block;
    }
    .quick-access ul li {
        border-right: 0px solid #fff;
    }
	
.quick-access ul{
	float:none;
}
.navbar-nav{
	float:none;
}

.navbar-nav > li{
	margin-left:6px;
	
}
.navbar-nav > li > a{
	padding-top:15px;
	padding-bottom:15px;
	border-radius:5px;
}

.navbar-nav > li.active > a{
	background:#d5d5d5 !important;
	color:#555557 !important;
}


.solid-features .section-heading{
	text-align: center;
}


#tweets p,.popular-post,.contact-info li,.time-stamp,#tweets li .timestamp,.copyright{
	text-align:center !important;
}



.social{
	float:none;
	text-align:center !important;
	display:block;
}

#promo-line,#promo-line .section-heading,#promo-line .section-subheading{
	text-align:center;
}

/*solid features*/
.solid-features .section-heading{
	margin-bottom:30px;
	margin-top:20px;
}

.margin-bt-md
{
	margin-bottom:40px;
}

/*--------------------------
----------------------------
Services
---------------------------
---------------------------*/
.service-content-container
{
	padding-top:0px;
}

.service-content-container h2
{
	text-align:center;
}

/*==================================
	Portfolio Single Page
===================================*/

.port-nav
{
	margin-top:30px;

}
/*==================================
	Contact
===================================*/

.contact-form-container
{
	margin-bottom:30px;
}
.address
{
	margin-bottom:30px;
}
}
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
     .space {
        display: none !important;
    }
    .report-options-wrap .k-widget {
  margin-bottom: 6px;
}
    .report-options-wrap {
        max-width: 500px;
    }
    .top-resources >li {
        width: 100%;
  
    }

    .overview-chart-wrap {
        overflow: scroll
    }
  
    #ReportContentWrapper {
        width: 100%; 
        white-space: nowrap;
        overflow-y: hidden;
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch;
    }

    .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
        padding-left: 0px;
    }

    .container>.navbar-header {
        margin-right: 0px;
        margin-left: 0px;
    }


    #dpFrom, #dpTo {
        margin-bottom: 5px;
    }
    .breadcrumb {
        margin-top: 20px;
    }
    .text-nowrap {
        text-wrap: none;
        white-space: nowrap;
    }
    #ReportMenu {
        display: none;
        padding-left: 0px; 
    }

    #ReportMenuTogleContainer {
        display: block;
        position: absolute;
        right: 0px;
        z-index: 5000;
    }

    #ReportMenu .nav-list{
        padding-left: 0px; 
    }
#tweets p,.popular-post,.contact-info li,.time-stamp,.timestamp,.copyright{
	text-align:center !important;
}
.social{
	float:none;
	display:block;
}



.quick-access ul{
	float:none !important;
	margin-left:0;
	text-align:center;
}

.quick-access ul li{
	float:none;
	display:block;
	border:none;
}

.quick-access ul.top-right li {
	border:none;
	margin-bottom:10px;
}

.quick-search{
	display:inline-block;
}

.navbar-nav{
	float:none !important;
	overflow-y:hidden;
}

.navbar-nav > li{
	margin-left:6px;
	
}
.navbar-nav > li > a{
	padding-top:15px;
	padding-bottom:15px;
	border-radius:5px;
}

.navbar-nav > li.active > a{
	background:none !important;
	color:#555557 !important;
}


.dropdown-toggle .caret{
        display: inline-block;
    }
.navbar-nav > li > a{
	width:95.5%;
	margin-left:10px;
}

.solid-features .section-heading{
	text-align: center;
}

.quick-search{
	width:240px;
}

#promo-line,#promo-line .section-heading,#promo-line .section-subheading{
	text-align:center;
}

.viemeo-player{
	width:90%;
	max-width:480px !important;

}

.bread-crumb .head{
	line-height:30px;
	padding-top:20px;
}
.bread-crumb{
	padding-bottom:20px;
	line-height:30px;
}
.crumbs{
	padding-top:20px;
}

/*dropdown*/
	.navbar-nav
{
	margin:7.5px 0px;
}
	
	.dropdown-menu 
	{
		position:relative;
	}
	ul.dropdown-menu 
{
	width:97%;
	margin-bottom:20px;
	
	
}



/*solid features*/
.solid-features .section-heading{
	margin-bottom:30px;
	margin-top:20px;
}

/*pricing table*/
	.popular-plan .badge-wrapper
	{

		top:0px;

	}

/*--------------------------
----------------------------
Services
---------------------------
---------------------------*/
.service-content-container
{
	padding-top:0px;
}

.service-content-container h2
{
	text-align:center;
}



/*==================================
	Blog Standard Wide
===================================*/


	
	.post-wide .meta-wide .title-info
	{
		padding-left:15px;
		width:85%
	}
	
		.post-wide .meta-wide .title-info .head
		{
			line-height:30px;

		}
		
		.post-wide .meta-wide .title-info .post-meta
		{
			margin-top:10px;
			
		}


 
 /*==================================
	Portfolio Single Page
===================================*/

.port-nav
{
	margin-top:30px;

}

/*==================================
	Contact
===================================*/

.contact-form-container
{
	margin-bottom:30px;
}
.address
{
	margin-bottom:30px;
}
}
/* Landscape phones and down */
@media (max-width: 480px) {
    .demo-container ul{
        padding: 0;
    }
    .demo-container ul #UOP{
        width:90%;
    }
    #ReportContentWrapper {
        width: 100%; 
        white-space: nowrap;
        overflow-y: hidden;
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch;
    }
    .dropdown-toggle .caret{
        display: inline-block;
    }
    .financial-literacy-header .section-heading {
        font-size: 24px;
        line-height: 24px;
    }

    .financial-literacy-header h4.head {
        font-size: 20px;
        line-height: 22px;
    }

    #big-video-image {
        width: 100%;
    }

    .btn-play img {
        width: 22%;
    }

    .navbar-nav {
        margin: 7.5px 0px;
    }

    .btn-play {
        margin: 30px auto;
    }

    #vidBackground {
        padding-top: 30px;
        padding-bottom: 50px;
    }

    .dropdown-menu {
        position: relative;
    }

    ul.dropdown-menu {
         width: 95%;
        margin-bottom: 20px;
    }
    .dropdown-toggle .caret{
        display: inline-block;
    }

    ul.dropdown-menu.settings {
        display: none;
        width: 95%;
        margin-bottom: 20px;
    }
    .open>.dropdown-menu.settings {
        display: block;
    }
    .bread-crumb, .bread-crumb .head {
        line-height: 30px;
    }

    .navbar-nav > li > a {
        width: 92%;
        margin-left: 9.5px;
    }

    .section-heading {
        font-size: 30px;
    }

    .viemeo-player {
        max-width: 360px !important;
    }

    .video-width {
        height: 400px;
    }

    /*solid features*/
    .solid-features .section-heading {
        margin-bottom: 30px;
        margin-top: 20px;
    }



    /*==================================
	Blog Standard Wide
===================================*/



    .post-wide .meta-wide .title-info {
        padding-left: 15px;
        width: 75%;
    }


    /*--------------------------
----------------------------
Services
---------------------------
---------------------------*/
    .service-content-container {
        padding-top: 0px;
    }

        .service-content-container h2 {
            text-align: center;
        }

    /*==================================
	Portfolio Single Page
===================================*/

    .port-nav {
        margin-top: 30px;
    }


    /*==================================
	Contact
===================================*/

    .contact-form-container {
        margin-bottom: 30px;
    }

    .address {
        margin-bottom: 30px;
    }
}

@media (max-width: 360px) {
    .space {
        display: none !important;
    }
    .overview-chart-wrap {
        overflow: scroll
    }
    .apply-btn {
          margin-left: 0 !important;
          margin-top: 4px !important;
          display: block;
          width: 90%;
    }
    #overlay {
        padding: 0px !important;
    }
    .export-pdf {
  margin-right: 0px !important;
}
    .report-options-wrap {
        padding: 30px 0 !important;
          background-color: #fff !important;
  border-color: #fff !important;
}
    .report-options-wrap .k-widget {
  width: 90% !important;
  margin-bottom: 6px;
}
   
    .job-download{
         padding: 0 0 10px 0px !important;
    }
    .job-download .k-dropdown{
        float: left;
    }
    #ReportContentWrapper {
        width: 100%; 
        white-space: nowrap;
        overflow-y: hidden;
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch;
    }
    .dropdown-toggle .caret{
        display: inline-block;
    }
	.navbar-nav
{
	margin:7.5px 0px;
}
.navbar-brand img
{
	max-width:250px
}	
	.dropdown-menu 
	{
		position:relative;
	}
	ul.dropdown-menu 
{
	width:95%;
	margin-bottom:20px;
	
	
}

.navbar-brand img{
	max-width:226px;

		
}	
.viemeo-player{
	max-width:300px !important;

}

.video-width{
	height:300px;
}

/*solid features*/
.solid-features .section-heading{

	margin-bottom:30px;
	margin-top:20px;
}


/*==================================
	Blog Standard Wide
===================================*/


	
	.post-wide .meta-wide .title-info
	{
		padding-left:15px;
		width:75%
	}

/*==================================
	About
===================================*/




/*--------------------------
----------------------------
Services
---------------------------
---------------------------*/
.service-content-container
{
	padding-top:0px;
}

.service-content-container h2
{
	text-align:center;
}

/*==================================
	Portfolio Single Page
===================================*/

.port-nav
{
	margin-top:30px;

}

/*==================================
	Contact
===================================*/

.contact-form-container
{
	margin-bottom:30px;
}
.address
{
	margin-bottom:30px;
}
}

@media (max-width: 320px) {
    #ReportContentWrapper {
        width: 100%; 
        white-space: nowrap;
        overflow-y: hidden;
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch;
    }
    .dropdown-toggle .caret{
        display: inline-block;
    }
	.navbar-nav
{
	margin:7.5px 0px;
}
 .navbar-brand img
{
	max-width:226px
}
	.dropdown-menu 
	{
		position:relative;
		
	}
	ul.dropdown-menu 
{
	width:95%;
	margin-bottom:20px;
	
	
}

.folio .content-container .head
{
	line-height:26px;
}

.folio .content-container .head a{

	font-size:18px;
	line-height:26px;
}

/*solid features*/
.solid-features .section-heading{

	margin-bottom:30px;
	margin-top:20px;
}
.et-wrapper-basic{
	margin-bottom:00px
	
}
.folio{
	margin-bottom:10px
	
}
/*==================================
	About
===================================*/
.team-hover{
	padding-top:6%;
}


	
/*--------------------------
----------------------------
Services
---------------------------
---------------------------*/
.service-content-container
{
	padding-top:0px;
}

.service-content-container h2
{
	text-align:center;
}

/*==================================
	Portfolio Single Page
===================================*/

.port-nav
{
	margin-top:30px;

}

/*==================================
	Contact
===================================*/

.contact-form-container
{
	margin-bottom:30px;
}
.address
{
	margin-bottom:30px;
}
}

@media (max-width: 767px) {
    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        -webkit-box-shadow: 0px 5px 0px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0px 5px 0px rgba(0, 0, 0, 0.2);
        box-shadow: 0px 5px 0px rgba(0, 0, 0, 0.2);
        margin-right: 15px;
        margin-left: 10px;
        border: 1px solid #F0EDED;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
    }
}