/*
Theme Name: Knack Energy Suffix
Theme URI: https://grapps.in/
Author: GR Apps
Author URI: https://grapps.in/
Description: Theme is a multipurpose responsive WordPress theme made to help you create a beautiful professional looking site in no time.
Version: 1.1.5
License: GNU General Public License, version 3 (GPLv3)
License URI: http://www.gnu.org/licenses/gpl-3.0.txt
Tags: one-column, two-columns, right-sidebar, left-sidebar, grapps.in, custom-background, custom-menu, custom-colors, threaded-comments, translation-ready, featured-images, theme-options, blog, e-commerce
Text Domain: grapps
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Reset
2.0 Typography
      2.1 Headings
      2.2 Others
3.0 Elements
      3.1 Superscript and Subscript
      3.2 Table
      3.3 Lists
      3.4 Blockquote
      3.5 Others
4.0 Forms
5.0 Navigation
      5.1 Links
      5.2 Primary Menu
      5.3 Primary Menu Dropdown
      5.4 Responsive Menu
6.0 Images
7.0 Alignments
8.0 Clearings
9.0 Media
      9.1 Captionst
10.0 Extras
      10.2 Search Design
      10.3 Page Header Title
11.0 Widgets
      11.1 Widgets General CSS
12.0 Plugins Support
12.1 Breadcrumb NavXT
 12.2 WP-PageNavi
13.0 Content
13.1 Body
13.2 Header
13.3 Primary, Secondary & Tertiary Content Area
13.4 Content Columns
13.5 Posts and Pages
13.6 Pagination
13.7 Comments
13.8 Footer
13.8.a Footer General CSS
13.8.b Footer Widget Area
13.8.c Footer Copyright Info
13.8.d Footer menu
13.8.e Scroll to Top
14.0 Responsive Structure
--------------------------------------------------------------*/
/*--------------------------------------------------------------
1.0 Reset
--------------------------------------------------------------*/

@import url('https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,100..900&display=swap');

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	color:#000000;
	font-family: "Inter", sans-serif;
	font-size:16px;
	font-style: normal;
	font-weight: 400;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
html {
	overflow-y: scroll; /* Keeps page centred in all browsers regardless of content height */
	-webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
	-ms-text-size-adjust: 100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
}

/* GENERAL WIDTH START */
.colthree, .coltwo, .colfour {
	float: left;
}
.colthree { width:25%;}
.colfour { width:33%;}
.coltwo { width:50%;}
.colinr { padding:0 15px 0 0}
.pdrgt40{ padding-right:40px; }
.wdthautobutn button {
    width: auto;
}
/* GENERAL WIDTH END */

/* CAREER START */
.mgbtm35 {margin-bottom:25px;}
.colcrbx {
    display: inline-block;
    text-align: center;
    width: 24%;
}
.colcrbx:nth-of-type(odd) {
    background: #dfd4d4;
}
.mgbtm35 .colcrbx{
	background: #fff;
}
.mgbtm35 .colcrbx:nth-of-type(even) {
	background: #dfd4d4;
}
.colcrbxinr {
    padding: 30px 15px;
}
.colcrbxinr img {
    height: 100px;
    margin-bottom: 20px;
    width: auto;
}
/* CAREER END */

/* TEAM LIST START */
.knacktimbox {
    box-shadow: 0px 0px 20px 0px #00000026;
    margin-bottom: 50px;
}
.kntiminrbox {
    min-height: 341px;
    padding: 20px;
}
.fortimhead {
    display: inline-block;
    width: 72%;
    vertical-align: top;
    margin: 0 0 5px;
}
.fortimhead:nth-child(2) {
    text-align: right;
    width: 27%;
}
.fortimhead h3 {
    color: #1D4899;
    font-size: 30px;
}
.fortimhead p {
    color: #666666;
    text-transform: uppercase;
	font-size: 13px;
}

/* TEAM LIST END */

/* SOLAR CALC START */
.solarcalc select {
	background: #f6f6f6;
    border: medium none;
    border-radius: 1px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    line-height: 20px;
    margin: 0 0 10px 0;
    padding: 10px 0;
    width: 100%;
}
/* SOLAR CALC END */

