/**
 * Name: layout.css
 * Version: 1.0.0
 *	
 *	-
 *
 *	T.O.C
 *	
 *	#General Layout 
 *		#Header
 *		#Content
 *		#Footer
 *	#Page Styles
 *		#Home
 *		#Services
 *		#Features
 *		#About
 *		#Capabilities
 *		#Team
 *		#Portfolio
 *		#Blog
 *		#Client Testimonials
 *		#Prices
 *		#Clients List
 *		#Contact
 *		#Twitter
 *	#Responsive
 *		#Large Display
 *		#Smaller then 1024px width	
 *		#Tablet ( Portrait )
 *		#Mobile ( Portrait and Landscape )
 *		#Mobile ( Landscape )
 */


/*------------------------------------------------------------------
# [Color codes]

# Body font (text): #4b4b4b
# Headline font (text): #4b4b4b
# Sticky menu (background): #2b4554
# Menu font : #ffffff
# Footer (background): #1b1b1b
# Footer (font): #ffffff
# Accent main (various): #ffb400
# Accent alt (various): #bebebe
# */

/* ==========================================================================
   #General Layout 
   ========================================================================== */

	#wrap { background-color: #fff; }
	
	/* Magnific Popup Buttons */
	
        .nfw-close-iframe {
		position: fixed;
		top: 35px;
		right: 35px;
		border-radius: 50%;
		background-color: #ffb400;
		color: #fff;
		opacity: 1;
                width: 44px;
                height: 44px;
                line-height: 44px;
                font-style: normal;
                font-size: 28px;
                font-family: Arial,Baskerville,monospace;
                text-align: center;
                cursor: pointer;
	}
        
        .nfw-close-iframe button.mfp-close {
            display: none;
        }
        
	.mfp-ajax-holder button.mfp-close {
		position: fixed;
		top: 30px;
		right: 30px;
		border-radius: 50%;
		background-color: #ffb400;
		color: #fff;
		opacity: 1;
	}
	
	.mfp-ajax-holder .mfp-arrow {
		position: fixed;
		width: 50px;
		height: 50px;
		border-radius: 50%;
		opacity: 1;
	}
	
	.mfp-ajax-holder .mfp-arrow-left {
		left: 30px;
		background: #ffb400 url(../images/arrow-left.png) no-repeat center center; 
	}
	
	.mfp-ajax-holder .mfp-arrow-right {
		right: 50px;
		background: #ffb400 url(../images/arrow-right.png) no-repeat center center; 
	}
	
	.mfp-ajax-holder .mfp-arrow-left:before,
	.mfp-ajax-holder .mfp-arrow-right:before,
	.mfp-ajax-holder .mfp-arrow-left:after,
	.mfp-ajax-holder .mfp-arrow-right:after { border: none; }
	
