/*!
Theme Name: CE INDUSTRIES
Theme URI: http://underscores.me/
Author: ABPages
Author URI: https://abpages.com/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: ce-industries
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

CE INDUSTRIES is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/

@font-face { font-family: 'gothamboldregular';  src: url('fonts/gothambold_regular-webfont.woff2') format('woff2'),     url('fonts/gothambold_regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal;}

@font-face { font-family: 'gothambook'; src: url('fonts/gotham_book_regular-webfont.woff2') format('woff2'),        url('fonts/gotham_book_regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal;}


/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

body {
	margin: 0;
	font-family: 'gothambook';
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
}

a:active,
a:hover {
	outline: 0;
}
i
abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

mark {
	background: #ff0;
	color: #000;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 1em 40px;
}

hr {
	box-sizing: content-box;
	height: 0;
}

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input {
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th {
	padding: 0;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
optgroup,
textarea {
	color: #404040;
	font-family: sans-serif;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.5;
}

h1, h2, h3, h4, h5, h6 {
	clear: both;
}

p {
	margin-bottom: 1.5em;
}

dfn, cite, em, i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code, kbd, tt, var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}

abbr, acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark, ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

*,
*:before,
*:after {
	/* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	background: #fff;
	/* Fallback for when there is no custom background color defined. */
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

/*ul, ol {
	margin: 0 0 1.5em 3em;
}*/

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto;
	/* Make sure images are scaled correctly. */
	max-width: 100%;
	/* Adhere to container width. */
}

figure {
	margin: 1em 0;
	/* Extra wide images within figure tags don't overflow the content area. */
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

.container, .content-area{
	max-width: 1111px;
	width: 92%;
	display: block;
	margin: 0px auto;
}

.content-area{
	min-height: 450px;
}

.content-area h3, .content-area h3 a {
	margin-bottom: 0px;
	color: #018853;
	text-decoration: none;
}
.innerblocks{
	border-bottom: 1px dotted #018853;
	margin-bottom: 10px;
	padding-bottom: 30px;
	float: left;
	width: 100%;
}

.innerblocks:last-child, article:last-child .innerblocks{
	border-bottom: 0px;
}

.search article {
	float: left;
	width: 100%;
	margin-bottom: 0px;
}

.search article .entry-header{
	float: left;
	width: 100%;
}

.search article .entry-header h3{
	margin-top: 0px;
}

.search article .innerblocks, .search article .innerblocks:last-child{
	border-bottom: 1px dotted #018853;
	padding-bottom: 10px;
}

.thumbnail_img {
	width: 200px;
	float: left;
	margin-top: 20px;
	margin-right: 20px;
}

.thumbnail_img img{
	max-width: 100%;
	width: auto;
}

.contentblock {
	width: 100%;
	float: left;
}

.content-area p {
	float: left;
	font-size: 14px;
	margin-top: 5px;
	margin-bottom: 10px;
	width: 100%;
}

.content-area p label {
    font-size: 15px;
    vertical-align: top;
    font-weight: bold;
}

.content-area li{
	font-size: 15px;
}

.content-area p.clear {
	text-align:justify;
    clear: both;
    display: inline-block;
    float: left;
	padding:10px 0;
	width:20%;
}
.content-area .cms_content{
	width:80%; 
	float:left;
	padding:10px 0;
}
.top_bar{
	background: #555252;
	width: 100%;
	float: left;
	padding: 10px 0px;
	color: #fff;
}

.top_bar a, .top_bar span{
	color: #fff;
	text-decoration: none;
	font-size: 14px;
}

.top_bar a {
	margin-right: 10px;
}

.top_bar a span:hover {
	color: #fffe00;
}

.top_bar a img{
	vertical-align: middle;
	padding-right: 5px;
}

.site-branding {
	padding: 12px 0px;
	float: left;
	width: 100%;
}

.search-box {
	margin-top: 20px;
	position: relative;
	margin-left: 0px;
	width: 328px;
	border-bottom: 2px solid #989898;
	padding: 8px 2px;
    font-size: 14px; 
    color: #121214; 
}

.search-form input.search-field {
	border: 0px;
	border-radius: 0px;
    display: block;
	font-size: 14px;
    max-width: 90%; 
    width: 100%;
    outline: none;
}

.search-form input.search-field::placeholder{
	color: #121214;
    font-size: 14px;
	text-transform: uppercase;
}

.search-form .search-submit{
	border: 0px;
	background: url('images/search-icon.png') no-repeat scroll right center transparent;
	font-size: 0px;
	height: 21px;
	width: 20px;
	position: absolute;
	top: 5px;
	right: 5px;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	color: rgba(0, 0, 0, 0.8);
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1;
	padding: .6em 1em .4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
}

button:active, button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 3px;
}

