/* ==========================================================================
   #General Layout 
   ========================================================================== */
   #preload { display: none !important; }
   a.btn font{
   	vertical-align: top !important;
   	line-height: 1 !important;
   }
    *{
        transition: width 1s, height 1s;
    }
	#wrap {
		position: relative;
		background-color: #fff;
	}
	.fullwidthbanner {visibility: hidden}

	/* anchors */

	.anchors{
	    display: block;
	    position: relative;
	    z-index: 5000;
	    visibility: hidden;
	}

	.anchor-get-started{
	    top: -170px;
	}
	.anchor-aboutsales {
	    top: -180px;
	}
	.anchor-security,.anchor-partners, .anchor-ecommerce,.anchor-hosting, .anchor-live {
	    top: -60px;
	}

	.anchor-principles, .anchor-practice,.anchor-finance,.anchor-legal,.anchor-appraisal,.anchor-economics,.anchor-mortgage,.anchor-management,.anchor-escrow,.anchor-Bus_Law{
		top: -160px;
	}

/* #Header
   ========================================================================== */	
   .no-margin{
		margin-left:0px;
		}
	#header {
		background-color: #f2bf05;
	}
	#top_nav, #bottom_nav{
		background-color:#000;
		padding:8px 0px 6px 0;
		color:#fff;
		font-size: 14px;
		font-weight: bold;
	}
	#top_nav a{
		color:#e54b06;
	}
	#bottom_nav a{
		color:#fff;
	}
	#bottom_nav{text-align: center}
	#bottom_nav a span{
		color:#e54b06;
	}
	#top_contact{
		padding-top: 5px;
		text-align: right;
	}

	#header h1, #header h2 {
		font-size: 1px;
	    height: 1px;
	    margin: 0;
	    padding: 0;
	    text-indent: -9999px;
	}
	@media (min-width: 1024px) {
	
		.stuck {
			position: fixed !important;
			z-index: 1010;
			top: 0;
			width: 100% !important;
		}
		
		#header.stuck {
			padding-top:10px;
			-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
					box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
		}
		#header.stuck #logo { 
			display: block;
			margin-top: 0px;
		}
		#header.stuck #logo img{
			width:50%; 
			margin-top: 0px;
		}
		#header.stuck #top_nav {display:none;}
		#header.stuck .sf-menu { margin-top: 5px; }
		
		#header.stuck .sf-menu > li > a,
		#header.stuck .sf-menu > li.dropdown > a { padding-bottom: 15px; }

	}
	
	/* Logo */

	#logo { 
		display: block;
		margin-top: 10px;
		margin-bottom: 5px;
	}
	
	#logo img { display: block;width: 220px;height: auto}
		
	/* Menu basics */

	.sf-menu,
	.sf-menu ul {
		padding: 0;
		margin: 0;
		list-style: none;
		position: relative;
		z-index: 100;
	}
	
	.sf-menu > li { 
		float: left;
		margin-right: 0;
	}

	.sf-menu > li > a {
		position: relative;
		display: block;
	}
	
	.sf-menu .sf-mega,
	.sf-menu li.dropdown ul {
		position: absolute;
		z-index: 210;
		top: 100%;
		left: 0;
		display: none;
	}
	
	.sf-menu li.dropdown { position: relative; }
	
	.sf-menu li.dropdown ul ul {
		top: -1px;
		left: 100%;
	}
	
	.sf-menu li:hover > .sf-mega,
	.sf-menu li.sfHover > .sf-mega,
	.sf-menu li.dropdown:hover > ul,
	.sf-menu li.dropdown.sfHover > ul { display: block; }

	/* Menu Skin */
	
	.sf-menu { 
		float: right;
		margin-top: 28px;
		/*width: 100%;*/
	} 
	
	.sf-menu a {
		display: block;
		font: 14px 'Mulish', Arial, sans-serif;
		color: #111 !important; 
		font-weight:800;
		text-decoration: none;
		margin-left:10px;
	}
	
	.sf-menu a small {
		display: block;
		margin-top: 5px;
		color: #444;
		text-transform: none;
	}
	
	.sf-menu > li > a {
		font-size: 16px;
		text-align: center;
		text-transform: uppercase;	
	}
	.sf-menu > li.dropdown > a {
	}
	
	.sf-menu > li > a span,
	.sf-menu > li.dropdown > a span {
		display: inline-block;
		padding: 5px 8px;
		border: 1px solid transparent;
	}
	.sf-menu > li > a span span{padding: 0px !important;border: 1px solid transparent !important;}
	
	.sf-menu > li a i { margin-right: 3px; }
	
	.sf-menu > li.current > a span {
		border-color: #fff;
		color: #fff;
	}
	.sf-menu > li.focus > a small,
	.sf-menu > li.focus > a span {color:#fff;}
	.sf-menu li.focus > a span {
		background-color:#e54b06;
	}

	.sf-menu > li.current > a small { color: #fff; }

	.sf-menu > li > a:hover span,
	.sf-menu > li > a:hover small { color: #fff; }

	/**
 	 * 1. allow long menu items to determine submenu width
 	 */
	
	.sf-menu li.dropdown ul {
		min-width: 250px; /* 1 */
		border: 1px solid #d7d7d7;
		background-color: #fff;		
	}

	.sf-menu > li.dropdown ul { padding: 10px 0; }
	
	.sf-menu li.dropdown ul li a{
		position: relative;
		padding: 10px;
		color:#666 !important;
		font-weight: normal;
		font-size: 14px;
		text-align: left;
	}
	
	.sf-menu li.dropdown ul li a:before {
		position: relative;
		top: -3px;
		width: 10px;
		height: 10px;
		padding: 2px;
		border: 1px solid transparent;
		border-radius: 50%;
		margin-right: 5px;
		color: #f2bf05;
		font-family: 'FontAwesome';
		font-size: 6px;
		line-height: 6px;
		font-style: normal;
		content: "";
	}
	
	.sf-menu li.dropdown ul li a:hover:before { color: #e54b06;}
	
	.sf-menu li.dropdown ul li a:hover { color: #e54b06 !important; }
		
	/* arrows */
	
	/* styling for both css and generated arrows */
	
	.sf-arrows .sf-with-ul:after {
		position: absolute;
		top: 50%;
		right: 0;
		height: 0;
		width: 0;
		/* order of following 3 rules important for fallbacks to work */
		border: 5px solid transparent;
		border-top-color: rgba(0, 0, 0, 0.5);
		margin-top: -3px;
		content: "";
	}
		
	.sf-arrows > li > .sf-with-ul:focus:after,
	.sf-arrows > li:hover > .sf-with-ul:after,
	.sf-arrows > .sfHover > .sf-with-ul:after {
		border-top-color: rgba(0, 0, 0, 0.7); 
	}
	
	/* styling for right-facing arrows */
	
	.sf-arrows ul .sf-with-ul:after {
		border-color: transparent;
		border-left-color: rgba(0 ,0, 0, 0.5);
		margin-top: -5px;
		margin-right: -3px;
	}
	
	.sf-arrows ul li > .sf-with-ul:focus:after,
	.sf-arrows ul li:hover > .sf-with-ul:after,
	.sf-arrows ul .sfHover > .sf-with-ul:after {
		border-left-color: rgba(0, 0, 0, 0.7);
	}
	
	/* Mobile Menu  */
			
	#mobile-menu {
		z-index: 20;
		margin-bottom: 0;
	}
	
	#mobile-menu li {	
		display: block;
		margin: 0;
		background-color: #f2bf05;
	}
	#mobile-menu li,
	#mobile-menu li.focus > a span {color:#fff;}
	#mobile-menu li.focus{
		background-color:#e54b06 !important;
	}	
	#mobile-menu li a small { display: none; }
		
	#mobile-menu > li > ul, 
	#mobile-menu > li > ul > li > ul {
		display: none;
		margin-left: 0;
	}
	
	#mobile-menu .sf-mega {
		display: none;
		padding: 0;
		border: none;
		margin: 0;
	}
	
	#mobile-menu .sf-mega-section {
		float: none;
		width: 100%;
		padding: 0;
		border: none;
	}
	
	#mobile-menu .sf-mega-section ul { margin-left: 0; }

	#mobile-menu li a {
		position: relative;
		display: block;
		padding: 15px 25px;
		border-top: 1px solid #ff9600;
		color: #222;
		font-weight: bold;
		font-size: 14px;
		text-align: left;
		text-decoration: none;
	}
	
	#mobile-menu ul a { padding-left: 45px; }
	
	#mobile-menu ul li ul a  { padding-left: 65px; }
	
	#mobile-menu .mobile-menu-submenu-arrow {
		position: absolute;
		top: 0;
		right: 0;
		height: 100%;
		width: 70px;
		border-left: 1px solid #ff9600;
		color: #fff;
		font-size: 20px;
		line-height: 50px;
		text-align: center;
		cursor: pointer;
	}
	#mobile-menu .mobile-menu-submenu-arrow:before{
		position:relative;
		top: 20%;
		transform: translateY(-20%);
	}
	#mobile-menu .mobile-menu-submenu-arrow:hover { 
		background-color: #cc0000;
		color: #fff; 
	}
	
	#mobile-menu li a:hover {background-color: #cc0000;color:#fff;}
	
	#mobile-menu { display: none; }
	
	/* Mobile menu trigger  */
				
	#mobile-menu-trigger { 
		float: right;
		display: none; 
		font-size: 32px;
		color: #fff;
	}				
		
	
