/*
Theme Name: Awesome 2014 Child
Theme URI: http://example.org/awesome-2014
Author: Josh Pollock / Chris Knowles
Author URI: http://premium.wpmudev.com/blog
Description: A TwentyFourteen Child Theme that addresses the parent's flaws
Template: twentyfourteen
Version: 1.0
License: GPL v2+
*/

@import url("../twentyfourteen/style.css");

/**
 * Table of Contents:
 * 
 * 1.0 - Reset
 * 2.0 - Repeatable Patterns
 * 3.0 - Basic Structure
 * 4.0 - Header
 * 5.0 - Navigation
 * 5.9 - Home
 * 6.0 - Content
 *   6.1 - Post Thumbnail
 *   6.2 - Entry Header
 *   6.3 - Entry Meta
 *   6.4 - Entry Content
 *   6.5 - Galleries
 *   6.6 - Post Formats
 *   6.7 - Post/Image/Paging Navigation
 *   6.8 - Attachments
 *   6.9 - Archives
 *   6.10 - Contributor Page
 *   6.11 - 404 Page
 *   6.12 - Full-width
 *   6.13 - Singular
 *   6.14 - Comments
 * 7.0 - Sidebar
 *   7.1 - Widgets
 *   7.2 - Content Sidebar Widgets
 * 8.0 - Footer
 * 9.0 - Featured Content
 * 10.0 - Multisite
 * 11.0 - Media Queries
 * 12.0 - Print
 * 13.0 - Home
 * -----------------------------------------------------------------------------
 */

body {
background: #fff;
}

h1 { color: #212121; text-transform: uppercase; }
h2 { /*color: #00529e;*/ font-size: 20px; }
h3 { color: #dd233f; font-size: 16px; margin-top: 10px; }

p { font-size: 14px; line-height: 1.5em; }

a {
	color: #0049ad;
} 

a:active,
a:hover {
	color: #0066cc;
}

/* Support a widely-adopted but non-standard selector for text selection styles
 * to achieve a better experience. See http://core.trac.wordpress.org/ticket/25898.
 */
::selection {
	background: #0066cc;
	color: #fff;
	text-shadow: none;
}

::-moz-selection {
	background: #0066cc;
	color: #fff;
	text-shadow: none;
}

/**
 * 2.0 Repeatable Patterns
 * -----------------------------------------------------------------------------
 */
 
 /* Buttons */

button,
.button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	background-color: #0066cc;
	border: 0;
	border-radius: 2px;
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	padding: 10px 30px 11px;
	text-transform: uppercase;
	vertical-align: bottom;
}




/**
 * 4.0 Header
 * -----------------------------------------------------------------------------
 */

/* Ensure that there is no gap between the header and
	 the admin bar for WordPress versions before 3.8. */
	 
	 /* Search in the header */

.search-toggle {
	background-color: #de1a33;
	cursor: pointer;
	float: right;
	height: 48px;
	margin-right: 0;
	text-align: center;
	width: 48px;
}

.search-toggle:hover,
.search-toggle.active {
	background-color: #b81c29;
}

.search-box {
	background-color: #b81c29;
}

.search-box .search-field { font-size: 14px; }
	 
	 
	 
/**
 * 5.0 Navigation
 * -----------------------------------------------------------------------------
 */ 
 
.site-navigation a {
	color: #ddd;
	display: block;
	text-transform: uppercase;
}

.site-navigation a:hover {
	color: #b81c29;
}
	 
.site-navigation .current_page_item > a,
.site-navigation .current_page_ancestor > a,
.site-navigation .current-menu-item > a,
.site-navigation .current-menu-ancestor > a {
	color: #fff;
	font-weight: bold;
}
	 
	 
	 
	 
/* --- */
#main-content ul, ol { font-size: 14px; }

#main-content .fit,
footer .fit
{ margin-right: 0; padding-right: 0; }

.clear { clear: both; }

.site {
	margin: 0 auto;
	max-width: 960px;
}

.site:before {
	background-color: #000;
	content: "";
	display: none;
	height: 100%;
	min-height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	width: 182px;
	z-index: 2;
}

.site-header {
	background-color: #212121;
	max-width: 960px;
}

.header-main {
    padding: 0px 0px;
}

/* Make room for the search toggle and site description in mobile sidebar */
#slideout-top {
    height:48px;
}