article, aside, details, figcaption, figure, footer, header, main, nav, section {
	display: block;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a:focus {
	outline: thin dotted;
}
a:hover, a:active { /* Improves readability when focused and also mouse hovered in all browsers people.opera.com/patrickl/experiments/keyboard/test */
	outline: 0;
}
embed, iframe, object {
	max-width: 100%;
}
 button::-moz-focus-inner {
 border: 0;
 padding: 0;
 margin: 0;
}
/*--------------------------------------------------------------
2.0 Typography --->>>>> www.007db8.com
--------------------------------------------------------------*/
/*
====> 2.1 Headings
--------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
	font-weight: 700;
    line-height: normal;
}
h1 {
	font-size: 3em;
}
h2 {
	font-size: 2.25em;
}
h2 sup {
    position: unset;
    display: inline-block;
    vertical-align: text-top;
    font-size: 16px;
    color: #1d4899;
    font-weight: 700;
}
h3 {
	font-size: 1.75em;
}
h4 {
	font-size: 1.5em;
}
h5 {
	font-size: 1.25em;
}
h6 {
	font-size: 1em;
}
/*
====> 2.2 Others
--------------------------------------------------------------*/
body, button, input, select, textarea {
	font-weight: normal;
}
p {
	font-size: 16px;
	line-height: 28px;
	margin-bottom: 15px;
	font-weight: normal;
}
/*--------------------------------------------------------------
3.0 Elements
--------------------------------------------------------------*/
/*
====> 3.1 Superscript and Subscript
--------------------------------------------------------------*/
sup, sub {
	font-size: 10px;
	height: 0;
	line-height: 1;
	position: relative;
	vertical-align: baseline;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}
/*
====> 3.2 Table
--------------------------------------------------------------*/
table { /* tables still need 'cellspacing="0"' in the markup */
	border-collapse: collapse;
	border-spacing: 0;
	margin: 0 0 1.5em;
	width: 100%;
}
th {
	font-weight: bold;
}
th, td {
	border: 1px solid #f2f2f2;
	padding: 6px 10px;
}
caption, th, td {
	text-align: left;
}
/*
====> 3.3 Lists
--------------------------------------------------------------*/
ul, ol {
	list-style: none;
}
ol {
	list-style: decimal;
}
li > ul, li > ol {
	margin: 0 0 0 20px;
}
/*
====> 3.4 Blockquote
--------------------------------------------------------------*/
blockquote {
	font-style: italic;
	font-weight: normal;
	padding: 20px;
	border: 1px solid #f2f2f2;
	border-left: 3px solid #1D4899;
	margin-bottom: 20px;
}
blockquote em, blockquote i, blockquote cite {
	font-style: normal;
}
blockquote cite {
	color: #21252d;
	font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: normal;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}
/*
====> 3.5 Others
--------------------------------------------------------------*/
body {
	background: #f2f2f2; /* Fallback for when there is no custom background color defined. */
}
strong {
	font-weight: bold;
}
cite, em, i {
	font-style: italic;
}
pre {
	background-color: #f2f2f2;
	margin-bottom: 20px;
	overflow: auto;
	padding: 20px;
	border: 1px solid #eaeaea;
}
pre, code, kbd, var, samp, tt {
	font-size: 14px;
	line-height: 19px;
	white-space: pre-wrap;
}
abbr, acronym, dfn {
	border-bottom: 1px dotted #f2f2f2;
	cursor: help;
}
address {
	display: block;
	font-style: italic;
	margin: 0 0 15px;
}
ins {
	background-color: #f2f2f2;
}
hr {
	border-color: #f2f2f2;
	border-style: solid none none;
	border-width: 1px 0 0;
	height: 0;
	margin: 30px 0;
}
dl {
	margin-bottom: 24px;
	font-size: 16px;
}
dt {
	font-weight: bold;
	margin-bottom: 5px;
}
dd {
	margin-bottom: 24px;
}
.screen-reader-text {
	display: none;
}
/*--------------------------------------------------------------
4.0 Forms
--------------------------------------------------------------*/
::placeholder {
    color: #000;
}
input, textarea {
	-webkit-border-radius: 0px;
}
.smlmsgbox textarea {
    height: 90px;
}
select.wpcf7-form-control.wpcf7-select,
input[type="text"], input[type="url"], input[type="email"], input[type="search"], input[type="password"], textarea {
	background:#F6F6F6;
	padding: 10px 3%;
	line-height: 20px;
	width: 94%;
	margin: 0 0 0px;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
    margin-bottom: 10px;
    border: medium none;
}
select.wpcf7-form-control.wpcf7-select {
    padding: 12px 3%;
    width: 100%;
}
input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="password"]:focus, textarea:focus {
	outline:none;
	border:medium none;
}
input.s {
	width: 60%;
	padding: 4px 54px 4px 10px;
	height: 36px;
	color: #21252d;
	background-color: #ffffff;
	margin: 0;
	border: 1px solid #f2f2f2;
}
input.s:focus {
	padding-left: 10px;
	border-color: #eaeaea;
	text-indent: 0;
}
.ample-button, input[type="reset"], input[type="button"], input[type="submit"], button {
	color: #FFFFFF;
	display: block;
	margin-bottom: 30px;
	padding: 10px 25px 8px;
	cursor: pointer;
	background-color: #1D4899;
	border: 0px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-size: 22px;
    width: 100%;
}
.ample-button:hover, input[type="reset"]:hover, input[type="button"]:hover, input[type="submit"]:hover, button:hover {
	-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.6);
	-moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.6);
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.6);
}
/*--------------------------------------------------------------
5.0 Navigation
--------------------------------------------------------------*/
/*
====> 5.1 Links
--------------------------------------------------------------*/
a {
	color: #1D4899;
	cursor:pointer;
	text-decoration: none;
	-webkit-transition: 0.25s ease-in-out;
	-moz-transition: 0.25s ease-in-out;
	transition: 0.25s ease-in-out;
	-ms-transition: 0.25s ease-in-out;
	-o-transition: 0.25s ease-in-out;
}
a:focus, a:active, a:hover {
	text-decoration: none;
}
/*
====> 5.2 Primary Menu
--------------------------------------------------------------*/
.menu-primary-menu-container {
    margin-top: 3px;
}
.main-navigation li > ul, .main-navigation li > ol {
	margin: 0;
	list-style: none;
}
.main-navigation {
	float: right;
}
.main-navigation li {
    display: inline-block;
	float: none;
	padding: 0 15px;
	position: relative;
    vertical-align: middle;
}
.main-navigation li.whtbgmn,
.main-navigation li.blubgmn {
    background: #fff;
    border: 1px solid #1D4899;
    border-radius: 38px;
    margin-left: 15px;
    padding: 10px 15px;
}
.main-navigation li.blubgmn {
	background: #1D4899;
}
.main-navigation li.whtbgmn a {
    color: #1D4899;
	padding:0;
}
.main-navigation li.blubgmn:hover a,
.main-navigation li.blubgmn a{
	color: #fff!important;
	padding:0;
}
.sub-toggle {
	display: none;
}
.main-navigation ul#menu-primary > li:last-child {
	margin-right: 15px;
}
.main-navigation li > a {
	color: #000;
}
.main-navigation li.default-menu, li.default-menu {
	display: none;
}
.main-navigation a {
	display: block;
	float: left;
	font-weight: 500;
    padding: 5px 0;
}
.main-navigation ul.menu > li.current-menu-item, .main-navigation ul.menu > li.current-menu-ancestor, .main-navigation .menu > ul > li.current_page_item, .main-navigation .menu > ul > li.current_page_ancestor, .main-navigation ul.menu > li:hover, .main-navigation .menu > ul > li:hover {
	/* border-top: 2px solid #fff;
   margin-top: -2px;*/
	color: #21252d;
}
.main-navigation a:hover, .main-navigation ul li.current-menu-item a, .main-navigation ul li.current-menu-item a:after, .main-navigation ul li.current-menu-ancestor a, .main-navigation ul li.current-menu-ancestor a:after, .main-navigation ul li.current_page_item a:after, .main-navigation ul li.current_page_item a, .main-navigation ul li.current_page_ancestor a, .main-navigation ul li.current_page_ancestor a:after, .main-navigation ul li:hover > a, .main-navigation li.menu-item-has-children:hover > a:after, .main-navigation li.page_item_has_children:hover > a:after {
	color: #1D4899;
}
.main-navigation li.menu-item-has-children > a:after, .main-navigation li li.menu-item-has-children > a:after, .main-navigation li.page_item_has_children > a:after, .main-navigation li li.page_item_has_children > a:after {
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
	color: #000;
	font-size: 12px;
	padding-left: 6px;
}
.main-navigation li.menu-item-has-children > a:after, .main-navigation li.page_item_has_children > a:after {
	content: "\f0d7";
}
.main-navigation li li.menu-item-has-children > a:after, .main-navigation li li.page_item_has_children > a:after {
	content: "\f0da";
	position: absolute;
	right: 8px;
}
/*
====> 5.3 Primary Menu Dropdown
--------------------------------------------------------------*/
.main-navigation ul li ul, .main-navigation ul li:hover ul ul, .main-navigation ul ul li:hover ul ul, .main-navigation ul ul ul li:hover ul ul, .main-navigation ul ul ul ul li:hover ul ul {
	display: none;
	z-index: 9999;
}
.main-navigation ul li:hover ul, .main-navigation ul ul li:hover ul, .main-navigation ul ul ul li:hover ul, .main-navigation ul ul ul ul li:hover ul, .main-navigation ul ul ul ul ul li:hover ul {
	display: block;
}
.main-navigation ul li ul {
	background-color: #ffffff;
    box-shadow: 1px 1px 10px #ccc;
	left: -1px;
	position: absolute;
	top: 30px;
	width: 180px;
}
.main-navigation ul li .sub-menu a {
	text-transform: none;
}
.main-navigation ul li ul li.current-menu-item a {
    color: #1D4899!important;
    font-weight: 600;
}
.main-navigation ul ul > li:last-child {
	border-bottom: medium;
    margin-bottom: 15px;
}
.main-navigation ul li ul li {
	float: none;
	padding: 0;
	border-top: medium;
	margin: 15px 0 0;
    width: 100%;
}
.main-navigation ul li ul li a, .main-navigation ul li.current-menu-item ul li a, .main-navigation ul li ul li.current-menu-item a, .main-navigation ul li.current_page_ancestor ul li a, .main-navigation ul li.current-menu-ancestor ul li a, .main-navigation ul li.current_page_item ul li a {
	float: none;
	line-height: 21px;
	font-size: 13px;
	height: 100%;
	padding: 0 20px;
	color: #000000;
}
.main-navigation ul li ul li a:hover, .main-navigation ul li ul li:hover > a, .main-navigation ul li.current-menu-item ul li a:hover {
	color: #1D4899;
}
.main-navigation ul li ul li ul {
	left: 158px;
	top: -1px;
}
.main-navigation select {
	display: none;
}
/*
====> 5.4 Responsive Menu
--------------------------------------------------------------*/
.menu-toggle {
	display: none;
	cursor: pointer;
}
/*--------------------------------------------------------------
6.0 Images
--------------------------------------------------------------*/
figure {
	margin: 0;
	text-align: center;
}
img {
	max-width: 100%;
	height: auto;
	vertical-align: top;	
}
.entry-content img, .comment-content img, .widget img {
	max-width: 100%; /* Fluid images for posts, comments, and widgets */
}
img[class*="align"], img[class*="wp-image-"], img[class*="attachment-"] {
}
img.size-full, img.size-large {
	max-width: 100%;
	height: auto;
}
.entry-content img.wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
img.alignleft, img.alignright, img.aligncenter {
	margin-bottom: 1.625em;
}
p img {
}
a img {
	border: 0;
}
a img:hover {
	opacity: 0.8;
	filter: alpha(opacity=80); /* For IE8 and earlier */
	box-shadow: #000 0 0 0;
}
img#wpstats {
	display: none;
}
/*--------------------------------------------------------------
7.0 Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 30px;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 30px;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
/*--------------------------------------------------------------
8.0 Clearings
--------------------------------------------------------------*/
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.clearfix {
	display: inline-block;
}
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/*--------------------------------------------------------------
9.0 Media
--------------------------------------------------------------*/