/* #Content
   ========================================================================== */
   		
	#content { 
		min-height: 600px; 
		padding-bottom: 50px;  
	}
		#bystate .span3{
			text-align: left !important;
			font-size: 14px;
			white-space:nowrap;
		}
	/* Page Header */
	
	#page-header {
		padding: 20px 0;
		border-top: 1px solid #d7d7d7;
		border-bottom: 1px solid #d7d7d7;
		margin-bottom: 20px;
	}
	
	#page-header h3, #page-header h1, #page-header h2 {
		margin-bottom: 0px !important;
		line-height: 24px !important;
		font-size: 22px !important;
	}



  /* #Call Outs
   ========================================================================== */
	#corner-ad {
	  display: none;
	  float:right;
	  width: 200px;
	  height: 200px;
	  position: fixed;
	  top: -100px;
	  right: -100px;
	  -webkit-transform: rotate(45deg);
	  -moz-transform: rotate(45deg);
	  -o-transform: rotate(45deg);
	  transform: rotate(45deg);
	  background-color:#e54b06;
	  z-index: 2000;
	  	color:#fff !important;
		font-size: 20px;
	  -webkit-box-shadow: 0px 3px 2px 0px rgba(0,0,0,0.4);
	  -moz-box-shadow: 0px 3px 2px 0px rgba(0,0,0,0.4);
	  box-shadow: 0px 3px 2px 0px rgba(0,0,0,0.4);
	}
	.scroll-ad{
		display: none;
	}
	#corner-ad img{
		border:none;
		max-width:auto;
	}