/* #Header
   ========================================================================== */
	
    #header {
		position: absolute;
		z-index: 1000;
		top: 60px;
		right: 0;
		left: 0;
		/*padding: 20px 0; */
	}



    .whiteback {width:100%;
           /* height:5em; */
            background-color:#FFF;}


    .whiteheader:after {
    content: " ";
    display: block;
    background: #363636;
    height: 0.15em;
    width: 100%;
        
    margin-top: 0.1em;
        
  
/*
    position: absolute;
    bottom: -1em;
*/
}
/*----Custom header LOGOs-------------------------------- */
	#navimg a .size-full{margin:0 auto;}
	.logou{/*width:245px*/;margin:0 auto;}
	#navimg a:last-child img{width:330px;}

    #socialimg {
        margin-top: 0.7em;
    }
		
	/* Logo */

	#logo { 
		display: block;
		width: 100%;
		-webkit-transition: all 0.5s;
			 -o-transition: all 0.5s;
				transition: all 0.5s;
	}
	
	#logo img { display: block; }

	/* Right Menu */
	
	a.menu-collaps {
		position: relative;
		float: right;
		display: block;
		color: #fff;
		text-align: center;
		opacity: 0.5;
		-webkit-transition: all 0.5s;
			 -o-transition: all 0.5s;
				transition: all 0.5s;
	}
	
	a.menu-collaps i { 
		font-size: 42px;
		-webkit-transition: all 0.5s;
			 -o-transition: all 0.5s;
				transition: all 0.5s; 
	}
	
	a.menu-collaps:hover { opacity: 1; }
	
	a.menu-collaps:hover { opacity: 1; }

	#nav-menu {
		position: fixed;
		z-index: 25;
		top: 0;
		right: -380px;
		width: 250px;
		height: 100%;
		background: #303133;
		color: #fff;
	}
	
	#nav-menu.cbp-spmenu-open { right: 0; }
	
	.cbp-spmenu,
	.cbp-spmenu-push {
		-webkit-transition: all 0.3s ease;
		   -moz-transition: all 0.3s ease;
				transition: all 0.3s ease;
	}
	
	#nav-menu a.close-menu {
		position: absolute;
		top: 65px;
		left: -15px;
		display: block;
		width: 30px;
		height: 30px;
		border-radius: 5px;
		margin: 0;
		background: #ccc;
		text-align: center;
	}
	
	#nav-menu a.close-menu i {
		color: #303133;
		font-size: 13px;
		line-height: 30px;
		text-decoration: none;
	}
        
        .sub-menu li a { color: #303133; }
	
	.cbp-spmenu-push {
		position: relative;
		left: 0;
	}
	 
	.cbp-spmenu-push-toleft { left: -360px; }
	
	.nav.menu {
		padding: 0;
		margin: 0;
		list-style: none;
	}
	
	.nav.menu li { background: #303133; }
	
	.nav.menu li.active,
	.nav.menu li:hover { background: #ffb400; }
	
	.nav.menu li a {
		display: block;
		padding: 25px 0 25px 50px;
		color: #fff;
		font-size: 16px;
		font-weight: 500;
		text-transform: uppercase;
		text-decoration: none;
	}

	/* Menu basics */

	.sf-menu, 
	.sf-menu * {
		padding: 0;
		margin: 0;
		list-style: none;
	}
	
	.sf-menu li {
		position: relative;
		white-space: nowrap;
	}
	
	.sf-menu ul {
		position: absolute;
		z-index: 99;
		top: 100%;
		left: 0;
		display: none;
	}
	
	.sf-menu > li { float: left; }
	
	.sf-menu li:hover > ul,
	.sf-menu li.sfHover > ul { display: block; }
	
	.sf-menu a {
		display: block;
		position: relative;
	}
	
	.sf-menu ul ul {
		top: 0;
		left: 100%;
	}
	
	/* Menu skin */
	
	.sf-menu { 
		float: right;
		-webkit-transition: all 0.5s;
			 -o-transition: all 0.5s;
				transition: all 0.5s;
	}
	
	.sf-menu a {
		padding: 10px 15px;
		border-bottom: 1px dotted rgba(0, 0, 0, 0.15);  
		font-family: 'Montserrat', sans-serif;
		font-size: 12px;
		color: #fff; 
		text-transform: uppercase;  
	}
	
	.sf-menu > li > a {
		position: relative;
		padding: 6px 7px 5px 7px;
		border: none;
		font-size: 12px;   
	}
	
	.sf-menu > li > a:before {
		position: absolute;
		bottom: 0;
		left: 20px;
		width: 20px;
		/*border-bottom: 1px solid transparent;*/
		content: "";
	}
	
	.sf-menu li {
		-webkit-transition: background 0.2s;
			 -o-transition: background 0.2s;
				transition: background 0.2s;
	}
	
	.sf-menu li:hover,
	.sf-menu li.sfHover {
		position: relative;  
		text-decoration: none;	
	}
	
	.sf-menu li:hover a,
	.sf-menu li.sfHover a {
		text-decoration: none;
	}
	
	.sf-menu li a:hover { color: #ccc; }
	
	.sf-menu li.active a {}
	.sf-menu > li.active > a:before { border-bottom-color: #ffb400; }
	
	/**
 	 * 1. allow long menu items to determine submenu width
 	 */
	
	.sf-menu ul {
		min-width: 200px; /* 1 */
		border: 1px solid rgba(0, 0, 0, 0.1); 
		-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);   
				box-shadow: 0 0 6px rgba(0, 0, 0, 0.1); 
		background-color: #fff;			
	}
	
	.sf-menu ul > li:last-child > a { border-bottom: none; }
	
	.sf-menu ul ul li {}

	/* Menu arrows */
	
	.sf-arrows .sf-with-ul { padding-right: 30px; }
	
	/* Bottom facing arrows */
	
	.sf-arrows .sf-with-ul:after {
		position: absolute;
		top: 50%;
		right: 10px;
		height: 0;
		width: 0;
		border: 5px solid transparent;
		border-top-color: rgba(0, 0, 0, 0.5);
		margin-top: -13px;
		content: "";
	}
	
	/* Right facing arrows */
	
	.sf-arrows ul .sf-with-ul:after {
		margin-top: -5px;
		margin-right: -3px;
		border-color: transparent;
		border-left-color: rgba(0, 0, 0, 0.5);
	}
	
	/* Mobile Menu  */
			
	#mobile-menu {
		z-index: 20;
		border-bottom: 1px solid #efefef;
		margin-bottom: 0;
		background-color: #ffb400;
	}
	
	#mobile-menu li {	
		display: block;
		margin: 0;
	}
		
	#mobile-menu > li > ul, 
	#mobile-menu > li > ul > li > ul {
		display: none;
		margin-left: 0;
	}

	#mobile-menu li a {
		position: relative;
		display: block;
		padding: 15px 25px;
		border-top: 1px solid #efefef;
		color: #fff;
		font-size: 13px;
		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;
		width: 70px;
		height: 100%;
		border-left: 1px solid #efefef;
		color: #333;
		font-size: 20px;
		line-height: 50px;
		text-align: center;
		cursor: pointer;
	}
	
	#mobile-menu .mobile-menu-submenu-arrow:hover { background-color: #f3f3f3; }
	
	#mobile-menu li a:hover {}
	
	#mobile-menu { display: none; }
	
	/* Mobile menu trigger  */
				
	#mobile-menu-trigger { 
		float: right;
		display: none;
		color: #ffb400;
		font-size: 32px;  
	}
	
	@media (min-width: 1024px) {
		
		#header {
			/*position: absolute;*/
			position:relative;
			z-index: 25;
			top: 0;
			right: 0;
			left: 0;
			background-color: #fff;
			padding: 0; /*padding: 60px 0;*/
			background-color: transparent;
			-webkit-transition: all 0.5s;
			     -o-transition: all 0.5s;
					transition: all 0.5s;
		}
		
		#header.stuck {
			position: fixed !important;
			z-index: 1000;
			top: 0;
			width: 100% !important;
			/*padding: 10px 0 custom 0 0;*/
			-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);   
					box-shadow: 0 0 6px rgba(0, 0, 0, 0.5); 
			background: #fff;
		}
		
		.stuck #logo { 
			width: 60%;
			margin-top: 3em;
		}
		
		a.menu-collaps { color: #fff; }
	
		.stuck a.menu-collaps { 
			margin-top: 5px;
			color: #4b4b4b;
		}
		
		.stuck a.menu-collaps i { font-size: 32px; }
		
		.sf-menu { margin-top: 0.3em; }
		/*.sf-menu a { color: #fff; }*/
		.stuck .sf-menu a { color: #fff; }
        
         .whiteheader {width:100%;
            height:3em; 
            background-color:#000;}
                
     /*   #menu li a { color: #FFF;
        text-align: right;
        vertical-align: middle;} */
        
        #logo img {margin-top: -3em;}
        
        .whitedate {
            background: rgb(255,255,255);
            transform:skewX(135deg);
            -ms-transform:skewX(135deg);
            -moz-transform:skewX(135deg);
            -webkit-transform:skewX(135deg);
            -o-transform:skewX(135deg);
            width: 28em;
        }
		
	}		
	
/* #Content
   ========================================================================== */
   		
	#content { min-height: 800px; }
	
	.page-id-405 #content { height:auto; min-height:initial;}
	
	#page-header { margin-bottom: 90px;     margin-top: 8em;}
	
	#page-header img { display: block; }
	
	.page-header-content {
		padding: 30px 0;
		background-color: #bebebe; 
		display:none;
	}
	
	.page-header-content p {
		margin-bottom: 0;
		font-weight: 600;
		text-transform: uppercase;
	}

    .vc_custom_1434099522685 .headline {margin-bottom: 60px;}
	
	.section-title {
		margin-bottom: 10px;
		margin-top: 3em;
	}	
	
/* #Footer
   ========================================================================== */		
		
	#footer-bottom { 
		padding: 25px 0;
		background-color: #1b1b1b;
		color: #fff;
	}
	
	#footer-bottom p { margin-top: 10px; }	
			
/* ==========================================================================
   #Page Styles
   ========================================================================== */
   
/* #Home
   ========================================================================== */
   
    .full-screen { position: relative; }
	
	.full-screen-overlay {
		position: absolute;
		z-index: 22;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background: url(../../_content/backgrounds/pattern.png) repeat top left;
	}

/* #Services
   ========================================================================== */
   
    #services { padding: 80px 0 100px 0; }


/* #Features
   ========================================================================== */
	
	#features {
		position: relative;
		padding: 70px 0 37px 0;
		background: url(../../_content/corporate/backgrounds/1920x1080.jpg) no-repeat top center;
		color: #fff;
	}
	
	#features .headline { margin-bottom: 60px; }
	#features .headline h1 { color: #fff; }
	#features .headline h1:before { border-bottom-color: #fff; }
	
	.bg-features-slider {
		position: absolute;
		z-index: 1;
		right: 0;
		bottom: -65px;
		left: 0;
		max-width: 100%;
		margin: 0 auto;
	}
        
        .previwer_end { min-height: 75px; }
	
	/* Butons List */
	
	.buttons {
		margin-bottom: 100px;
		text-align: center;
		list-style: none;
	}
	
	.buttons li { display: inline-block; }
	
	.buttons li a.btn {
		border: 1px solid #fff;
		background-color: transparent;
		text-transform: uppercase;
	}
	
	.buttons li a.btn:hover,
	.buttons li a.btn.active {
		border-color: #ffb400;
		background-color: #ffb400; 
	}
   