/*--------------------------------------------------------------
10.0 Extras
--------------------------------------------------------------*/


/*
====> 10.2 Search Design
--------------------------------------------------------------*/
#masthead .search-wrap input.s {
	width: 180px;
}
.fa.search-top {
	color: #666;
	position: absolute;
	right: 0;
	line-height: 65px;
	cursor: pointer;
	padding-left: 10px;
	top: 0;
}
.search-wrap {
	position: relative;
}
.search-wrap button {
	border-radius: 0;
	color: #fff;
	line-height: 45px;
	margin-left: -2px;
	margin-bottom: 0;
	padding: 0 15px;
	position: absolute;
	top: 0;
	right: 0;
}
.search-icon:before {
	content: "\f002";
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
	color: #ffffff;
	font-size: 18px;
}
.search-form-top {
	border: 1px solid #eaeaea;
	display: none;
	padding: 10px;
	position: absolute;
	right: 0;
	top: 70px;
	z-index: 9999;
	background-color: #ffffff;
}
.not-found .search-wrap button {
	right: 175px;
}
/*
====> 10.3 Page Header Title
--------------------------------------------------------------*/
.header-post-title-container {
	background: #546381;
    margin-bottom: 60px;
	padding:250px 0;
}
.header-post-title-container .post-title-wrapper {
	text-align:center;
	max-width: 100%;	
}
.header-post-title-container .post-title-wrapper h1{
	color:#fff;
    font-size: 3em;
    font-weight: 700;
    margin-bottom: 15px;
}
.header-post-title-container .post-title-wrapper h2 {
    color: #fff;
    font-size: 1.5em;
    font-weight: 500;
    margin: 0 auto;
	width: 70%;
}
.hombnrdata {
    padding: 250px 0;
}
.hombnrdata h1,
.hombnrdata p{
    color: #173163;
    margin-bottom: 25px;
}
.hombnrdata p{
	font-size:1.50em;
}
.hombnrdata .post-title-wrapper {
    width: 65%;
}
.hombnrdata a{
	background: #1D4899;
    border-radius: 40px;
    color: #fff;
    display: block;
    font-weight: 600;
    font-size: 18px;
    height: 42px;
    padding: 15px 0 0;
    text-align: center;
    width: 170px;

}
/*--------------------------------------------------------------
11.0 Widgets
--------------------------------------------------------------*/
/*
====> 11.1 Widgets General CSS
--------------------------------------------------------------*/
#secondary .widget, #tertiary .widget {
	padding-bottom: 40px;
}
#secondary .widget-title, #tertiary .widget-title {
	font-size: 24px;
}
#secondary .widget li a, #tertiary .widget li a {
	padding-bottom: 10px;
	display: inline-block;
	color: #1D4899;
}
#secondary .widget li a:hover, #tertiary .widget li a:hover {
	text-decoration: underline;
}
.widget select {
	max-width: 100%;
}
#secondary .search-wrap button, #tertiary .search-wrap button {
	right: 26px;
}
.both-sidebar #secondary .search-wrap button, .both-sidebar #tertiary .search-wrap button {
	right: 0;
}
/*--------------------------------------------------------------
12.0 Plugins Support
--------------------------------------------------------------*/
/*
====> 12.1 Breadcrumb NavXT
--------------------------------------------------------------*/
.breadcrumb {
	float: right;
	text-align: right;
	margin-top: 8px;
	margin-bottom: 2px;
	font-size: 14px;
}
.breadcrumb {
	color: #ffffff;
	font-weight: normal;
}
.breadcrumb a {
	color: #ffffff;
	font-weight: normal;
}
.breadcrumb a:hover {
	text-decoration: underline;
}
/*
====> 12.2 WP-PageNavi
--------------------------------------------------------------*/
.wp-pagenavi {
	padding-bottom: 40px;
}
/*--------------------------------------------------------------
13.0 Content
--------------------------------------------------------------*/
/*
====> 13.1 Body
--------------------------------------------------------------*/
body {
	padding-top: 30px;
	padding-bottom: 30px;
}
body.wide {
	padding-top: 0;
	padding-bottom: 0;
}
#page {
	background-color: #ffffff;
	margin: 0 auto;
	max-width: 1180px;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
}
.wide #page {
	max-width: 100%;
}
.inner-wrap {
	max-width: 1200px;
	margin: 0 auto;
}
/*
====> 13.2 Header
--------------------------------------------------------------*/
.main-head-wrap {
	/* padding: 12px 0 14px; */
}
body.home header#masthead { background:#fff; position: unset; }
header#masthead.stickyhead .main-head-wrap {
    padding-bottom: 0;
}
header#masthead {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 9999999999;
    padding: 10px 0 11px;
}
header#masthead.stickyhead {
	background:#fff;
    box-shadow: 0px 1px 2px 0px #ccc;
}
header#masthead {
    width: 100%;
}
body.single-post header#masthead {
    border-bottom: 1px solid #00000033;
    margin-bottom: 60px;
	position:unset;
}
.header {
	padding: 0 15px;
	/*	border-bottom: 1px solid #ddd; */
}
#header-left-section {
	float: left;
}
#header-logo-image {
	/* float: left;
	padding: 5px 20px 5px 0;
	max-width: 100%; */
}
#header-logo-image img {
	margin-bottom: 0px;
	height: auto;
	padding: 0;
	width: 230px;
}
#header-right-section {
	float: right;
	position: relative;
}
img.header-image {
	display: block;
	margin: 0 auto;
}
/*
====> 13.3 Primary, Secondary & Tertiary Content Area
--------------------------------------------------------------*/
/* Right Sidebar */
#primary {
	float: left;
	width: 64.54545454%;
}
#secondary {
	float: right;
	width: 31.81818181%;
}
.single-career #primary {
	float: left;
	width: 100%;
}
/* Left Sidebar */
.left-sidebar #primary {
	float: right;
	width: 64.54545454%;
}
.left-sidebar #tertiary {
	float: left;
	width: 31.81818181%;
}
/* Both Sidebar */
.both-sidebar #primary {
	width: 72.72727272%;
}
.both-sidebar #secondary {
	width: 23.63636363%;
}
.both-sidebar #primary #content {
	float: right;
	width: 62.5%;
}
.both-sidebar #primary #tertiary {
	float: left;
	width: 32.5%;
}
/* No Sidebar */
.no-sidebar-full-width #primary {
	width: 100%;
}
.no-sidebar #primary {
	float: none;
	margin: 0 auto;
}