@media (max-width: 1366px) {

	#corner-ad {
		  display: none;
		  float:right;
		  width: 200px;
		  height: 100px;
		  position: fixed;
		  top: 25%;
		  right: -100px;
		  -webkit-transform: rotate(90deg);
		  -moz-transform: rotate(90deg);
		  -o-transform: rotate(90deg);
		  transform: rotate(90deg);
		  background: #e54b06 url(/images/discount_scroll.png) no-repeat;
		  border-radius: 10px;
		  z-index: 2000;
		  -webkit-transition: all 0.4s ease 0s;
				transition: all 0.4s ease 0s;
		}
		.corner-ad{
			display: none;
		}
		.scroll-ad{
			display: none;
		}
	}

    #ebooks{
        margin: 20px auto;
        text-align: center;
    }


	/* #Mods
   ========================================================================== */
	
	/* Portfolio filter */

	.portfolio-filter ul {
		margin: 20px 0 30px 0px;
		list-style: none;
	}

	.portfolio-filter ul li {
		display: inline-block;
		margin-right: 6px;
		margin-left:0px !important;
	}
	.portolio-filter ul li:first-child{margin-left:0px;}
	.portfolio-filter ul li:last-child { margin-right: 0; }

	.portfolio-filter ul li a {
		display: block;
		padding: 7px 20px;
		border: 1px solid #ddd;
		color: #333;
		font-size: 14px;
		text-decoration: none;
		-webkit-transition: all ease 0.2s;
				transition: all ease 0.2s;
	}

	.portfolio-filter ul li #all-btn{
		border:0px;
	}
	#all-btn a{
		background-color: #000;
		color:#fff;
	}

	.portfolio-filter ul li a.active,
	.portfolio-filter ul li a:hover,
	.portfolio-filter ul #all-btn a.active,
	.portfolio-filter ul #all-btn a:hover{
		background-color: #e54b06 !important;
		color: #fff;
	}

	.flex {
	    display: -ms-flexbox;
	    display: -webkit-flex;
	    display: flex;
	    -webkit-flex-direction: row;
	    -ms-flex-direction: row;
	    flex-direction: row;
	    -webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	    -webkit-justify-content: center;
	    -ms-flex-pack: center;
	    justify-content: center;
	    -webkit-align-content: center;
	    -ms-flex-line-pack: center;
	    align-content: center;
	    -webkit-align-items: center;
	    -ms-flex-align: center;
	    align-items: center;
	    width: 90vw;
	    margin: 0px auto;
	}
	.flex .flex-box{
		-webkit-flex: 0 0 50%;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		-webkit-align-self: auto;
		-ms-flex-item-align: auto;
		align-self: auto;	
		max-width: 600px;
		height: 400px;
	}

	.flex .flex-box .box-content h4{
		font-size: 1.6em;
		line-height: 1.2;
		margin-bottom: 15px;
		color: #fff !important;
	}
	.flex .flex-box .box-content{
		color: #fff;
		box-sizing: border-box;
		padding: 50px 30px 80px 60px;
	}
	.flex .goldbg .box-content,
	.flex .goldbg .box-content h4{
		color: #000 !important;
	}
	.flex .flex-box ul.bullet-arrow{
		font-size: 1.3em;
		margin: 20px 20px 25px 40px;
	}
	.flex .flex-box .btn{
		margin-left: 30px;
	}

	@media screen and (max-width: 960px) {
		.flex {
		    display: -ms-flexbox;
		    display: -webkit-flex;
		    display: flex;
			-webkit-flex-wrap: wrap;
			-ms-flex-wrap: wrap;
			flex-wrap: wrap;
	    }
	    .flex .flex-box{
			-webkit-flex: 0 0 50%;
			-ms-flex: 0 0 50%;
			flex: 0 0 50%;
			-webkit-align-self: auto;
			-ms-flex-item-align: auto;
			align-self: auto;	
			max-width: 600px;
			height: 350px;
		}

	}

	.post_img_article h4{
		margin:0px;
		text-align: center;
		font-size: 18px;
		box-sizing: border-box;
		padding: 10px 0px;
		font-weight: 400;
		color:#fff !important;
	}
	.post_title_article h5{
		margin: 10px 0px;
		font-size: 18px;
		color:#3d6771 !important;
	}
	.post_img_article{
		margin-bottom: 0px;
		overflow: hidden;
		max-height: 500px;
		border-radius: 5px 5px 0 0;
	}
	.post_img_article img{
		width:100%;
	}
	.post_date{
		color:#999;
		font-size: 12px;
		text-transform: uppercase;
	}
	.post_text_article{
		padding:10px 20px 15px;
		font-size:16px;
		line-height: 22px;
	}
	.post_text_article strong, .post_text_article b{
		color:black;
	}
	.post_title_article{
		margin: 10px 0px;
		font-size: 22px;
	}
	.portfolio-item-preview {
		position: relative;
	}

	.portfolio-item-preview img {
		display: block;
		width: 100%;
	}

	.portfolio-item-overlay {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background-color: rgba(0,0,0,0.5);
		opacity: 0;
		-webkit-transition: all 0.5s;
				transition: all 0.5s;
		z-index: 500;
	}

	.portfolio-item-overlay-actions {
		position: absolute;
		bottom: 0;
		width: 100%;
		margin-bottom: -50px;
		text-align: center;
		-webkit-transition: bottom 0.5s;
				transition: bottom 0.5s;
		z-index: 500;
	}

	.portfolio-item-overlay-actions .zoom {
		display: inline-block;
		width: 48px;
		height: 48px;
		border: 1px solid  #80a852;
		border-radius: 50%;
		margin-bottom: 25px;
		background-color: #80a852;
		color: #fff;
		text-align: center;
		text-decoration: none;
	}

	.portfolio-item-overlay-actions .zoom i {
		font-size: 32px;
		line-height: 48px;
	}

	.portfolio-item-overlay-actions .zoom:hover { background-color: transparent; }

	.portfolio-item-overlay-actions .btn {
		padding: 5px 15px;
		border-color: #fff;
		margin: 0;
		background-color: #fff;
		color: #69675b;
	}

	.portfolio-item-overlay-actions .btn:hover {
		background-color:#9db052;
		color: #fff;
	}