/* #About
   ========================================================================== */
   
   	#about { padding-top: 100px; }

   
/* #Capabilities
   ========================================================================== */
   
    #capabilities .headline { 
		padding-top: 20px;
		margin-top: 0;
	}
   
/* #Team
   ========================================================================== */
   
    #team { padding-top: 50px; }
	
	.team-member { 
		position: relative;
		-webkit-transition: padding-bottom 0.3s;
			 -o-transition: padding-bottom 0.3s;
				transition: padding-bottom 0.3s;
	}
		
	.team-member-preview { position: relative; }
	
	.team-member-preview img {
		display: block;
		width: 100%;
	}
	
	.team-member h4 {
		position: relative;
		z-index: 5;
		padding: 15px 20px;
		border-top: 3px solid #ffb400;
		margin-bottom: 0;
		background-color: #4b4b4b;
		color: #fff;
		-webkit-transition: margin-top 0.3s;
			 -o-transition: margin-top 0.3s;
				transition: margin-top 0.3s;
	}
	
	.team-member p {
		position: relative;
		z-index: 5;
		padding: 15px 20px;
		margin-bottom: 0;
		background-color: #2a2a2a;
		color: #fff;
	}
	
	.team-member-overlay {
		position: absolute;
		z-index: 2;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background-color: rgba(255, 180, 0, 0.5);
		opacity: 0;
		-webkit-transition: opacity 0.3s;
			 -o-transition: opacity 0.3s;
				transition: opacity 0.3s;
	}
	
	.team-member-social-media {
		position: absolute;
		right: 0;
		bottom: 0;
		left: 0;
		padding: 15px 25px;
		background-color: #ffb400;
		font-size: 14px;
		font-weight: 700;
		text-align: right;
		text-transform: uppercase;
	}
	
	.team-member-social-media a { color: #fff; }
	
	.team-member:hover { padding-bottom: 54px; }
	.team-member:hover .team-member-overlay { opacity: 1; }
	.team-member:hover h4 { 
		border-top: none;
		margin-top: -54px;
	}
      
/* #Portfolio
   ========================================================================== */
   
    #portfolio { padding-top: 80px; }
	#portfolio .headline { margin-bottom: 60px; }
   
    /* Project Page */
	
	.project-wrap {
		max-width: 980px;
		padding: 50px 0;
		margin: 100px auto;
		background-color: #fff;
	}
        
        iframe.project-wrap {
                width:100%;
                display: block;
        }
   
    /* Isotope */
	
	.portfolio-items { 
		margin-bottom: 0;
		list-style: none; 
	}
	
	.portfolio-items li {
		float: left;
		width: 25%;
	}
   
    /* Portfolio Item */
	
	.portfolio-item { position: relative; }
	
	.portfolio-item-preview { 
		position: relative;
		overflow: hidden; 
	}
	
	.portfolio-item-preview > img {
		display: block;
		width: 100%;
		-webkit-transition: all 0.3s;
			 -o-transition: all 0.3s;
				transition: all 0.3s;
	}
	
	.portfolio-item-overlay {
		position: absolute; 
		top: 0; 
		right: 0; 
		bottom: 0; 
		left: 0; 
		background-color: rgba(255, 180, 0, 0.5);
		opacity: 0;
		-webkit-transition: opacity 0.3s;
			 -o-transition: opacity 0.3s;
				transition: opacity 0.3s;
	}
	
	.portfolio-item:hover .portfolio-item-overlay { opacity: 1; }	
		
	.portfolio-item-overlay-actions { text-align: center; }
	.portfolio-item-overlay-actions img { display: block; }
	
	.portfolio-item-overlay-actions .portfolio-item-zoom,
	.portfolio-item-overlay-actions .portfolio-item-link {
		position: absolute;
		top: 50%;
		border: 1px solid #fff;
		border-radius: 50%;
		margin-top: -28px;
		background-color: #ffb400;
		opacity: 0.7;
		-webkit-transition: all 0.3s;
			 -o-transition: all 0.3s;
				transition: all 0.3s;
	}
	
	.portfolio-item-overlay-actions .portfolio-item-zoom { left: 0; }
	.portfolio-item-overlay-actions .portfolio-item-link { right: 0; cursor: pointer; }
	
	.portfolio-item-overlay-actions .portfolio-item-zoom:hover,
	.portfolio-item-overlay-actions .portfolio-item-link:hover {
		text-decoration: none;
		opacity: 1;
	}
	
	.portfolio-item-description {
		padding: 20px;
		text-align: center;
		-webkit-transition: background-color 0.3s;
			 -o-transition: background-color 0.3s;
				transition: background-color 0.3s;
	}
	
	.portfolio-item-description p,
	.portfolio-item-description h2,
	.portfolio-item-description h4 { margin-bottom: 0; }
	
	.portfolio-item-overlay .portfolio-item-description {
		position: absolute;
		right: 0;
		bottom: 0;
		left: 0;
		color: #fff;
		-webkit-transition: bottom 0.5s;
			 -o-transition: bottom 0.5s;
				transition: bottom 0.5s;
	}
	
	.portfolio-item-overlay .portfolio-item-description h2,
	.portfolio-item-overlay .portfolio-item-description h4 { color: #fff; }
	
	.portfolio-item-description + .portfolio-item-overlay-actions .portfolio-item-zoom,
	.portfolio-item-description + .portfolio-item-overlay-actions .portfolio-item-link  { margin-top: -80px; }
	
	.portfolio-item:hover .portfolio-item-overlay-actions .portfolio-item-zoom { 
		left: 50%;
		margin-left: -65px;
	}
	
	.portfolio-item:hover .portfolio-item-overlay-actions .portfolio-item-link { 
		right: 50%;
		margin-right: -65px;
	}
	
	.portfolio-item:hover .portfolio-item-description { 
		background-color: #ffb400;
		color: #fff;
	}
	
	.portfolio-item:hover .portfolio-item-overlay .portfolio-item-description {
		bottom: 10%;
		background-color: transparent; 
	}
	
	.portfolio-item:hover .portfolio-item-description h3 { color: #fff; }
	
	.portfolio-item:hover .portfolio-item-preview > img { 
		-webkit-transform: scale(1.3) rotate(10deg); 
			-ms-transform: scale(1.3) rotate(10deg); 
			 -o-transform: scale(1.3) rotate(10deg); 
				transform: scale(1.3) rotate(10deg);  
	}

	/* Portfolio filter */
	
	.portfolio-filter ul {
		margin-bottom: 90px;
		list-style: none;
		text-align: center;
	}
	
	.portfolio-filter ul li { 
		display: inline-block;
		margin-right: 20px;
	}
        
        @media (max-width: 979px) {
            .portfolio-filter ul li { 
                margin: 5px;
            }
        }
	
	.portfolio-filter ul li:last-child { margin-right: 0; }
	
	.portfolio-filter ul li a {
		display: block;
		padding: 7px 12px;
		border-radius: 3px;
		background-color: #bebebe;
		color: #fff;
		font-weight: 700;
		text-decoration: none;
		text-transform: uppercase;
		-webkit-transition: all 0.3s;
			 -o-transition: all 0.3s;
				transition: all 0.3s;
	}	
	
	.portfolio-filter ul li a.active,
	.portfolio-filter ul li a:hover { background-color: #ffb400; }
        
        .nfw_load_more_trigger { margin-top: 70px; }
	
/* #Blog
   ========================================================================== */
   
    #blog {
		padding: 80px 0;
		background-color: #f6f6f6;
	}
   
	/* Blog Post */
	
	.blog-post { 
		position: relative;
		margin-bottom: 40px;
	}
	
	.blog-post-slider .blog-post-title { 
		position: absolute;
		right: 70px;
		bottom: 70px;
		left: 70px;
		padding: 30px;
		background-color: rgba(0, 0, 0, 0.7);
		color: #fff;
		-webkit-transition: all 0.5s;
			 -o-transition: all 0.5s;
				transition: all 0.5s;
	}
        .blog-post-low { display:none; }
        
        @media (max-width: 549px) {
            
            .blog-post-low { 
                padding: 30px 20px 10px;
                display:block; 
                color: #ffffff;
                background-color: #2a2a2a;
            }
             
             .blog-post-slider .blog-post-info { display:none; }
             .blog-post-slider .blog-post-title { display:none; }
        }
	
	.blog-post-slider .blog-post-title a,
	.blog-post-slider .blog-post-title h6 { color: #fff; }
	
	.blog-post-thumb { margin-bottom:30px; }
        
        ul.slides .blog-post-thumb { margin-bottom: 0; }
	
	.blog-post-slider .blog-post-info {
		position: absolute;
		right: 70px;
		bottom: 30px;
		left: 70px;
		padding: 30px;
		background-color: rgba(0, 0, 0, 0.7);
		color: #fff;
		opacity: 0;
	}
	
	.blog-post-slider  .blog-post-info .btn { margin-bottom: 0; }
	
	.blog-post-slider  .blog-post:hover .blog-post-info { 
		opacity: 1;
		-webkit-transition: all 0.5s ease 0.3s;
			 -o-transition: all 0.5s ease 0.3s;
				transition: all 0.5s ease 0.3s;
	}
	
	.blog-post-slider .blog-post:hover .blog-post-title { 
		bottom: 242px;
		padding-bottom: 0;
	}
	
	.blog-post-readmore {}
	
	.blog-post-title { margin-bottom: 30px; }
        
        ul.slides .blog-post-title { margin-bottom: 0; }
	
	.blog-post-date {
		position: absolute;
		top: 70px;
		left: 70px;
		width: 70px;
		padding: 15px 0;
		background-color: #ffb400;
		color: #201914;
		font: 26px 'Montserrat', sans-serif;
		line-height: 18px;
		text-align: center;
		text-transform: uppercase;
	}
	
	.blog-post-2 {
		overflow: hidden;
		padding: 0 30px;
		border-radius: 3px;
		margin-bottom: 40px;
		background-color: #fff;
	}
	
	.blog-post-2 .blog-post-title {
		position: relative;
		right: 0;
		bottom: 0;
		left: 0;
		padding: 0;
		margin-bottom: 30px;
		background-color: transparent;
		color: #4b4b4b;
	}
	
	.blog-post-2 .blog-post-title a,
	.blog-post-2 .blog-post-title h6 { color: #4b4b4b; }
	
	.blog-post-2 .blog-post-thumb { margin: 0 -30px 30px -30px; }	
	
	.blog-post-2 .blog-post-info {
		position: relative;
		right: 0;
		bottom: 0;
		left: 0;
		padding: 0;
		background-color: transparent;
		color: #4b4b4b;
		opacity: 1;
	}
	
	.blog-post-2 .blog-post-info .btn { margin-bottom: 20px; }
	
	/* Blog Post Page */
	
	#blog-post-wrap {
		max-width: 980px;
		padding: 100px 0;
		margin: 100px auto;
		background-color: #f6f6f6;
	}
	
	#blog-post-wrap .blog-post { 
		padding: 50px;
		border-bottom: 2px solid #bebebe;
		margin-bottom: 80px;
		background-color: #fff;
	}
	
	#blog-post-wrap .blog-post-title {
		position: relative;
		top: auto;
		right: 0;
		bottom: 0;
		left: 0;
		padding: 0;
		margin-bottom: 30px;
		background-color: transparent;
		color: #4b4b4b;
	}
	
	#blog-post-wrap .blog-post-title .headline h5 { text-transform: none; }
	#blog-post-wrap .blog-post-title a { color: #4b4b4b; }
	
	#blog-post-wrap .blog-post-thumb { margin: 0 -50px 30px -50px; }
	
	#blog-post-wrap .blog-post-info {
		position: relative;
		top: auto;
		right: 0;
		bottom: 0;
		left: 0;
		padding: 0;
		margin-bottom: 30px;
		background-color: transparent;
		color: #4b4b4b;
		opacity: 1;
	}
	
	.pagination {
		margin-bottom: 50px; 
		list-style: none;
	}
	
	.pagination li { display: inline-block; }

	.pagination a { 
		position: relative;
		z-index: 2;
		display: block; 
		min-width: 12px;
		margin-right: 10px;
		margin-bottom: 2px;
		text-align: center;
		-webkit-transition: all 0.3s;
				transition: all 0.3s;
	}
        
        .nfw-current-pagination .btn {
            background-color: #ffb400;
        }
        
        .sticky {
            background-color: #bebebe;
            padding: 10px;
            border-radius: 10px;
        }
        
   
/* #Client Testimonials
   ========================================================================== */	
	
	#client-testimonials .parallax { margin-bottom: 0; } 
	
	#client-testimonials .headline { margin-bottom: 55px; }
	
	.client-testimonials-slider { 
		max-width: 75%;
		margin: 0 auto;
	}
   
/* #Prices
   ========================================================================== */
   	
	#prices { padding: 80px 0; }
   
/* #Clients List
   ========================================================================== */
   
   #clients-list .parallax { margin-bottom: 0; } 
   #clients-list .headline { margin-bottom: 70px; }
   
/* #Contact
   ========================================================================== */
    
	/*.nfw_widget_contact_info { padding: 80px 0 60px 0; }*/
   
    /* Contact Info */
	
	.nfw_widget_contact_info>ul {
		margin: 40px 0;
		list-style: none; 
	}
	
	.nfw_widget_contact_info>ul li {
		position: relative;
		padding-left: 35px; 
		margin-bottom: 35px; 
	}

	.nfw_widget_contact_info>ul li:last-child { margin-bottom: 0; }
	
	.nfw_widget_contact_info>ul li i {
		position: absolute;
		top: 3px;
		left: 0;
		font-size: 20px;
	}
	
	.nfw_widget_contact_info>ul li img {
		position: absolute;
		top: 0;
		left: 0;
		width: 25px;
		height: 25px;
	}
	
	.nfw_widget_contact_info-info>ul li a { color: #4b4b4b; }
   
	/* Contact Form */
  
	#contact-form { 
		overflow: hidden;  
		margin-bottom: 40px; 
	}
	
	#contact-form fieldset { margin: 0; }
	
	label.validation-error { color: #b55454; }
	
	input.validation-error,
	textarea.validation-error,
	select.validation-error { border: 1px solid #a1a1a1; }
	
	#contact-form #formstatus {}
		
	#contact-form textarea {}
	#contact-form input[type="submit"] { border: none; }
	
	/* Social Media */	
	
	.social-media { list-style: none; }
		
	.social-media li { 
		display: inline-block;
		margin-right: 20px;
	}
	
	.social-media li:last-child { margin-right: 0; }
	
	.social-media li a:hover { opacity: 0.7; }
	
/* ==========================================================================
   #CUSTOM ADDED
   ========================================================================== */

.navtextleft{float: left;}

.navtextright{
    display: inline-block;
    float: right;
}

.navtextleft {
    margin-top: 1.5em;
}

.navtextright {
    margin-top: 2em;
}

.navtextleft p {
    text-align: center;
    text-transform: uppercase;
    color: red;
    margin-bottom: -1em;
    font-family: crimson;
    font-weight: 100;
}


.hr_left {
    width: 17%;
    display: inline-block;
    margin-left: 10px;
    vertical-align: middle;
    border-color: black;
    background-color: black;
}

.hr_right {
    width: 17%;
    display: inline-block;
    vertical-align: middle;
    border-color:  black;
}

.navtextright p {
    text-align: center;
    text-transform: uppercase;
    color: Black;
    font-family: crimson;
    font-size: 300%;
    font-weight: 500;
}

#schedule ul {
    color: #000000;
    font-family: "Montserrat";
    font-size: 14px;
    margin: 0.75em 0;
    padding: 0 1em;
    list-style: none;
}
#schedule ul li{
    font-weight:normal;
}
#schedule li:before { 
    content: "";
    border-color: transparent #363636;
    border-style: solid;
    border-width: 0.35em 0 0.35em 0.45em;
    display: block;
    height: 0;
    width: 0;
    left: -1em;
    top: 0.9em;
    position: relative;
}