#slideout-top .site-description {
    display: block;
    text-align: left;
    font-family: lato;
    width: 205px;
    overflow: hidden;
}

#slideout-top .search-toggle {
    margin-right: 0;
}

/* Override Sidr Style For 2014 Search */
#slideout-top .search-box .search-field  {
    background-color: white;
    color: black;
}

/* Keep mobile toggle on the right and resize the genricon */
#menu-toggle {
	float: right;
	display: inline;
}

#menu-toggle .genericon {
	font-size: 24px;
	padding: 0 1em 0 0;
    z-index: 999;
}

/* enhancing the topbar */
#big-top {
  display: block; }

#masthead {
  height: 88px;
  position: fixed;
  top: 0;
}

.header-main {
  display: inline;
}

.site-title{
    margin: 0 0 0 20px;
}

nav#primary-navigation {
/*	float: left;
 	width: 65%;
 width: 100%;
  display: block;
  top: 40px;
  left: inherit;
  position: absolute;
  padding-left: 30px; */
}

.primary-navigation {
	margin-left:0;
}

.topbar-description {
  color: #fff;
  display: inline;
  font-weight: bold;
  font-size: 100%;
  text-transform: none;
  line-height: 40px; /*50px*/
  vertical-align: baseline;
  margin-left: 40px; /*20px*/
  font-style: italic;
}


/**
 * 5.9 Home
 * -----------------------------------------------------------------------------
 */
 
/* Slider Home */

#meta-solution:after { clear: both; }
#meta-solution .metaslider { border-bottom: 5px solid #000; float:left; }
#meta-solution .metaslider .caption-wrap { background: none; color: #212121; }
#meta-solution .metaslider .caption { background: white; margin: 0 15px; padding: 25px; }
#meta-solution .metaslider .caption h1 { color: #000; font-size: 90%; margin-top: 0; }
#meta-solution .metaslider .caption h3 { color: #d52029; font-size: 84%; margin: 0 0 5px 0; }
#meta-solution .metaslider .caption p { font-size: 80%; line-height: 1.6em; }


/* Widgets Home */
/* Solutions, Happenings, R4R */

#home-row1 { margin:30px 0; overflow:hidden; }
#home-row2, #home-row3 { margin:10px 0 30px 0; overflow:hidden; }
#home-row3 { background-color: #eeeeee; padding: 15px 0; }
#home-row1 h1 a, #home-row2 h1 a { background-color:#212121; border:none; color:#fff; display:block; font-size:43%; font-weight:bold; padding: 10px 20px; text-decoration:none; text-transform:uppercase; }
#home-row1 h2 a, #home-row2 h2 a { border-bottom:1px solid #cdddf3; color:#0049ad; font-size: 75%; line-height:1em; padding-bottom:2px; }

#home-row1 .promo_slider { height:115px; }
#home-row1 .slides { border-top:1px solid #333; margin:0; }

/*.home h2 { font-size:120%; }*/

#home-r1-sidebar, #home-r2-sidebar { float:left; width:31%; }
#home-r1-content, #home-r2-content { float:left; width:66%; }
#home-r1-sidebar, #home-r2-content { margin-right:3%; }
#home-r1-sidebar h1 { margin:0; padding:0; }
#home-r1-content h2, #home-r2-content h2 { min-height: 45px; margin: 0; padding:0 0 10px 0px; }

#home-r2-content h1 { margin-top: 0; }