.content-area input[type="text"],
.content-area input[type="email"],  
.content-area textarea {
	color: #666;
	border: 1px solid #d9d9d9;
	border-radius: 0px;
	padding: 5px;
	width: 315px;
	height: 38px;
	line-height: 38px;
}

.content-area form textarea {
    max-width: 75%;
    height: 200px;
    width: 100%;
    resize: none;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

select {
	border: 1px solid #ccc;
}

textarea {
	width: 100%;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
	clear: both;
	display: block;
	float: left;
	width: 100%;
	background: #018853;
	border-bottom: 4px solid #ffff00; 
}

.menu-menu-1-container {
	max-width: 1420px;
	margin: 0px auto;
	width: 100%;
	padding: 0px 15px;
}

.main-navigation ul {
	flex-wrap: wrap; 
	display: flex; 
	justify-content: space-between; 
	display: -webkit-box; 
	display: -moz-box; 
	display: -ms-flexbox; 
	display: -webkit-flex;
	margin: 0px;
	padding: 0px;
}


.main-navigation li::after, .main-navigation li::before { 
	content: ''; 
	width: 5px ; 
	background: #fffe00 ; 
	height: 15px;  
	display: inline-block; 
	right: 50% ; 
	vertical-align: middle; 
	position: absolute; 
	top: 50%; 
	transform: translateY(-50%); opacity: 0; 
	transition: .5s all ease;
}

.main-navigation li:hover a, .main-navigation li:hover a, .main-navigation li.current-menu-parent a { 
	color: #fffe00; 
}

.main-navigation li.current_page_item::before, .main-navigation li.current-menu-item::before { 
	left: 50%; 
}

.main-navigation li.current_page_item::after, .main-navigation li.current_page_item::before,
.main-navigation li.current-menu-item::after, .main-navigation li.current-menu-item::before { 
	opacity: 1; 
	right: 100%;
}

.main-navigation li.current_page_item::before,
.main-navigation li.current-menu-item::before{ 
	left: 100%; 
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	left: 100%;
}

.main-navigation ul ul a {
	width: 350px;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation li {
	float: left;
	position: relative;
	padding: 18px 0px; 
	box-sizing: border-box; 
	display: inline-flex; 
	position: relative;
}

.main-navigation a {
	text-decoration: none;
	display: inline-block; 
	text-transform:uppercase; 
	color: #fff; 
	font-family: 'gothamboldregular'; 
	padding: 0px 10px; 
	/*font-size: 18px;*/
    font-size: 15px;
	transition: .7s all ease; 
}

.main-navigation ul ul{
	display: none; 
	margin: 0px; 
	padding: 0px; 
	position: absolute; 
	z-index: 10000;
}

.main-navigation ul li {
	position: relative;
}

.main-navigation ul ul li a {
	text-transform: none;
	font-size: 14px;
}

.main-navigation ul li ul li::after, .main-navigation ul li ul li::before { 
	content: none;
	width: 0px; 
}

.main-navigation ul li:hover ul{
	display: block; 
	top: 100% ; 
	width: 350px; 
}

.main-navigation ul li:hover ul li a{ 
	color: #fff; 
	font-size: 14px;
}

.main-navigation ul li ul li { 
	transition: .7s ease all; 
	background: rgba(1,136,83,.8); 
	padding: 10px 0px 5px;
}

.main-navigation ul li ul li:hover, .main-navigation ul li ul li.current-menu-item{ 
	background: rgba(0,0,0,.8); 
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

@media screen and (min-width: 37.5em) {
	.menu-toggle {
		display: none;
	}
}

.site-main .comment-navigation, .site-main
.posts-navigation, .site-main
.post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
	word-wrap: normal !important;
	/* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
	/* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	margin-bottom: 10px;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
	/* Make sure select elements fit in widgets. */
}

.widget select {
	max-width: 100%;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/

.black-layer{ background: rgba(32,32,32,.6); height: 98.50%; width: 100%; position: absolute; z-index:1; }
.sliding_banner { border:none;}
.sliding_banner .tiksluscarousel .navIcons_prev{ left: 0px;}
.sliding_banner .tiksluscarousel .navIcons_next{ right: 0px;}
.sliding_banner .tiksluscarousel .nav_left,
.sliding_banner .tiksluscarousel .nav_right{border-radius:0px; background: transparent; }
.sliding_banner .navIcons img{ border-radius:0px !important; }
.sliding_banner .op{ display: none;}
.sliding_banner .slider_nav{ display: none !important;}
.sliding_banner .slider_image{ position: relative;}
.sliding_banner .slider-content{ position: absolute; top: 50%; color: #fff; left: 0; width: 65%; margin: 0 auto; right: 0; transform: translateY(-50%); z-index: 5;}
.home .sliding_banner .slider-content h2 { text-align: left; margin: 0px; padding: 0px; font-size: 60px; line-height: 82px; font-family: 'gothamboldregular'; color: #fff; text-transform: uppercase; text-shadow: 5px 5px 5px #000; opacity: 1; position: relative; z-index: 1222;}
.home .sliding_banner .slider-content h2:after{content: none;}
.home .sliding_banner .slider-content p { color: #fff; font-size: 30px; line-height: 1.3; margin: 0; max-width: 775px; width: 100%; float: left; }
.carousel li{ position: relative; }
.nav_left .slider-content,.nav_right .slider-content{display: none;}
.sliding_banner .tiksluscarousel .navIcons img{width: 50% !important; height: 100% !important; object-fit: cover;}
.navIcons .slider_image{ width: 100%; height: 146%;}
.sliding_banner .tiksluscarousel .nav_right{ position: absolute; z-index: 500; text-align:left; right:0px;}
.sliding_banner .tiksluscarousel .nav_left{ text-align: right; position: absolute; z-index: 500;left: -2px;}
.sliding_banner .tiksluscarousel .navIcons_next .slider_image{ position: absolute; z-index: 500; background:#b6a91e url("images/right-arrow-icon.png") no-repeat 80% center !important;}
.sliding_banner .tiksluscarousel .navIcons_prev .slider_image{ position: absolute; z-index: 500; background:#b6a91e url("images/left-arrow-icon.png") no-repeat 16% center !important; }
.theme-btn, .theme-btn:visited, .c-us .get-form input[type="submit"] { margin-top: 20px; text-decoration: none; max-width: 150px; padding: 13px 0px; font-size: 16px; display: inline-block; width: 100%; box-shadow: 0px 2px 5px rgba(0,0,0,0.39); border-radius: 2px; background: #018853; transition: .7s all ease-in-out; text-align: center; text-transform: uppercase; color: white; border: 2px #018853 solid; }
.theme-btn:hover { color: #018853; background: #fff; font-weight: 400;}
.innerbtn, .content-area form input[type="submit"] {float: left; text-decoration: none;border-radius: 2px; background: #018853;border: 1px solid #018853; font-size: 14px; color: #fff; padding: 10px 20px;}
.innerbtn:hover, .content-area form input[type="submit"]:hover {background: #000;}
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentry {
	margin: 0 0 1.5em;
}

.updated:not(.published) {
	display: none;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

.home .site-content h2 {
	text-align: center; 
	font-size: 45px;
	color: #555252; 
	font-family: 'gothamboldregular'; 
	text-transform: uppercase;
	margin-top: 30px;
}

.content-area h1 {
	text-align: center; 
	font-size: 32px;
	color: #555252; 
	font-family: 'gothamboldregular'; 
	text-transform: uppercase;
	margin-top: 30px;
}

div.wpcf7-response-output {
	float: left;
	margin: 0.5em 0em;
}

.cat_thumbnail {
    float: left;
    width: 25%;
    text-align: center;
    margin-bottom: 20px;
    padding: 0px 5px;
}

.cat_thumbnail a{
	text-decoration: none;
	color: #555252;
	font-size: 18px;
	margin-bottom: 10px;
	text-transform: uppercase;
	line-height: 1.5;
	font-weight: 700;
	display: block;
}

.cat_thumbnail a:hover{
	color:#018853;
}

.home .site-content h2:after, .content-area h1:after { 
	content: ''; 
	display: block; 
	max-width: 140px; 
	height: 4px; 
	width: 100%; 
	background: url(images/before-icn.png) no-repeat;  
	margin: 0px auto; 
}

.about_section{
	float: left;
	width: 100%;
	margin-bottom: 30px;
	background: url(images/about-section-bg.jpg) no-repeat scroll top right transparent;
}

.home ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

.four_blocks ul li {
	float: left;
	width: 25%;
	padding: 0px 10px;
	text-align: center;
	margin-bottom: 10px;
}

.four_blocks ul li h3 {
	line-height: 1.6;
	font-size: 20px;
	text-transform: uppercase;
	margin-bottom: 10px;
}

.about_icon{
	height: 120px;
	width: 120px;
	display: inline-block;
	border-radius: 100%;
	border: 2px #575454 solid;
	position: relative;
}

.about_icon .icon_img{ 
	height: 70px; 
	width: 70px; 
	position: absolute; 
	top: 50%; 
	left: 50%; 
	transform: translate(-50%,-50%); 
	background-position: 0px -70px !important; 
	background-repeat: no-repeat !important;
}

.four_blocks ul li:hover {
	cursor: pointer;
}

.four_blocks ul li:hover .about_icon { 
	background-color: #018853 !important ; 
	border: none;
}

.four_blocks ul li:hover .about_icon .icon_img{ 
	background-position: 0px 0px !important;
}

.four_blocks ul li:hover h3{
	color: #018853;
}

.four_blocks ul li p {
	margin-top: 5px;
    font-size: 14px;
    color: #555252;
    line-height:1.714285714285714;
	padding-top: 0px;
}

.news_section {
	background: #f2f2f2;
	float: left;
	width: 100%;
	padding-bottom:50px;
}

.latest_news {
	max-width: 350px;
	width: 100%;
	float: left;
}

.services{
	max-width: calc(100% - 380px);
	width: 100%;
	float: right;
	padding: 0px 15px;
}

.latest_news h3, .services h3 {
	font-size: 24px;
	color: #555252;
	line-height: 1.06666666667;
	margin-bottom: 10px;
	display: block;
	text-transform: uppercase;
	font-weight: normal;
	font-family: 'gothambook';
}

.latest_news ul li{
	list-style: none;
	border-top: 1px #fff solid;
}

.latest_news ul li a{
	font-size: 18px;
	color: #fff;
	padding: 9px 10px;
	display: block;
	background: #7d7d7e;
	border-radius: 3px;
	line-height: 1.7777777778;
	text-decoration: none;
    transition: .7s all ease;
}

.latest_news ul li a.upper-active , .latest_news ul li a:hover{
    background: #018853;
    border-radius: 3px 3px 0px 0px;
}

.latest_news ul li a::before {
    content: '';
    height: 30px;
    width: 30px;
    background: url('images/news-item-before.png') no-repeat;
    display: inline-block;
    vertical-align: middle;
    margin-right: 12px;
}

.latest_news ul li a.upper-active::before {
    content: '';
    height: 30px;
    width: 30px;
    background: url('images/news-item-before.png') no-repeat;
    display: inline-block;
    vertical-align: middle;
    margin-right: 12px;
    transform: rotate(90deg);
}

.accordion_collapse {
	background: #fff;
	padding: 15px;
}

.accordion_collapse h5 {
	margin: 0px;
	padding: 0px;
	color: #555252;
	display: block;
	font-size: 17.50px;
}

.accordion_collapse p {
	margin: 0px;
	font-size: 14px;
	line-height: 1.423;
	padding: 0px;
}

.suppliers {
	padding: 30px 0px 50px 0px;
	float: left;
	width: 100%;
}

.suppliers .supplier-corosel{ margin-top: 65px; }
.suppliers .supplier-corosel slick-track { display: flex;}
.suppliers .supplier-corosel .slick-image-slide{ border: 1px dashed #018853;  width: 100%; min-height: 150px; margin-right: 30px;}
.suppliers .supplier-corosel .slick-image-slide:last-child{ margin-right: 0px !important;}
.suppliers .supplier-corosel .slick-image-slide img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); height: auto;width: auto;}
.suppliers .wpsisac-slick-carousal .slick-dots li button { font-size: 0px; height: 20px !important; width: 20px !important; border: 2px #018853 solid;}
.suppliers .wpsisac-slick-carousal .slick-dots .slick-active button { background: #018853 !important; }
.suppliers .wpsisac-slick-carousal.design-6 .slick-dots { top: -55px; left: inherit !important; right: 50px; }
.slick-list.draggable{ width: 102% !important;}
.slick-image-slide-wrap{height: 150px !important;}

.newsletters{ background: #ffff00; padding: 30px 0px; float: left; width: 100%; }
.newsletters h4{ color: #555252; font-size: 30px; text-align: center; margin: inherit; line-height: 32px; margin-bottom: 18px; }
.newsletters form input{ font-size: 18px; line-height: 1.4444444444447; padding: 13px 20px; font-size: 18px; color: #555252; border-radius: 5px; outline: none; border: none; max-width: 410px; width: 100%; box-shadow: 2px 2px 5px rgba(0,0,0,.4); }
.newsletters form input:first-child{margin-right: 60px; }
.newsletters form input::placeholder { text-transform: capitalize; padding: 18px 10px;}
.newsletters form input::placeholder{ text-indent: -10px;}
.newsletters form input::-moz-placeholder{ text-indent: 0px;}
.newsletters form input[type="submit"]{ background: #018853; color: #fff; max-width: 162px; width: 100%; float: right; transition: .5s all ease; padding: 12px 0px; border: 2px solid #018853; text-indent: inherit;}
.newsletters form input[type="submit"]:hover { background: #fff; box-shadow: 0px 2px 5px rgba(0,0,0,.39); color: #018853; border: 2px #018853 solid; box-sizing: border-box; }
.newsletters form input:focus { box-shadow: 3px 5px 10px #888; transition: .7s all ease-in-out;}

footer.mainfooter {
	width: 100%;
	float: left;
	background: #555252;
	padding: 70px 0px 0px 0px;
}

.mainfooter .footer-columns {
	max-width: 33.33%;
	width: 100%;
	float: left;
	padding-right: 3%;
}

.footer-columns h4 {
	color: #fefefe;
	text-transform: uppercase;
	font-size: 24px;
	position: relative;
	font-family: 'gothamboldregular';
	margin: inherit;
	font-weight: normal;
}

.footer-columns h4::after {
    content: '';
    background: #fff;
    height: 3px;
    width: 190px;
    display: block;
    margin: 15px 0px;
}

.footer-columns .textwidget p {
	font-size: 17px;
	line-height: 1.3333333;
	color: #fefefe;
	margin: 20px 0px;
	font-family: 'gothambook';
}

.sociallinks a {
	border-radius: 3px;
	padding: 10px;
	border: 1px solid #fff;
	transition: .7s all ease;
	margin-right: 8px;
	display: inline-block;
}

.sociallinks a img {
	vertical-align: middle;
}

.sociallinks a:hover {
	background: #018853;
	border: 1px solid #018853;
}

.home .footer-columns .footermenu ul, .footermenu ul {
	margin: 0px;
	padding: 0px;
}

.footer-columns .menu-menu-1-container {
	padding: 0px;
}

.footermenu ul li{
	max-width: 50%;
	width: 100%;
	float: left;
	list-style: none;
}

.footermenu ul li a{
	color: #fefefe;
	font-size: 17px;
	line-height: 2.44444444445;
	transition: .7s all ease;
	text-decoration: none;
	text-transform: uppercase;
}

.footermenu ul li a:hover {
	color: #ffff00;
}

.footermenu ul li a::before {
    content: '';
    height: 14px;
    width: 14px;
    background: url('images/arrow-pointing-right-in-a-circle.png') no-repeat;
    background-size: 100% 100%;
    display: inline-block;
    margin-right: 8px;
}

.footer-columns form input, .footer-columns form textarea {
    padding: 14px;
    font-size: 18px;
    color: #555252;
    display: block;
    max-width: 100%;
    box-shadow: 0px 2px 5px rgba(0,0,0,.39);
    outline: none;
    border: none;
 }


.footer-columns form input[type="submit"] {
    max-width: 162px;
    width: 100%;
    text-align: center;
    background: #ffff00;
    text-transform: capitalize;
    transition: .7s all ease;
    border: 2px #ffff00 solid;
}

.footer-columns form input[type="submit"]:hover {
    background: #018853;
    color: #fff;
    font-weight: 400;
    border: 2px #018853 solid;
}

.footerbottom {
	background: #018853;
	width: 100%;
	text-align: center;
	padding: 20px 0px;
	float: left;
}



.footerbottom p {
	color: #fff;
	font-size: 16px;
	font-family: 'gothambook';
	line-height: 23px;
	letter-spacing: 1.388888888px;
	margin: 0px;
}

.footerbottom p span, .footerbottom p a {
	font-family: 'gothamboldregular';
	text-decoration: none;
	color: #fff;
}

.footerbottom p a:hover {
	color: #ffff00;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	/* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

.wp-content {
	margin-bottom: 10px;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}
/*additional css content*/
footer .wpcf7-validation-errors, footer .wpcf7-mail-sent-ok {color: #fff;}
.contact_form{
	width: 70%; 
	float: left;
	}
.contact_form .wpcf7-form p{
	margin-top:5px;	
	margin-bottom:5px;
	}
.map_address{
	 width: 30%;
	 float: left;
	}
.map_address h2{
	 border-bottom:1px solid #018853;
	 display: inline-block; 
	}
.map_address h3,.contact_form h3 {
	padding: 10px 0;
}		
.map_address p{
	margin: 0px;
	padding:0px;
	}
.map{
	padding: 40px 0 0 0;
	}
.contact_form p{
	margin: 0px;
	padding: 0px;
}
.content-area p a{ 
	text-decoration: none;
	color: #018853;
	font-weight:bold;
	}
.content-area p a:hover{
	color:#555252; 
	}	


/* MEDIA */
@media screen and (min-width:1024px) and (max-width:1150px){
	.sliding_banner .slider-content{ width: 70%; }
	.home .sliding_banner .slider-content h2 {font-size: 52px;line-height: 58px;	}
	.newsletters form input:first-child{margin-right: 20px; }
	.newsletters form input{max-width: 38%}
	.cat_thumbnail a{font-size: 16px;}
}
@media screen and (max-width:1024px){
	.content-area .cms_content{padding: 5px 10px;}
	}
@media screen and (max-width:1023px){
	.site-branding {
		box-shadow: 0px 2px 5px #d9d9d9;
	}

    button#responsive-menu-button {top: 35px !important;}
	.home .site-branding {
		box-shadow: 0px 0px 0px #d9d9d9;
	}

	#responsive-menu-container #responsive-menu-additional-content{
		padding: 0px !important;
	}
	#responsive-menu-additional-content ul li{
    border-bottom: 1px solid #212121;
    color: #ffffff;
    background-color: #000000;}
    #responsive-menu-additional-content ul li a{text-decoration: none; color: #fff; font-size: 13px;line-height: 40px;padding: 0px 15px;}
	.sliding_banner .slider-content{ width: 67%; }
	.top_bar, .search-box, .main-navigation {
		display: none;
	}
	.site-branding .alignleft{
		float: none;
		margin: 0px auto;
		text-align: center;
		display: block;
	}
	.home .sliding_banner .slider-content h2 {
		font-size: 42px;
		line-height: 58px;
	}
	.home .sliding_banner .slider-content p, .latest_news h3, .services h3{
		font-size: 21px;
		line-height: 28px;
	}

	.theme-btn, .theme-btn:visited, .c-us .get-form input[type="submit"]{
		max-width: 120px; width: 100%; padding: 5px 15px;font-size: 14px;margin-top: 15px;
	}
	.home .site-content h2{
		font-size: 32px;
		margin-bottom: 10px;
	}
	.four_blocks ul li {
		width: 50%;
		margin-bottom: 20px;
	}
	.latest_news, .services{
		max-width: 100%;
		padding: 0px;
		margin-bottom: 20px;
	}
	.newsletters form input:first-child{margin-right: 15px; }
	.newsletters form input{width: 100%; max-width: 252px;}
	footer.mainfooter{padding: 40px 0px 0px 0px}
	.mainfooter .footer-columns {max-width: 100%;padding-right: 0px; margin-bottom: 30px;}
    .mainfooter .footer-columns .footermenu ul li { max-width: 34%;}
	.footer-columns .textwidget p{margin: 10px 0px;}
	.cat_thumbnail a{font-size: 15px;}
}
@media screen and (max-width:600px){
	.home .sliding_banner .slider-content h2 {
		font-size: 32px;
		line-height: 38px;
	}
	.home .sliding_banner .slider-content p, .latest_news h3, .services h3{
		font-size: 16px;
		line-height: 23px;
	}
	.latest_news h3, .services h3{ text-align:center;}

	.newsletters form input{width: 100%; max-width: 100%; margin-bottom: 10px;padding: 10px 15px;font-size: 16px;}
	.newsletters form input[type="submit"], .footer-columns form input[type="submit"]{ float: left; padding: 10px 15px;width: auto; max-width: auto; font-size: 16px;}
	.footer-columns h4 {font-size: 21px;margin-bottom: 15px;} 
	.footer-columns h4::after{margin: 5px 0px;} 
	.footer-columns .widget{ margin: 0px; }
	.footer-columns .textwidget p{ font-size: 15px; }
	.footer-columns form input, .footer-columns form textarea {padding: 10px; font-size: 16px;}
	.entry-content p img, .entry-content img {
	    display: block;
	    clear: both;
	    float: none;
	    max-width: 100%;
	    margin: 0px auto 10px;
	}
	.footermenu ul li a {
		font-size: 16px;
		line-height: 32px;
	}
	.cat_thumbnail {
		width: 50%;
	}
	.cat_thumbnail a{font-size: 14px;}
	.content-area h1 {font-size: 24px;}
}
@media screen and (max-width:500px){
	body {
		font-size: 15px;
	}
	.site-branding .alignleft{
		width: 215px;
	}
	.home .sliding_banner .slider-content h2, .four_blocks ul li h3 {
		font-size: 18px;
		line-height: 23px;
	}
	.home .sliding_banner .slider-content p {
		display: none;
	}
	.theme-btn, .theme-btn:visited, .c-us .get-form input[type="submit"] {
		padding: 5px 8px;
		font-size: 12px;
		margin-top: 10px;
	}
	.home .site-content h2 {
    	font-size: 24px;
	}
	.latest_news ul li a{
		font-size: 16px;
	}
	.four_blocks ul li{
		width: 100%;
		padding: 0px 10px;
	}
	.innerblocks{
		margin-bottom: 20px;
		padding-bottom: 20px;
	}
	.thumbnail_img{
	    display: block;
	    clear: both;
	    float: none;
	    max-width: 100%;
	    margin: 0px auto 0px;
	    text-align: center;
	}
	.contentblock{
		width: 100%;
	}
	.content-area p{
		text-align: justify;
	}
	.footerbottom p {
		font-size: 13px;
		line-height: 18px;
	}
    
    button#responsive-menu-button {top: 15px !important;}
    .black-layer{ background: rgba(32,32,32,.6); height: 94.50%;}
	.content-area p.clear{ padding:0px;}
}


@media only screen and (max-width: 40.0625em){
    .slick-image-slide img{  height: auto !important;  width: auto !important; }
}

/*--- additions -----*/

@media only screen and (max-width: 40.0625em){
    .sliding_banner .tiksluscarousel .navIcons_prev .slider_image, .sliding_banner .tiksluscarousel .navIcons_next .slider_image{ background-size: 15% !important;}
     .suppliers .wpsisac-slick-carousal .slick-image-slide-wrap { height: 150px !important;}
}
    
@media screen and (max-width: 1023px){
    .mainfooter .ftr-contactform{ max-width: 320px; }
    #responsive-menu-container .responsive-menu-search-box{ height: 35px !important;}
     
}
@media screen and (max-width: 768px){
	.contact_form{ width: 100%;  float: none;}
	.map_address{ width: 100%; float: none;}
	.content-area h1{font-size:28px;}
	.content-area p.clear{ text-align:center; float:none; width:100%; }
	.alignleft{ float:none;}
	.content-area .cms_content{ width:100%; float:none;}
	
}
@media screen and (max-width: 767px){
	.content-area input[type="text"], .content-area input[type="email"],.content-area form textarea{width:100%; max-width:100%;}
	.entry-content p img, .entry-content img {
  	display: block; clear: both; float: none; max-width: 100%; margin: 0px auto 10px;}
}
@media (min-width : 601px) and (max-width: 768px){
	.home .sliding_banner .slider-content h2{ 34px;}
	.home .sliding_banner .slider-content p { font-size:15px; }
    .newsletters form input[type="submit"]{float: none; margin: 10px 0px 0px; }   
    }
@media (max-width: 639px){
    .suppliers .supplier-corosel .slick-image-slide{margin-right: 0px; }   
    }

@media (max-width: 414px){
    .mainfooter .footer-columns .footermenu ul li {max-width: 45%; } 
	.content-area h1 {font-size: 22px;}
	.content-area p.clear{ padding:0px;}
}   
    