/* #HOMEPAGE CUSTOM
  ========================================================================== */

.memb-name{
bottom:6px;
position:absolute;
width:94.4%;
}
.team-memb{
height:auto;
position:relative;
display:block;
color:white;
font-family: 'Montserrat';
}
.memb-title{
    background: #2a2a2a none repeat scroll 0 0;
    display: block;
    margin-top: -7px;
    padding:2% 2.8%;
    width:94.4%;
    color:white;
}
.read-more-about-memb{
    display:block;
    color:white;
    text-align:right;
    background-color:#434343;
}
.section-title span{
    border-bottom:1px solid #363636;
    font-family:'Trajan Pro';
    font-size: 38px;
    font-weight: 500;
}
.under-title{
    color:#363636;
    font-family: 'Open Sans';
    font-size:24px;
    font-weight: 700;
    margin-bottom:0.4em;
}
.entire-section p{
    font-size:14px;
    font-family: 'Montserrat';
}
.section-title{
    margin-bottom:10px; 
    margin-top: 3em;
}
.under-title2{
    font-family: 'Open Sans';
    font-size:19px;
    font-weight: 700;
}
.milestone-content{
    /*display:inline-flex;*/
    text-align:center;
    color:#363636;
}
.milestone .milestone-content {
   color:#363636;
}
.milestone .milestone-content:hover {
   color:#363636;
}
.milestone-description{
    margin-left:10px;
}
.milestone {
    text-align:left;
  /*  margin-left:39%; */
    padding:6px;
}
.join-us-box{
    background-color:white;
    color:black;
    -webkit-box-shadow: -16px -14px 40px -10px rgba(0,0,0,0.75);
    -moz-box-shadow: -16px -14px 40px -10px rgba(0,0,0,0.75);
    box-shadow: -16px -14px 40px -10px rgba(0,0,0,0.75);
    background: rgba(0, 0, 0, 0) linear-gradient(315deg, transparent 55px, #fff 0px) repeat scroll right bottom;
    margin-top:20px;
	height: auto;
	padding-bottom: 40px;
	width:100%;
}
.tp-bullets.simplebullets.round .bullet {
	top: 30px;
}
.popup{}
.agenda-register{text-align: center;}
.agenda-register a{font: 400 130% Montserrat;}

.schedule_list li{  line-height: 1em;}

.scheduleright {  margin: 8em 0 0 10em;}

.schedule_1, 
.schedule_2, 
.schedule_3, 
.schedule_4 { float:right;
    clear:right;
    width: 100%;
}
    
.schedule_1 {background-color:rgba(6,136,209,1);}

.schedule_2 {background-color: rgba(117,186,83,1);}

.schedule_3 {background-color: rgba(240,89,34,1);}
.schedule_4 {background-color: rgba(151,37,115,1);}
.schedule_5{ float:right;
    width:100%;
    text-align:left;
	background-color: red; 
	width: 100%;     
	height: 8em;     
	margin: -1.5em 0 0 0;     
	background: transparent;     
	overflow: hidden;     
	position: relative;
}
.schedule_1 p, 
.schedule_2 p, 
.schedule_3 p, 
.schedule_4 p{color: #ffffff;
    font: 700 15px 'Open Sans';
    margin: 1em;
}

.schedulebtn {
  position: absolute;
  top: 3em;
  left: -2em;
  right: 1.9em;
  bottom: 1em;
  -webkit-transform: skew(-45deg);
  -moz-transform: skew(-45deg);
  -o-transform: skew(-45deg);
    
  background-color: #cb1d1d;
  -webkit-box-shadow: 0px 3px 0px 0px #7c1212;
  -moz-box-shadow: 0px 3px 0px 0px #7c1212;
  box-shadow: 0px 3px 0px 0px #7c1212;
}
  
  .schedule_5 p {  -webkit-transform: skew(45deg);
  -moz-transform: skew(45deg);
  -o-transform: skew(45deg);
      
    margin-right: 2em;
    color: #ffffff;
    font: 700 1.3em 'Open Sans', sans-serif;
    margin-top: 1em;
	padding-left:3em;	
  }
  .schedule_5 p i{
	font-size:1.5em;
	vertical-align: calc(-2px)
  }
  
  .ins-ptg{
      padding-top:2%;
      margin-left:1% !important;
      width:90%;
  }
  .whyattend_arrows p::before {
		content: "";
		border-color: transparent #363636;
		border-style: solid;
		border-width: 0.47em 0 0.47em 0.57em;
		display: block;
		height: 0;
		width: 0;
		left: -1em;
		top: 0.9em;
		position: relative;

}
  .whyattend_arrows{
    list-style:none;
	margin-left: 12px;
  }
  .join-us-part{
 margin-left:2%;
 font: 400 12px/16px Montserrat;
  }
  .join-us{
    font-family:'Calluna Sans';
    font-size:22px;
    font-weight:bold;
  }
 .slider-part{
     padding-right:2%;
 }
 .joinus-text-par{
    margin-top:10px;
    margin-bottom:10px;
 }
 .tp-bullets{
     margin-left:1%;
 }
 .tp-bullets.hidebullets {
    opacity: 1;
}
 .tp-bannershadow.tp-shadow2 {
     display:none;
 }

.reg_table_home {
    border-collapse: separate; 
	width:100%;
	border:none;
    /*border-spacing: 2em 1px;
    text-align:center;
    margin: 2em 0;*/
}

.reg_table_home hr {
    margin: 0.5em auto;
    width: 35%;
}

.reg_table_home tr:not(:first-child) td:first-child{
    background-color: #2a2a2a;
    color: #ffffff;
    font: 700 100% 'Open Sans';
}

.colorat tr:not(:first-child) td {
    background-color: #4b4b4b!important;
    color: #ffffff; 
    font: 700 100% 'Open Sans'!important;
}

.reg_table_home_title_1 {
    color: #000000;  
    font: 700 30px 'Open Sans'; 
    width: 5%; 
    border:none;
}

.reg_table_home_title_2, .reg_table_home_title_3, .reg_table_home_title_4 {
    background-color: #2a2a2a; 
    vertical-align:middle;
    width:22%; 
    padding:0.5em;
	height: 100px;
}

.col_title {
    color: #fff;
    font: 700 200% 'Open Sans'; 
    text-transform:uppercase;
    vertical-align:middle;
}
 @media (min-width: 768px) and (max-width: 980px) {
	.col_title {
		font: 700 163% 'Open Sans'; 
	}
	.reg_table_home_title_1{ font: 700 27px 'Open Sans';padding-bottom: 29px;}
 }
.col_subtitle {
    color: #ffffff;
    font: 400 100% 'Montserrat'; 
    vertical-align:middle;
}
.after_reg_table_home {
    color: #000000;
    font: 400 100% 'Montserrat';
    margin: -2em 0 -2em 2em;
}
#reg_details {
    margin-bottom: 3%;
}
#reg_details hr {
    margin: 0;
    width: 100%;
	border-color: #363636;
}
/*
.reg_details_left {
    float: left;
    margin-right: 32%;
}
*/