#home-r3-content { /*background-color: #eeeeee;*/ overflow: hidden; /*padding: 20px;*/ }
#home-row3 .one_half, #home-row3 .one_third { background-color: #f9f9f9; border: 1px solid #fff; padding: 10px 0 10px 10px; margin: 0 14px; }
#home-r3-content .one_fourth { margin: 0px 30px; }
#home-r3-content .one_fourth p { padding-bottom: 0; }
/*#home-r3-content .one_fourth img { margin: 10px 0 10px 10px; }*/
#home-r3-content .one_third .one_fourth { margin: 5px 14px 0 10px; border:0; }
#home-r3-content input.button { width: 115px !important; }


/* TABS Home */

#home-r1-content .su-tabs { background: #fff; margin: 0; }
#home-r1-content .su-tabs-nav { background:none; padding:0; }
#home-r1-content .su-tabs-pane { background-color: #f4f4f4; border:none; padding:25px; }
#home-r1-content .su-tabs-nav span { background-color:#fff; border:none; font-size:73%; font-weight:bold; text-transform:uppercase; }
#home-r1-content .su-tabs-nav span.su-tabs-current { background-color:#f4f4f4; }

#home-r1-content .su-tabs-pane .su-column-size-1-2 { width:45%; }
#home-r1-content .su-tabs-pane .su-column { margin:0 7% 1em 0; }

.su-column-last {
margin-right: 0 !important;
clear: right;
}


/* TABS Sub pages */
#content .su-tabs-vertical .su-tabs-pane { padding: 0 20px 20px 20px; }
#content .su-tabs-vertical .su-tabs-pane h3 { margin-top: 0; }


/**
 * 6.0 Content
 * -----------------------------------------------------------------------------
 */

.content-area {
	padding-top: 30px;
	min-height: 500px;
}

.hentry {
	/*margin: 0 0 48px;*/
	margin: 0;
	/*max-width: 730px;*/
	max-width: 100%;
}

.site-content .entry-header,
.site-content .entry-content,
.site-content .entry-summary,
.site-content .entry-meta,
.page-content {
	/*margin: 0 auto;*/
	margin: 0 0 0 20px;
	max-width: 615px; /*474px*/
}

.site-content .entry-content, 
.site-content .entry-summary, 
.page-content {
	background-color: transparent;
}

.full-width .site-content .entry-header,
.full-width .site-content .entry-content,
.full-width .site-content .entry-summary,
.full-width .site-content .entry-meta,
.full-width .page-content {
	max-width: 860px;
}

#banner-main { border-bottom: 5px solid #212121; }

#content-2col {
	overflow: hidden;
}

#content-2col-main {
padding: 0;
margin: 0;
/*border: 1px solid #000;*/
float: left;
margin-bottom: -9999px;
padding-bottom: 9999px;
}

.site-content .has-post-thumbnail .entry-header {
margin-top: -0;
}

/**
 * 6.2 Entry Header
 * -----------------------------------------------------------------------------
 */

.entry-title a:hover {
	color: #0066cc;
}

/**
 * 6.3 Entry Meta
 * -----------------------------------------------------------------------------
 */
 
.cat-links a:hover {
	color: #0066cc;
}


/**
 * 6.4 Entry Content
 * -----------------------------------------------------------------------------
 */
 
 /* Mediaelements */
 
 .hentry .mejs-controls .mejs-time-rail .mejs-time-current {
	background: #0066cc;
}

.hentry .mejs-overlay:hover .mejs-overlay-button {
	background-color: #0066cc;
	color: #fff;
}


/**
 * 6.7 Post/Image/Paging Navigation
 * -----------------------------------------------------------------------------
 */

/* Paging Navigation */

.paging-navigation .page-numbers.current {
	border-top: 5px solid #0066cc;
}


/**
 * 7.0 Sidebar
 * -----------------------------------------------------------------------------
 */
 
 
#content-2col-side {
	background-color: #f4f4f4;
float: left;
padding-bottom: 99999px;
margin-bottom: -99999px;
}

#content-2col-side h2 {
color: #212121;
font-size: 100%;
padding: 20px 30px;
text-transform: uppercase;
}

#content-2col-side ul, ol {
list-style: none;
margin: 0 0 24px 0;
}


