/*
Theme Name: GREEN EYE Extend
Theme URI: https://d5creation.com/theme/greeneye-/

Author: D5 Creation
Author URI: https://d5creation.com/

Description: GREEN EYE is a CSS3 Powered and WordPress 3.6 Ready Responsive Theme for Environment Friendly Institutions or Companies running on Green Energy. Customizable Background and other options will give the WordPress Driven Site an attractive look.  GREEN EYE is Responsive, Super Elegant and Professional Theme which will be adjusted automatically with all smart devices.  Full Wide Template can be used for showing showcase or other pages. You can Visit the GREEN EYE Demo <a href="http://demo.d5creation.com/wp/themes/greeneye-/" target="_blank"><strong>Here</strong></a>. Minimum Requirement: WordPress 3.5

Version: 3.7

Tags: two-columns, right-sidebar, custom-header, custom-background, custom-menu, threaded-comments, sticky-post, rtl-language-support, front-page-post-form, full-width-template, theme-options 

License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

GREEN WordPress Theme, Copyright 2013-2015: D5 Creation (www.d5creation.com)
GREEN is distributed under the terms of the GNU GPL

Text Domain: green

*/

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

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;font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit;margin:0;outline:0;padding:0;vertical-align:baseline;}
:focus{outline:0;}
body{line-height:1;}
ol,
ul{list-style:none;}
table{border-collapse:separate;border-spacing:0;}
caption, th, td{font-weight:normal;text-align:left;}
blockquote:before,
blockquote:after,
q:before,
q:after{content:"";}
blockquote,
q{quotes:"" "";}
a img{border:0;}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section{display:block;}