/*
.reg_details_right{
    display: inline-block;
}
*/


.reg_table_subscription_right{
    background-color: #efefef; 
    border-collapse: separate;
    border-spacing: 2em 1px;
}

.reg_table_subscription_right tr td{
    text-align: left;
    padding: 0.25em 0;
    border: none;
}

 .reg_table_subscription_results{
color: #b62c3a;  
font: 700 100% / 36px 'Montserrat';
}

.reg_attendance {
    margin: 1em 0;
}


.cancelation { background-color: #efefef; padding: 1em 2em;}
.cancelation p {
    color: #676767;
    font: 600 100% 'Montserrat';
}

.reg_page_header {
    background-image: url('http://kpiinstitute.org/events/HR-Performance-Forum/wp-content/uploads/2015/11/background-header-Agenda.jpg?id=525') ;
    background-size: cover;
    background-repeat: no-repeat;
    
}

.reg_under_table {
    color: #000000;
    font: 400 100% 'Montserrat';
    width: 100%;
    text-align: center;
}
.reg_under_table p:first-child, .reg_under_table p:nth-child(2){background-color: #dbdbdb;width: 70%;	margin:0 auto;}
/*.reg_under_table p:nth-child(2){margin:5px 0;}*/

.joinus-text-part{
    padding-top:20px;
    padding-top:10px;
}
input[type="submit"] {
    background-color: #363636;
    font-size: 20px;
    font-weight: 900;
    padding: 10px 15px;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border:0px;

}


.tp-bullets {
    z-index:300px;
}
.ui-widget-content {
  z-index: 500 !important;
  //overflow-y: scroll;
  height: auto;
}
.telefon{
width:100%;
 display: flex;
}
.prefix{
width:28%;
}
.phone{
width:66%;
}
.download-form form{
line-height:15px;
}
.input, textarea, select {
	margin-bottom:0 !important;
}

input[type="text"], input[type="tel"], input[type="email"]{
    margin-bottom:0px;
    line-height: 18px;
}
.custom-combobox{
    width:100%;
}
input[type="text"], input[type="email"], textarea {
    width: 97%;
}
.download-form{
    top:10%;
}
.popup-contain{
border-radius:6px;padding-top:6%;text-align:center;width:400px;height:490px;background-color:#f9f9f9;
}

.reg_submit{
    margin-top: 30px; text-align: center; margin-bottom: -20px; z-index: 9; position: relative;
}
.add_person{clear:both;background-color:#efefef;padding:5px 15px;float:right;margin-top:10px;}
.add_person h3{display:inline;}

/* ==========================================================================
   #Responsive
   ========================================================================== */
   
/* #Large Display
   ========================================================================== */
   .vc_custom_1463753531154 {
    margin-top: 10px;
}
   	
	@media (min-width: 1400px) {
		
		#wrap {}
		
		.vc_custom_1463753531154 {
			margin-top: 50px !important;
		}		
		
		.project-wrap,
		#blog-post-wrap { max-width: 1300px; }
		
		/* Features */
		
		#features { padding-bottom: 45px; }
		.bg-features-slider { bottom: -79px; }
		
		/* Portfolio */
		
		.portfolio-item-description + .portfolio-item-overlay-actions .portfolio-item-zoom,
		.portfolio-item-description + .portfolio-item-overlay-actions .portfolio-item-link  { margin-top: -60px; }
		
		.portfolio-item:hover .portfolio-item-overlay .portfolio-item-description { bottom: 20%; }

	}

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

		#wrap {}
		
		#header {}
		
		#content {}
		
		#footer {}
		
	}

/* #Tablet (Portrait)
   ========================================================================== */

	@media (min-width: 768px) and (max-width: 979px) {
		
		#wrap {}
		
		.project-wrap,
		#blog-post-wrap { max-width: 100%; }
		
		#header {
			position: relative;
			top: 0;
			background-color: #1b1b1b;
		}
		
		.sf-menu { display: none; }
		
		#mobile-menu-trigger {
			display: block; 
			margin-top: 3px;
		}
		
		#content {}
		
		#footer {}
		
		/* Features */
		
		#features { padding-bottom: 28px; }
		.bg-features-slider { bottom: -49px; }
		
		/* Portfolio */
		
		.portfolio-items li { width: 33.3333333333%;	}
                
                @media (width: 800px) {
                    .portfolio-items li { margin-left: 11%; }
                }
		
		/* Client Testimonials */
		
		.client-testimonials-slider { max-width: 100%; }

		/* Twitter */
		
		.twitter-slider { max-width: 75%; }
		
	}
	