#content-2col-side ul.nav-sub li {
background-color: #46494d;
border-bottom: 1px solid #7e8083;
/*padding: 8px 30px;*/
}

#content-2col-side ul.nav-sub li a {
color: #eee;
display: block; 
/*line-height: 39px;*/
padding: 10px 30px;
}

#content-2col-side ul.nav-sub li a:hover, ul.nav-sub li.current_page_item {
background-color: #33363b;
text-decoration: none;
}


/**
 * 7.1 Widgets
 * -----------------------------------------------------------------------------
 */

/* Primary Sidebar, Footer Sidebar */

.widget a:hover {
	color: #004aa4;
}

.widget button,
.widget .button,
.widget input[type="button"],
.widget input[type="reset"],
.widget input[type="submit"] {
	background-color: #0066cc;
	border: 0;
	font-size: 12px;
	padding: 5px 15px 4px;
}

.widget input[type="button"]:hover,
.widget input[type="button"]:focus,
.widget input[type="reset"]:hover,
.widget input[type="reset"]:focus,
.widget input[type="submit"]:hover,
.widget input[type="submit"]:focus {
	background-color: #004aa4;
}

.widget input[type="button"]:active,
.widget input[type="reset"]:active,
.widget input[type="submit"]:active {
	background-color: #55d737;
}

/* Calendar Widget*/

.widget_calendar tbody a {
	background-color: #0066cc;
	color: #fff;
	display: block;
}

.widget_calendar tbody a:hover {
	background-color: #004aa4;
}


/**
 * 7.2 Content Sidebar Widgets
 * -----------------------------------------------------------------------------
 */

.content-sidebar .widget a {
	color: #0066cc;
}

.content-sidebar .widget a:hover {
	color: #004aa4;
}

.content-sidebar .widget input[type="button"],
.content-sidebar .widget input[type="reset"],
.content-sidebar .widget input[type="submit"] {
	background-color: #0066cc;
	border: 0;
	color: #fff;
}

.content-sidebar .widget input[type="button"]:hover,
.content-sidebar .widget input[type="button"]:focus,
.content-sidebar .widget input[type="reset"]:hover,
.content-sidebar .widget input[type="reset"]:focus,
.content-sidebar .widget input[type="submit"]:hover,
.content-sidebar .widget input[type="submit"]:focus {
	background-color: #004aa4;
}

.content-sidebar .widget input[type="button"]:active,
.content-sidebar .widget input[type="reset"]:active,
.content-sidebar .widget input[type="submit"]:active {
	background-color: #55d737;
}


/**
 * 8.0 Footer
 * -----------------------------------------------------------------------------
 */