.alignnone{margin:5px 20px 20px 0;}
.aligncenter,
div.aligncenter{display:block;margin:5px auto 5px auto;}
.alignright{float:right;margin:5px 0 20px 20px;}
.alignleft{float:left;margin:5px 20px 20px 0;}
.aligncenter{display:block;margin:5px auto 5px auto;}
a img.alignright{float:right;margin:5px 0 20px 20px;}
a img.alignnone{margin:5px 20px 20px 0;}
a img.alignleft{float:left;margin:5px 20px 20px 0;}
a img.aligncenter{display:block;margin-left:auto;margin-right:auto}
.wp-caption{background:#ffffff;border:1px solid #f0f0f0;max-width:96%;padding:5px 3px 10px;text-align:center;}
.wp-caption.alignnone{margin:5px 20px 20px 0;}
.wp-caption.alignleft{margin:5px 20px 20px 0;}
.wp-caption.alignright{margin:5px 0 20px 20px;}
.wp-caption img{border:0 none;height:auto;margin:0;max-width:98.5%;padding:0;width:auto;}
.wp-caption p.wp-caption-text{font-size:13px;line-height:17px;margin:0;padding:0 4px 5px;}
body{color:#555555; font-family:'PT Sans','Helvetica Neueu',helvetica,arial,FontAwesome,sans-serif; font-size:100%; line-height:1.5;min-width:1150px;word-wrap:break-word;background:#013410;}
ul, li, img, a, p, ol, textarea, input, button, *::before, .simply-scroll-btn-left, .simply-scroll-btn-right  {transition:all .5s;}
input[type="reset"], input[type="button"], input[type="submit"], input[type="email"]{transition:all 1s;}
img{max-width:100%;border:0 none; width: auto; height: auto; }

#site-container{ position: relative; background:#013410; margin: 0 auto; }

#header{ z-index:100; }
.fplogobar{ background: #caefd5; }
.normalplogobar{ background: #024f18; }
#header-content .hlogomenucon{ justify-content: space-between; }
.logoandtitle{ margin: 5px 15px; max-width: calc(100% - 30px); }
#logotitlefpmenu{ display: none; }

img.site-logo,.site-title{ height: auto; width: auto; max-width:100%; max-height:150px; font-size: 45px; color: #35f225; font-weight:bold; }
img.site-logo{ max-width: 300px; }
.site-title-hidden{display:none;}

.headerlogomenu.smallheader{ position: fixed; top: 0; z-index: 999999; margin: 0 auto; }
.headerlogomenu.smallheader .hlogomenucon{ justify-content: space-between; }
.headerlogomenu.smallheader #logotitlefpmenu{ display: inline-flex; }
.headerlogomenu.smallheader img.site-logo, .headerlogomenu.smallheader .site-title{ max-height: 40px; font-size: 25px; margin: 0; }
.headerlogomenu.smallheader #main-menu-con a{ padding: 5px 7px; font-size: 15px; }

@media screen and (min-width: 1101px) {
	.fphlogo-right #header-content .hlogomenucon, .fphlogo-right.headerlogomenu.smallheader .hlogomenucon { flex-direction: row-reverse; }
	.fphlogo-center:not(.smallheader) #header-content .hlogomenucon { justify-content: center; flex-direction: column; }
}

#container{ margin:40px auto; font-size: 15px; }
#content{ float:left; width:calc( 100% - 370px );}
.norightsidebar #content{ width: 100%; }
#content-full{width: 100%;}
#container.fullcontainer{ background: #ffffff; }
#container.fullcontainer.full100container{ margin: 0; }
#container.fullcontainer.full100container p{ margin: 0; }
#container.ecommpage { background: #ffffff; margin: 0; display: table; position: relative; }
#container.ecommpage h1.page-title{ background: transparent; padding: 0; margin: 10px 0; }
#ecompagein{ margin: 20px auto 10px; }
.pswp{ z-index: 150; }

.content-ver-sep{background:rgba(210,210,210,.15);clear:both;height:1px;}
.post-container .content-ver-sep{clear:both;height:1px; }
.lsep{background:url("images/lsep.png") no-repeat scroll top center #cccccc;clear:both;height:20px;margin:10px auto;}
#right-sidebar{ float:right; width:330px; }
#footer { background: #024f18; clear: both; color: #cccccc; }
#footer-content {  }
#creditline{font-size:13px; margin:0 auto; padding:10px; text-align:center; background: #022a08;  }
#creditline a{font-weight:bold;}
iframe { max-width: 100%; max-height: 100%; }


/* ================ Main Menu Elements ============== */
.headermenu{ background: #024f18; }
.hlogomenucon{ margin: 0 -15px; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; position: relative; }
#main-menu-con { color: #eeeeee; max-width: calc(100% - 30px); margin: 0 15px; z-index: 999; line-height: 1.1; font-style: normal; font-weight: normal; font-family: 'Open Sans Condensed','Helvetica Neueu', sans-serif;  }
#main-menu-con ul{list-style:none outside none; margin: 0; padding: 0; transition: none; }
#main-menu-con li{float:left;position:relative;margin:0 5px;}
#main-menu-con #main-menu-items-con > li:first-child{ margin-left: 0; }
#main-menu-con #main-menu-items-con > li:last-child{ margin-right: 0; }
#main-menu-con a { color:#cccccc; display:block; font-size:17px; min-width:40px; padding:17px 13px; position:relative; text-align:center; text-transform:uppercase; text-shadow: 0 1px 0 #000000; font-weight: bold; }
#main-menu-con #main-menu-items-con > li:first-child a{ padding-left: 0; } 
#main-menu-con #main-menu-items-con > li:last-child a { padding-right: 0; }
#main-menu-con #main-menu-items-con > li.menu-item-has-children:last-child a { padding-right: 15px; }
#main-menu-con a:hover,
#main-menu-con .current-menu-item > a,
#main-menu-con .current-menu-ancestor > a,
#main-menu-con .current_page_item > a,
#main-menu-con .current_page_ancestor > a,
#main-menu-con a:focus {color:#ffffff;}
#main-menu-con li ul{float:left;position:relative;margin:0; }
#main-menu-con ul ul { display:none; float:left; left:0; position:absolute; border-radius:0 0 5px 5px; background: linear-gradient(to bottom, #0d7200 0%,#0f8200 37%,#045600 100%); z-index:1000; box-shadow: 0 3px 7px -3px #111111; font-family:'PT Sans','Helvetica Neueu',sans-serif; }
#main-menu-con ul li ul li {margin:0;}
#main-menu-con ul ul ul{ left:100%; top:0; z-index:999; }
#main-menu-con ul ul a { border-bottom:1px solid rgba(0,0,0,0.5); border-top:1px solid rgba(255,255,255,0.3); color:#ffffff; padding:11px 15px !important; width:230px; text-align:left; text-transform:none; font-size: 15px; font-weight: normal; }
#main-menu-con ul ul li:first-child > a { border-top: none; } 
#main-menu-con ul ul ul li:first-child > a { border-radius: 5px 5px 0 0; } 
#main-menu-con ul ul li:last-child > a { border-bottom: none; border-radius: 0 0 5px 5px; } 
#main-menu-con ul ul a:hover,
#main-menu-con ul ul .current-menu-item > a,
#main-menu-con ul ul .current-menu-ancestor > a,
#main-menu-con ul ul .current_page_item > a,
#main-menu-con ul ul .current_page_ancestor > a,
#main-menu-con ul ul a:focus { background: linear-gradient(to bottom, #cfd3d0 0%,#e8eae8 42%,#b9ccba 99%); color:#0d7200; border-bottom:1px solid #bfbfbf; outline: none; padding:11px 15px !important; }
#main-menu-con ul li:hover > ul{ }
#main-menu-con ul ul ul{ border-radius: 5px; }

#main-menu-con .menu-item-has-children a, #main-menu-con .page_item_has_children a { padding-right: 15px !important;  }
#main-menu-con li.menu-item-has-children > a:after, #main-menu-con li.page_item_has_children > a:after { content: '\f0d7'; right:0; position: absolute; top: 50%; transform: translateY(-50%);}
#main-menu-con .menu-item-has-children ul li.menu-item-has-children > a:after, #main-menu-con .page_item_has_children ul li.menu-item-has-children > a:after { content: '\f054'; right: 3px; font-size: 13px; }

@media screen and (min-width: 1024px) {
	#main-menu-con .sub-menu li.smedge.menu-item-has-children > a, #main-menu-con .sub-menu li.smedge.page_item_has_children > a { padding-left: 15px !important; }
	#main-menu-con .sub-menu li.smedge.menu-item-has-children > a::after, #main-menu-con .sub-menu li.smedge.page_item_has_children > a::after { content: '\f053'; left: 3px; right: auto; }
	#main-menu-con li.smedge > ul { left:auto; right:0; }
	#main-menu-con li li.smedge > ul  { left:auto; right:100%; }
}

#topmenuparent ul{ margin: 0; padding: 0; display: flex; flex-wrap: wrap; list-style: none; }
#topmenuparent ul li{ margin: 0; padding: 0; }
#topmenuparent ul li a{ margin: 0 10px; display: flex; align-items: center; }
#topmenuparent ul li a::before{ content: '\f192'; font-size: 12px; margin-right: 3px; }

#mobile-menu { color: #ffffff; background: rgba(0,0,0,.85); padding: 9px 13px; font-size: 25px; display: none; margin: 10px 0; width: auto; align-items: center; justify-content: center; line-height: 1; }
#mobile-menu::before { content: "\f0c9"; }
#mobile-menu.yesclick::before { content: "\f00d"; }

.mobilemenustyle{ font-style: normal; font-weight: normal; }
.mobilemenustyle ul li { list-style: none !important; display: flex; flex-wrap: wrap; padding: 0 !important; margin: 0 !important; font-style: normal; font-weight: normal; }
.mobilemenustyle ul li a { width: 100%; padding: 10px 7px 10px 12px; display: flex; align-items: center; line-height: 1; background: rgba(0,0,0,0.03); color: #000000 !important; border-bottom: 1px solid #cccccc; cursor: pointer; }
.mobilemenustyle ul li a:hover{ text-decoration: none !important; }
.mobilemenustyle ul li a::before { content: '\f192'; margin-right: 7px; font-size: 11px; color: #777777; }
.mobilemenustyle ul li.menu-item-has-children > a { border-bottom-width: 3px; }
.mobilemenustyle ul li.menu-item-has-children > a::before { content: '\f0fe'; font-size: 15px; }
.mobilemenustyle ul li.menu-item-has-children > a.menuminus::before { content: '\f146'; }
.mobilemenustyle > div > ul { margin: 0 !important; padding: 0 !important;  }
.mobilemenustyle > div > ul > li { margin-bottom: 5px !important;  }
.mobilemenustyle > div > ul > li:last-child { margin-bottom: 0 !important;  }
.mobilemenustyle > div > ul > li > a { background: rgba(0,0,0,0.05); padding: 11px 5px 11px 10px; font-weight: 700;  }
.mobilemenustyle > div > ul > li > a::before {  }
.mobilemenustyle ul ul { width: 100%; margin: 0 0 0 10px !important; display: none; }
.mobilemenustyle ul li a.wccart-icon::before{ content: '\f291'; color: #333333; font-size: 15px !important; margin: 0 5px; font-weight: 900 !important; }
.mobilemenustyle ul li a.menu-close-icon::before{ content: '\f00d'; font-size: 15px !important; margin: 0 5px; font-weight: 900 !important; }
.mobilemenustyle ul ul{ transition: none; }

#mobilemenucon.mobilemenustyle { position: absolute; top: 100%; left: 0; width: 300px; max-width: 100%; background-color: rgba(0,0,0,0.85); padding: 10px; box-shadow: 0 3px 5px -3px #555555; z-index: 99999; display: none; }
#mobilemenucon.mobilemenustyle.mmenumobile{ }
#mobilemenucon.mobilemenustyle ul li a { background: rgba(0,0,0,0.3); color: #ffffff !important; border-color: rgba(255,255,255,0.3); }
#mobilemenucon.mobilemenustyle ul li a:hover{  }
#mobilemenucon.mobilemenustyle ul li ul li a {  }
#mobilemenucon.mobilemenustyle ul li a::before { color: #cccccc; }
#mobilemenucon.mobilemenustyle ul li.menu-item-has-children > a::before {  }
#mobilemenucon a.wccart-icon, #mobilemenucon .menu-close-icon { justify-content: center; }
#mobilemenucon a.wccart-icon .wccounttooltip{ display: none; }


/* ================ Placeholders  ============== */
::-webkit-input-placeholder { color: #555555; }
:-moz-placeholder { color: #555555;  }
::-moz-placeholder { color: #555555; }
:-ms-input-placeholder {  color: #555555;  }


/* ================ Sidebar WidGets ============== */
.widget{display:block;word-wrap:break-word;}
#right-sidebar .widget{ background: #ffffff; box-shadow: 0 0 7px 0 #777777; color:#333333; margin-bottom:20px; padding:15px; border-radius: 3px; }
#right-sidebar .widget-title { color: #057e08; background: #cccccc; text-align: center; padding: 9px 15px; text-transform: uppercase; margin: -15px -15px 15px; font-weight: 600; border-radius: 3px 3px 0 0; text-shadow: 1px 1px 1px #eeeeee; font-size: 23px; }
#right-sidebar .widget ul{ margin:0; }
#right-sidebar .widget li{ list-style: outside none square; margin-left: 15px; padding: 5px 0;}

#footer-sidebar{ display: flex; justify-content: center; flex-wrap: wrap; margin: 0 -15px; font-size: 13px; }
#footer-sidebar .footer-widgets{ margin:0 15px; width:calc(25% - 30px); min-width:200px; min-height:1px; }
#footer-sidebar .widget{margin: 20px 0;}
#footer-sidebar .widget h3.widget-title { padding-bottom: 5px; text-transform: uppercase; }
#footer-sidebar .widget ul, #footer-sidebar .widget ol { margin: 0 0 10px 10px; }

.widget a{ color: inherit; }
.widget a:hover { text-decoration: underline; color: inherit; }
#footer-sidebar .widget a:hover { color: #ffffff; }

.textwedget{width:100%}

#right-sidebar .widget.twocolumnitem ul { margin: 5px 0; padding: 0; display: flex; justify-content: space-between; flex-wrap: wrap; }
#right-sidebar .widget.twocolumnitem ul li { width: calc(50% - 5px); list-style: square inside; margin: 4px 0; padding: 0; }

h1, h2, h2 a, h2 a:visited, h3, h4, h5, h6{line-height:1.25;margin:0 0 10px;font-family:'Open Sans Condensed','Helvetica Neueu',helvetica,arial,FontAwesome,sans-serif;}
h1,h2,h3,h4,h5,h6{clear:both;}
hr{background-color:#ccc;border:0;height:1px;margin-bottom:10px;}
ul, ol{margin:0 0 10px 25px;}
ul{list-style:square outside none;}
ol{list-style:decimal outside none;}
dl{margin:0 20px;}
dt{font-weight:bold;}
dd{margin-bottom:10px;}
strong{font-weight:bold;}
cite, em, i{font-style:italic;}
blockquote cite,
blockquote em,
blockquote i{font-style:normal;}
pre{background:#f7f7f7;border-radius:3px;line-height:18px;margin-bottom:18px;overflow:auto;padding:1.5em;}
abbr,
acronym{border-bottom:1px dotted #666;cursor:help;}
sup,
sub{height:0;line-height:1;position:relative;vertical-align:baseline;font-size:70%;}
sup{bottom:1ex;}
sub{top:.5ex;}
address{background:#B6E3B8;border:1px solid #57E85B;border-radius:3px;font-weight:bold;margin-bottom:15px;max-width:250px;padding:5px 10px;text-align:right;}
embed{max-width:100%;}

/* ================ Gallery Post ============== */
.gallery { margin: 0 -10px; text-align: center; display: flex; justify-content: center; flex-wrap: wrap; }
.gallery-item { position: relative; margin: 20px 10px; display: inline-flex; align-items: flex-end; justify-content: center; }
.gallery-icon.landscape{ width: 100%; }
.gallery-item img { border: none !important; padding: 0 !important; margin: 0 !important; width: 100%; }
.gallery-caption{ position: absolute; bottom: 0; width: 100%; max-height: 100%; overflow: auto; padding: 40px 10px 9px; color: #fff; text-align: center; font-size: 13px; background: linear-gradient(0deg,rgba(0,0,0,.7),rgba(0,0,0,.3)  70%,transparent); }
.gallery-columns-1 .gallery-item {width: calc(100% - 20px);}
.gallery-columns-2 .gallery-item {width: calc(50% - 20px);}
.gallery-columns-3 .gallery-item {width: calc(33.333% - 20px);}
.gallery-columns-4 .gallery-item {width: calc(25% - 20px);}
.gallery-columns-5 .gallery-item {width: calc(20% - 20px);}
.gallery-columns-6 .gallery-item {width: calc(16.666% - 20px);}
.gallery-columns-7 .gallery-item {width: calc(14.285% - 20px);}
.gallery-columns-8 .gallery-item {width: calc(12.5% - 20px);}
.gallery-columns-9 .gallery-item {width: calc(11.111% - 20px);}
#content .gallery .attachment-cat-page{margin:0 auto;float:none}
.gallery-caption{ font-size: 15px; line-height: 1.3; }

.wp-block-gallery{ margin: 20px -10px; justify-content: center; }
.blocks-gallery-grid{ justify-content: center !important; }
.wp-block-gallery .blocks-gallery-item{ margin: 10px !important; flex-grow: unset !important; display: inline-flex; }
.wp-block-gallery .blocks-gallery-item figure{ }
.wp-block-gallery .blocks-gallery-item img{  }
.wp-block-gallery.columns-1 .blocks-gallery-item{ width: calc(100% - 20px); }
.wp-block-gallery.columns-2 .blocks-gallery-item{ width: calc(50% - 20px); }
.wp-block-gallery.columns-3 .blocks-gallery-item{ width: calc(33.333% - 20px); }
.wp-block-gallery.columns-4 .blocks-gallery-item{ width: calc(25% - 20px); }
.wp-block-gallery.columns-5 .blocks-gallery-item{ width: calc(20% - 20px); }
.wp-block-gallery.columns-6 .blocks-gallery-item{ width: calc(16.666% - 20px); }
.wp-block-gallery.columns-7 .blocks-gallery-item{ width: calc(14.285% - 20px); }
.wp-block-gallery.columns-8 .blocks-gallery-item{ width: calc(12.5% - 20px); }
.wp-block-gallery.columns-9 .blocks-gallery-item{ width: calc(11.111% - 20px); }

@media screen and (max-width: 1279px){.gallery-item, .blocks-gallery-item {min-width: calc(25% - 20px) !important;}}
@media screen and (max-width: 1100px){.gallery-item, .blocks-gallery-item {min-width: calc(33.33% - 20px) !important;}}
@media screen and (max-width: 1023px){.gallery-item, .blocks-gallery-item {min-width: calc(50% - 20px) !important;}}
@media screen and (max-width: 500px){.gallery-item, .blocks-gallery-item {min-width: calc(100% - 20px) !important;}}

.widget .gallery{ margin: 0 -1px !important; }
.widget .gallery-item{ margin: 1px !important; }
.widget .gallery-columns-1 .gallery-item {width: calc(100% - 2px) !important;}
.widget .gallery-columns-2 .gallery-item {width: calc(50% - 2px) !important;}
.widget .gallery-columns-3 .gallery-item {width: calc(33.333% - 2px) !important;}
.widget .gallery-columns-4 .gallery-item {width: calc(25% - 2px) !important;}
.widget .gallery-columns-5 .gallery-item {width: calc(20% - 2px) !important;}
.widget .gallery-columns-6 .gallery-item {width: calc(16.666% - 2px) !important;}
.widget .gallery-columns-7 .gallery-item {width: calc(14.285% - 2px) !important;}
.widget .gallery-columns-8 .gallery-item {width: calc(12.5% - 2px) !important;}
.widget .gallery-columns-9 .gallery-item {width: calc(11.111% - 2px) !important;}

#container.sinimagecon h1.page-title, #container.sinimagecon .entrytext{ text-align: center; }
#container.sinimagecon .entrytext img.attachment-full { width: auto; max-width: 100%; height: auto; margin: 20px auto; }


h1{font-size:30px;}
h2{font-size:23px;}
h3{font-size:20px;}
h4{font-size:17px;}
h5{font-size:15px;}
h6{font-size:13px;}
p{margin-bottom:15px;}
a{color:#049A07;text-decoration:none;}
a:hover{color:#13F41E;text-decoration:none;}
b, strong{font-weight:bold;}
displaynone{display:none;}
.clear{clear:both;}
caption{color:#555555;}

table{ min-width:200px; color:#333333; }
th,td{padding:9px 7px;vertical-align:middle;}

.wp-block-table.is-style-stripes{ border: 1px solid #cccccc; padding: 5px; }
.wp-block-table.is-style-stripes thead{ background-color: #555555; color: #ffffff; } 
.wp-block-table thead tr td{ padding: 13px 7px; } 
.wp-block-table.is-style-stripes tfoot{ background-color: #cccccc; color: #000000; }

.wp-block-table.is-style-regular table{ border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; }
.wp-block-table.is-style-regular td{ border-top: 1px solid #cccccc; border-left: 1px solid #cccccc; } 
.wp-block-table.is-style-regular thead{ background-color: #dddddd; }
.wp-block-table.is-style-regular tfoot{ background-color: #f7f7f7; }
.wp-block-table.is-style-regular thead td{ text-align: center; border-top: 3px solid #333333; }
.wp-block-table.is-style-regular tfoot td{ text-align: center; border-bottom: 2px solid #777777; }

/* ================ Calendar ============== */
.calendar_wrap {background:#ffffff;box-shadow:none;}
#wp-calendar{width:100%;border:none; box-shadow: none; background:#ffffff; padding:  0; margin: 0; }
#wp-calendar caption{font-size:17px; font-weight: 700; text-align:center; padding: 5px; }
#wp-calendar th { text-align: center; padding: 5px 3px; font-weight: 600; color: #ffffff; background: #777777; }
#wp-calendar td{color:#555555; border: 1px solid #f6f6f6; text-align: center; position: relative; transition:all .3s; }
#wp-calendar td:hover{background: #e6e6e6; }
#wp-calendar td#prev, #wp-calendar td#next, #wp-calendar td.pad {border:none; }
#wp-calendar a { font-size: 15px; font-weight: 700; background: #cccccc; display: flex; justify-content: center; align-items: center; align-content: center; color: #555555!important; position: absolute; height: 100%; width: 100%; left: 0; top: 0; }
#wp-calendar a:hover { background: #555555; color: #ffffff !important; }
.wp-calendar-nav{ display: flex; justify-content: space-between; background: #cccccc; }
.wp-calendar-nav-prev, .wp-calendar-nav-next { display: inline-flex; margin: 5px; font-weight: bold; }
.wp-calendar-nav a, .wp-calendar-nav a:hover { color: #333333 !important; }


/* ================ Input and Button ============== */
textarea,input[type="text"],input[type="password"],input[type="email"],input[type="number"],input[type="search"],input[type="tel"],input[type="url"],.titlewrap input,select{background:#EDEDED;font-size:14px;padding:10px 7px;width:98%;border-top:1px solid #cccccc;border-left:1px solid #cccccc;border-right:1px solid #ffffff;border-bottom:1px solid #ffffff; vertical-align: middle; }
select{width:auto !important; min-width: 199px; }
input[type="password"]{width:200px}
.widget input[type="password"]{width:100%;}
textarea:focus,input[type="text"]:focus,input[type="password"]:focus,input[type="email"]:focus,input[type="number"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="url"]:focus,.titlewrap:focus input:focus,select:focus{background:#f7f7f7;}
button, a.jms-link, input[type="reset"], input[type="button"], input[type="submit"]{border:none;padding:10px; text-align:center; background-color:#008c00; background-image: linear-gradient(to bottom, #008c00, #013410); text-transform:uppercase; cursor:pointer; color:#cccccc; vertical-align: middle;}

button:hover, input[type="reset"]:hover, input[type="button"]:hover, input[type="submit"]:hover{color:#ffffff; background-image: linear-gradient(to bottom, #013410, #008c00 ); } 
button:active,
input[type="reset"]:active, input[type="button"]:active, input[type="submit"]:active{position:relative;top:1px;}
input#s{width:70%;min-width:235px;}


.bypostauthor{}
#content, #content-full{ text-align:justify; }
.post-container { background: #ffffff; margin-bottom: 30px; border-radius: 3px; overflow: hidden; box-shadow: 0 0 7px 0 #777777; }
.post-container:last-child{ margin-bottom: 0; }
.sticky:not(.topic)::before { content: "\f005 \f005 \f005"; letter-spacing: 10px; font-size: 20px; padding: 5px; color: #555555; position: absolute; right: 0; top: 0; }
#content img,
#content-full img{height:auto;max-width:100%;vertical-align:middle;}
#content img.wp-smiley,
#content-full img.wp-smiley{border:none;box-shadow:none;}

#headingpart{ padding: 30px 0 20px; }
#heading{color:#cccccc;font-size:40px; font-weight:bold; margin:0 auto; text-align:center;}
.heading-desc{font-size:17px; margin:0 auto 0; text-align:center; color:#3abc73;}


/* ================ Featured Boxes ============== */
#featured-box-item{ display: table; }
#featured-boxs{display:flex; justify-content: center; flex-wrap: wrap; margin:30px -15px; text-align:center; }
.featured-box{ margin:20px 15px; width:calc(25% - 30px); }
.featured-box .fboxtitle {font-weight:normal; margin:10px 0; text-transform:uppercase; color: #3ABC73; transition:all 1s; }
.featured-box img.box-image{display:block; max-height:100px; margin:0 auto  10px; max-width:100%; width: auto; height: auto; }
.featured-box .box-icon{ border-radius: 150%; display:flex; justify-content: center; align-items: center; font-size: 55px; height: 100px; width: 100px;  margin: 0 auto 10px; color: #3abc73; border: 3px solid #3abc73; border-color: inherit; transition:all 1s; }
.featured-box:hover img.box-image, .featured-box:hover .box-icon, .featured-box:hover .fboxtitle { transform:scale(1.15); filter:grayscale(100%); }
.fboxdes{ font-size: 13px; color: #ddfbe1; }

blockquote:before, q:before{content:'\201C';font-size:4em;line-height:.1em;margin-right:.20em;vertical-align:-.4em;}
blockquote:after, q:after{content:'\201D';font-size:4em;line-height:.1em;margin-left:.20em;vertical-align:-.4em;}
blockquote p, q p{display:inline;}
#container .attachment-thumbnail, #container .attachment-category-thumb { border: 1px solid #cccccc; margin: 0px 15px 10px 0; padding: 5px; float: left; background: #f7f7f7; }


h1.page-title{background:#cccccc; margin: 0; padding:5px 15px; text-shadow:1px 1px 1px #eeeeee; color: #057e08; font-weight: 600; font-size: 35px; line-height: 1; }
h1.arc-post-title{font-size:35px; text-transform:uppercase; text-align:center; font-weight: bold; margin-bottom: 20px; color: #555555; }
h2.post-title,
h2.comments,
h3#reply-title,
h2.post-title-color{font-size:25px;margin-bottom:0;padding-bottom:10px;text-align:left;text-transform:uppercase;color:#00cb05;}
h2.post-title{background:#cccccc; padding:5px 15px 10px; text-shadow:1px 1px 1px #eeeeee; font-weight: bold; }
.entrytext{ padding: 15px 15px 5px; }
h2.post-title a,
h2.post-title a:hover,
h2.comments a,
h2.post-title-color{color:#057e08;}
h3.arc-src{color:#35F486;font-size:20px;text-transform:uppercase;}
h3 span, #description{color:#cccccc;}

.post, .hentry, .no-results{ position: relative; }
.read-more{ background:#eeeeee; border:1px solid #cccccc; border-radius:3px; display:table; padding:5px 10px; margin-top:10px; transition: all .5s; }
.read-more::after { content: '\f138'; font-size: 15px; padding-left: 10px; vertical-align: middle; }
.read-more:hover{ background:#333333; color: #ffffff; border:1px solid #333333; }

.page-link{font-weight:bold;}
.page-link a{background:#333333;border-radius:50px;color:#ffffff;padding:1px 6px;}
.floatleft{float:left;width:45%;text-align:left;}
.floatright{float:right;width:45%;text-align:right;}
#page-nav .alignright{text-align:right;}
#page-nav .alignleft{text-align:left;}
#page-nav a{border-width:1px;font-size:17px;font-weight:bold;padding:10px;text-shadow:1px 1px 1px #000000;}


/* ================ Post Meta ============== */
.postmetadata{ font-family:Arial,Helvetica,sans-serif; text-shadow:0 0 1px #ffffff}
p.postmetadata{margin:0}
.postmetadata a{color:#09e20e;}
.postmetadataw { background:#cccccc; color:#111111; letter-spacing:1px; padding:10px 15px 5px; text-shadow:1px 1px 1px #ffffff; line-height: 1; }
.postmetadataw a{ color:#047b07; text-transform:uppercase; }
.singlepagecon .postmetadataw{ padding:5px 15px 15px; }

.post-meta {display:flex; justify-content: center; align-items: center; flex-wrap: wrap; font-weight: 500; line-height: 1; margin: 5px 0 0; background: #eeeeee; padding: 0 10px; width: 100%; border-top: 1px solid #eeeeee; text-align: center; color: #333333;}
.post-meta a {color: #555555; margin-left: 3px; }
.post-meta a:hover {text-decoration: underline;}
.post-meta .pmetacommon { padding: 5px; margin: 5px; display: inline-flex; justify-content: center; align-items: center; flex-wrap: wrap; }
.post-meta .pmetacommon:before { margin-right: 5px; font-size: 17px; }

.singlepagecon .post-meta { padding: 0 0 10px; border-bottom: 1px solid #eeeeee; }

.searchinfo { display: flex; justify-content: center; align-items: center; flex-direction: column; }
.searchinfo h1.page-title:before { font-size: 100px; position: absolute; width: 100px; margin-left: -110px; line-height: 1; } 
.searchinfo h1.page-title { padding-left: 110px; margin-bottom: 50px; display: flex; align-items: center; }
.searchinfo h3.arc-src { font-family: 'Anaheim', sans-serif; }
.searchinfo .backhome { padding: 10px 0; margin: 0 auto; font-size: 17px; }

.searchpage .searchinfo { display: block;  margin: 20px 0 30px; }
.searchpage .searchinfo h3.arc-src { padding-left: 110px; }

/* ================ Comments ============== */
#commentsbox{ margin:20px 0; background: #f7f7f7; }

h2.comments{ border-top:5px solid #00cb05; padding:20px; font-weight: 600; }
#commentsbox ol,
#commentsbox li{list-style:none outside none;}
#commentsbox .commentlist{margin:0; padding: 20px;}
#commentsbox .watermark{font-size:17px;text-align:center;text-shadow:none;text-transform:uppercase;color:rgba(150, 150, 150, 0.7);}
#commentsbox .comment-author cite, #commentsbox .comment-author cite a{font-style:normal; font-weight: bold;}
ol.commentlist, ul.commentlist{list-style:none outside none;}
#commentsbox img.avatar{ background: #eeeeee; border:3px solid #c7c7c7; border-radius:50px;position:absolute; right:-5px; top:-25px; width:50px;}
#commentsbox ul.children{padding:5px 0 0 20px;}
.comment-body{padding:0 0 10px;}
#commentsbox .comment-body ol li{list-style:decimal outside none;}
#commentsbox .comment-body ul li{list-style:square outside none;}
#commentsbox .commentlist li.comment{border-top:3px solid #a0a6a0;line-height:19px;margin:0 0 24px;padding:5px 0 0;position:relative;}
#comments .comment-body p:last-child{margin-bottom:6px;}
#commentsbox .comment-meta,
#commentsbox .comment-meta a:link,
#commentsbox .comment-meta a:visited{font-size:12px;padding-bottom:10px;text-shadow:none;color:#08d732;}
a.comment-reply-link { font-size: 12px; border: 1px solid #cccccc; padding: 1px 7px 3px; background: #ffffff; line-height: 1; }
#commentsbox .commentlist .children li{margin:0;border-top:1px solid #c3c3c4;}
#commentsbox .commentlist li:last-child{border-bottom:medium none;margin-bottom:0;}
#comment-form{max-width:590px; padding: 20px; }
#respond .required{font-weight:bold;position:absolute;color:#024F18;}
#comments-list #respond{margin:0 0 18px 0;}
#comments-list ul #respond{margin:0; }
h3#reply-title{ padding-top: 10px; font-weight: 600; }
#cancel-comment-reply-link{font-weight:normal;line-height:18px;}
#respond input{margin:0 0 9px;}
#respond textarea{width:98%;}
#respond .form-allowed-tags{font-size:13px;line-height:18px;}
#respond .form-allowed-tags code{font-size:11px;}
#respond .form-submit{margin:12px 0;}
#respond .form-submit input{font-size:14px;width:auto;}
#commentsbox .comment-meta .fn, #commentsbox .comment-meta .fn a{ color: #333333; font-size: 15px; }
#commentsbox .comment-nav{ margin: 10px 0; }
#respond .comment-form-cookies-consent{ display: flex; align-items: flex-start; line-height: 1; padding: 10px 0; }
#respond .comment-form-cookies-consent label {width: auto; padding: 0 0 0 10px; margin-top: -2px; font-weight: normal; }

#bvideo { position: relative; background: #caefd5; overflow: hidden; width: 100%;}

/* ================ Slider ============== */
#slide-container{  background: #caefd5; overflow: hidden; position: relative; }
#slidecon{ font-family: 'Open Sans Condensed',helvetica,sans-serif; padding: 20px 0 0; position: relative; }
#slide-container .owl-carousel .owl-stage-outer{ overflow: visible; }
#slidecon .slditems{  }
#slidecon .owl-item.active .slditems { opacity: 1; }
#slidecon .slide-item{ display: flex; justify-content: space-between; margin: 0 -20px; }
#slidecon .sldparts{ margin: 0 20px; }
#slidecon .sldtxtpart{ display: inline-flex; flex-direction: column; justify-content: center; padding: 20px 0 30px; min-height: 300px; height: 100%; position: relative; left: 10%; max-width: calc(80% - 450px); }
#slidecon .slide-title{ color: #ffffff; font-size: 35px; font-weight: 700; text-shadow: 1px 1px 1px rgba(0,0,0,.7); margin: 0; }
#slidecon .slide-des{ color: #3c8c05; text-shadow: 1px 1px 1px rgba(255,255,255,.5); font-size: 25px; font-weight: 400; margin: 5px 0; }
#slidecon .slide-link {   }
#slidecon .slide-linkin { display: flex; justify-content: flex-start; }
#slidecon .slide-link .slidelinktxt{ background-image: linear-gradient(to bottom, #008c00, #013410); font-size: 19px; color: #ffffff; padding: 9px; display: flex; align-items: center; justify-content: center; position: relative; margin: 5px 0 10px; line-height: 1; border-radius: 5px; }
#slidecon .slide-link .slidelinktxt::after{ content: '\f138'; margin-left: 10px; font-size: 21px; }
#slidecon .sldimgpart{ display: inline-flex; align-items: flex-end; position: relative; right: 10%; }
#slidecon .slide-image{ width: auto; max-height: 400px; max-width: 400px; }

.navdotout .owl-nav{ }
.navdotout .owl-nav button{ background: #ffffff; color: #555555; width: 30px; height: 70px; display: inline-flex; justify-content: center; align-items: center; position: absolute; top: calc(50% - 35px); z-index: 1;  }
.navdotout .owl-nav button:hover{ color: #ffffff; background: #111111; }
.navdotout .owl-nav button.owl-prev{ border-radius: 0 5px 5px 0; left: 0; }
.navdotout .owl-nav button.owl-next{ border-radius: 5px 0 0 5px; right: 0; }
.navdotout .owl-nav button::after{ margin: 0; padding: 0; font-size: 27px; transform: scaleY(155%); }
.navdotout .owl-nav button.owl-prev::after{ content: '\f053'; }
.navdotout .owl-nav button.owl-next::after{ content: '\f054'; }
.navdotout .owl-nav button span{ display: none; }

.navdotout .owl-dots{ position: absolute; left: 10%; bottom: 10px; z-index: 9; }
.navdotout .owl-dots button{ background: transparent; margin: 1px 3px; padding: 0; }
.navdotout .owl-dots button::after{ display: none; }
.navdotout .owl-dots button span { display: inline-block; width: 15px; height: 15px; margin: 0; border-radius: 150%; background: #04d785; box-shadow: 1px 1px 1px rgba(0,0,0,.1) inset,1px 1px 1px rgba(255,255,255,.3); }
#slide-container .owl-dots button.active span { background: #ffffff; border: 2px solid #04d785; border-color: inherit; }

.sFadeIn, .sFromTop, .sFromRight, .sFromBottom, .sFromLeft {opacity: 0; transition: all 0.7s ease-in-out; }
.sDelay1 {transition-delay: 0.1s;}
.sDelay2 {transition-delay: 0.5s;}
.sDelay3 {transition-delay: 1s;}
.sDelay4 {transition-delay: 1.5s;}

#slidecon .owl-item.active .sFadeIn {opacity: 1;}
#slidecon .owl-item .sFromTop { transform: translateY(-200%); }
#slidecon .owl-item.active .sFromTop {opacity: 1; transform: translateY(0);}
#slidecon .owl-item .sFromBottom { transform: translateY(200%);}
#slidecon .owl-item.active .sFromBottom {opacity: 1; transform: translateY(0);}
#slidecon .owl-item .sFromLeft { transform: translateX(-200%); }
#slidecon .owl-item.active .sFromLeft { opacity: 1; transform: translateX(0); }
#slidecon .owl-item .sFromRight { transform: translateX(200%); }
#slidecon .owl-item.active .sFromRight { opacity: 1; transform: translateX(0); }

/* ================ Video Box ============== */
.videobox {width: 100%; padding: 0; background:#03a82c; color:#ffffff;}
.videobox-inner {margin: 0 auto; overflow: hidden;}
.videoframe {position: relative; display:table; margin: 0 auto; text-align: center;}

.wp-video, .wp-audio { max-width:  100%; margin-left: auto; margin-right: auto; }
.mejs-controls button { box-shadow:  none; }
video, audio { max-width: 100% !important; height: auto; }

.ytviditem { position: relative; padding-bottom: 56.25%; height: 0; }
.ytviditem iframe, .ytviditem object, .ytviditem embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.mp4vidbox { position: relative; margin-bottom: -7px; }
.playpause { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; font-size: 55px; cursor: pointer; }
.playpause::after { content: '\f144'; color: #ffffff; opacity: .3; font-weight: normal !important; transition: all .5s; text-shadow: 0 1px 0 #000000; }
.playrunning::after { content: '\f28b'; opacity: 0; }
.mp4vidbox:hover .playpause::after { opacity: .7; }
.mp4vidbox:hover .playrunning::after { opacity: .5; }

.vidfullscreen::after { content: '\f31e'; color: #ffffff; opacity: .03; position: absolute; bottom: 10px; right: 10px; font-size: 20px; cursor: pointer; transition: all .5s; }
.mp4vidbox:hover .vidfullscreen::after { opacity: .9; }

/* 
==================== Clients Box ========== */
.clientbox{ background: rgba(0,0,0,0.5); padding: 20px 0; }
.clientbox .boxtoptitle { color: #b1b2b3; text-transform: uppercase; }
.clientbox .boxtopdes{ color: #b1b2b3; }
.clientslider { margin: 1px 0; padding: 10px; position: relative; }
.clientslider #clientlogos { padding: 10px 0 20px; margin: 0 -5px; }
clntback
.clientslider .boxtopdes{  }
.clientslider .xitem { width: calc(100%/7 - 10px); display: inline-flex; min-width: 130px; margin: 5px; padding: 5px; line-height: 1; border: 1px solid #eeeeee; }
.clientslider .clntitm { margin: 5px; padding: 5px; color: #b1b2b3; display: flex; justify-content: center; align-items: center; border: 1px dashed rgba(255,255,255,0.15); border-color: inherit; }

#clientlogos.noowl{ display: flex; justify-content: center; flex-wrap: wrap; }

/* 
==================== Blockquote and Testimonials ========== */
blockquote, q {background:#dddddd;background:rgba(200, 200, 200, 0.10);border-left:10px solid #cccccc;margin:20px 10px;padding:10px;quotes:'<<' '>>';}
blockquote:before, q:before {color:#cccccc;content:'\201C';font-size:4em;line-height:.1em;margin-right:.20em;vertical-align:-.4em; font-family: Georgia,serif;}
blockquote:after, q:after {color:#cccccc;content:'\201D';font-size:4em;line-height:.1em;margin-left:.20em;vertical-align:-.4em; font-family: Georgia,serif;}
blockquote p, q p {display:inline;}

#customers-comment { margin: 0; }
.tesback .boxtoptitle { text-transform: uppercase; }
.tesback { background:#eeeeee; margin-top: 0px; padding: 20px 0; color: #777777; font-size: 13px; }
#testimonialslider{ padding: 30px 0 20px; }
.fpage-quote { background: #ffffff; padding: 20px; margin: 0 10px; }
.fpage-quote h3.testittl { color:#141414; text-align: center; }
.arrow-down { border-color: #ffffff transparent; border-style: solid solid none; border-width: 30px 0 0 30px; float: left; height: 0; margin: -10px 0 0 20px; width: 0; }
#customers-comment img.quotepplpic { width: 60px; height: 60px; margin: 10px; border-radius: 150px; float: left; }
#customers-comment h4.quotewriter { display: table-cell; font-style: italic; padding: 30px 0 0; }
	
/* ================ Social Links ============== */
.social { display: inline-flex; margin: 0 5px; justify-content: center; align-items: center; font-style: normal; }
.social a { margin: 0 7px 3px; text-align: center; display: inline-flex; align-content: center; align-items: center; justify-content: center; transition:all .5s; background-size: 80% auto; background-repeat: no-repeat; background-position: center center; color: #ffffff !important; }

.social a::before, .social a.sliconimg { display: inline-flex; align-content: center; align-items: center; justify-content: center; -webkit-font-smoothing: antialiased; transition:all .5s; border-radius: 150%; border-style: solid; border-width: 1.5px 1px 1.5px 1.25px; font-size: 35px; font-weight: bold; height: 55px; width: 55px; line-height:normal; background-color: rgba(0,0,0,.5); border-color: rgba(255,255,255,.5)  rgba(0,0,0,.3) rgba(0,0,0,.3); text-shadow: 1px 1px 0 rgba(0, 0, 0, .5); }
.social a.slicondefined::before{ content: '\f005'; }

#footer .social { background-color:rgba(0,0,0,0.3); border-bottom: 1px solid rgba(255,255,255,0.1); padding: 10px; width: 100%; margin: 0 auto; }

.social a.slicondefined[href*="wordpress.org"]::before, 
.social a.slicondefined[href*="wordpress.com"]::before { content: '\f19a'; background: linear-gradient( #09b6db, #72c6d8 ) }
.social a.slicondefined[href*="facebook.com"]::before { content: '\f39e'; background: linear-gradient( #455afa, #7080fb ) }
.social a.slicondefined[href*="twitter.com"]::before { content: '\f099'; background: linear-gradient( #1cc3fa, #75dafb ) }
.social a.slicondefined[href*="dribbble.com"]::before { content: '\f17d'; background: linear-gradient( #e32971, #e58aad ) }
.social a.slicondefined[href*="plus.google.com"]::before { content: '\f0d5'; background: linear-gradient( #f32e0d, #f68572 ) }
.social a.slicondefined[href*="pinterest.com"]::before { content: '\f0d2'; background: linear-gradient( #c8232c, #c4676c ) }
.social a.slicondefined[href*="github.com"]::before { content: '\f113'; background: linear-gradient( #555555, #9c9a9a ) }
.social a.slicondefined[href*="tumblr.com"]::before { content: '\f173'; background: linear-gradient( #455afa, #adb6fa ) }
.social a.slicondefined[href*="youtube.com"]::before { content: '\f167'; background: linear-gradient( #F90909, #f99595 ) }
.social a.slicondefined[href*="flickr.com"]::before { content: '\f16e'; background: linear-gradient( #ff0084, #fa81c0 ) }
.social a.slicondefined[href*="vimeo.com"]::before { content: '\f194'; background: linear-gradient( #1AB7EA, #7dcbe5 ) }
.social a.slicondefined[href*="instagram.com"]::before { content: '\f16d'; background: linear-gradient( #05ace3, #6dc4e1 ) }
.social a.slicondefined[href*="codepen.io"]::before { content: '\f1cb'; background: linear-gradient( #555555, #9c9a9a ) }
.social a.slicondefined[href*="linkedin.com"]::before { content: '\f0e1'; background: linear-gradient( #05ace3, #61c0df ) }
.social a.slicondefined[href*="vk.com"]::before { content: '\f189'; background: linear-gradient( #0895c4, #2ec5f7 ) }
.social a.slicondefined[href*="t.me"]::before { content: '\f3fe'; background: linear-gradient( #0680a8, #24c4f8 ) }
.social a.slicondefined[href*="xing.com"]::before { content: '\f168'; background: linear-gradient( #b0d400, #d3f432 ) }
.social a.slicondefined[href*="yelp.com"]::before { content: '\f1e9'; background: linear-gradient( #d32323, #ff5b5b ) }
.social a.slicondefined[href*="wa.me"]::before,
.social a.slicondefined[href*="whatsapp.com"]::before { content: '\f232'; background: linear-gradient( #018e25, #1ee150 ) }

#footer .social a:hover::before, #footer .social a.sliconimg:hover { background-color: rgba(0, 0, 0, 0.5) !important; border-color: rgba(0,0,0,.3) rgba(255,255,255,.3) rgba(255,255,255,.5); text-shadow: -0.5px -0.5px 0 rgba(255, 255, 255, 0.5), 0.5px 0.5px 0 rgba(0, 0, 0, 0.5); }
#footer .social a.slicondefined:hover::before { background: rgba(0, 0, 0, 0.5) !important;}

#top-menu-con .social { background-color: transparent; margin: 0 10px; padding: 0; display: inline-flex; align-items: center; justify-content: center; }
#top-menu-con .social a{ margin: 1px 3px; transition: all .5s; }

#top-menu-con .social a::before, #top-menu-con .social a.sliconimg { margin: 0; background-color: #04d785 !important; text-shadow: none; font-size: 19px; width: 33px; height: 33px; border-radius: 150%; border: none; transition: all .5s;  }
#top-menu-con .social a.slicondefined::before{ background: #04d785 !important; }
#top-menu-con .social a:hover::before, #top-menu-con .social a.sliconimg:hover { box-shadow: 0 0 7px 0 rgba(0,0,0,.5); }

/* ================ Box Sizes ============== */
.box100 { display: block; position: relative; width: 100%; margin: 0 auto; clear: both; }
.box90 { display: block; position: relative; width: 80%; max-width: calc(100% - 40px); margin: 0 auto; clear: both; }
.box80 { display: block; position: relative; width: 80%; margin: 0 auto; clear: both; }
.heightzero{ height: 0 !important; margin: 0 !important; padding: 0 !important; opacity: 0 !important; }

#resmeasure { visibility: hidden; height: 0px; position: absolute; width: 20px; }
#topadjust { display: block; position: relative; width: 100%; height: 0px; clear: both; }

/* ================ Search Box ============== */
.search-form, #bbp-search-form div, #searchform, .woocommerce-product-search, .aws-container .aws-search-field { height: 39px; overflow: hidden; width: 100%; max-width: 550px; display: inline-flex;}
.search-form label{ margin: 0; width: calc(100% - 45px); }
#searchsubmit, .woocommerce-product-search button[type="submit"], input[type="submit"].search-submit, #bbp_search_submit, #searchsubmit:hover, .woocommerce-product-search button[type="submit"]:hover, input[type="submit"].search-submit:hover, #bbp_search_submit:hover { background: #057526 url("images/search.png") no-repeat scroll center center; background-size: auto 70%; border-radius: 0 3px 3px 0; box-shadow: none; font-size: 16px; font-weight: normal; margin: 0 0 0 -5px; padding: 4px 20px; text-indent: -90000px; vertical-align: top; height: 100%; min-height: 0px; min-width: 50px; width: 9%; top:0 !important; transition: all .5s;  }
input#s, .search-field, input[type="search"].search-field, #bbp_search { background: rgba(255,255,255,.85); border-radius: 3px 0 0 3px; vertical-align: top; max-width: 100%; min-width: 100px; height: 100%; padding: 5px 10px; width: 100%; border: 1px solid #057526; transition: all .5s; }
#searchsubmit:hover, input[type="submit"].search-submit:hover, #bbp_search_submit:hover, .woocommerce-product-search button[type="submit"]:hover { background-color: #044f16; transform: none; }

#searchloginbox #searchform, #searchloginbox .aws-container .aws-search-field, #searchloginbox .search-form { position: relative; display: inline-flex; width: auto; height: 29px; margin: 5px 0 5px 5px; }
#searchloginbox .search-form label{ width: 100%; }
#searchloginbox #searchsubmit, #searchloginbox #searchsubmit:hover, #searchloginbox input[type="submit"].search-submit, #searchloginbox input[type="submit"].search-submit:hover { background: transparent url("images/searchhb.png") no-repeat scroll right center; position: absolute; right: 5px; background-size: 20px auto; min-width: 30px; }
#searchloginbox input#s, #searchloginbox input[type="search"].search-field { border-style: solid; border-width: 1px; border-color: #999999 #ffffff #ffffff #999999; border-radius: 10px 0px 10px 0px; width: 145px; padding: 0 35px 0 10px; background: rgba(255,255,255,.05); }
#searchloginbox input#s:focus, #searchloginbox input[type="search"].search-field:focus {  width: 170px; color: #555555; max-width: none; min-width: 100px; }

/* ================ Search Login Bar ============== */
.flexcenter { display: inline-flex; align-items: center; justify-content: center; flex-wrap: wrap; }

#top-menu-con{ position: relative; display: inline-flex; max-width: 70%; justify-content: flex-end; padding: 5px 8px; }
#searchloginbar { position: relative;  height: auto; width: auto; font-size: 21px; }
#searchloginbox { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; position: relative; line-height: 1; }
#searchloginbox .flexcenter{ margin: 3px 7px; }
.mtopitem, .mtopitem a { color: #04d785; font-style: normal; text-shadow: 0 1px 0 #ffffff; }
.mtopitem:hover, .mtopitem a:hover, a.mtopitem, a.mtopitem:hover { text-shadow: 0 1px 0 #111111; }
#topsearchicon::before{ font-size: 29px; }
#topfloatingsearchbox{ position: absolute; right: 0; top: 100%; padding: 10px 0; display: none; width: 100%; min-width: 250px; font-style: normal; }
#topfloatingsearchboxin{ width: 100%; display: flex; justify-content: center; align-items: center; }
#topfloatingsearchbox .search-field, #topfloatingsearchbox input#s { background: #ffffff; }
#searchclose::before{ color: #333333; font-size: 19px; margin-right: 5px; }

ul#lboxd{ position:relative; font-size:15px; font-weight: 500; margin:0; padding: 0; color: #555555; }
ul#lboxd li { list-style:none; }
a#loginicon, a#loginicon:hover {display:block; float:right; }
a#loginicon::before, a#loginicon:hover::before { font-style: normal; font-weight: normal; content: '\f2bd'; font-size: 29px;}

ul#lboxd ul{background:#f6f6f6; border-right: 7px solid #1de033; display:none; padding:20px 40px 20px 20px; position:absolute; right:-10px; top: -3px; margin-top: 30px;width:150px; z-index:99999; vertical-align: top; }
.login-username input, .login-password input, .login-submit input, ul#lboxd button{display:block;position:relative;width:100%; }

ul#lboxd li:hover > ul{display:block; min-width: 250px;}
ul#lboxd label, label{display:inline-block;margin-bottom:5px; }

#fpheader-content #top-menu-con{ max-width: 100%; width: 100%; justify-content: center; }

.extranumber, .phonenumber { }
.phonenumber::before {margin-right: 7px; font-size: 21px; }
.extranumber::before { margin-right: 7px; font-size: 21px; }


/* ================ Page Navigation ============== */
.page-nav { text-align: center; margin: 10px auto 20px; position: relative;  }
.page-link { font-weight: bold; padding: 10px 20px; border-bottom: 1px solid #eeeeee; display: table; margin: 0 auto; font-size: 19px; line-height: .8; }
.page-link a { background:#3aa5f8; padding:0 7px;color:#ffffff; }
.page-nav .alignright{ text-align:right; }
.page-nav .alignleft{ text-align:left; }
ul.page-numbers { list-style: none; margin: 0; }
.page-numbers li { display: inline-block; vertical-align: top; margin-bottom: 15px; }
.page-numbers li .page-numbers {color: #09ac38; font-size: 19px; padding: 3px 10px; background: #eeeeee; border: 5px solid rgba(0,0,0,.1); border-radius: 50px; transition: all .5s;}
.page-numbers li .page-numbers.current, .page-numbers li .page-numbers:hover { border: 5px solid #09ac38; color: #ffffff; background: #09ac38; text-decoration: none; }
.page-nav .prev.page-numbers, .page-nav .next.page-numbers {background: transparent; border: none; font-size: 35px; line-height: 27px;}
.page-nav .prev.page-numbers:hover, .page-nav .next.page-numbers:hover {background: transparent; color: #cccccc; border: none; }

.sinpagenav{ background: #f7f7f7; padding: 3px 10px; margin: 0; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; }
.pagenavlink { width: calc(50% - 10px); margin: 10px 0; font-size: 15px; }
.pagenavlink a { display: flex; align-items: center; width: 100%; justify-content: flex-start; }
.pagenavlink.pagenavlinkright a{ justify-content: flex-end; }
.pagenavlink a * { margin: 0 5px; }
.sinpagenav .clear{ width: 100%; }

/* Text meant only for screen readers. */
.screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; }
.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. */ }

/* 
==================== E-Commerce/WooCommerce ========== */
.ecom-box-part{ padding: 20px 0 10px; position: relative; display: block; background-color: #ffffff; }
.ecom-part { margin: 20px auto 30px; display: block; text-align: center; }
.d5woospace { margin: 40px auto 20px; display: block; text-align:justify; }
.d5wooextra { margin: 20px auto 20px; display: block; text-align:justify; }
.woocommerce ul li, .woocommerce-page ul li { transition:all .5s; }
.ecom-part em { font-style: normal; }
.ecom-part h2.boxtoptitle { font-style: normal; color: #04662e; font-size: 41px; font-weight: 400; }
.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 {font-size: 20px; font-weight: 300;}
.ecom-part h3.about-us, .woocommerce ul.products li.product a, .woocommerce .woocommerce-info::before, .woocommerce .woocommerce-error::before, .woocommerce ul.products li.product .price, .woocommerce ul.products li.product .button, .woocommerce div.product p.price, .woocommerce div.product span.price { color: #1de033; }
.woocommerce span.onsale, .woocommerce ul.products li.product h3, .woocommerce div.product form.cart .button, .woocommerce-cart .wc-proceed-to-checkout 
a.checkout-button, .woocommerce .cart .button, .woocommerce .cart input.button, .woocommerce #payment #place_order, .woocommerce-page #payment #place_order, .woocommerce #respond input#submit, .woocommerce .d5woocontent a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit:hover, .woocommerce .d5woocontent a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover { background-color: #1de033; }
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product, .woocommerce div.product .product_title {  background-color: #04662e; }
.woocommerce .product_meta { border: 1px solid #eeeeee; padding: 5px; border-radius: 3px; width: 100%; display:  table; }
.woocommerce .entrytext, .woocommerce-account .entrytext, .woocommerce-page .entrytext, .elementor-default .entrytext {background-image: none;}
.woocommerce-MyAccount-navigation ul { margin: 5px 0; padding: 0; }
.woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link { list-style:  none; }
.woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link a { font-size: 15px; text-transform: uppercase; background: #f6f6f6; margin: 0 0 3px; padding: 5px 7px; list-style: inside square none; border-radius: 3px; color:#04662e; display:  list-item; transition: all .4s; }
.woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link a:hover { background: #04662e; color: #ffffff; }
.woocommerce .woocommerce-info, .woocommerce .woocommerce-error, .woocommerce .woocommerce-message { border-color: #1de033; }
.woocommerce .d5woocontent a {color: #1de033; }
.woocommerce ul.products li.product h3 { color: #ffffff; padding: 5px; font-size: 25px; }
.woocommerce ul.products li.product .price del { display: inline-block; vertical-align: middle; margin-right: 15px; font-size: 15px; opacity: .7;  }
.woocommerce ul.products li.product .price { display: inline-block; vertical-align: middle; font-size: 17px; margin: 5px auto -5px; }
.woocommerce ul.products li.product .button { display: block; background-color: #eeeeee !important; border-radius: 0px; color:#333333 !important; }

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {  padding: 10px; text-align: center; }
.woocommerce ul.products li.product:hover, .woocommerce-page ul.products li.product:hover {  padding: 0px; background-color: transparent; transform: scale(1.05);}
.woocommerce ul.products li.product .price ins { text-decoration: none; }
.woocommerce div.product form.cart .button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce .cart .button, .woocommerce .cart input.button, .woocommerce #payment #place_order, .woocommerce-page #payment #place_order, .woocommerce #respond input#submit, .woocommerce .d5woocontent a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit:hover, .woocommerce .d5woocontent a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce div.product .product_title { border-radius: 0px; color: #ffffff !important; }
.woocommerce .content table.cart td.actions .input-text, .woocommerce table.cart td.actions .input-text, .woocommerce-page .content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text { width: 150px; }
.woocommerce-cart table.cart td.actions .coupon .input-text { padding: 8px 6px 9px;  }
#right-sidebar .woocommerce ul { margin: 0 0 20px 0;  }
#right-sidebar .woocommerce ul, #right-sidebar .woocommerce li { list-style: none; }
#right-sidebar .woocommerce *::before {   }
.wccart-icon::before { font-size: 17px; line-height: 0; margin-right: 5px; }
#main-menu-con a.wccart-icon { font-weight: 700; border-radius: 5px 5px 0 0; display: flex; justify-content: center; align-items: center; font-size: 15px; }
.woocommerce ins { text-decoration: none; }
.woocommerce div.product .product_title { text-align: center; font-weight:500; padding: 5px; }
.woocommerce .quantity .qty { padding: 7px 3px 8px 5px; text-align: center; width: 70px; }
.ecom-part .boxtopdes { padding: 0; }
.ecom-part h3.about-us { font-style: normal;  font-size: 25px; }
.woocommerce .pswp__caption__center { font-size: 17px; text-align: center; }
.pswp__ui--idle .pswp__button--arrow--left, .pswp__ui--idle .pswp__button--arrow--right{ background: transparent; }

.woocommerce #comments{ margin: 0; }
.woocommerce #review_form #respond textarea{ display: block; max-width: 750px;}

/* new */
.woocommerce #review_form #respond {max-width: 650px;}
.single_add_to_cart_button.button.alt { min-height: 35px; }
.woocommerce p.stars a {font-size: 25px;margin: 0 5px 0 0;}
.woocommerce-form.woocommerce-form-login.login { max-width: 500px; }

.woocommerce .coupon{ display: inline-flex; }
.woocommerce #coupon_code{ min-width: 150px; }

.woocommerce .woocommerce-message::before{ color: #04662e; }
.woocommerce table.shop_table{ border-radius: 0; }

/*-------------*/
#d5woocartcountraw{ display: none; }
.withd5tooltip{ position: relative; }
.d5tooltip { background: #333333; border-radius: 3px;  color: #ffffff; font-size: 15px; padding: 5px; position: absolute; top: calc(100% + 3px); left: 50%; transform: translateX(-50%); text-align: center; text-transform: none; font-weight: normal; transition: all 0.5s; width: 150px; opacity: 0; }
.d5tooltip::before { content: ''; width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 9px solid #333333; position: absolute; left: 50%; transform: translateX(-50%); top: -7px; }
.d5tooltip.wccounttooltip { right: 0; transform: none; left: auto; }
.d5tooltip.wccounttooltip::before{ right: 20px; transform: none; left: auto; }
.withd5tooltip:hover .d5tooltip { opacity: 1; }

/* 
==================== Front Page Extra ========== */
.fpagecbox, .extracontainer { margin: 0 auto; display: table; position: relative; background: #ffffff; }
.fpagecbox img {height: auto;}

/* ================ Language Switcher ============== */
#lswitchbox{ list-style: none; margin: 0 5px; padding: 0; z-index: 9999;  }
#lswitchbox li{  position: relative; display: flex; align-items:  center; padding: 0; margin: 0; }
#lswitchbox .lswitemsdv{ cursor: pointer; padding: 3px 5px; margin: 2px; background: rgba(255,255,255,0.85); color: #333333; width: auto; display: flex; align-items: center; font-size: 15px; transition: all .5s; }
#lswitchbox li .lswitemsdv{ margin:0; width: 165px; border-bottom: 1px solid #eeeeee; }
#lswitchbox .lswitemsdv a{ display: flex; align-items: center; color: #333333; }
#lswitchbox .lswitemsdv:hover{ background: #ffffff; }
#lswitchbox img.lswimage{ max-height: 20px; width: auto; margin-right: 5px; }
#lswitchbox li:hover{  }
#lswitchbox .lswitemsulcl{ list-style: none; margin: 0 5px; padding: 0; display: none; }
#lswitchbox .lsdropdown .lswitemsulcl{ margin: 0; }
#lswitchbox .lsitemssel{ font-weight: 700; }
#lswitchbox .lswitemslitl > .lswitemsdv{ padding-right: 15px; }
#lswitchbox .lswitemslitl > .lswitemsdv::after{ content: '\f0d7'; font-size: 17px; right: 3px; position: absolute; top: 50%; transform: translateY(-50%); }
#lswitchbox .lswitemslitl:hover > ul { display: block; position: absolute; top: 100%; left: 0;  text-align: left; font-weight: normal; margin: 0; }
.lsdropdown{  }
.lsoneline{  }

/*
==================== Breadcrumbs ========== */
.breadcrumbs { margin: 10px auto 0; padding: 0 0 5px; border-bottom: 1px solid rgba(255,255,255,0.2); font-size: 17px; }
.breadcrumbs h2.trail-browse {margin-right: 5px;}
.breadcrumbs .trail-browse, .breadcrumbs .trail-items, .breadcrumbs .trail-items li { display: inline-block; margin:  0; 			padding: 0; border: none; background:  transparent; text-indent: 0; }
.breadcrumbs .trail-browse { font-size: 15px; font-style:  inherit; font-weight: inherit; color: inherit; }
.breadcrumbs .trail-items { list-style: none; }
.trail-items li::after { content: "\f0da"; padding: 0 5px; }
.trail-items li:last-of-type::after { display: none; }

/* ================ Contact Box  ============== */
.boxtoptitle { text-align: center; margin: 0 auto; font-size:33px; color: #54c203; }
.boxtopdes { text-align: center; margin: 0 auto; font-size:18px; line-height: 21px; padding: 21px 0 0; font-weight: 300; }

.contactcontainermain {  }
.conactboxs .boxtoptitle{ font-size: 35px; }
.conactboxs .boxtopdes{ font-size: 21px; }
.conactboxs .boxtopdes, .contact-sub-des { font-weight: normal; }
.contactcontainer { overflow: hidden; color: #ffffff; background:#138604; padding: 20px 0 0; }
.contactcontainer h2.boxtoptitle, .contactcontainer h4.contact-itemsh { color: #ffffff; }
.conactboxs { overflow: hidden; padding: 10px 0; }
#contactboxparts {display: flex; align-items: start; justify-content: center; flex-wrap: wrap; margin: 20px -15px 0; }
.contactboxpart { margin: 20px 15px; width: calc(50% - 30px); min-width: 300px; text-align: left; }
.contactcontainer input:not([type="submit"]), .contactcontainer textarea, .contactcontainer input[type="text"] { background: transparent; border-color: #cccccc; }
.contactcontainer input:not([type="submit"]):focus, .contactcontainer textarea:focus { background: #ffffff; border-color: #ffffff; }
.contactcontainer h3.contact-subtitle { font-size: 30px; font-weight: 500; }
.contactinfo { padding: 20px 0; }
.contactinfo span {  border: 3px solid #ffffff; color: #ffffff; border-radius: 150px; display: inline-block; font-size: 25px; height: 40px; line-height: 1.35; position: absolute; text-align: center; width: 40px; }
.contactinfo h4.contact-itemsh { font-size: 19px; font-weight: 400; }
.contactinfo h4.contact-itemsh, .contactinfo p.contact-itemsd { padding-left: 55px; margin: 0; }

.contactcontainer input[type="submit"] { min-width: 200px; }
.contactcontainer div.wpcf7-mail-sent-ng, .contactcontainer div.wpcf7-aborted, div.wpcf7-response-output { border-color: #0093c9; }

.contactcontainer ::-webkit-input-placeholder { color: #eeeeee; }
.contactcontainer :-moz-placeholder { color: #eeeeee; }
.contactcontainer ::-moz-placeholder { color: #eeeeee; }
.contactcontainer :-ms-input-placeholder { color: #eeeeee; }

.wpcf7-form input[type="submit"] { min-width: 150px; }
.wpcf7-list-item-label{ font-weight: normal; }

@media screen and (max-width: 700px) {
	#contactboxparts{ margin: 0; }
	.contactboxpart{ margin: 20px 0; width: 100%; }
}
.contactcontainer textarea{height: 170px;}
.wpcf7-form input[type="submit"] { min-width: 150px; }
.wpcf7 label { font-weight: 600; line-height: 2; width: 100%; max-width: 650px; }
.wpcf7-acceptance span.wpcf7-list-item{ margin: 0; }

::-webkit-input-placeholder { color: #cccccc; }
:-moz-placeholder { color: #cccccc;  }
::-moz-placeholder { color: #cccccc; }
:-ms-input-placeholder {  color: #cccccc;  }

/* ================ Mapping Box  ============== */
.mappingcontainer { overflow: hidden; text-align: center; display: block; }
.mappingcontainer .su-gmap { margin: 0; }

*, *::before, *::after { box-sizing: border-box; margin: 0; outline: medium none; padding: 0; }
.haved5iconfont *::before, .haved5iconfont *::after, .haved5iconfont::before, .haved5iconfont::after, [class*='fa-']::before, [class*='fa-']::after, #swipebox-overlay *::before, .sticky::before { font-family:FontAwesome, 'Font Awesome 5 Free', 'Font Awesome 5 Brands', Arial, Helvetica, SolaimanLipi, sans-serif; font-weight: 900 !important; }
.far, .far::before, .far::after { font-weight: 400 !important; }
.fanormal *::before, .fanormal *::after, .fanormal::before, .fanormal::after {font-weight: 400 !important;}