/* #Mobile (Portrait and Landscape )
   ========================================================================== */
	
	@media (max-width: 767px) {
		#socialimg a{
			margin-left: 10px;
		}
		ul.footer-list li {
			margin-bottom: 7px;
		}
		body { 
			background: none; 
			background-color: #fff; 
		}
		
		#wrap {}
		
		.project-wrap,
		#blog-post-wrap { max-width: 100%; }
		
		#header {
			position: relative;
			top: 0;
			background-color: #1b1b1b;
		}
		
		#logo {}
		
		.sf-menu { display: none; }
		
		#mobile-menu-trigger,
		a.menu-collaps { 
			position: absolute;
			top: -4px;
			right: 10px;
			display: block;
			padding: 0 10px;
		}
		
		a.menu-collaps i { font-size: 32px; } 
		.big-number {text-align: center; vertical-align: middle; color: #fff; display: table;}
		.big-number .big {font-size: 2em; display: table-cell; vertical-align: middle; padding-right: 20px;}
		.big-number .number {display: table-cell; vertical-align: middle;}
		
		#content {}
		
		#footer{}	

		.row { padding: 0 40px; }
		
		.row .row { 
			width: auto; 
			padding: 0 20px; 
			margin: 0; 
		}
		
		p.last, 
		h1.last, 
		h2.last, 
		h3.last, 
		h4.last, 
		h5.last, 
		address.last, 
		ul.last, 
		ol.last { margin-bottom: 20px; }
		
		.text-right { text-align: left; }
		
		/* Features */
		
		.buttons { margin-bottom: 40px; }
		.bg-features-slider { display: none; }
                .previwer_end { display: none; min-height: 0; }
		
		.buttons li { display: block; }
		
		/* Team */
		
		#team { padding-bottom: 0; }
		.team-member { margin-bottom: 40px; }
		
		/* Portfolio */
		
		#portfolio { padding-top: 40px; }
		
		.portfolio-items li {
			float: none;
			width: 100%;
		}
		
		.portfolio-filter ul li { 
			display: block;
			margin-right: 0;
			margin-bottom: 10px;
		}
		
		.portfolio-filter ul li:last-child { margin-bottom: 0; }
		
		/* Blog */
		
		.blog-post-title {
			position: relative;
			right: 0;
			bottom: 0;
			left: 0;
		}
		
		#blog-post-wrap .blog-post { padding: 0 15px 50px 15px; }
		#blog-post-wrap .blog-post-thumb { margin: 0 -15px 30px -15px; }
		
		.blog-post-slider .blog-post:hover .blog-post-title { 
			bottom: 0;
			padding-bottom: 30px;
		}
		
		/*.blog-post:hover .blog-post-info { opacity: 0; }*/
		
		/* Client Testimonials */
		
		.client-testimonials-slider { max-width: 100%; }
		
		/* Contact */
		
		.social-media li { margin-right: 9px; }
		
		/* Twitter */
		
		.twitter-slider { max-width: 100%; }

	}
	
/* #Mobile ( Landscape )
  ========================================================================== */

	@media only screen and (min-width: 480px) and (max-width: 767px) {
		
		.row { padding: 0 40px; }
		
		#mobile-menu-trigger { right: 30px; }
		
		/* Portfolio Items */
		
		.portfolio-items li {
			float: left;
			width: 50%;
		}
		
	}	
	
	.govclients{border-left: 1px solid #bdbdbd;}
	.govclients ul  {
		list-style: none;
	     }

	.govclients ul li:before {
		content: "\203A ";
		margin-right: 10px
	     }
	
	@media screen and (min-width: 1824px){
		
		.govclients{height:355px}
		
	}