/*
====> 13.5 Posts and pages
--------------------------------------------------------------*/
.sticky {
}
.extra-hatom-entry-title {
	display: none;
}
.single-page {
	/* margin-top: 50px; */
}
.single-header {
	padding: 2% 0;
	background-color: #444;
}
.single-header h2 {
	font-size: 2.5em;
	color: #1D4899;
	font-weight: 200;
	margin-bottom: 16px;
}
#content, #content {
}
.sidebar {
}
.single-page p a {
	color: #1D4899;
}
.single-page p a.btn-bb {
	display: inline-block;
    margin-bottom: 10px;
}
.single-page p a:hover {
	color: #555;
}
.single-page p {
	margin-bottom: 10px;
	/* font-size: 24px;
    line-height: 32px; */
}
.entry-content ul {
	list-style: square;
}
.entry-content ul, .entry-content ol {
	padding: 0 0 0 20px;
	margin-bottom: 30px;
}
.entry-content li > ul, .entry-content li > ol {
	margin-bottom: 0;
}
.sidebar h4 {
	font-weight: 400;
	padding-bottom: 8px;
	margin-bottom: 17px;
}
.date-icon, .author-icon {
	width: 32px;
	height: 32px;
	display: block;
	float: left;
}
.hentry .entry-title {
	font-size: 24px;
	padding-bottom: 10px;
}
.hentry .entry-title a {
	color: #21252d;
	display: block;
	font-weight: 400
}
.hentry .entry-title a:hover {
	color: #1D4899;
}
.entry-meta {
	width: 100%;
	padding-bottom: 20px;
}
.entry-meta {
	font-size: 14px;
}
.read-btn a {
	border: 1px solid #1D4899;
	display: inline-block;
	margin-top: 20px;
	padding: 10px 16px;
}
.read-btn a:hover {
	background-color: #1D4899;
	color: #ffffff;
}
.entry-meta > span {
	padding-right: 15px;
}
.entry-meta .fa {
	color: #1D4899;
	padding-right: 5px;
}
.entry-meta a {
	color: #444444;
	font-weight: normal;
}
.entry-meta a:hover {
	color: #1D4899;
}
article.post {
	padding-bottom: 60px;
}
.tags a {
	display: inline-block;
}
/*
====> 13.6 Pagination
--------------------------------------------------------------*/
.default-wp-page li.previous {
	float: left;
}
.default-wp-page li.next {
	float: right;
}
.previous a, .next a {
	color: #1D4899;
	padding: 5px 0;
	cursor: pointer;
	font-size: 16px;
	display: inline-block;
}
.next {
	float: right;
}
.previous a:hover, .next a:hover {
	text-decoration: underline;
}
.default-wp-page {
	padding: 20px 0;
}
.nav-previous, .nav-next {
	margin-bottom: 15px;
}
.nav-previous a, .nav-next a {
	color: #1D4899;
	cursor: pointer;
	font-size: 16px;
}
.nav-previous a {
	float: left;
}
.nav-next a {
	float: right;
}
.nav-previous a:hover, .nav-next a:hover {
	text-decoration: underline;
}
.form-allowed-tags {
	display: none;
}
.error404 .page-title {
	font-size: 30px;
}
.srvcboximgsz60 .wpb_content_element.wpb_single_image,
.srvcboximgsz60 .wpb_content_element.wpb_text_column { 
	margin-bottom:20px;
}
.srvcboximgsz60 img { width:60px; }
.stdftitle {
    margin: 35px 0;
}
.mbtp0 { margin-top:0;}
.ttlcntr {
    text-align: center;
}
.stdftitle h2 {
	font-size:2.5em;
	font-weight:300;
}
.stdftitle.fntsmall h2 {
	font-size:1.5em;
	font-weight:300;
}
.txtwht .stdftitle.fntsmall h2{
	color:#fff;
}
.stdftitle.ttlcntr h2:after {
    margin: 7px auto 0;
}
.stdftitle h2:after {
    background: #40BEFD;
    content: "";
    display: block;
    height: 2px;
    margin-top: 7px;
    width: 77px;
}
.stdftitle.nobrd h2:after {
	display:none;
}
.stdftitle strong {
	color:#1D4899;
	font-size:100%;
}
.txtwht .stdftitle strong {
	color:#fff;
}