/* Ribbon 
  ========================================================================== */
	
	.parent {
	  overflow: hidden;
	  width: 100%;
	  max-height: 200px;
	  position: relative;
	  z-index: 1000;
	}

	.ribbon {
	  margin: 0;
	  padding: 0;
	  background:#fff;
	  color:#e54b06;
	  padding:.5em 0;
	  position: absolute;
	  top:0;
	  right:0;
	  transform: translateX(30%) translateY(0%) rotate(45deg);
	  transform-origin: top left;
	  z-index: 500;

	}
	.ribbon:before,
	.ribbon:after {
	  content: '';
	  position: absolute;
	  top:0;
	  margin: 0 -1px; /* tweak */
	  width: 100%;
	  height: 100%;
	  background:#fff;
	}
	.ribbon:before {
	  right:100%;
	}

	.ribbon:after {
	  left:100%;
	}

	.package_popular, .package_popular2{
		height: 88px;
		overflow: hidden;
		position: absolute;
		right: 0;
		top: 48px;
		width: 88px;
	}
	.package_popular span, .package_popular2 span{
		position: absolute;
		top: 13%;
		left: 40%;
  		transform: rotate(45deg);
  		color: #fff;
  		line-height: 16px;
  		font-size: 14px;
	}
	.package_corner{
		border-left: 100px solid transparent;
		border-left-width: 100px;
		border-width: 100px 100px medium;
		border-top-width: 100px;
		border-right-width: 100px;
		border-right: 100px solid transparent;
		border-top: 100px solid #06a865;
		height: 0;
		right: 0;
		top: 5px;
		width: 0;
		z-index: 1;
	}
	.renew_corner{
		border-left: 100px solid transparent;
		border-left-width: 100px;
		border-width: 100px 100px medium;
		border-top-width: 100px;
		border-right-width: 100px;
		border-right: 100px solid transparent;
		border-top: 100px solid #777;
		height: 0;
		right: 0;
		top: 5px;
		width: 0;
		z-index: 1;
	}

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

	.three-choices{
		 display: -ms-flexbox;
	    display: -webkit-flex;
	    display: flex;
	    -webkit-flex-direction: row;
	    -ms-flex-direction: row;
	    flex-direction: row;
	    -webkit-flex-wrap: nowrap;
	    -ms-flex-wrap: nowrap;
	    flex-wrap: nowrap;
	    -webkit-justify-content: space-between;
	    -ms-flex-pack: justify;
	    justify-content: space-between;
	    -webkit-align-content: center;
	    -ms-flex-line-pack: center;
	    align-content: center;
	    -webkit-align-items: center;
	    -ms-flex-align: center;
	    align-items: center;
	}
	.three-choices div{
	    -webkit-flex: 0 0 auto;
	    -ms-flex: 0 0 auto;
	    flex: 0 0 auto;
	    height: 60px;
	}
	.three-choices div:nth-child(2){
		border-left: 1px solid #999;
		border-right: 1px solid #999;
	}
	div.center{margin:0 auto;width:100%;}	

	ul.bullet-arrow li{
		list-style: url(/images/check.svg) outside no-repeat;
		margin-bottom: 10px;
		text-align: left;
	}
	ul.bullet-arrow li li{
		list-style-type: disc !important;
		list-style-image: none;
		margin-bottom: 5px;
	}	
	div ul.bullet-arrow, div ol {
		margin:25px 20px 25px 40px;
	}
	.accordion-item-content ul.bullet-arrow, .accordion-item-content ol {
		margin:10px 5px 25px 40px;
	}
	.accordion-item-content ul li, .accordion-item-content ol li{
		margin-bottom: 10px;
	}
	.price-option .bullet-arrow{
		margin:5px 20px 10px 40px;
		display: block;
		clear: both;
	}
	.price-option{
		margin-bottom: 20px; 
	}
	div ol li{
		margin-bottom: 10px;
	}

	ul.bullet-arrow li ul,
	ul.bullet-arrow li ol{
		margin:5px 0px 5px 20px;
	}
	.box-element{
		text-align: left;
		padding:0px 10px 0px 40px;
		box-sizing: border-box;
	}
	.price-option .icon-box-content ul, .icon-box-content p{
		height:300px;
	}	
	.icon-box-content-short ul, .icon-box-content-short p{
		height:150px;
	}
	.icon-box-content ul, .icon-box-content p{
		height:200px;
	}

	.alpha ol li{
		list-style: none lower-alpha outside;
	}
	.new_course{
		background: url(/images/icon_new.png) no-repeat top left;
		width:44px;
		height:43px;
		float:left;
		position: relative;
		top:-20px;
		left:-15px;
		margin-top:-50px;
		clear:right;
	}
	iframe{
		border:1px solid black;
	}
	
	.column{
		width:50%;
		margin-bottom: 10px;
		float:left;
	}

	.column p{
		padding-right:20px;
	}

	.column-title{
	    display: -ms-flexbox;
	    display: -webkit-flex;
	    display: flex;
	    -webkit-flex-direction: row;
	    -ms-flex-direction: row;
	    flex-direction: row;
	    -webkit-flex-wrap: nowrap;
	    -ms-flex-wrap: nowrap;
	    flex-wrap: nowrap;
	    -webkit-justify-content: center;
	    -ms-flex-pack: center;
	    justify-content: center;
	    -webkit-align-content: center;
	    -ms-flex-line-pack: center;
	    align-content: center;
	    -webkit-align-items: center;
	    -ms-flex-align: center;
	    align-items: center;

	}
	.column-title ul{
		list-style-position: inside;
		margin: 0px 50px;
	}
	.column li{
		text-align: center;
		max-width:310px;
	}
	@media screen and (max-width: 768px){
		.column-title{
		    -webkit-flex-direction: column;
		    -ms-flex-direction: column;
		    flex-direction: column;			 
		    -webkit-flex-wrap: wrap;
			 -ms-flex-wrap: wrap;
			 flex-wrap: wrap;
			-webkit-justify-content: flex-start;
			-ms-flex-pack: start;
			justify-content: flex-start;
			-webkit-align-content: flex-start;
			-ms-flex-line-pack: start;
			align-content: flex-start;
			-webkit-align-items: flex-start;
			-ms-flex-align: start;
			align-items: flex-start;
		}
		.column-title ul{
			margin: 0px 50px 0px 0px;
		}
			.column li{
				text-align: left;
			max-width:100%;
		}
	}
	#sidebar{
		padding:20px 10px;
		background-color: #efefef;
		min-height: 400px;
	}
	#sidebar a{
		display:block;
		margin-bottom: 5px;
		font-size:14px;
		text-align: left;
	}
	.getattention{
		font-weight: bold;
		color:#ff0000 !important;
	}
	.price{
		color:#fff !important;
	}

	.order-box {
		position: relative;
		padding: 40px 30px 45px 50px;
		margin: 0 -2px 0 -2px;
		background-color: #FFFFFF;
		box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05);
	}
	.order-box .order-box-icon {
  		margin-bottom: 20px;
	}
	.order-box .order-box-icon img {
	  height: 70px;
	  width: 70px;
	  max-width: 100%;
	  transform: scale(1);
	  transition: 0.4s;
	}	
		.order-box:hover .order-box-icon img {
			transform: scale(1.3);
		}
	.order-box .order-box-text .title {
	  font-size: 1.5em;
	  line-height: 1;
	  margin: 0 0 10px;
	}
	.order-box p{
		margin-bottom: 0px;
	}