.site-footer { background-color: #212121; }
	.footer-col { float:left; height: 200px; margin: 0 1% 2% 4%; }
	/*#footer-col-1 { float:left; margin-right:7.5%; padding:0 0 15px 30px; width:23%; }
	#footer-col-2 { float:left; margin-right:4.5%; padding: 0; width:16%; }
	#footer-col-3 { float:left; margin-right:4.5%; padding: 0; width:19.4%; }
	#footer-col-4 { float:left; padding: 0; width:19%; }*/
	
	/*#footer .fleft {
		width: 49%;
		padding: 21px 0 0 2px;
		overflow: hidden;
	}*/
	
	footer h4 { color:#eee; font-size: 14px; }
	
	/*#footer p {
		width: 100%;
		overflow: hidden;
		padding: 0 0 8px 0;
		line-height: 18px;
		font-size: 12px;
		color: #a9a9a9;
	}*/
	
	/*#footer .wrapper { background:url(../images/logo-achieve-global-india-100x96.jpg) no-repeat ; }*/

footer ul { margin:0; padding:0; list-style: none; }		
footer a { color:#a9a9a9; font-size: 14px; text-decoration:none; }
footer a:hover { color:#fff; }

#copyright { background-color: #171717; overflow: hidden; text-align: right; }
#copyright a { color: #5c5c5c; float: right; padding-left: 5px; }
#copyright p { color: #5c5c5c; padding: 15px 30px; margin-bottom: 0; }

/**
 * 9.0 Featured Content/Sliders
 * -----------------------------------------------------------------------------
 */
 
 /* Slider */
 
 .slider-control-paging a:hover:before {
	background-color: #004aa4;
}

.slider-control-paging .slider-active:before,
.slider-control-paging .slider-active:hover:before {
	background-color: #0066cc;
}

.slider-direction-nav a:hover {
	background-color: #0066cc;
}



/* -------- */


/* Contact Us Qn List */
span.wpcf7-list-item { display: block; }




/**
 * Solutions Triangle
 * -----------------------------------------------------------------------------
 */

#triangleList .su-accordion, 
#triangleList .su-spoiler { margin-bottom: 0; }

#triangleList .su-spoiler-title { 
	margin-left: -45px;
	padding: 0;
	text-indent: -9999px;
	/*width: 500px;*/ 
}

#triangleList .leadership-development-define .su-spoiler-title { background: url(images/triangle-leadership-development-1-define.gif) no-repeat; height: 180px; }
#triangleList .leadership-development-direct .su-spoiler-title { background: url(images/triangle-leadership-development-2-direct.gif) no-repeat; height: 91px; }
#triangleList .leadership-development-develop .su-spoiler-title { background: url(images/triangle-leadership-development-3-develop.gif) no-repeat; height: 114px; }
#triangleList .leadership-development-deliver .su-spoiler-title { background: url(images/triangle-leadership-development-4-deliver.gif) no-repeat; height: 110px; }
#triangleList .leadership-development-end { background: url(images/triangle-leadership-development-5-end.png) no-repeat; height: 86px; margin-bottom: 30px; width: 697px; } 


#triangleList .sales-performance-define .su-spoiler-title { background: url(images/triangle-sales-performance-1-define.gif) no-repeat; height: 180px; }
#triangleList .sales-performance-direct .su-spoiler-title { background: url(images/triangle-sales-performance-2-direct.gif) no-repeat; height: 91px; }
#triangleList .sales-performance-develop .su-spoiler-title { background: url(images/triangle-sales-performance-3-develop.gif) no-repeat; height: 114px; }
#triangleList .sales-performance-deliver .su-spoiler-title { background: url(images/triangle-sales-performance-4-deliver.gif) no-repeat; height: 110px; }
#triangleList .sales-performance-end { background: url(images/triangle-sales-performance-5-end.png) no-repeat; height: 86px; margin-bottom: 30px; width: 697px; } 


#triangleList .customer-service-define .su-spoiler-title { background: url(images/triangle-customer-service-1-define.gif) no-repeat; height: 180px; }
#triangleList .customer-service-direct .su-spoiler-title { background: url(images/triangle-customer-service-2-direct.gif) no-repeat; height: 91px; }
#triangleList .customer-service-develop .su-spoiler-title { background: url(images/triangle-customer-service-3-develop.gif) no-repeat; height: 114px; }
#triangleList .customer-service-deliver .su-spoiler-title { background: url(images/triangle-customer-service-4-deliver.gif) no-repeat; height: 110px; }
#triangleList .customer-service-end { background: url(images/triangle-customer-service-5-end.png) no-repeat; height: 86px; margin-bottom: 30px; width: 697px; } 


#triangleList .generic-define .su-spoiler-title { background: url(images/triangle-generic-1-define.gif) no-repeat; height: 180px; }
#triangleList .generic-direct .su-spoiler-title { background: url(images/triangle-generic-2-direct.gif) no-repeat; height: 91px; }
#triangleList .generic-develop .su-spoiler-title { background: url(images/triangle-generic-3-develop.gif) no-repeat; height: 114px; }
#triangleList .generic-deliver .su-spoiler-title { background: url(images/triangle-generic-4-deliver.gif) no-repeat; height: 110px; }
#triangleList .generic-end { background: url(images/triangle-generic-5-end.png) no-repeat; height: 86px; margin-bottom: 30px; width: 697px; } 


#triangleList .su-spoiler-content {
	background: #eee;
	padding-right: 1em;
	width: 92%;
}


@media screen and (min-width: 673px)
{
	/*#main { margin-top: 88px; }*/
	.site-content { margin-right: 0%; }
	#content-2col-main { width: 550px; }
	#content-2col-side { width: 215px; }
	#content-2col-side-mb { width: 700px; background-color: #f4f4f4; }
	#content-2col-main-mb { width: 700px; }
	.content-sidebar { width: 100%; margin-left: 0; padding: 0px 30px 24px; background-color: #f4f4f4; }
	#no-banner-main { margin-top: 88px; }
	
	
	.full-width .site-content .has-post-thumbnail .entry-header, .full-width .site-content .hentry.has-post-thumbnail:first-child { margin-top: 0; }
	#masthead {height: 48px;}
}


/**Adjustments for the desktop topbar when screen is small**/
@media screen and (max-width: 768px) {
.search-toggle {
position: absolute;
top: 0px;
right: 30px;
}



.topbar-menu {
display: block;
background-color: black;
}
.primary-navigation.toggled-on {
display: block;
padding: 48px 0 0 0px;
background-color: black;
}
.nav-toggled {
padding-top: 48px !important;
padding-left: 0px !important;
}
h2.topbar-description {
display:none;
}

#home-r1-sidebar, #home-r2-sidebar { background-color: #f4f4f4; /*float: none; margin: 0 0 30px 0; width: 62.5%;*/ }
#home-r1-content, #home-r2-content { width: 62.5%; }
#home-r2-content .su-column su-column-size-1-3 { padding-left:20px; }
#content .su-tabs-vertical .su-tabs-nav { float: left; width: 18%; }
#content .su-tabs-vertical .su-tabs-panes { float:left; width: 82%; }
}

@media screen and (min-width: 783px) {
	
	/* Primary Navigation */
	
	nav#primary-navigation { width: 78%; padding-left: 30px;
/*float: left;*/ }
	
	.primary-navigation ul ul {
		background-color: #212121;
		float: left;
		margin: 0;
		position: absolute;
		top: 48px;
		left: -999em;
		z-index: 99999;
	}
	
	.primary-navigation li:hover > a,
	.primary-navigation li.focus > a {
		background-color: #212121;
		color: #fff;
	}
	
	.primary-navigation ul ul a {
		font-size: 115%;
		text-transform: capitalize;
	}

	.primary-navigation ul ul a:hover,
	.primary-navigation ul ul li.focus > a {
		background-color: transparent; /*#b81c29;*/
	}
	
	
	#no-banner-main { margin-top: 0; }
	#content .su-tabs-vertical .su-tabs-nav { width: 18%; }
	#content .su-tabs-vertical .su-tabs-panes { width: 82%; }
}

@media screen and (min-width: 810px) {
	nav#primary-navigation { width: 82%; }
	#content-2col-main { width: 700px; }
	#content-2col-side { width: 260px; }
}

@media screen and (min-width: 846px) {
	
	nav#primary-navigation { width: 83%; }
	.content-area, .content-sidebar {
		padding-top: 10px;
	}
	
	.full-width .site-content .hentry.has-post-thumbnail:first-child {
		margin-top: 30px;
	}

@media screen and (min-width: 1008px) {
nav#primary-navigation { 
	/*width: 83.5%;*/ 
	width: 82.5%;
	/*margin-left: 25px;*/ 
}

.site-content {
		margin-left: 0;
		margin-right: 0;
		/*margin-right: 25%;*/
	}
	
.content-sidebar { padding: 0; width: 100%; /*margin-top: 240px; width: 25%;*/ }

}

@media screen and (min-width: 1080px) {
	.site-content,
	.site-main .widecolumn {
		margin-left: 0;
		margin-right: 0;
	}

	.site:before {
		width: 0;
	}

}