/* SUFFIX HOME START */
ul.abutbox {
    padding: 0;
    list-style: none;
}
ul.abutbox li {
    display: inline-block;
    padding: 0 2%;
    text-align: center;
    vertical-align: middle;
    width: 28.5%;
}
ul.abutbox li:before {
    content: "";
    float: left;
    height: 100px;
    width: 1px;
    background: #333333;
    margin: 45px -17px 0;
}
ul.abutbox li:first-child:before {
	display:none;
}
ul.abutbox li img{
    height: 80px;
	margin-bottom:25px;
    width: auto;
}
.prodbox {
    border: 1px solid #D8D8D8;
    border-radius: 10px;
    padding: 20px;
}
.prodbox img {
    margin-bottom: 30px;
}
.prodbox h4 {
    margin-bottom: 25px;
}
ul.abutbox li h5{
	margin-bottom:15px;
}
/* SUFFIX HOME END */

/* SUFFIX GENERAL START */
.txtwht,
.txtwht p { color:#fff;}
a.pdflnk i {
    color: #1D4899;
    margin: 0 7px 0 0;
    vertical-align: bottom;
}
a.pdflnk {
    color: #40BEFD;
}
.forsolarbox .wpb_single_image img {
    height: 91px;
    width: auto;
}
.vc_custom_heading a {
    font-weight: 700;
    font-size: 100%;
}
a.forpopup{
    background-color: #1D4899;
    border: none;
    border-radius: 11px 11px 0px 0px;
    bottom: 175px;
    color: white;
    cursor: pointer;
    font-size: 18px;
    left: -35px;
    outline: none;
    padding: 15px;
    position: fixed;
    vertical-align: top;
    z-index: 9999;
    transform: rotate(7deg);
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
}
.vc_images_carousel .vc_carousel-control .icon-next, .vc_images_carousel .vc_carousel-control .icon-prev {
	background: #1D4899;
    padding: 10px 0 0 !important;
    color: #fff;
}
.vc_images_carousel .vc_carousel-control {
	opacity:1 !important;
}
/* SUFFIX GENERAL END */

/* SUFFIX CONTACT START */
.entry-content ul.frcntimfo {
    list-style: none;
    padding: 0;
}
.entry-content ul.frcntimfo li {
    margin-bottom: 21px;
}
.entry-content ul.frcntimfo img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}
.entry-content ul.frcntimfo a {
    display: inline-block;
    vertical-align: middle;
    color: #000;
    font-weight: 600;
    font-size: 20px;
}
/* SUFFIX CONTACT END */