/* BRANDING COLORS 
	========================================================================= */

	.bluebg{
		background-color: #0E5594 !important;
	}
	.orange, td.orange a{
		color:#e54b06 !important;
	}
	.white{
		color: #fff;
	}
	.teal{
		color:#18899b !important;
	}
	.green{
		color:#06a865 !important;
	}
	.gold{
		color:#f2bf05 !important;
	}
	.red{
		color:#ff0000 !important;
	}
	.black-text{
		color: #000 !important;
	}
	.greybg{
		background-color:#888 !important;
	}
	.dkgreybg{
		background-color:#555 !important;
	}	
	.orangebg{
		background-color:#e54b06 !important;
	}
	.tealbg{
		background-color:#18899b !important;
	}
	.greenbg{
		background-color:#06a865 !important;
	}
	.limebg{
		background-color: #9BD806 !important;
	}
	.goldbg{
		background-color:#f2bf05 !important;
	}
	.purplebg{
		background-color: #9C23A4 !important;
	}
	.bottom-border-grey{
		border-bottom: 4px solid #777;
	}
	.bottom-border-dkgrey{
		border-bottom: 4px solid #444;
	}
	.bottom-border-gold{
		border-bottom: 4px solid #d0a100;
	}	
	.bottom-border-teal{
		border-bottom: 4px solid #007b8d;
	}
	.bottom-border-dkorange{
		border-bottom: 4px solid #ca3100;
	}
	.bottom-border-dkblue{
		border-bottom: 4px solid #004582;
	}	
	.bottom-border-green{
		border-bottom: 4px solid #06a865;
	}

	.black_trans_box{
		background-color: #000;
		opacity: .3;
		padding:10px 5px;
	}

	/* Callouts **/

	#callout_examprep{
		background-image: url(/images/callout_bg_womantyping.jpg);
		background-position: bottom center;
		background-color: #222;
		background-repeat: no-repeat;
		background-size: cover;
		
	}
	.callout-content{
		margin-bottom:5px;
		padding:10px 10px 5px;
	}
	.callout-content p{
		color:#fff;
		text-align:left;
	}
	.textshadow{
		text-shadow: 1px 1px 2px rgba(0,0,0,.8);
	}

/* REVIEWS 
	========================================================================== */

 .four-flex {
     display: -ms-flexbox;
     display: -webkit-flex;
     display: flex;
     -webkit-flex-direction: row;
     -ms-flex-direction: row;
     flex-direction: row;
     -webkit-flex-wrap: nowrap;
     -ms-flex-wrap: nowrap;
     flex-wrap: nowrap;
     -webkit-justify-content: space-between;
     -ms-flex-pack: justify;
     justify-content: space-between;
     -webkit-align-content: center;
     -ms-flex-line-pack: center;
     align-content: center;
     -webkit-align-items: center;
     -ms-flex-align: center;
 }

 .customers{
 	padding: 15px 10px 10px 20px;
 	border: 2px solid #e7e7e7;
 	box-sizing: border-box;
 	width: 32%;
 	border-radius: 3px;
 	height: 200px;
 	background-color: #fff;
 }
 @media screen and (max-width: 968px){
 	.customers{
 		padding: 15px 10px 10px 20px;
 		box-sizing: border-box;
 		width: 50%;
 	}	
 }
.customer-id img{
	float: right;
	width: 30px;
}
.customer-id .icon{
	float: left;
	width: 40px;
	height: 40px;
	color: #fff;
	border-radius: 80px;
	margin-right: 8px;
	position: relative;
	background-color: transparent;
}
.customer-id .icon span{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.customer-id .date{
	font-size: 70%;
	color: #aaa;
	margin-bottom: 6px;
}
.customers p{
	margin-top: 10px;
	max-height: 100px;
	overflow-y: auto;
}
.customers .rating{
	margin-left: -2px;
}

/* #Footer
   ========================================================================== */		
		
	#footer {
		font-size:12px;
		line-height: 1.9;
	}
	#footer-middle a, #footer-bottom a{
		text-align: left !important;
		font-weight: 400;
		color:#999;
	}
	#footer ul {
   		 list-style-type: none;
	}
	
	#footer-middle {
		padding: 30px 0 20px 0;
		background-color: #333; 
		color:#ccc;
	}
	#footer h4, #footer h6{
		font-weight: 400;
	}
	
	#footer-bottom {
		padding: 10px 0;
		background-color: #111; 
		color: #e4e4e4;
	}
	#footer-bottom a{
		color:#999;
		text-align: left;
	}
	#security_logos{
		margin-top: 20px;
	}
	#security_logos img{
		margin-right:5px;
	}
			