/* SUFFIX ABOUT START */
.glorymnbox { overflow: hidden; }
.forglory {
    width: 100%;
    overflow-x: scroll;
    overflow-y: hidden;
    position: relative;
    white-space: nowrap;
    padding: 36px 0;
    scrollbar-color: #1D4899 #fff;
}
.glorybox {
    display: inline-block;
    width: 22%;
    margin-right: 10px;
    vertical-align: top;
    border: 1px solid #1D4899;
}
.gloryhead {
    padding: 20px;
}

.glorybox h3 {
    color: #1D4899;
    line-height: 35px;
    margin-bottom: 10px;
}
.gloryhead strong {
    display: block;
}
.gloryhead p {
    margin-bottom: 0;
}
.dbttl {
    background: #1D4899;
    text-align: center;
    padding: 5px;
}
.dbttl p {
    margin: 0;
    font-size: 14px;
}
/* SUFFIX ABOUT END  */


/* BLOG START */
.bloglstbox {
    margin-bottom: 45px!important;
}
.blogimgfeat {
    margin-bottom: 20px;
}
.catbtn {
    position: absolute;
    top: 15px;
    right: 29px;
    background: #fff;
    padding: 3px 14px;
    border-radius: 30px;
}
.blogmeta span:first-child {
    color: #1D4899;
    margin-right: 10px;
}
.blogmeta span:last-child {
    color: #666666;
}
.blogmeta {
    margin-bottom: 20px;
}
.blglstitle {
	color:#1D4899;
    margin-bottom: 25px !important;
}
.singleblgmeta {
	background: var(--Light-Gray-Color, #F8F8F8);
    border-radius: 25px;
	display: table;
    margin: 0 auto 25px;
    padding: 7px 15px;
}
.singleblgmeta span:first-child {
    color: #1D4899;
    font-weight: 700;
    margin-right: 15px;
}
h1.singleblgtitle {
    color: #1D4899;
    font-size: 2.6em;
    line-height: 100%;
    margin-bottom: 25px;
    text-align: center;
}
body.single-post .entry-content h2,
body.single-post .entry-content h3 {
	color:#1D4899;
}
body.post-type-archive-career .wpb_column.vc_column_container.vc_col-sm-4,
body.blog .wpb_column.vc_column_container.vc_col-sm-4 {
    display: inline-block;
    width: 33%;
    vertical-align: top;
}
body.post-type-archive-career .wpb_column.vc_column_container.vc_col-sm-4 .vc_column-inner,
body.blog .wpb_column.vc_column_container.vc_col-sm-4 .vc_column-inner {
    padding: 0 12px;
}
body.post-type-archive-career .blglstitle,
body.blog .blglstitle {
	margin-bottom: 15px !important;
    font-size: 22px;
    line-height: normal;
}
body.post-type-archive-career .catbtn,
body.blog .catbtn{
	display:none;
}
/* BLOG END */

.befrfotr {
	background:#F8F8F8;
	padding:25px 0;
}
.ftrbfrtwo.mbmb35 {
    width: 63.5%;
}
.ftrbfrtwo {
    vertical-align: middle;
    width: 35.5%;
    display: inline-block;
}
.befrfotr h3 {
	color:#1D4899;
}
.befrfotr p {
	color:#1D4899;
    margin: 0;
}
.cltactform {
    border-radius: 35px;
    padding: 9px 9px 9px 20px;
    border: 1px solid #000000;
}
.cltactform input[type="email"] {
	width:220px;
}
.cltactform input {
    background: transparent;
    border: medium none;
    font-size: 17px;
    line-height: normal;
	margin: 0;
    padding: 0;
    vertical-align: middle;
    width: auto;
}
.cltactform input:hover,
.cltactform input:focus {
    border: medium none;
    outline: none;
}
.cltactform input.wpcf7-not-valid {
    border-bottom: 1px solid #ff0000;
}
.cltactform input.wpcf7-submit {
    background: #1D4899;
    border-radius: 35px;
    padding: 10px 30px;
	display:inline-block;
}
.cltactform span.wpcf7-spinner {
    display: none;
}
.cltactform .wpcf7-not-valid-tip{
    display: none;
}
.ftrbfrtwo .wpcf7 form.invalid .wpcf7-response-output {
    color: #1D4899;
    margin: 15px 0 0;
}

/*
====> 13.8 Footer
--------------------------------------------------------------*/
/*
====> ====> 13.8.a Footer General CSS
--------------------------------------------------------------*/
#colophon * {
	color: #fff;
}
#colophon {
	background: #000;
	color: #fff;
	clear: both;
	overflow: hidden;
	padding: 50px 0 30px;
}
#colophon a:hover {
	color: #fff;
}
.ftrlftrgtspc {
    padding: 0 15px;
}
/*
====> ====> 13.8.b Footer Widget Area
--------------------------------------------------------------*/
.footer-top {
    float: left;
    width: 100%;
}
.footer-top h3 {
    font-weight: 300;
    letter-spacing: 1px;
}