/* ==========================================================================
   #Page Styles
   ========================================================================== */
   
/* #Index
   ========================================================================== */
	#class_list td{
		font-size:14px;
	}
	#class_list th{
		background-color:#f2bf05;
	}
	#class_list .alt td{
		background-color: #fff;
	}


/* #COURSE Details 
	========================================================================== */
	

   
/* #Contact
   ========================================================================== */
   
	/* Contact Form */
  
	#contact-form { 
		overflow: hidden;  
		margin-bottom: 40px; 
	}
	
	#contact-form fieldset {}
	
	label.validation-error { color: #b55454; }
	
	input.validation-error,
	textarea.validation-error,
	select.validation-error { border :1px solid #e1a1a1; }
	
	#contact-form #formstatus {}
		
	#contact-form textarea {}	  
		#bystate .span3{
			width:33%;
			margin-left: 10px;
		}
		#bystate .span3:first-child{margin-left: 0px !important;}	

/* ==========================================================================
   #Responsive
   ========================================================================== */
   
/* #Large Display
   ========================================================================== */
   	
	@media screen and (min-width: 1366px) {

		.sf-menu > li { margin-right: 5px; }
		.sf-menu > li:last-child { margin-right: 0; }
		
		/* Portfolio */
		
		.portfolio-item { margin-bottom: 30px;}
		
		.portfolio-items { margin: 0 -15px 55px -15px; }
		
		#bystate .span3{
			margin-left: 0px;
		}

		
	}
	@media screen and  (max-width: 1365px) {
		.sf-menu > li > a {
			font-size: 14px;
		}	
		#bystate .span3{
			margin-left: 0px;
		}
		.price-option .icon-box-content ul, .icon-box-content p{
			height:350px;
		}
		.icon-box-content ul, .icon-box-content p{
			height: auto;
		}
		.icon-box-4 h4{
			font-size: 1em;
			line-height: 1;
		}
		.package_popular, .package_popular2{
			top: auto;
		}
		#bg-slide{
			height: 420px;
		}		
		#bg-slide .agent-image { 
			position: absolute;
			bottom:0px;
			left:68%;
			z-index: 5;
		}		
		#bg-slide .agent-image img {
		  	width: 250px;
		  	height: 355px;
		}	
		#bg-slide p{
			width: 80%;
			font-size: 1em;
			line-height: 1.3;
		}	
		#bg-slide h2{
			margin-top: 0px;
			font-size: 55px;
			line-height: 45px;
		}
		#bg-slide h2 span {
			font-size: 30px;
		}
		.flex .flex-box .box-content{
			padding: 60px 40px 60px 50px;
		}
		.flex .flex-box ul.bullet-arrow{
			font-size: 1em;
			margin: 20px 20px 25px 40px;
		}		
	}

/* #Smaller then 1024px width
   ========================================================================== */
	
	@media screen and (max-width: 1024px) {

		#logo{
			margin-top: 15px;
		}
		.sf-menu { 
			float: right;
			margin-top: 20px;
		}
		.sf-menu > li > a {
			padding-bottom: 20px;
		}

		#bystate .span3{
			width:100%;
			margin-left: 0px;
		}
		#bg-slide h2{
			margin-top: 0px;
			font-size: 45px;
			line-height: 45px;
		}
		#bg-slide h2 span {
			font-size: 25px;
		}		
		#bg-slide p{
			display: none;
		}
		
	}

/* #Tablet (Portrait)
   ========================================================================== */
	@media screen and (max-width: 979px) {

		#logo img{
			width: 190px;
		}
		#companies [class*="span"]{
			width:100%;
			margin-left:0px;
			float:none;
		}
		.package_popular{
			top: 40px;
		}
		.icon-box-4 .price{
			font-size: 2.2em;
		}
		.price-option .icon-box-content ul, .icon-box-content p{
			height:auto;
			margin-bottom: 30px;
		}
		.order-box{
			margin-bottom: 30px;
		}
		.flex .flex-box .box-content{
			padding: 40px 30px 40px 30px;
		}
		#bg-slide{
			height: 380px;
		}
		#bg-slide .agent-image{
			left:60%;
			bottom:2px;
		}
		#bg-slide .agent-image img {
		  	width: 200px;
		  	height: 284px;
		}
		#bg-slide h2{
			margin-top: 0px;
			font-size: 45px;
			line-height: 40px;
			background-size: 400px 44px;
		}
		#bg-slide h2 span {
			font-size: 25px;
		}
		#bg-page-header-sales,
		#bg-page-header-ce,
		#bg-page-header-broker,
		#bg-page-header-contractor,
		#bg-page-header-affiliate {
			background-position:right bottom;
			height: 250px;
			padding: 10px 0;
		}
		#bg-page-header-sales h2,
		#bg-page-header-ce h2,
		#bg-page-header-broker h2,
		#bg-page-header-contractor h2,
		#bg-page-header-affiliate h2{
			position: relative;
			margin-top:20px;
			font-size: 25px;
			line-height: 35px;
		}
		#bg-page-header-sales h2 span,
		#bg-page-header-ce h2 span,
		#bg-page-header-broker h2 span,
		#bg-page-header-contractor h2 span,
		#bg-page-header-affiliate h2 span{
			color: #000;
			font-size: 35px;
			z-index: 50;
		}				
		.headline {
		  	margin: 20px 0 40px 0;
		}
		h1 {
		  margin-bottom: 10px;
		  font-size: 2em;
		  line-height: 1.2;
		}	
		#top_contact,
		#top_contact .text-center,
		#top_contact *{
			text-align: left !important;
		}	

	}
	@media (min-width: 768px) and (max-width: 979px) {
		#menu { display: none; }
		
		#top_nav{
			font-size: 12px;
		}
		#top_nav .row .span6{
			width: 49%;
			float: left;
		}
		#mobile-menu-trigger { 
			display: block;
			margin-right: 10px;
			margin: 10px 0 0px 0;
		}	
		#logo{
			width:200%;
		}
		#home .tabs-container .tabs-menu li a span {
			float: none;
		}

		.team-member > span { 
			width: 150px;
			height: 150px;
		}
		.icon-box-content ul, .icon-box-content p{
			height: auto;
		}

	}
	
/* #Mobile (Portrait and Landscape )
   ========================================================================== */
	@media (max-width: 867px) {

		.row .row,
		.row-fluid .row{ 
			width: auto; 
			padding: 0; 
			margin: 0; 
		}
		.flex .flex-box{
			flex: 0 0 100%;
		}
		.accordion-item-toggle h3, .toggle-item-toggle strong, h2{
			font-size: 1.5em;
		}
		.accordion-item-content .span7{
			margin-bottom: 20px;
		}
		#bg-slide h3{
			font-size: 1.2em;
		}

	}
	@media (max-width: 767px) {
	
		body { 
			background: none; 
			background-color: #fff; 
		}

		#menu { display: none; }
		
		#mobile-menu-trigger { 
			position: relative;
			top: 0;
			right: 10px;
			display: block;
			padding: 10px;
			margin-top: 0;
		}
		#logo{
			width:80%;
		}
		#bg-slide{
			height: 350px;
			background-position: left bottom;
			padding: 0px 0 30px;
		}

		#bg-slide .agent-image img{
			width: 200px;
			height: auto;
		}
		#bg-slide h2 {
		  margin-top: 0px;
		  font-size: 40px;
		  line-height: 35px;
		}
		#bg-slide h2 span {
			font-size: 18px;
		}
		.accordion-item-toggle h3, .toggle-item-toggle strong, h2{
			font-size: 1.3em;
		}
		.icon-box-content ul, .icon-box-content p{
			height: auto;
		}
		#bg-slide h2,#bg-page-header-sales h2, #bg-page-header-ce h2, #bg-page-header-broker h2, #bg-page-header-contractor h2, #bg-page-header-affiliate h2{
			background-image: none;
			padding-bottom: 0px;
		}
		.column{
			float: none;
			margin-left: 0px;
			margin-bottom: 20px;
		}
		#footer-middle {
			padding: 30px 0 20px 15px;
		}
		.flex .flex-box .btn {
		  margin-bottom:0px;
		}

		p.last, 
		h1.last, 
		h2.last, 
		h3.last, 
		h4.last, 
		h5.last, 
		address.last, 
		ul.last, 
		ol.last { margin-bottom: 20px; }
		
		.text-right, .text-center { text-align: left;}
		.column{float:none;width:100%;}
		h1, 
		h2, 
		h3, 
		h4, 
		h5, 
		h6 {
			text-align: left;
		}

		.icon-box-content ul, .icon-box-content p{
		height:auto !important;
		}
	}
	
/* #Mobile ( Landscape )
  ========================================================================== */

	@media only screen and (min-width: 480px) and (max-width: 766px) {
		
		
		#mobile-menu-trigger { right: 30px; }

		table td{text-align: left;}

	}	
	@media screen and (max-width:480px){
	  #bg-slide h2 {
	    font-size: 35px;
	    line-height: 35px;
	  }		
		.flex .flex-box ul.bullet-arrow{
			margin: 20px 20px 25px 20px;
		}
	    .flex .flex-box{
			height: auto;
			min-height: 350px;
		}		
		.flex .flex-box .box-content h4{
			font-size: 1.2em;
			line-height: 1.2;
		}
		.flex .flex-box .box-content{
			color: #fff;
			box-sizing: border-box;
			padding: 40px 20px 40px 20px;
		}
	}