#colophon .widget {
	padding-bottom: 15px;
}
.footer-top h3 strong {
    font-size: 100%;
}
ul.forctftrbox li {
    border-bottom: 1px solid #40BEFD;
    padding: 0 0 15px;
    margin-bottom: 15px;
}
ul.forctftrbox li:last-child {
    padding: 0;
    margin: 0;
    border: medium none;
}
ul.forctftrbox img {
    display: inline-block;
    vertical-align: middle;
}
ul.forctftrbox span {
    display: inline-block;
    width: 78%;
    margin-left: 3%;
    vertical-align: middle;
    line-height: 1.3;

}
.footer-bottom {
    border-top: 1px solid #40BEFD;
    float: left;
    width: 100%;
    margin: 15px 0 0;
    padding-top: 20px;
}
.textright {
    text-align: right;
}
.textcenter {
    text-align: center;
}
#colophon .textright .widget {
    padding: 0;
}
#colophon .textright .widget a {
        margin-left: 20px;
    display: inline-block;
}
section#custom_html-5 a {
    display: inline-block;
    margin-right: 5px;
}

/*
====> ====> 13.8.d Footer Menu
--------------------------------------------------------------*/
.menu-footer-menu-container ul#menu-footer-menu {
    column-count:2;
}
ul#menu-footer-menu li:before {
	content:"";
	background:url("images/footer-list-arrow.svg");
    background-repeat: no-repeat;
	display: inline-block;
    height: 19px;
    vertical-align: sub;
    width: 18px;
}
ul#menu-footer-menu li {
    line-height: 36px;
    list-style: none;
}
.menu-footer-menu-container li#menu-item-444,
.menu-footer-menu-container li#menu-item-445 {
    
}
/*
====> ====> 13.8.e Scroll to Top
--------------------------------------------------------------*/
a#scroll-up {
	bottom: 20px;
	position: fixed;
	right: 20px;
	display: none;
	background-color: #ffffff;
	opacity: 0.5;
	filter: alpha(opacity=50); /* For IE8 and earlier */
	padding: 9px 18px;
	border-radius: 2px;
	font-size: 20px;
}
a#scroll-up i {
	color: #1D4899;
}
a#scroll-up:hover {
	opacity: 1;
	filter: alpha(opacity=100); /* For IE8 and earlier */
}
/*--------------------------------------------------------------
14.0 Responsive Structure
--------------------------------------------------------------*/
@media screen and (max-width: 1190px) {
	#page {
		width: 97%;
	}
	.wide #page {
		width: 100%;
	}
	.inner-wrap {
		width: 94%;
	}
}
 @media screen and (max-width: 768px) {
	header#masthead {
		position: unset;
	}
	#header-left-section {
		max-width: 80%;
		margin-right: 0;
	}
	#header-right-section {
		float: none;
	}
	#header-text {
		padding-right: 0;
	}
	.better-responsive-menu .sub-menu {
		display: none;
	}
	.menu-footer-menu-container ul#menu-footer-menu {
		column-count:1;
	}
	.better-responsive-menu .menu-footer-menu-container .sub-menu {
		display: block;
	}
	.main-small-navigation li {
		position: relative;
	}
	.sub-toggle {
		position: absolute;
		right: 20px;
		cursor: pointer;
		display: block;
		top: 6px;
		color: #fff;
		padding: 0 7px;
		background-color: #1D4899;
	}
	.menu-toggle, .main-navigation.toggled .menu-primary-container {
		display: block;
	}
	.main-navigation ul {
		display: none;
	}
	.main-navigation {
		padding-top: 0;
	}
	.menu-toggle {
		margin-top: 28px;
		right: 48px;
		position: absolute;
	}
	.menu-toggle:before {
		color: #1D4899;
		content: "\f0c9";
		font-family: fontawesome;
		font-size: 22px;
		position: absolute;
		top: -10px;
	}
	.menu-primary-container {
		clear: both;
	}
	.menu-primary-container > ul > li > a, .menu > ul > li > a {
		line-height: 50px;
		height: 88px;
	}
	.menu-primary-container ul ul li {
		padding-right: 0;
	}
	.menu-primary-container > ul > li > a, .menu > ul > li > a {
		height: auto;
		line-height: 1;
	}
	#masthead .menu-primary-container li a {
		border-bottom: 1px solid #f8f8f8;
		color: #000;
		display: block;
		font-size: 14px;
		padding: 10px 0;
		width: 100%;
	}
	
	/* TITLE BACKGROUND */
	.header-post-title-container {
		padding: 35px 0;
	}
	.header-post-title-container .post-title-wrapper h1 {
		margin-bottom:20px;
	}
	.header-post-title-container .post-title-wrapper h2 {
		font-size: 1.5em;
		width: 100%;
	}

	
	/* Featured Posts widget */
	.single-post-image-wrap {
		float: none;
		margin-right: 0;
	}
	.single-post-content .entry-title, .single-post-content p, .read-btn {
		text-align: center;
	}
	.logo-disable .main-head-wrap.inner-wrap {
		padding: 0;
	}
	.ftrbfrtwo {
		display: block;
		width: 100%;
	}
	 .ftrbfrtwo.mbmb35 { width: 100%; }
	.mbmb35 {
		margin-bottom:35px;
	}
	.ftrbfrtwo h3{
		margin-bottom:15px;
	}
	.cltactform {
		border-radius: 0;
		padding: 15px 15px 6px;
	}
	.cltactform input {
		border: 1px solid #000;
		display: block;
		margin: 10px 0 20px;
		padding: 15px 3%;
		width: 94%;
	}
	.cltactform input:hover, .cltactform input:focus {
		border: 1px solid #ff0000;
		outline: none;
	}
	.cltactform input.wpcf7-not-valid {
		border: 1px solid #ff0000;
	}
	.colthree,
	.colfour,
	.coltwo	{
		width: 100%;
	}
	.colinr {
		padding: 0;
	}
	#colophon .widget {
		padding-bottom: 35px;
	}
	.footer-bottom { text-align:center;}
	.coltwo.textright {
		margin: 30px 0 10px;
		text-align: center;
	}
}
 @media screen and (max-width: 767px) {
	#primary, #secondary, .both-sidebar #primary,
	.both-sidebar #secondary,
	.both-sidebar #primary #content,
	.both-sidebar #primary #tertiary {
		float: none;
		width: 100%;
	}
	 #colophon .textright .widget a {
		margin: 0 7px;
	}
	 .colcrbx {
		display: block;
    	width: 100%;
    	text-align: center;
	}
	 .mgbtm35 .colcrbx {
		 background: #dfd4d4;
	}
	 .mgbtm35 .colcrbx:nth-of-type(even) {
    	background: #fff;
	}
	.fortimhead {
		display: block;
		width: 100%;
		margin: 0 0 20px;
	}
	 .fortimhead:nth-child(2) {
		text-align: left;
		width: 100%;
	}
	 ul.abutbox li {
		display: block;
		padding: 0 0%;
		width: 100%;
	}
	 ul.abutbox li:before { display:none; }
	 .glorybox {
    	width: 100%;
	}
	.boxdetls {
		display: block!important;
		margin: 0 0 30px!important;
		width: 100%;
	}
	 .boxdetls {
		 margin-bottom:30px;
		 width: 100%!important;
    	display: block;
	 }
	.boxdetls.hvractive {
    	display: block;
		width: 100%;
		margin-bottom: 30px;
	}
	.boxdetls .hoverboxcnt * {
		display: block;
	}
	.btmfx {
		display: none;
	}
	 body.post-type-archive-career .wpb_column.vc_column_container.vc_col-sm-4,
	 body.blog .wpb_column.vc_column_container.vc_col-sm-4 {
		display: block;
		width: 100%;
	}
	body.post-type-archive-career .wpb_column.vc_column_container.vc_col-sm-4 .vc_column-inner,
	body.blog .wpb_column.vc_column_container.vc_col-sm-4 .vc_column-inner {
		padding: 0 12px;
	}
	 .hoverboxcnt { height:auto!important;}
}
 @media screen and (max-width: 600px) {
	
}
 @media only screen and (max-width: 420px) {

}
 @media screen and (max-width: 400px) {

}

/* Remove the updated class from entry meta */
.entry-date .updated {
	display: none;
}
.fa {
    font-size: 25px;
    margin: 5px 5px 0 0px;
    cursor: pointer;
}